|
|
|
@ -1,71 +1,86 @@ |
|
|
|
<template> |
|
|
|
<div class="mod-config"> |
|
|
|
<el-dialog |
|
|
|
width="600px" |
|
|
|
:title="value === 0 ? '新增-项目' :value === 1?'修改-项目':'新增-子项目'" |
|
|
|
width="40%" |
|
|
|
:title="value === 'save' ? '新增-项目' :value === 'update'?'修改-项目':'新增-子项目'" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:visible.sync="visible" |
|
|
|
@close="closeSaveDialog"> |
|
|
|
<el-form :inline="true" ref="saveForm" :model="dataForm" label-position="top" label-width="100px" :rules="projectRole"> |
|
|
|
<el-form-item label="项目层级" prop="projectLevel"> |
|
|
|
<el-select v-model="dataForm.projectLevel" style="width: 130px"> |
|
|
|
<el-option label="一级" :value="1"></el-option> |
|
|
|
<el-option label="二级" :value="2"></el-option> |
|
|
|
<el-option label="三级" :value="3"></el-option> |
|
|
|
</el-select> |
|
|
|
<el-form ref="saveForm" :model="dataForm" label-position="top" label-width="100px" :rules="projectRole"> |
|
|
|
<el-row :gutter="25"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item :label="(value !=='save' && value !== 'update')?'上级项目号':'项目号'"> |
|
|
|
<el-input v-model="dataForm.projectId" disabled ></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item prop="buDesc" :rules="projectRole.buDesc"> |
|
|
|
<span slot="label" style="" @click="getBaseList(106,1)"><a herf="#">BU</a></span> |
|
|
|
<el-input v-model="dataForm.buDesc" readonly @focus="getBaseList(106,1)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="项目名称" prop="projectName"> |
|
|
|
<el-input v-model="dataForm.projectName" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item prop="projectTypeDb" label="项目类型"> |
|
|
|
<dict-data-select dict-type="project_info_type_db" v-if="visible" v-model="dataForm.projectTypeDb"></dict-data-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item prop="projectSource" :rules="projectRole.projectSourceDesc" label="项目来源"> |
|
|
|
<dict-data-select dict-type="project_info_source" v-if="visible" v-model="dataForm.projectSource"></dict-data-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="customerName"> |
|
|
|
<span slot="label" style="" @click="getBaseList(102,1)"><a herf="#">所属客户</a></span> |
|
|
|
<el-input v-model="dataForm.customerName" readonly @focus="getBaseList(102,1)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item prop="priority" label="优先级"> |
|
|
|
<dict-data-select dict-type="project_info_priority" v-if="visible" v-model="dataForm.priority"></dict-data-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="要求日期:" prop="needDate"> |
|
|
|
<el-date-picker |
|
|
|
style="width: 100%" |
|
|
|
v-model="dataForm.needDate" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item prop="projectManagerName" :rules="projectRole.projectManagerName"> |
|
|
|
<span slot="label" style="" @click="managerChooseModal()"><a herf="#">项目经理</a></span> |
|
|
|
<el-input v-model="dataForm.projectManagerName" readonly @focus="managerChooseModal()"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item prop="projectOwnerName" :rules="projectRole.projectOwnerName"> |
|
|
|
<span slot="label" style="" @click="ownerChooseModal()"><a herf="#">项目负责人</a></span> |
|
|
|
<el-input v-model="dataForm.projectOwnerName" readonly @focus="ownerChooseModal()"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-form-item label="项目描述" style="height: 70px"> |
|
|
|
<el-input type="textarea" resize="none" :autosize="{minRows: 2, maxRows: 2}" v-model="dataForm.projectDesc" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="项目号"> |
|
|
|
<el-input v-model="dataForm.projectId" style="width: 130px" disabled ></el-input> |
|
|
|
<el-form-item label="客户应用/要求" style="height: 70px"> |
|
|
|
<el-input type="textarea" resize="none" :autosize="{minRows: 2, maxRows: 2}" v-model="dataForm.customerRemark" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="projectTypeDb" label="项目类型"> |
|
|
|
<dict-data-select dict-type="project_info_type_db" v-if="visible" style="width: 130px" v-model="dataForm.projectTypeDb"></dict-data-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="customerName"> |
|
|
|
<span slot="label" style="" @click="getBaseList(102,1)"><a herf="#">所属客户</a></span> |
|
|
|
<el-input v-model="dataForm.customerName" style="width: 130px" readonly @focus="getBaseList(102,1)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="项目名称" prop="projectName"> |
|
|
|
<el-input v-model="dataForm.projectName" style="width: 562px" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="项目描述" > |
|
|
|
<el-input v-model="dataForm.projectDesc" style="width: 562px" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="buDesc" :rules="projectRole.buDesc"> |
|
|
|
<span slot="label" style="" @click="getBaseList(106,1)"><a herf="#">BU</a></span> |
|
|
|
<el-input v-model="dataForm.buDesc" style="width: 130px" readonly @focus="getBaseList(106,1)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="projectSource" :rules="projectRole.projectSourceDesc" label="项目来源"> |
|
|
|
<dict-data-select dict-type="project_info_source" v-if="visible" style="width: 130px" v-model="dataForm.projectSource"></dict-data-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="priority" label="优先级"> |
|
|
|
<dict-data-select dict-type="project_info_priority" v-if="visible" style="width: 130px" v-model="dataForm.priority"></dict-data-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="要求日期:" prop="needDate" :rules="projectRole.needDate"> |
|
|
|
<el-date-picker |
|
|
|
style="width: 130px" |
|
|
|
v-model="dataForm.needDate" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="projectManagerName" :rules="projectRole.projectManagerName"> |
|
|
|
<span slot="label" style="" @click="managerChooseModal()"><a herf="#">项目经理</a></span> |
|
|
|
<el-input v-model="dataForm.projectManagerName" readonly style="width: 274px" @focus="managerChooseModal()"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="projectOwnerName" :rules="projectRole.projectOwnerName"> |
|
|
|
<span slot="label" style="" @click="ownerChooseModal()"><a herf="#">项目负责人</a></span> |
|
|
|
<el-input v-model="dataForm.projectOwnerName" readonly style="width: 274px" @focus="ownerChooseModal()"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="客户应用/要求"> |
|
|
|
<el-input v-model="dataForm.customerRemark" style="width: 562px" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="其他要求"> |
|
|
|
<el-input v-model="dataForm.remark" style="width: 562px" ></el-input> |
|
|
|
<el-form-item label="其他要求" style="height: 70px"> |
|
|
|
<el-input type="textarea" resize="none" :autosize="{minRows: 2, maxRows: 2}" v-model="dataForm.remark" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="userRoleName" :rules="projectRole.userRoleName"> |
|
|
|
<span slot="label" style="" @click="userRollModal()"><a herf="#">项目权限</a></span> |
|
|
|
<el-input v-model="dataForm.userRoleName" style="width: 562px" @focus="userRollModal()"></el-input> |
|
|
|
<el-input v-model="dataForm.userRoleName" @focus="userRollModal()"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
@ -217,7 +232,7 @@ |
|
|
|
props:{ |
|
|
|
value:{ |
|
|
|
required:true, |
|
|
|
type:Number, |
|
|
|
type:String, |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
|
@ -732,7 +747,10 @@ |
|
|
|
}, |
|
|
|
closeSaveDialog(){ |
|
|
|
this.$refs.saveForm.resetFields(); |
|
|
|
} |
|
|
|
}, |
|
|
|
updateDataForm(val){ |
|
|
|
this.dataForm.projectId = val; |
|
|
|
}, |
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -769,4 +787,10 @@ |
|
|
|
color: #303133; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
|
|
|
|
.el-textarea .el-textarea__inner { |
|
|
|
padding: 0px 5px; |
|
|
|
height: auto; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |