陈裕财
3 years ago
2 changed files with 220 additions and 6 deletions
-
16src/views/xm/core/xmTestPlan/XmTestPlanInfo.vue
-
210src/views/xm/core/xmTestPlan/XmTestPlanRpt.vue
@ -0,0 +1,210 @@ |
|||||
|
<template> |
||||
|
<section class="padding"> |
||||
|
<el-row ref="table"> |
||||
|
<!--编辑界面 XmTestPlan 测试计划--> |
||||
|
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef" label-position="left"> |
||||
|
|
||||
|
<el-form-item label="归属项目" prop="projectId"> |
||||
|
|
||||
|
<span v-if="opType=='add'"> |
||||
|
<xm-project-select v-if="!selProject || !selProject.id" ref="xmProjectSelect" :link-product-id="xmTestCasedb? xmTestCasedb.productId:null" @row-click="onPorjectConfirm" :auto-select="false"> |
||||
|
<span slot="title">选择项目</span> |
||||
|
</xm-project-select> |
||||
|
<div v-else>{{editForm.projectName}}</div> |
||||
|
</span> |
||||
|
<div v-else>{{editForm.projectName}}</div> |
||||
|
</el-form-item> |
||||
|
<el-form-item prop="name" label-width="0px"> |
||||
|
<el-row class="padding-bottom"> |
||||
|
<my-input v-model="editForm.name" placeholder="计划名称" :maxlength="255" @change="editSomeFields(editForm,'name',$event)"></my-input> |
||||
|
</el-row> |
||||
|
</el-form-item> |
||||
|
<el-row class="padding"> |
||||
|
<el-col :span="8"> |
||||
|
<mdp-select-user-xm label="负责人" userid-key="cuserid" username-key="cusername" v-model="editForm" @change="editSomeFields(editForm,'cuserid',$event)"></mdp-select-user-xm> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<mdp-select-dict-x label="状态" :dict="dicts['testPlanStatus']" v-model="editForm.status" @change="editSomeFields(editForm,'status',$event)"></mdp-select-dict-x> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="8"> |
||||
|
<mdp-select-dict-x label="测试结果" :dict="dicts['testPlanTcode']" v-model="editForm.tcode" @change="editSomeFields(editForm,'tcode',$event)"></mdp-select-dict-x> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-form-item label="归属测试库" prop="casedbName"> |
||||
|
{{editForm.casedbName}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="归属产品" prop="productName"> |
||||
|
{{editForm.productName}} |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="起止时间" prop="stime"> |
||||
|
<mdp-date-range :auto-default="false" placeholder="选择日期" v-model="editForm" start-key="stime" end-key="etime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" @change="editSomeFields(editForm,'stime',editForm)"></mdp-date-range> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row v-if="opType=='add'" > |
||||
|
<span style="float:right;"> |
||||
|
<el-button @click.native="handleCancel">取消</el-button> |
||||
|
<el-button v-loading="load.edit" type="primary" @click.native="saveSubmit" :disabled="load.edit==true">提交</el-button> |
||||
|
</span> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from "@/common/config"; //全局公共库import |
||||
|
import { initDicts, addXmTestPlan,editXmTestPlan,editSomeFieldsXmTestPlan } from '@/api/xm/core/xmTestPlan'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import XmProjectSelect from '@/views/xm/core/components/XmProjectSelect'; |
||||
|
|
||||
|
import MdpSelectUserXm from '@/views/xm/core/components/MdpSelectUserXm';//修改界面 |
||||
|
export default { |
||||
|
name:'xmTestPlanEdit', |
||||
|
components: { |
||||
|
XmProjectSelect,MdpSelectUserXm, |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters([ 'userInfo' ]), |
||||
|
|
||||
|
}, |
||||
|
props:['xmTestPlan','visible','opType','selProject','xmTestCasedb'], |
||||
|
|
||||
|
watch: { |
||||
|
'xmTestPlan':function( xmTestPlan ) { |
||||
|
if(xmTestPlan){ |
||||
|
this.editForm = {...xmTestPlan}; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
'visible':function(visible) { |
||||
|
if(visible==true){ |
||||
|
this.initData() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
currOpType:'add',//add/edit |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dicts:{ |
||||
|
testPlanStatus:[], |
||||
|
testPlanTcode:[], |
||||
|
|
||||
|
},//下拉选择框的所有静态数据 params={categoryId:'all',itemCodes:['sex']} 返回结果 {sex: [{id:'1',name:'男'},{id:'2',name:'女'}]} |
||||
|
editFormRules: { |
||||
|
name: [ |
||||
|
{ required: true, message: '测试计划名称不能为空', trigger: 'change' }, |
||||
|
{ min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'change' },//长度 |
||||
|
], |
||||
|
projectId: [ |
||||
|
{ required: true, message: '项目不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
}, |
||||
|
editForm: { |
||||
|
id:'',name:'',casedbId:'',casedbName:'',projectId:'',projectName:'',cuserid:'',cusername:'',ctime:'',stime:'',etime:'',status:'',tcode:'',totalCases:'',okCases:'',errCases:'',igCases:'',blCases:'',productId:'',productName:'',flowState:'' |
||||
|
}, |
||||
|
maxTableHeight:300, |
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
...util, |
||||
|
|
||||
|
// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听 |
||||
|
handleCancel:function(){ |
||||
|
this.$refs['editFormRef'].resetFields(); |
||||
|
this.$emit('cancel'); |
||||
|
}, |
||||
|
//新增、编辑提交XmTestPlan 测试计划父组件监听@submit="afterEditSubmit" |
||||
|
saveSubmit: function () { |
||||
|
this.$refs.editFormRef.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.$confirm('确认提交吗？', '提示', {}).then(() => { |
||||
|
this.load.edit=true |
||||
|
let params = Object.assign({}, this.editForm); |
||||
|
var func=addXmTestPlan |
||||
|
if(this.currOpType=='edit'){ |
||||
|
func=editXmTestPlan |
||||
|
} |
||||
|
func(params).then((res) => { |
||||
|
this.load.edit=false |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.editForm=res.data.data |
||||
|
this.initData() |
||||
|
this.currOpType="edit"; |
||||
|
this.$emit('submit');// @submit="afterAddSubmit" |
||||
|
} |
||||
|
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err =>this.load.edit=false); |
||||
|
}); |
||||
|
}else{ |
||||
|
this.$notify({ showClose:true, message: "表单验证不通过，请修改表单数据再提交", type: 'error' }); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
initData: function(){ |
||||
|
this.currOpType=this.opType |
||||
|
if(this.xmTestPlan){ |
||||
|
this.editForm = Object.assign({},this.xmTestPlan); |
||||
|
} |
||||
|
|
||||
|
if(this.opType=='edit'){ |
||||
|
|
||||
|
}else{ |
||||
|
|
||||
|
} |
||||
|
this.editFormBak={...this.editForm} |
||||
|
}, |
||||
|
|
||||
|
editSomeFields(row,fieldName,$event){ |
||||
|
if(this.opType=='add'){ |
||||
|
return; |
||||
|
} |
||||
|
let params={}; |
||||
|
params['ids']=[row].map(i=>i.id) |
||||
|
|
||||
|
if(fieldName=='stime'){ |
||||
|
params[fieldName]=$event.stime |
||||
|
params.etime=$event.etime |
||||
|
}else if(fieldName=='cuserid'){ |
||||
|
params[fieldName]=$event[0].userid |
||||
|
params.cusername=$event[0].username |
||||
|
}else{ |
||||
|
params[fieldName]=$event |
||||
|
} |
||||
|
var func = editSomeFieldsXmTestPlan |
||||
|
func(params).then(res=>{ |
||||
|
let tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.editFormBak=[...this.editForm] |
||||
|
this.$emit('edit-fields',params) |
||||
|
}else{ |
||||
|
Object.assign(this.editForm,this.editFormBak) |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:tips.msg,type:tips.isOk?'success':'error'}) |
||||
|
} |
||||
|
}).catch((e)=>Object.assign(this.editForm,this.editFormBak)) |
||||
|
}, |
||||
|
onPorjectConfirm(row){ |
||||
|
this.editForm.projectId=row.id |
||||
|
this.editForm.projectName=row.name |
||||
|
this.editForm.name=this.editForm.projectName+'-测试计划-V1.0' |
||||
|
} |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
initDicts(this); |
||||
|
this.initData() |
||||
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.table.$el) |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue