新增目标考核弹窗

13937891274

2022-08-11 f26e5679eaacdf0cb70abf5f2b940fcb686df4c1

 src/views/contingencyManagement/panManagement/component/openAdd.vue

@@ -1,6 +1,14 @@
<template>
   <div class="system-edit-user-container">
      <el-dialog :title="titles" v-model="isShowDialog" width="50%" draggable :fullscreen="full" :close-on-click-modal="false" @close="resetForm(ruleFormRef)">
      <el-dialog
         :title="titles"
         v-model="isShowDialog"
         width="50%"
         draggable
         :fullscreen="full"
         :close-on-click-modal="false"
         @close="resetForm(ruleFormRef)"
      >
         <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
         <el-form ref="ruleFormRef" :model="ruleForm" size="default" label-width="120px" :disabled="disabled">
            <el-row :gutter="35">
@@ -12,7 +20,7 @@
               <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                  <el-form-item label="适用部门" prop="responsibleDepartment">
                     <el-tree-select
                        v-model="ruleForm.responsibleDepartment"
                        v-model="responsibleDepartment"
                        :data="newTreeList"
                        class="w100"
                        clearable
@@ -129,12 +137,11 @@
         <template #footer>
            <span class="dialog-footer">
               <el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
               <el-button size="default" type="primary" v-if="disabled == true ? false : true"
                        @click="submitForm(titles, ruleFormRef)">确定</el-button>
               <el-button size="default" type="primary" v-if="disabled == true ? false : true" @click="submitForm(titles, ruleFormRef)">确定</el-button>
            </span>
         </template>
      </el-dialog>
      <CheckTemplate ref="Shows"  @SearchUser="SearchUser" />
      <CheckTemplate ref="Shows" @SearchUser="SearchUser" />
      <DailogSearchUserManger ref="userRef" @SearchUser="onUser" />
      <RegionsDialog ref="openRef" />
   </div>
@@ -171,17 +178,11 @@
         authorName: '',
         authorDeptId: '', // 编写部门
         releaseDate: '', // 发布实施日期
         fileList: [
            // {
            //    fileUrl: 'url',
            //    fileName: 'name',
            // },
         ],
         fileList: [],
         areaList: [], //区域列表
         teamList: [],
      teamId: '', //应急队伍
         // teamId: '', //应急队伍
         deptList: [],
         abolishStatus: false,
      });
      const titles = ref();
      const disabled = ref();
@@ -196,17 +197,21 @@
               .seeEmergencyTeam(id)
               .then((res) => {
                  if (res.data.code == 200) {
                    ruleForm.value = res.data.data;
                    let arr = [];
                    ruleForm.value.responsibleDepartment = []
                    for (let i = 0; i < ruleForm.value.teamList.length; i++) {
                     arr.push(ruleForm.value.teamList[i].teamName);
                    }
                     for (let i = 0; i < ruleForm.value.deptList.length; i++) {
                        ruleForm.value.responsibleDepartment.push(ruleForm.value.deptList[i].departmentId);
                     ruleForm.value = res.data.data;
                     ruleForm.value.teamName = ''
                     responsibleDepartment.value = []
                     if(res.data.data.teamList){
                        for(var a = 0;a<res.data.data.teamList.length;a++){
                           ruleForm.value.teamName+=res.data.data.teamList[a].teamName+';'
                        }
                     }
                     console.log(ruleForm.value.responsibleDepartment)
                    ruleForm.value.teamName = arr.toString();
                     if(res.data.data.deptList){
                        for(var a = 0;a<res.data.data.deptList.length;a++){

                           responsibleDepartment.value.push(res.data.data.deptList[a].departmentId)
                        }
                     }

                  }
               });
         }
