数据对接

13937891274

2022-08-02 1f772a6c7834eef35ff4c9f2c8ed734a4c2be76a

 src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue

@@ -48,7 +48,16 @@
               </el-col>
               <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                  <el-form-item label="负责部门" prop="departmentId">
                     <el-tree-select v-model="ruleForm.departmentId" :data="data" class="w100" placeholder="请选择" />
                     <el-tree-select
                  v-model="ruleForm.departmentId"
                  check-strictly
                  :data="data"
                  :props="propse"
                  class="w100"
                  clearable
                  :render-after-expand="false"
                  placeholder="请选择"
              />
                  </el-form-item>
               </el-col>
               <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -180,7 +189,7 @@
</template>

<script lang="ts">
import { reactive, ref, defineComponent } from 'vue';
import { reactive, ref, defineComponent,onMounted, } from 'vue';

import type { FormInstance, FormRules } from 'element-plus';
import { ElMessage } from 'element-plus';
@@ -190,6 +199,7 @@
import PersonInCharge from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue';
import RegionsCheckbox from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue';
import {emergencySuppliesApi} from "/@/api/emergencyResources";
import {goalManagementApi} from "/@/api/goalManagement";

export default defineComponent({
   name: 'openAdd',
@@ -244,125 +254,29 @@
      };
      //日期选择器
      const value1 = ref('');
      // 可选择树
      const treeSelect = ref();
      const tree = [
         {
            value: '1',
            label: 'Level one 1',
            children: [
               {
                  value: '11',
                  label: 'Level two 1-1',
                  children: [
                     {
                        value: '111',
                        label: 'Level three 1-1-1',
                     },
                  ],
               },
            ],
         },
         {
            value: '2',
            label: 'Level one 2',
            children: [
               {
                  value: '21',
                  label: 'Level two 2-1',
                  children: [
                     {
                        value: '211',
                        label: 'Level three 2-1-1',
                     },
                  ],
               },
               {
                  value: '22',
                  label: 'Level two 2-2',
                  children: [
                     {
                        value: '221',
                        label: 'Level three 2-2-1',
                     },
                  ],
               },
            ],
         },
         {
            value: '3',
            label: 'Level one 3',
            children: [
               {
                  value: '31',
                  label: 'Level two 3-1',
                  children: [
                     {
                        value: '311',
                        label: 'Level three 3-1-1',
                     },
                  ],
               },
               {
                  value: '32',
                  label: 'Level two 3-2',
                  children: [
                     {
                        value: '321',
                        label: 'Level three 3-2-1',
                     },
                  ],
               },
            ],
         },
      ];
    //部门树
    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: '2',
            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 rules = reactive<FormRules>({
         name: [
@@ -616,11 +530,11 @@
         isShowDialog,
         responsibleDepartment,
         data,
      propse,
      department,
         Search,
         ruleForm,
         value1,
         treeSelect,
         tree,
         daiInpt,
         Shows,
         ruleFormRef,