From 1f772a6c7834eef35ff4c9f2c8ed734a4c2be76a Mon Sep 17 00:00:00 2001 From: 13937891274 <kxc0822> Date: 星期二, 02 八月 2022 11:09:16 +0800 Subject: [PATCH] 数据对接 --- src/views/contingencyManagement/contingency/component/openAdd.vue | 121 ++++++++++++++++++++++++---------------- 1 files changed, 73 insertions(+), 48 deletions(-) diff --git a/src/views/contingencyManagement/contingency/component/openAdd.vue b/src/views/contingencyManagement/contingency/component/openAdd.vue index 44361d3..af81142 100644 --- a/src/views/contingencyManagement/contingency/component/openAdd.vue +++ b/src/views/contingencyManagement/contingency/component/openAdd.vue @@ -29,7 +29,7 @@ </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="负责人部门" prop="principalDepartmentId"> - <el-tree-select v-model="ruleForm.principalDepartmentId" :data="data" class="w100" placeholder="请选择" /> + <el-tree-select v-model="ruleForm.principalDepartmentId" :data="data" class="w100" :props="propse" clearable placeholder="请选择" /> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @@ -109,6 +109,7 @@ reactive, ref, defineComponent, + onMounted, // toRefs, } from 'vue'; import { @@ -130,6 +131,7 @@ import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue"; import DailogSearchUser from "/@/components/DailogSearchUser/index.vue" import {contingencyApi} from "/@/api/contingency"; +import {goalManagementApi} from "/@/api/goalManagement"; // import {releaseDrillPlanApi} from "/@/api/releaseDrillPlan"; @@ -145,7 +147,7 @@ const ruleForm =ref({ teamName: '', // 队伍名称 teamLevel: '', // 队伍级别 - principalUid: 1, // 队伍负责人 + principalUid: '', // 队伍负责人 principalDepartmentId: '', //负责人部门 principalPhone: '', // 负责人手机 telephoneNumber: '', // 固定电话 @@ -187,53 +189,74 @@ // 上传附件 const fileList = ref<UploadUserFile[]>([]) + //部门树 + const department = () => { + goalManagementApi() + .getTreedepartment() + .then((res) => { + if (res.data.code == 200) { + data.value = res.data.data; + } else { + ElMessage.error(res.data.msg); + } + }); + }; //定义树形下拉框 const principalDepartmentId = ref() - const data = [ - { - value: '1', - label: '广汇能源综合物流发展有限责任公司', - children: [ - { - value: '11', - label: '经营班子', - children: [], - }, - ], - }, - { - value: '2', - label: '生产运行部', - children: [ - { - value: '21', - label: '灌装一班', - children: [] - }, - { - value: '22', - label: '工艺四班', - children: [], - }, - ], - }, - { - value: '3', - label: '设备部', - children: [ - { - value: '31', - label: '仪表班', - children: [], - }, - { - value: '32', - label: '机修班', - children: [], - }, - ], - }, - ] + const propse = { + label: 'depName', + children: 'children', + value: 'depId', + }; + const data=ref() + onMounted(() => { + department(); + }); + // const data = [ + // { + // value: '1', + // label: '广汇能源综合物流发展有限责任公司', + // children: [ + // { + // value: '11', + // label: '经营班子', + // children: [], + // }, + // ], + // }, + // { + // value: '2', + // label: '生产运行部', + // children: [ + // { + // value: '21', + // label: '灌装一班', + // children: [] + // }, + // { + // value: '22', + // label: '工艺四班', + // children: [], + // }, + // ], + // }, + // { + // value: '3', + // label: '设备部', + // children: [ + // { + // value: '31', + // label: '仪表班', + // children: [], + // }, + // { + // value: '32', + // label: '机修班', + // children: [], + // }, + // ], + // }, + // ] // 打开用户选择弹窗 const userRef = ref(); const openUser = () => { @@ -371,7 +394,7 @@ ruleForm.value = { teamName: '', // 队伍名称 teamLevel: '', // 队伍级别 - principalUid: 1, // 队伍负责人 + principalUid: '', // 队伍负责人 principalDepartmentId: '', //负责人部门 principalPhone: '', // 负责人手机 telephoneNumber: '', // 固定电话 @@ -507,6 +530,7 @@ userRef, titles, disabled, + propse, emit, onSubmit, openUser, @@ -520,6 +544,7 @@ // listApi, onEdit, onRowDel, + department, }; }, }); -- Gitblit v1.9.2