@@ -224,16 +229,15 @@
      //得到部门树
      const department = async () => {
         await goalManagementApi()
               .getTreedepartment()
               .then((res) => {
                  if (res.data.code == 200) {
                     data.value = res.data.data;
                     getTreeList(res.data.data, newTreeList);
                     console.log('newList',newTreeList)
                  } else {
                     ElMessage.error(res.data.msg);
                  }
               });
            .getTreedepartment()
            .then((res) => {
               if (res.data.code == 200) {
                  data.value = res.data.data;
                  getTreeList(res.data.data, newTreeList);
               } else {
                  ElMessage.error(res.data.msg);
               }
            });
      };
      // 递归树状数据且修改字段名
      const getTreeList = (treeList, newTreeList) => {
@@ -254,17 +258,17 @@
         department();
      });
      const changeDepartment = (e) => {
         var temList = []
         for(var a = 0;a<e.length;a++){
         var temList = [];
         for (var a = 0; a < e.length; a++) {
            temList.push({
               departmentId:e[a]
            })
          departmentId: e[a],
            });
         }
         ruleForm.value.deptList = temList
         console.log(ruleForm)
      }
         ruleForm.value.deptList = temList;
         console.log(ruleForm);
      };
      //定义树形下拉框
      const responsibleDepartment = ref();
      const responsibleDepartment = ref([]);
      const data = ref();

      const submitForm = async (title: string, formEl: FormInstance | undefined) => {
@@ -273,6 +277,7 @@
            await formEl.validate((valid, fields) => {
               if (valid) {
                  isShowDialog.value = false;
                  delete ruleForm.value.teamName
                  emergencyPlanApi()
                     .addEmergencyPlan(ruleForm.value)
                     .then((res) => {
@@ -301,8 +306,10 @@
            if (!formEl) return;
            await formEl.validate((valid, fields) => {
               if (valid) {
                  isShowDialog.value = false;
                  emergencyPlanApi()
            ruleForm.value.fileList=[]
            isShowDialog.value = false;
            delete ruleForm.value.teamName
            emergencyPlanApi()
                     .editEmergencyTeam(ruleForm.value)
                     .then((res) => {
                        if (res.data.code == 200) {
@@ -336,18 +343,11 @@
               authorName: '',
               authorDeptId: '', // 编写部门
               releaseDate: '', // 发布实施日期
               fileList: [
                  // {
                  //    fileUrl: 'url',
                  //    fileName: 'name',
                  // },
               ],
          teamId: '', //应急队伍ID
               fileList: [],
               // teamId: '', //应急队伍ID
               areaList: [], //区域列表
               teamList: [
          ],
               teamList: [],
               deptList: [],
               abolishStatus: false,
            };
         }
      };
@@ -355,24 +355,24 @@
         isShowDialog.value = false;
         if (!formEl) return;
         formEl.resetFields();
      ruleForm.value = {}
         ruleForm.value = {};
      };
      // 应急队伍弹窗
      const Shows = ref();
      const daiInpt = (data: any) => {
      Shows.value.openDailog(data);
         Shows.value.openDailog(data);
      };
    const SearchUser = (val: any) => {
      let arr = [];
      ruleForm.value.teamList=[]
      for (let i = 0; i < val.length; i++) {
        arr.push(val[i].teamName);
        ruleForm.value.teamList.push({
         teamId: val[i].id,
        });
      }
      ruleForm.value.teamName = arr.toString();
    };
      const SearchUser = (val: any) => {
         let arr = [];
         ruleForm.value.teamList = [];
         for (let i = 0; i < val.length; i++) {
            arr.push(val[i].teamName);
            ruleForm.value.teamList.push({
               teamId: val[i].id,
            });
         }
         ruleForm.value.teamName = arr.toString();
      };
      // 选择区域弹窗
      const openRef = ref();
      const regionsDialog = () => {
@@ -410,7 +410,7 @@
         department,
         daiInpt,
         Shows,
      SearchUser,
         SearchUser,
         submitForm,
         openUser,
         userRef,
@@ -428,7 +428,7 @@
         resetForm,
         onUser,
         newTreeList,
         changeDepartment
         changeDepartment,
      };
   },
});