|
|
@@ -21,75 +21,32 @@
|
|
|
<el-form-item label="计划名称:" prop="planName">
|
|
|
<el-input
|
|
|
v-model.trim="addForm.planName"
|
|
|
- size="small"
|
|
|
placeholder="请输入"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="审批部门:" prop="verifyDeptCode"> <el-select
|
|
|
- v-model="addForm.verifyDeptCode"
|
|
|
- size="small"
|
|
|
- popper-class="eloption"
|
|
|
- :popper-append-to-body="true"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in exaUser"
|
|
|
- :key="item.userId"
|
|
|
- :label="item.trueName"
|
|
|
- :value="item.trueName"
|
|
|
- @click.native="addForm.verifyUserId = item.userId"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
+ <el-form-item label="审批部门:" prop="verifyDeptCode">
|
|
|
+ <deptSelect
|
|
|
+ v-model="addForm.verifyDeptCode"
|
|
|
+ @change="searchDeptNodeClick"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
- <!-- <el-input
|
|
|
- v-model="addForm.verifyDeptCode"
|
|
|
- v-show="false"
|
|
|
- ></el-input>
|
|
|
- <SelectTree
|
|
|
- class="form-input"
|
|
|
- ref="searchTree"
|
|
|
- :options="deptList"
|
|
|
- :value="addForm.verifyDeptCode"
|
|
|
- :props="{
|
|
|
- value: 'code',
|
|
|
- label: 'name',
|
|
|
- children: 'children'
|
|
|
- }"
|
|
|
- @getValue="verifyNodeClick"
|
|
|
- /> -->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="审批人:" prop="verifyUserName">
|
|
|
- <el-select
|
|
|
- v-model="addForm.verifyUserName"
|
|
|
- size="small"
|
|
|
- popper-class="eloption"
|
|
|
- :popper-append-to-body="true"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in exaUser"
|
|
|
- :key="item.userId"
|
|
|
- :label="item.trueName"
|
|
|
- :value="item.trueName"
|
|
|
- @click.native="addForm.verifyUserId = item.userId"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
+ <el-form-item label="审批人:" prop="executorId">
|
|
|
+ <personSelect
|
|
|
+ ref="executorRef"
|
|
|
+ v-model="addForm.executorId"
|
|
|
+ :init="false"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="紧急程度:" prop="urgent">
|
|
|
- <el-select
|
|
|
- v-model="addForm.urgent"
|
|
|
- size="small"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- <el-option label="普通" :value="1"></el-option>
|
|
|
- <el-option label="紧急" :value="2"></el-option>
|
|
|
- <el-option label="重要" :value="3"></el-option>
|
|
|
- </el-select>
|
|
|
+ <DictSelection dictName="紧急程度" clearable v-model="addForm.urgent">
|
|
|
+ </DictSelection>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
@@ -357,6 +314,10 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="执行部门:" prop="deptCode">
|
|
|
+ <deptSelect
|
|
|
+ v-model="addForm.deptCode"
|
|
|
+ @change="deptNodeClick"
|
|
|
+ />
|
|
|
<!-- <el-input v-model="infoData.deptCode" v-show="false"></el-input>
|
|
|
<SelectTree
|
|
|
class="form-input"
|
|
|
@@ -376,7 +337,6 @@
|
|
|
<el-form-item label="执行人:" prop="workOrderExecutorId">
|
|
|
<el-select
|
|
|
v-model="infoData.workOrderExecutorId"
|
|
|
- size="small"
|
|
|
style="width: 100%"
|
|
|
>
|
|
|
<el-option
|
|
|
@@ -417,16 +377,13 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-// import repair from '@/api/maintenance/repair/repair'
|
|
|
-// import maintenancePlan from '@/api/maintenance/repair/maintenancePlan'
|
|
|
-// import { getRuleNo } from '@/utils'
|
|
|
-// import user from '@/api/main/user'
|
|
|
-// import dept from '@/api/main/dept'
|
|
|
-// import SelectTree from '@/components/selectTree'
|
|
|
-// import { imageView } from '@/utils'
|
|
|
-
|
|
|
+ import personSelect from '@/components/CommomSelect/person-select.vue';
|
|
|
+ import deptSelect from '@/components/CommomSelect/dept-select.vue';
|
|
|
export default {
|
|
|
- // components: { SelectTree },
|
|
|
+ components: {
|
|
|
+ personSelect,
|
|
|
+ deptSelect
|
|
|
+ },
|
|
|
data () {
|
|
|
return {
|
|
|
uerList: [], // 审批人
|
|
|
@@ -477,14 +434,18 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
created () {
|
|
|
- this._getDeptList()
|
|
|
- this.getUserList()
|
|
|
- // // 编辑
|
|
|
- // if (this.$route.query.id) {
|
|
|
- // this._getPlanInfo()
|
|
|
- // }
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
+ //选择部门(搜索)
|
|
|
+ searchDeptNodeClick (info) {
|
|
|
+ // 根据部门获取人员
|
|
|
+ const params = { groupId: info };
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.executorRef.getList(params);
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
// 获取详情
|
|
|
async _getPlanInfo () {
|
|
|
const res = await maintenancePlan.planInfoDetailApi(this.$route.query.id)
|
|
|
@@ -653,15 +614,11 @@ export default {
|
|
|
},
|
|
|
|
|
|
// 选择部门(搜索)
|
|
|
- searchDeptNodeClick (info) {
|
|
|
+ deptNodeClick (info) {
|
|
|
if (info) {
|
|
|
- this.infoData.deptCode = info.code
|
|
|
- this.infoData.deptName = info.name
|
|
|
// 根据部门获取人员
|
|
|
- const params = { deptCode: info.code, status: 1 }
|
|
|
+ const params = { groupId: info }
|
|
|
this.getUserList(params)
|
|
|
- } else {
|
|
|
- this.infoData.deptCode = ''
|
|
|
}
|
|
|
},
|
|
|
|