@ -4,11 +4,126 @@
< / e l - r o w >
< el -row ref = "table" >
<!-- 编辑界面 XmTestPlanCase 测试计划与用例关系表 -- >
< el -form :model ="editForm" label -width = " 120px " :rules ="editFormRules" ref = "editFormRef" label -position = " left " >
< el -form :model ="editForm" label -width = " 120px " :rules ="editFormRules" ref = "editFormRef" label -position = " left " >
< el -form -item label = "用例名称" prop = "caseName" >
< el -input v-model ="editForm.caseName" placeholder="用例名称" :maxlength="255" @change="editSomeFields(editForm,'caseName',$event)" > < / el -input >
< el -form -item label = "" prop = "caseName" label -width = " 0px " >
< el -row >
< span class = "padding-left" > < i class = "el-icon-s-operation" > < / i > 模块 ： < / span > < span > { { editForm . funcName } } < / span >
< / e l - r o w >
< el -row >
< span class = "title-font-size" > { { editForm . caseName } } < / span >
< / e l - r o w >
< el -row class = "padding" >
< el -col :span ="8" class = "avater-box" >
< el -avatar class = "avater" > { { editForm . execUsername } } < / e l - a v a t a r >
< div class = "msg" >
< span class = "title" > { { editForm . execUsername } } < / span >
< span class = "sub-title" > 执行人 < / span >
< / div >
< / e l - c o l >
< el -col :span ="8" class = "avater-box" >
< el -avatar class = "avater" icon = "el-icon-top" style = "background-color:rgb(255, 117, 117);" > < / e l - a v a t a r >
< div class = "msg" >
< span class = "title" > { { formatDicts ( dicts , 'priority' , editForm . priority ) } } < / span >
< span class = "sub-title" > 优先级 < / span >
< / div >
< / e l - c o l >
< el -col :span ="8" class = "avater-box" >
< div >
< el -button size = "medium " v -if = " editForm.execStatus = = ' 0 ' " type = "info" icon = "el-icon-arrow-up" circle > < / e l - b u t t o n >
< el -button size = "medium " v -if = " editForm.execStatus = = ' 1 ' " type = "success" icon = "el-icon-check" circle > < / e l - b u t t o n >
< el -button size = "medium " v -if = " editForm.execStatus = = ' 2 ' " type = "warning" icon = "el-icon-minus" circle > < / e l - b u t t o n >
< el -button size = "medium " v -if = " editForm.execStatus = = ' 3 ' " type = "primary" icon = "el-icon-right" circle > < / e l - b u t t o n >
< el -button size = "medium " v -if = " editForm.execStatus = = ' 4 ' " type = "danger" icon = "el-icon-close" circle > < / e l - b u t t o n >
< / div >
< div class = "msg" >
< span class = "title" > { { formatDicts ( dicts , 'testStepTcode' , editForm . execStatus ) } } < / span >
< span class = "sub-title" > 执行结果 < / span >
< / div >
< / e l - c o l >
< / e l - r o w >
< / e l - f o r m - i t e m >
< el -tabs >
< el -tab -pane name = "1" label = "用例信息" >
< el -row class = "padding-top" >
< el -col :span ="6" >
< el -row class = "label-font-size" >
用例状态
< / e l - r o w >
< el -row >
< el -tag class = "cell-text" v-for ="(item,index) in formatDictsWithClass(dicts,'testCaseStatus',editForm.caseStatus)" :key="index" :type="item.className" > {{ item.name }} < / el -tag >
< / e l - r o w >
< / e l - c o l >
< el -col :span ="6" >
< el -row class = "label-font-size" >
用例版本
< / e l - r o w >
< el -row >
{ { editForm . verNum } }
< / e l - r o w >
< / e l - c o l >
< el -col :span ="6" >
< el -row class = "label-font-size" >
用例类型
< / e l - r o w >
< el -row >
< el -tag v-for ="(item,index) in formatDictsWithClass(dicts,'caseType',editForm.caseType)" :key="index" :type="item.className" > {{ item.name }} < / el -tag >
< / e l - r o w >
< / e l - c o l >
< el -col :span ="6" >
< el -row class = "label-font-size" >
紧急程度
< / e l - r o w >
< el -row >
< el -tag v-for ="(item,index) in formatDictsWithClass(dicts,'priority',editForm.priority)" :key="index" :type="item.className" > {{ item.name }} < / el -tag >
< / e l - r o w >
< / e l - c o l >
< / e l - r o w >
< el -row class = "padding-top" >
< el -row class = "label-font-size padding-top" >
前置条件
< / e l - r o w >
< el -row class = "padding" >
{ { editForm . preRemark ? editForm . preRemark : '无' } }
< / e l - r o w >
< / e l - r o w >
< el -row class = "padding-top" >
< el -row class = "label-font-size padding-top" >
测试步骤
< / e l - r o w >
< el -row class = "padding" >
< test -step -result class = "padding" v-model ="editForm.testStep" > < / test -step -result >
< / e l - r o w >
< el -row v -if = " opType ! = ' add ' & & editFormBak.testStep ! = editForm.testStep " >
< el -button v-loading ="load.edit" type="primary" @click.native="editSomeFields(editForm,'testStep',editForm.testStep)" :disabled="load.edit==true" > 保存测试步骤 < / el -button >
< / e l - r o w >
< / e l - r o w >
< el -row class = "padding-top" >
< el -row class = "label-font-size padding-top" >
备注
< / e l - r o w >
< el -row class = "padding" >
{ { editForm . caseRemark ? editForm . caseRemark : '无' } }
< / e l - r o w >
< / e l - r o w >
< / e l - t a b - p a n e >
< el -tab -pane name = "2" label = "需求" >
< / e l - t a b - p a n e >
< el -tab -pane name = "3" label = "缺陷" >
< / e l - t a b - p a n e >
< el -tab -pane name = "4" label = "附件" >
< / e l - t a b - p a n e >
< / e l - t a b s >
< el -form -item label = "测试用例编号" prop = "caseId" >
< el -input v-model ="editForm.caseId" placeholder="测试用例编号" :maxlength="50" @change="editSomeFields(editForm,'caseId',$event)" > < / el -input >
< / e l - f o r m - i t e m >
@ -23,14 +138,7 @@
< el -form -item label = "执行备注" prop = "remark" >
< el -input v-model ="editForm.remark" placeholder="执行备注" :maxlength="2147483647" @change="editSomeFields(editForm,'remark',$event)" > < / el -input >
< / e l - f o r m - i t e m >
< el -form -item label = "测试步骤" prop = "testStep" >
< el -row >
< test -step -result v-model ="editForm.testStep" > < / test -step -result >
< / e l - r o w >
< el -row v -if = " opType ! = ' add ' & & editFormBak.testStep ! = editForm.testStep " >
< el -button v-loading ="load.edit" type="primary" @click.native="editSomeFields(editForm,'testStep',editForm.testStep)" :disabled="load.edit==true" > 保存测试步骤 < / el -button >
< / e l - r o w >
< / e l - f o r m - i t e m >
< el -form -item label = "测试结果" prop = "execStatus" >
< el -select v-model ="editForm.execStatus" @change="editSomeFields(editForm,'execStatus',$event)" >
@ -55,11 +163,12 @@
import { initDicts , addXmTestPlanCase , editXmTestPlanCase , editSomeFieldsXmTestPlanCase } from '@/api/xm/core/xmTestPlanCase' ;
import { mapGetters } from 'vuex'
import TestStepResult from './TestStepResult.vue' ;
import MyInput from '@/components/MDinput/index' ;
export default {
name : 'xmTestPlanCaseEdit' ,
components : {
TestStepResult ,
TestStepResult , MyInput ,
} ,
computed : {
@ -85,7 +194,7 @@ TestStepResult,
return {
currOpType : 'add' , / / a d d / e d i t
load : { list : false , edit : false , del : false , add : false } , / / 查 询 中 . . .
dicts : { } , / / 下 拉 选 择 框 的 所 有 静 态 数 据 p a r a m s = { c a t e g o r y I d : ' a l l ' , i t e m C o d e s : [ ' s e x ' ] } 返 回 结 果 { s e x : [ { i d : ' 1 ' , n a m e : ' 男 ' } , { i d : ' 2 ' , n a m e : ' 女 ' } ] }
dicts : { 'testPlanStatus' : [ ] , 'testPlanTcode' : [ ] , 'testStepTcode' : [ ] , 'priority' : [ ] , 'testCaseStatus' : [ ] , 'caseType' : [ ] } , / / 下 拉 选 择 框 的 所 有 静 态 数 据 p a r a m s = { c a t e g o r y I d : ' a l l ' , i t e m C o d e s : [ ' s e x ' ] } 返 回 结 果 { s e x : [ { i d : ' 1 ' , n a m e : ' 男 ' } , { i d : ' 2 ' , n a m e : ' 女 ' } ] }
editFormRules : {
caseId : [
/ / { r e q u i r e d : t r u e , m e s s a g e : ' 测 试 用 例 编 号 不 能 为 空 ' , t r i g g e r : ' b l u r ' }
@ -187,6 +296,41 @@ TestStepResult,
< / script >
< style scoped >
< style lang = "scss" >
. my - input input {
font - size : 28 px ! important ;
}
. avater - box {
display : flex ;
align - items : center ;
cursor : pointer ;
. avater {
background - color : # FF9F73 ;
}
. msg {
margin - left : 10 px ;
display : flex ;
flex - direction : column ;
. title {
margin - top : 5 px ;
font - size : 16 px ;
}
. sub - title {
margin - top : - 10 px ;
font - size : 14 px ;
color : # C0C4CC ;
}
}
. btn {
margin - top : 0 px ;
visibility : hidden ;
}
}
. avater - box : hover . btn {
visibility : visible ! important ;
}
< / style >
陈裕财
4 years ago