陈裕财
3 years ago
3 changed files with 381 additions and 70 deletions
-
67src/views/xm/core/xmProduct/XmProductEdit.vue
-
9src/views/xm/core/xmProduct/XmProductOverviewComplex.vue
-
371src/views/xm/core/xmProduct/XmProductSetting.vue
@ -0,0 +1,371 @@ |
|||
<template> |
|||
<section class="padding border"> |
|||
<el-row> |
|||
<!--新增界面 XmProduct 产品表--> |
|||
<el-form |
|||
:model="editForm" |
|||
label-width="120px" |
|||
:rules="editFormRules" |
|||
label-position="top" |
|||
ref="editForm" |
|||
> |
|||
|
|||
<h3>{{ editForm.productName }}</h3> |
|||
<el-row class=" label-font-color"> |
|||
<span >产品代号:</span> |
|||
{{ editForm.code }} <el-divider direction="vertical"></el-divider><span |
|||
>产品编号:</span |
|||
> |
|||
{{ editForm.id }} |
|||
<el-tooltip |
|||
content="产品代号用于签订合同等甲乙方共享的场景;产品编号为内部编号，用于内部流转,编号生成规则:产品代号+四位随机码 " |
|||
><i class="el-icon-question"></i |
|||
></el-tooltip> |
|||
</el-row> |
|||
<el-form-item label="管理成员"> |
|||
<el-row class="padding padding-top"> |
|||
|
|||
<el-col :span="8"> |
|||
<el-form-item prop="admUserid" label-width="0px"> |
|||
<mdp-select-user-x |
|||
label=" 产品总控" |
|||
userid-key="admUserid" |
|||
username-key="admUsername" |
|||
v-model="editForm" |
|||
@change="editSomeFields(editForm, 'admUserid', $event)" |
|||
></mdp-select-user-x> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="pmUserid" label-width="0px"> |
|||
<mdp-select-user-x |
|||
label=" 产品经理" |
|||
userid-key="pmUserid" |
|||
username-key="pmUsername" |
|||
v-model="editForm" |
|||
@change="editSomeFields(editForm, 'pmUserid', $event)" |
|||
></mdp-select-user-x> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="assUserid" label-width="0px"> |
|||
<mdp-select-user-x |
|||
label=" 副经理、助理" |
|||
userid-key="assUserid" |
|||
username-key="assUsername" |
|||
v-model="editForm" |
|||
@change="editSomeFields(editForm, 'assUserid', $event)" |
|||
></mdp-select-user-x> |
|||
</el-form-item> |
|||
</el-col> |
|||
|
|||
</el-row> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="团队相关:小组crud、加减人、小组组长管理等"> |
|||
<el-row> |
|||
<el-radio-group v-model="qxCode.groupScope" @change="editSomeFields(editForm,'groupScope',$event)"> |
|||
<el-radio label="0">不限制，允许任何人</el-radio> |
|||
<el-radio label="1">同机构下的人员</el-radio> |
|||
<el-radio label="2">同产品内人员</el-radio> |
|||
<el-radio label="3">同产品下同小组内人员</el-radio> |
|||
</el-radio-group> |
|||
</el-row> |
|||
<el-row> |
|||
<el-checkbox v-model="qxCode.groupTransmit" :true-label="'1'" :false-label="'0'" @change="editSomeFields(editForm,'groupTransmit',$event)">是否检查用户的上下级关系</el-checkbox> |
|||
</el-row> |
|||
<!--0-代表不限制,1-同组织，2-同项目组（默认），3-同小组--> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="测试相关：缺陷crud、用例crud、测试计划、测试执行等"> |
|||
<el-row> |
|||
<el-radio-group v-model="qxCode.testScope" @change="editSomeFields(editForm,'testScope',$event)"> |
|||
<el-radio label="0">不限制，允许任何人</el-radio> |
|||
<el-radio label="1">同机构下的人员</el-radio> |
|||
<el-radio label="2">同产品内人员</el-radio> |
|||
<el-radio label="3">同产品下同小组内人员</el-radio> |
|||
</el-radio-group> |
|||
</el-row> |
|||
<el-row> |
|||
<el-checkbox v-model="qxCode.testTransmit" :true-label="'1'" :false-label="'0'" @change="editSomeFields(editForm,'testTransmit',$event)">缺陷、用例等指派及crud是否检查用户的上下级关系</el-checkbox> |
|||
</el-row> |
|||
<!--0-代表不限制,1-同组织，2-同项目组（默认），3-同小组--> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="迭代crud、迭代负责人管理"> |
|||
<el-row> |
|||
<el-radio-group v-model="qxCode.iterationScope" @change="editSomeFields(editForm,'iterationScope',$event)"> |
|||
<el-radio label="0">不限制，允许任何人</el-radio> |
|||
<el-radio label="1">同机构下的人员</el-radio> |
|||
<el-radio label="2">同产品内人员</el-radio> |
|||
<el-radio label="3">同产品下同小组内人员</el-radio> |
|||
</el-radio-group> |
|||
</el-row> |
|||
<el-row> |
|||
<el-checkbox v-model="qxCode.iterationTransmit" :true-label="'1'" :false-label="'0'" @change="editSomeFields(editForm,'iterationTransmit',$event)">迭代指派及crud是否检查用户的上下级关系</el-checkbox> |
|||
</el-row> |
|||
<!--0-代表不限制,1-同组织，2-同项目组（默认），3-同小组--> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="需求相关：史诗、特性、故事的crud"> |
|||
<el-row> |
|||
<el-radio-group v-model="qxCode.menuTransmit" @change="editSomeFields(editForm,'menuScope',$event)"> |
|||
<el-radio label="0">不限制，允许任何人</el-radio> |
|||
<el-radio label="1">同机构下的人员</el-radio> |
|||
<el-radio label="2">同产品内人员</el-radio> |
|||
<el-radio label="3">同产品下同小组内人员</el-radio> |
|||
</el-radio-group> |
|||
</el-row> |
|||
<el-row> |
|||
<el-checkbox v-model="qxCode.menuTransmit" :true-label="'1'" :false-label="'0'" @change="editSomeFields(editForm,'menuTransmit',$event)">需求指派及crud是否检查用户的上下级关系</el-checkbox> |
|||
</el-row> |
|||
<!--0-代表不限制,1-同组织，2-同项目组（默认），3-同小组--> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-row> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from "@/common/js/util"; //全局公共库 |
|||
import { |
|||
initDicts, |
|||
addXmProduct, |
|||
editXmProductSomeFields, |
|||
createProductCode |
|||
} from "@/api/xm/core/xmProduct"; |
|||
import { mapGetters } from "vuex"; |
|||
import store from '@/store' |
|||
export default { |
|||
computed: { |
|||
...mapGetters(["userInfo", "roles"]), |
|||
}, |
|||
props: ["xmProduct", "visible"], |
|||
watch: { |
|||
xmProduct: { |
|||
handler() { |
|||
this.editForm = this.xmProduct; |
|||
this.editFormBak = { ...this.editForm }; |
|||
}, |
|||
deep: true, |
|||
}, |
|||
visible: function (visible) { |
|||
if (visible == true) { |
|||
|
|||
this.initData(); |
|||
this.initQxCode(); |
|||
//从新打开页面时某些数据需要重新加载，可以在这里添加 |
|||
} |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
dicts: { xmProductPstatus: [] }, //下拉选择框的所有静态数据 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, add: false, del: false, edit: false }, //查询中... |
|||
editFormRules: { |
|||
}, |
|||
//新增界面数据 产品表 |
|||
editForm: { |
|||
id: "", |
|||
productName: "", |
|||
branchId: "", |
|||
remark: "", |
|||
version: "", |
|||
pmUserid: "", |
|||
pmUsername: "", |
|||
ctime: "", |
|||
deptid: "", |
|||
pstatus: "", |
|||
startTime: "", |
|||
endTime: "", |
|||
deptName: "", |
|||
admUserid: "", |
|||
admUsername: "", |
|||
assUserid: "", |
|||
assUsername: "", |
|||
bizProcInstId: "", |
|||
bizFlowState: "", |
|||
isTpl: "", |
|||
baselineId: "", |
|||
baseTime: "", |
|||
code: "", |
|||
pbudgetWorkload: "", |
|||
pbudgetAmount: "", |
|||
pmenuBudgetWorkload: "", |
|||
pmenuBudgetAmount: "", |
|||
budgetCtrl: "", |
|||
phaseBudgetCtrl: "", |
|||
phaseActCtrl: "", |
|||
locked: "", |
|||
del: "", |
|||
ltime: "", |
|||
}, |
|||
editFormBak: { |
|||
id: "", |
|||
productName: "", |
|||
branchId: "", |
|||
remark: "", |
|||
version: "", |
|||
pmUserid: "", |
|||
pmUsername: "", |
|||
ctime: "", |
|||
deptid: "", |
|||
pstatus: "", |
|||
startTime: "", |
|||
endTime: "", |
|||
deptName: "", |
|||
admUserid: "", |
|||
admUsername: "", |
|||
assUserid: "", |
|||
assUsername: "", |
|||
bizProcInstId: "", |
|||
bizFlowState: "", |
|||
isTpl: "", |
|||
baselineId: "", |
|||
baseTime: "", |
|||
code: "", |
|||
pbudgetWorkload: "", |
|||
pbudgetAmount: "", |
|||
pmenuBudgetWorkload: "", |
|||
pmenuBudgetAmount: "", |
|||
budgetCtrl: "", |
|||
phaseBudgetCtrl: "", |
|||
phaseActCtrl: "", |
|||
locked: "", |
|||
del: "", |
|||
ltime: "", |
|||
}, |
|||
/** |
|||
权限码0,1,2,3,4,5,67,8,9，逗号分割 |
|||
共10位,不定长，暂时只启用前6个位 |
|||
第0位代表需求指派及crud权限： |
|||
0-代表不限制,1-同组织，2-同项目组（默认），3-同小组 |
|||
第1位代表需求指派及crud时是否检查上下级关系：0-否（默认），1是 |
|||
第2位代表测试相关(包括测试用例、测试库、测试计划、测试报告)指派及crud权限同第0位， |
|||
第3位代表测试相关(包括测试用例、测试库、测试计划、测试报告)指派及crud时是否检查上下级关系，同第1位 |
|||
第4位代表迭代指派及crud时权限，同第0位 |
|||
第5位代表迭代指派及crud时是否检查上下级关系，同第1位 |
|||
*/ |
|||
qxCode:{ |
|||
groupScope:'2', |
|||
groupTransmit:'1', |
|||
testScope:'2',//0-代表不限制,1-同组织，2-同项目组（默认），3-同小组 |
|||
testTransmit:'1',//0-不控制，1任务指派及crud必须检查用户的上下级关系 |
|||
menuScope:'2',//0-代表不限制,1-同组织，2-同项目组（默认），3-同小组 |
|||
menuTransmit:'1',//0-不控制，1任务指派及crud必须检查用户的上下级关系 |
|||
iterationScope:'2',//0-代表不限制,1-同组织，2-同项目组（默认），3-同小组 |
|||
iterationTransmit:'1',//0-不控制，1任务指派及crud必须检查用户的上下级关系 |
|||
}, |
|||
/**begin 在下面加自定义属性,记得补上面的一个逗号**/ |
|||
|
|||
/**end 在上面加自定义属性**/ |
|||
}; //end return |
|||
}, //end data |
|||
methods: { |
|||
// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听 |
|||
handleCancel: function () { |
|||
this.$refs["editForm"].resetFields(); |
|||
this.$emit("cancel"); |
|||
}, |
|||
|
|||
|
|||
editSomeFields(row, fieldName, $event) { |
|||
if(this.opType==='add'){ |
|||
return; |
|||
} |
|||
let params = {}; |
|||
params["ids"] = [row].map((i) => i.id); |
|||
if (fieldName == "admUserid") { |
|||
params["admUserid"] = $event[0].userid; |
|||
params["admUsername"] = $event[0].username; |
|||
} else if (fieldName == "assUserid") { |
|||
params["assUserid"] = $event[0].userid; |
|||
params["assUsername"] = $event[0].username; |
|||
} else if (fieldName == "pmUserid") { |
|||
params["pmUserid"] = $event[0].userid; |
|||
params["pmUsername"] = $event[0].username; |
|||
} if (fieldName == "groupScope"||fieldName == "groupTransmit"||fieldName == "testScope"||fieldName=="testTransmit"||fieldName == "menuScope"||fieldName=="menuTransmit"||fieldName == "iterationScope"||fieldName=="iterationTransmit") { |
|||
params["qxCode"] = [this.qxCode.groupScope,this.qxCode.groupTransmit,this.qxCode.testScope,this.qxCode.testTransmit,this.qxCode.menuScope,this.qxCode.menuTransmit,this.qxCode.iterationScope,this.qxCode.iterationTransmit].join(",") |
|||
} else { |
|||
params[fieldName] = $event; |
|||
} |
|||
|
|||
var func = editXmProductSomeFields; |
|||
func(params) |
|||
.then((res) => { |
|||
let tips = res.data.tips; |
|||
if (tips.isOk) { |
|||
this.editFormBak = [...this.editForm]; |
|||
Object.assign(this.editForm, params); |
|||
store.dispatch("setXmProduct",this.editForm) |
|||
this.$emit("edit-fields", params); |
|||
} else { |
|||
Object.assign(this.editForm, this.editFormBak); |
|||
this.initQxCode() |
|||
this.$notify({ |
|||
position: "bottom-left", |
|||
showClose: true, |
|||
message: tips.msg, |
|||
type: tips.isOk ? "success" : "error", |
|||
}); |
|||
} |
|||
}) |
|||
.catch((e) => Object.assign(this.editForm, this.editFormBak)); |
|||
}, |
|||
|
|||
|
|||
initData(){ |
|||
this.editForm=Object.assign(this.editForm,this.xmProduct) |
|||
this.editFormBak={...this.editForm} |
|||
}, |
|||
|
|||
initQxCode(){ |
|||
var qxCode=this.editForm.qxCode |
|||
if(!qxCode){ |
|||
this.qxCode.groupScope="2" |
|||
this.qxCode.groupTransmit="1" |
|||
this.qxCode.testScope="2" |
|||
this.qxCode.testTransmit="1" |
|||
this.qxCode.menuScope="2" |
|||
this.qxCode.menuTransmit="1" |
|||
this.qxCode.iterationScope="2" |
|||
this.qxCode.iterationTransmit="1" |
|||
}else{ |
|||
var qxCodes=qxCode.split(",") |
|||
if(qxCodes.length>=8){ |
|||
this.qxCode.groupScope=qxCodes[0] |
|||
this.qxCode.groupTransmit=qxCodes[1] |
|||
this.qxCode.testScope=qxCodes[2] |
|||
this.qxCode.testTransmit=qxCodes[3] |
|||
this.qxCode.menuScope=qxCodes[4] |
|||
this.qxCode.menuTransmit=qxCodes[5] |
|||
this.qxCode.iterationScope=qxCodes[6] |
|||
this.qxCode.iterationTransmit=qxCodes[7] |
|||
}else{ |
|||
this.qxCode.groupScope='2' |
|||
this.qxCode.groupTransmit='1' |
|||
this.qxCode.testScope="2" |
|||
this.qxCode.testTransmit="1" |
|||
this.qxCode.menuScope="2" |
|||
this.qxCode.menuTransmit="1" |
|||
this.qxCode.iterationScope="2" |
|||
this.qxCode.iterationTransmit="1" |
|||
} |
|||
} |
|||
}, |
|||
/**end 在上面加自定义方法**/ |
|||
}, //end method |
|||
components: { |
|||
}, |
|||
mounted() { |
|||
initDicts(this); |
|||
this.initData(); |
|||
this.initQxCode(); |
|||
/**在下面写其它函数***/ |
|||
}, //end mounted |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue