From 1f772a6c7834eef35ff4c9f2c8ed734a4c2be76a Mon Sep 17 00:00:00 2001 From: 13937891274 <kxc0822> Date: 星期二, 02 八月 2022 11:09:16 +0800 Subject: [PATCH] 数据对接 --- src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue | 85 ++++++++++++++++++------------------------ 1 files changed, 36 insertions(+), 49 deletions(-) diff --git a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue index 4a838b0..fdf1a0f 100644 --- a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue +++ b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue @@ -30,7 +30,11 @@ <el-form-item label="主办部门" placeholder="请选择" prop="departmentId"> <el-tree-select v-model="ruleForm.departmentId" - :data="data" class="w100" + :data="data" + check-strictly + class="w100" + :props="propse" + clearable placeholder="请选择"/> </el-form-item> </el-col> @@ -89,7 +93,11 @@ <el-form-item label="制定部门" prop="makingDepartmentId"> <el-tree-select v-model="ruleForm.makingDepartmentId" - :data="data" class="w100" + check-strictly + :data="data" + class="w100" + :props="propse" + clearable placeholder="请选择"/> </el-form-item> </el-col> @@ -187,7 +195,8 @@ import { // reactive, ref, - defineComponent + defineComponent, + onMounted, } from 'vue'; import type { @@ -202,6 +211,7 @@ import UserCheckbox from "/@/components/userCheckbox/index.vue" import RegionsDialog from "/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue" import {releaseDrillPlanApi} from "/@/api/emergencyDrillPlan"; +import {goalManagementApi} from "/@/api/goalManagement"; export default defineComponent({ name: 'openAdd', @@ -339,54 +349,29 @@ ], }, ] + //部门树 + const department = () => { + goalManagementApi() + .getTreedepartment() + .then((res) => { + if (res.data.code == 200) { + data.value = res.data.data; + } else { + ElMessage.error(res.data.msg); + } + }); + }; //定义树形下拉框 const responsibleDepartment = ref() - const data = [ - { - value: '1', - label: '广汇能源综合物流发展有限责任公司', - children: [ - { - value: '11', - label: '经营班子', - children: [], - }, - ], - }, - { - value: '12', - label: '生产运行部', - children: [ - { - value: '21', - label: '灌装一班', - children: [] - }, - { - value: '22', - label: '工艺四班', - children: [], - }, - ], - }, - { - value: '3', - label: '设备部', - children: [ - { - value: '31', - label: '仪表班', - children: [], - }, - { - value: '32', - label: '机修班', - children: [], - }, - ], - }, - ] - + const data = ref() + const propse = { + label: 'depName', + children: 'children', + value: 'depId', + }; + onMounted(() => { + department(); + }); // 表单提交验证必填项 const submitForm = async (title: string, formEl: FormInstance | undefined) => { if (title == '新建应急演练计划发布') { @@ -518,6 +503,8 @@ fileList, responsibleDepartment, data, + department, + propse, Search, ruleForm, value1, -- Gitblit v1.9.2