Browse Source

优化

master
陈裕财 3 years ago
parent
commit
4fbe526234
  1. 108
      src/views/xm/core/xmTestCase/XmTestCaseEdit.vue
  2. 26
      src/views/xm/core/xmTestPlanCase/XmTestPlanCaseMng.vue

108
src/views/xm/core/xmTestCase/XmTestCaseEdit.vue

@ -3,8 +3,25 @@
<el-row>
<!--编辑界面 XmTestCase 测试用例-->
<el-form :model="editForm" :rules="editFormRules" ref="editFormRef" label-position="left">
<el-row :gutter="20">
<el-col :span="18" class="border">
<el-row>
<el-col :span="6" class="padding border">
<el-form-item label="测试库" prop="casedbName">
{{editForm.casedbName?editForm.casedbName:editForm.casedbId }}
</el-form-item>
<el-form-item label="产品" prop="productId">
{{editForm.productName?editForm.productName:editForm.productId }}
</el-form-item>
<el-form-item label="关联需求" prop="menuName">
{{editForm.menuName?editForm.menuName:'暂无关联需求'}} <el-button type="text" @click="menuVisible=true">选择需求</el-button>
</el-form-item>
<el-form-item label="版本号" prop="verNum">
<el-input v-model="editForm.verNum" placeholder="版本号" :maxlength="50" @change="editSomeFields(editForm,'verNum',$event)"></el-input>
</el-form-item>
</el-col>
<el-col :span="18" class="border padding">
<el-form-item label="" prop="caseName" label-width="0px">
<el-row>
@ -34,53 +51,49 @@
</el-row>
</el-form-item>
<el-tabs v-model="activeTab">
<el-tab-pane name="1" label="基本信息">
<el-form-item label="" prop="preRmark" label-width="0px">
<el-row class="label-font-color padding-top">
前置条件
</el-row>
<el-row>
<el-input type="textarea" :rows="4" v-model="editForm.preRemark" placeholder="请输入前置条件" @change="editSomeFields(editForm,'preRmark',$event)"></el-input>
</el-row>
</el-form-item>
<el-form-item label="" prop="testStep" label-width="0px">
<el-row class="label-font-color padding-top">
测试步骤
</el-row>
<el-row>
<test-step-config v-model="editForm.testStep"></test-step-config>
</el-row>
<el-row v-if="opType!=='add' && editForm.testStep!=editFormBak.testStep">
<el-button type="primary" @click="editSomeFields(editForm,'testStep',editForm.testStep)">保存测试步骤</el-button>
</el-row>
</el-form-item>
<el-form-item label="" prop="caseRmark" label-width="0px">
<el-row class="label-font-color padding-top">
用例描述
</el-row>
<el-row>
<el-input type="textarea" :rows="4" v-model="editForm.caseRemark" placeholder="请输入用例描述" @change="editSomeFields(editForm,'caseRemark',$event)"></el-input>
</el-row>
</el-form-item>
</el-tab-pane>
<el-tab-pane name="2" label="缺陷" v-if="opType!=='add'">
<xm-question-mng v-if="activeTab=='2'" :xm-test-case="editForm" :xm-product="{id:editForm.productId,productName:editForm.productName}" :sel-project="{id:editForm.projectId,name:editForm.projectName}"></xm-question-mng>
</el-tab-pane>
<el-tab-pane name="3" label="执行记录" v-if="opType!=='add'">
<xm-test-plan-case-mng :xm-test-casedb="xmTestCasedb" :xm-test-case="editForm" v-if="activeTab=='3'"></xm-test-plan-case-mng>
</el-tab-pane>
<el-tab-pane name="4" label="日志" v-if="opType!=='add'"></el-tab-pane>
</el-tabs>
<el-form-item label="" prop="preRmark" label-width="0px">
<el-row class="label-font-color padding-top">
前置条件
</el-row>
<el-row>
<el-input type="textarea" :rows="4" v-model="editForm.preRemark" placeholder="请输入前置条件" @change="editSomeFields(editForm,'preRmark',$event)"></el-input>
</el-row>
</el-form-item>
<el-form-item label="" prop="testStep" label-width="0px">
<el-row class="label-font-color padding-top">
测试步骤
</el-row>
<el-row>
<test-step-config v-model="editForm.testStep"></test-step-config>
</el-row>
<el-row v-if="opType!=='add' && editForm.testStep!=editFormBak.testStep">
<el-button type="primary" @click="editSomeFields(editForm,'testStep',editForm.testStep)">保存测试步骤</el-button>
</el-row>
</el-form-item>
<el-form-item label="" prop="caseRmark" label-width="0px">
<el-row class="label-font-color padding-top">
用例描述
</el-row>
<el-row>
<el-input type="textarea" :rows="4" v-model="editForm.caseRemark" placeholder="请输入用例描述" @change="editSomeFields(editForm,'caseRemark',$event)"></el-input>
</el-row>
</el-form-item>
</el-col>
<el-col :span="6" class="border">
<el-form-item label="测试库" prop="casedbName">
{{editForm.casedbName?editForm.casedbName:editForm.casedbId }}
</el-form-item>
<el-form-item label="产品" prop="productId">
{{editForm.productName?editForm.productName:editForm.productId }}
</el-form-item>
<el-form-item label="关联需求" prop="menuName">
{{editForm.menuName?editForm.menuName:'暂无关联需求'}} <el-button type="text" @click="menuVisible=true">选择需求</el-button>
</el-form-item>
<el-form-item label="版本号" prop="verNum">
<el-input v-model="editForm.verNum" placeholder="版本号" :maxlength="50" @change="editSomeFields(editForm,'verNum',$event)"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-row>
@ -109,11 +122,13 @@
import XmFuncSelect from '../xmFunc/XmFuncSelect'
import TestStepConfig from './TestStepConfig.vue';
import XmQuestionMng from '@/views/xm/core/xmQuestion/XmQuestionMng';//
import XmTestPlanCaseMng from '@/views/xm/core/xmTestPlanCase/XmTestPlanCaseMng';//
import MyInput from '@/components/MDinput/index';
export default {
name:'xmTestCaseEdit',
components: {
XmMenuSelect,XmFuncSelect,MyInput,TestStepConfig,
XmMenuSelect,XmFuncSelect,MyInput,TestStepConfig,XmQuestionMng,XmTestPlanCaseMng,
},
computed: {
...mapGetters([ 'userInfo' ]),
@ -154,6 +169,7 @@ import TestStepConfig from './TestStepConfig.vue';
maxTableHeight:300,
menuVisible:false,
funcVisible:false,
activeTab:'1',
}//end return
},//end data
methods: {

26
src/views/xm/core/xmTestPlanCase/XmTestPlanCaseMng.vue

@ -1,9 +1,8 @@
<template>
<section>
<el-row>
<el-row>
<el-col :span="6">
<xm-func-select v-if="xmTestCasedb && xmTestCasedb.productId" class="padding-right padding-left" :xm-product="{id:xmTestCasedb.productId,productName:xmTestCasedb.productName}" @row-click="onXmFuncRowClick">
<xm-func-select v-if="xmProductCpd && xmProductCpd.id" class="padding-right padding-left" :xm-product="xmProductCpd" @row-click="onXmFuncRowClick">
</xm-func-select>
</el-col>
<el-col :span="18">
@ -32,7 +31,7 @@
<dict-tag :dict="dicts['testStepTcode']" v-model="scope.row.execStatus" effect="dark" @change="editSomeFields(scope.row,'execStatus',$event)"></dict-tag>
</template>
</el-table-column>
<el-table-column prop="caseName" label="用例名称" min-width="250" show-overflow-tooltip>
<el-table-column prop="caseName" label="用例名称" min-width="250">
<template slot-scope="scope">
<span> <el-link @click="showEdit( scope.row,scope.$index)">{{scope.row.caseName}} </el-link></span>
<span class="tool-bar">
@ -40,17 +39,17 @@
</span>
</template>
</el-table-column>
<el-table-column prop="execUsername" label="执行人姓名" min-width="120" show-overflow-tooltip>
<el-table-column prop="execUsername" label="执行人姓名" min-width="120" >
<template slot-scope="scope">
<span> {{scope.row.execUsername}} </span>
</template>
</el-table-column>
<el-table-column prop="priority" label="优先级" width="120" show-overflow-tooltip>
<el-table-column prop="priority" label="优先级" width="120" >
<template slot-scope="scope">
<dict-tag :dict="dicts['priority']" v-model="scope.row.priority" @change="editSomeFields(scope.row,'priority',$event)"></dict-tag>
</template>
</el-table-column>
<el-table-column prop="remark" label="执行备注" min-width="120" show-overflow-tooltip>
<el-table-column prop="remark" label="执行备注" min-width="150" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.remark}} </span>
</template>
@ -89,9 +88,20 @@ export default {
components: {
XmTestPlanCaseEdit,XmTestCaseSelect,XmFuncSelect,
},
props:['visible','xmTestPlan','xmTestCasedb'],
props:['visible','xmTestPlan','xmTestCasedb','xmTestCase'],
computed: {
...mapGetters(['userInfo']),
xmProductCpd(){
if(this.xmTestCasedb && this.xmTestCasedb.id){
return {id:this.xmTestCasedb.productId,productName:this.xmTestCasedb.productName}
}
if(this.xmTestPlan && this.xmTestPlan.id){
return {id:this.xmTestPlan.productId,productName:this.xmTestPlan.productName}
}
if(this.xmTestCase && this.xmTestCase.id){
return {id:this.xmTestCase.productId,productName:this.xmTestCase.productName}
}
}
},
watch:{

Loading…
Cancel
Save