陈裕财
4 years ago
4 changed files with 59 additions and 336 deletions
-
2src/api/xm/core/xmTestCase.js
-
185src/views/xm/core/xmTestCase/XmTestCaseAdd.vue
-
91src/views/xm/core/xmTestCase/XmTestCaseEdit.vue
-
117src/views/xm/core/xmTestCase/XmTestCaseMng.vue
@ -1,185 +0,0 @@ |
|||
<template> |
|||
<section class="page-container padding border"> |
|||
<el-row> |
|||
<!--新增界面 XmTestCase 测试用例--> |
|||
<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm"> |
|||
<el-form-item label="标题" prop="caseName"> |
|||
<el-input v-model="addForm.caseName" placeholder="标题" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="模块名称" prop="moduleName"> |
|||
<el-input v-model="addForm.moduleName" placeholder="模块名称" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="关联的需求" prop="menuId"> |
|||
<el-tag v-if="addForm.menuName && addForm.menuName!=''" closable @close="clearFiltersMneu">{{addForm.menuName}}</el-tag> |
|||
<el-tag v-else>还没关联任何需求</el-tag> |
|||
<el-button @click="showMenu">关联需求</el-button> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="测试步骤" prop="testStep"> |
|||
<vue-editor v-if="visible" :id="'testStep3'" :branch-id="userInfo.branchId" v-model="addForm.testStep" ref="testStep" key="1"></vue-editor> |
|||
|
|||
|
|||
</el-form-item> |
|||
<el-form-item label="预期结果" prop="expectResult"> |
|||
|
|||
<vue-editor v-if="visible" :id="'expectResult3'" :branch-id="userInfo.branchId" v-model="addForm.expectResult" ref="expectResult" key="2"></vue-editor> |
|||
|
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click.native="handleCancel">取消</el-button> |
|||
<el-button v-loading="load.add" type="primary" @click.native="addSubmit" :disabled="load.add==true">提交</el-button> |
|||
<el-button v-loading="load.add" type="warning" @click.native="addSubmit(true)" :disabled="load.add==true">提交后继续新建</el-button> |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-drawer append-to-body title="需求选择" :visible.sync="menuVisible" size="60%" :close-on-click-modal="false"> |
|||
<xm-menu-select :xm-product="xmProduct" :visible="menuVisible" checkScope="3" :is-select-menu="true" :multi="true" @menus-selected="onSelectedMenus" ></xm-menu-select> |
|||
</el-drawer> |
|||
</el-row> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '@/common/js/util';//全局公共库 |
|||
import {sn} from '@/common/js/sequence';//全局公共库 |
|||
|
|||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|||
import { addXmTestCase } from '@/api/xm/core/xmTestCase'; |
|||
import { mapGetters } from 'vuex' |
|||
import xmMenuSelect from '../xmMenu/XmMenuSelect'; |
|||
import VueEditor from '@/components/Tinymce/index'; |
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters([ |
|||
'userInfo','roles' |
|||
]) |
|||
}, |
|||
props:['xmTestCase','visible','xmProduct','xmMenu'], |
|||
watch: { |
|||
'xmTestCase':function( xmTestCase ) { |
|||
//this.addForm = xmTestCase; |
|||
}, |
|||
'visible':function(visible) { |
|||
if(visible==true){ |
|||
//从新打开页面时某些数据需要重新加载，可以在这里添加 |
|||
if(this.xmProduct && this.xmProduct.id){ |
|||
this.addForm.productId=this.xmProduct.id |
|||
}else{ |
|||
this.addForm.productId='' |
|||
} |
|||
if(this.xmMenu && this.xmMenu.menuId){ |
|||
this.addForm.menuId=this.xmMenu.menuId |
|||
this.addForm.menuName=this.xmMenu.menuName |
|||
}else{ |
|||
this.addForm.menuId='' |
|||
this.addForm.menuName='' |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
dicts:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
|||
load:{ list: false, edit: false, del: false, add: false },//查询中... |
|||
addFormRules: { |
|||
menuId: [ |
|||
{ required: true, message: '需求不能为空', trigger: 'blur' } |
|||
], |
|||
caseName: [ |
|||
{ required: true, message: '标题不能为空', trigger: 'blur' } |
|||
] |
|||
}, |
|||
//新增界面数据 测试用例 |
|||
addForm: { |
|||
id:'',caseName:'',caseRemark:'',testStep:'',expectResult:'',menuId:'',menuName:'',ctime:'',ltime:'',luserid:'',lusername:'',cbranchId:'',moduleId:'',moduleName:'',caseStatus:'1' |
|||
}, |
|||
/**begin 在下面加自定义属性,记得补上面的一个逗号**/ |
|||
menuVisible:false, |
|||
|
|||
/**end 在上面加自定义属性**/ |
|||
}//end return |
|||
},//end data |
|||
methods: { |
|||
// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听 |
|||
handleCancel:function(){ |
|||
this.$refs['addForm'].resetFields(); |
|||
this.$emit('cancel'); |
|||
}, |
|||
//新增提交XmTestCase 测试用例 父组件监听@submit="afterAddSubmit" |
|||
addSubmit: function (next) { |
|||
|
|||
this.$refs.addForm.validate((valid) => { |
|||
if (valid) { |
|||
|
|||
this.$confirm('确认提交吗？', '提示', {}).then(() => { |
|||
this.load.add=true |
|||
let params = Object.assign({}, this.addForm); |
|||
params.cbranchId=this.userInfo.branchId |
|||
params.luserid=this.userInfo.userid |
|||
params.lusername=this.userInfo.username |
|||
params.id=sn('case_') |
|||
addXmTestCase(params).then((res) => { |
|||
this.load.add=false |
|||
var tips=res.data.tips; |
|||
if(tips.isOk && next!=true){ |
|||
this.$emit('submit');// @submit="afterAddSubmit" |
|||
} |
|||
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
|||
}).catch( err => this.load.add=false); |
|||
}); |
|||
} |
|||
}); |
|||
}, |
|||
/**begin 在下面加自定义方法,记得补上面的一个逗号**/ |
|||
showMenu(){ |
|||
this.menuVisible=true; |
|||
}, |
|||
onSelectedMenus(menus){ |
|||
if(!menus || menus.length==0){ |
|||
this.menuVisible=false |
|||
return; |
|||
} |
|||
this.menuVisible=false |
|||
this.addForm.menuId= menus[0].menuId |
|||
this.addForm.menuName= menus[0].menuName |
|||
this.$refs.addForm.validateField('menuId',valid=>{}) |
|||
|
|||
}, |
|||
clearFiltersMneu(menu){ |
|||
this.addForm.menuId="" |
|||
this.addForm.menuName="" |
|||
this.$refs.addForm.validateField('menuId',valid=>{}) |
|||
} |
|||
/**end 在上面加自定义方法**/ |
|||
|
|||
},//end method |
|||
components: { |
|||
//在下面添加其它组件 'xm-test-case-edit':XmTestCaseEdit |
|||
xmMenuSelect,VueEditor |
|||
}, |
|||
mounted() { |
|||
if(this.xmProduct && this.xmProduct.id){ |
|||
this.addForm.productId=this.xmProduct.id |
|||
}else{ |
|||
this.addForm.productId='' |
|||
} |
|||
if(this.xmMenu && this.xmMenu.menuId){ |
|||
this.addForm.menuId=this.xmMenu.menuId |
|||
this.addForm.menuName=this.xmMenu.menuName |
|||
}else{ |
|||
this.addForm.menuId='' |
|||
this.addForm.menuName='' |
|||
} |
|||
//this.addForm=Object.assign(this.addForm, this.xmTestCase); |
|||
/**在下面写其它函数***/ |
|||
|
|||
}//end mounted |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue