From f91c24d2b2b513716ffe9f4259a8a343c841bb00 Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期六, 30 七月 2022 18:10:28 +0800
Subject: [PATCH] 数据对接

---
 src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue |  261 ++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 203 insertions(+), 58 deletions(-)

diff --git a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue
index f8d0901..9ce663a 100644
--- a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue
+++ b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="system-edit-user-container">
     <el-dialog
-        title="新建待整改"
+        :title="titles"
         v-model="isShowDialog"
         width="769px"
         draggable
@@ -13,21 +13,22 @@
           :model="ruleForm"
           size="default"
           label-width="120px"
+          :disabled="disabled"
       >
         <el-row :gutter="35">
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
-            <el-form-item label="整改标题" prop="teamName">
-              <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称"></el-input>
+            <el-form-item label="整改标题" prop="emergencyPlanName">
+              <el-input v-model="ruleForm.emergencyPlanName" placeholder="请填写队伍名称"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
             <el-form-item label="整改单编号" prop="teamName">
-              <el-input v-model="ruleForm.teamName" disabled placeholder="请填写队伍名称"></el-input>
+              <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
             <el-form-item label="整改来源" prop="teamLeader">
-              <el-select v-model="ruleForm.teamLevel" class="w100" disabled placeholder="请选择">
+              <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
                 <el-option label="演练评价等" value="admin"></el-option>
                 <el-option label="现场处置方案" value="common"></el-option>
                 <el-option label="专项应急预案" value="common"></el-option>
@@ -53,21 +54,21 @@
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
             <el-form-item label="隐患等级" prop="teamLeader">
               <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
-                <el-option label="一般" value="admin"></el-option>
-                <el-option label="重大" value="common"></el-option>
+                <el-option label="一般">一般</el-option>
+                <el-option label="重大">重大</el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
             <el-form-item label="隐患后果" prop="teamLeader">
               <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
-                <el-option label="死亡" value="admin"></el-option>
-                <el-option label="重伤" value="common"></el-option>
-                <el-option label="轻伤" value="admin"></el-option>
-                <el-option label="火灾" value="common"></el-option>
-                <el-option label="交通事故" value="admin"></el-option>
-                <el-option label="财产损失" value="common"></el-option>
-                <el-option label="其它" value="common"></el-option>
+                <el-option label="死亡">死亡</el-option>
+                <el-option label="重伤">重伤</el-option>
+                <el-option label="轻伤">轻伤</el-option>
+                <el-option label="火灾">火灾</el-option>
+                <el-option label="交通事故">交通事故</el-option>
+                <el-option label="财产损失">财产损失</el-option>
+                <el-option label="其它">其它</el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -90,7 +91,6 @@
                   v-model="ruleForm.teamLeader"
                   placeholder="请选择"
                   class="input-with-select"
-                  disabled
               >
                 <template #append>
                   <el-button :icon="Search" @click="regionsDialog"/>
@@ -98,20 +98,20 @@
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
-            <el-form-item label="隐患照片" prop="telephone">
-              <el-upload
-                  class="avatar-uploader"
-                  action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
-                  :show-file-list="false"
-                  :on-success="handleAvatarSuccess"
-                  :before-upload="beforeAvatarUpload"
-              >
-                <img v-if="imageUrl" :src="imageUrl" class="avatar" />
-                <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
-              </el-upload>
-            </el-form-item>
-          </el-col>
+<!--          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">-->
+<!--            <el-form-item label="隐患照片" prop="telephone">-->
+<!--              <el-upload-->
+<!--                  class="avatar-uploader"-->
+<!--                  action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"-->
+<!--                  :show-file-list="false"-->
+<!--                  :on-success="handleAvatarSuccess"-->
+<!--                  :before-upload="beforeAvatarUpload"-->
+<!--              >-->
+<!--                <img v-if="imageUrl" :src="imageUrl" class="avatar" />-->
+<!--                <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>-->
+<!--              </el-upload>-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
             <el-form-item label="发现人" prop="telephone" >
               <el-input
@@ -188,7 +188,7 @@
                 <el-row style="margin: 0">
                   <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
                     <el-form-item label="整改意见" prop="teamLevel">
-                      <el-input v-model="ruleForm.name" class="textarea" type="textarea" disabled placeholder="请填写整改意见"></el-input>
+                      <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写整改意见"></el-input>
                     </el-form-item>
                   </el-col>
                   <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
@@ -198,7 +198,6 @@
                           class="w100"
                           type="datetime"
                           placeholder="选择日期时间"
-                          disabled
                       />
                     </el-form-item>
                   </el-col>
@@ -208,10 +207,9 @@
                           v-model="ruleForm.teamLeader"
                           placeholder="请选择"
                           class="input-with-select"
-                          disabled
                       >
                         <template #append>
-                          <el-button :icon="Search" disabled @click="openUser"/>
+                          <el-button :icon="Search" @click="openUser"/>
                         </template>
                       </el-input>
                     </el-form-item>
@@ -223,7 +221,6 @@
                           class="w100"
                           type="datetime"
                           placeholder="选择日期时间"
-                          disabled
                       />
                     </el-form-item>
                   </el-col>
@@ -235,7 +232,8 @@
       </el-form>
       <template #footer>
 				<span class="dialog-footer">
-					<el-button @click="onCancel" size="default">关闭</el-button>
+					<el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
+          <el-button size="default" v-if="disabled == true ? false : true" type="primary" @click="submitForm(titles, ruleFormRef)">确定</el-button>
 				</span>
       </template>
     </el-dialog>
@@ -268,6 +266,8 @@
 import UserSelections from "/@/components/userSelections/index.vue"
 import CheckTemplate from '/@/components/checkTemplate/index.vue'
 import RegionsDialog from '/@/components/regionsDialog/index.vue'
+import {releaseDrillPlanApi} from "/@/api/emergencyDrillPlan";
+import {emergencyDrillEvaluationApi} from "/@/api/emergencyDrillEvaluation";
 
 export default defineComponent({
   name: 'rectificationDialog',
@@ -276,22 +276,60 @@
     UserSelections,
     RegionsDialog,
   },
-  setup() {
+  setup(props, { emit }) {
     const isShowDialog = ref(false)
 
     const ruleFormRef = ref<FormInstance>()
     //定义表单
     const ruleForm = reactive({
-      teamName: '', // 队伍名称
-      teamLeader: '', //队伍负责人
-      department: [], // 负责人部门
-      phone: '', // 负责人手机
-      telephone: '', // 固定电话
+      id: '',
+      drillPlanId: '',
+      suitable: '',
+      sufficient: '',
+      arrival: '',
+      supplies: '',
+      protection: '',
+      whole: '',
+      division: '',
+      effect: '',
+      report: '',
+      safety: '',
+      rescue: '',
+      evacuate: '',
+      needModify: '',
+      questionAndImprove: '',
+      modifyContent: '',
+      fileList: [
+        {
+          fileName: 'name',
+          fileUrl: 'url',
+        }
+      ],
+      userList: [
+        {
+          userUid: ''
+        },
+        {
+          userUid: ''
+        }
+      ]
     });
+    const titles = ref();
+    const disabled = ref();
     // 打开弹窗
-    const openDialog = () => {
-      // state.ruleForm = row;
+    const openDialog = (title: string, id: number, type: boolean) => {
       isShowDialog.value = true;
+      titles.value = title;
+      disabled.value = type;
+      // if (title == '查看演练实施评价' || title == '修改演练实施评价') {
+      //   releaseDrillPlanApi()
+      //       .seeReleaseDrillPlan(id)
+      //       .then((res) => {
+      //         if (res.data.code == 200) {
+      //           ruleForm.value = res.data.data;
+      //         }
+      //       });
+      // }
     };
     // 关闭弹窗
     const closeDialog = () => {
@@ -311,11 +349,11 @@
         label: 'Level one 1',
         children: [
           {
-            value: '1-1',
+            value: '11',
             label: 'Level two 1-1',
             children: [
               {
-                value: '1-1-1',
+                value: '111',
                 label: 'Level three 1-1-1',
               },
             ],
@@ -327,21 +365,21 @@
         label: 'Level one 2',
         children: [
           {
-            value: '2-1',
+            value: '21',
             label: 'Level two 2-1',
             children: [
               {
-                value: '2-1-1',
+                value: '211',
                 label: 'Level three 2-1-1',
               },
             ],
           },
           {
-            value: '2-2',
+            value: '22',
             label: 'Level two 2-2',
             children: [
               {
-                value: '2-2-1',
+                value: '221',
                 label: 'Level three 2-2-1',
               },
             ],
@@ -353,21 +391,21 @@
         label: 'Level one 3',
         children: [
           {
-            value: '3-1',
+            value: '31',
             label: 'Level two 3-1',
             children: [
               {
-                value: '3-1-1',
+                value: '311',
                 label: 'Level three 3-1-1',
               },
             ],
           },
           {
-            value: '3-2',
+            value: '32',
             label: 'Level two 3-2',
             children: [
               {
-                value: '3-2-1',
+                value: '321',
                 label: 'Level three 3-2-1',
               },
             ],
@@ -383,7 +421,7 @@
         label: '广汇能源综合物流发展有限责任公司',
         children: [
           {
-            value: '1-1',
+            value: '11',
             label: '经营班子',
             children: [],
           },
@@ -394,12 +432,12 @@
         label: '生产运行部',
         children: [
           {
-            value: '2-1',
+            value: '21',
             label: '灌装一班',
             children: []
           },
           {
-            value: '2-2',
+            value: '22',
             label: '工艺四班',
             children: [],
           },
@@ -410,12 +448,12 @@
         label: '设备部',
         children: [
           {
-            value: '3-1',
+            value: '31',
             label: '仪表班',
             children: [],
           },
           {
-            value: '3-2',
+            value: '32',
             label: '机修班',
             children: [],
           },
@@ -468,6 +506,108 @@
     //   ],
     // })
     // 应急队伍弹窗
+    // 表单提交验证必填项
+    const submitForm = async (title: string, formEl: FormInstance | undefined) => {
+      if (title == '查看演练实施评价') {
+        if (!formEl) return;
+        await formEl.validate((valid, fields) => {
+          if (valid) {
+            isShowDialog.value = false;
+            emergencyDrillEvaluationApi()
+                .addEmergencyDrillEvaluation(ruleForm.value)
+                .then((res) => {
+                  if (res.data.code == 200) {
+                    ElMessage({
+                      showClose: true,
+                      message: res.data.msg,
+                      type: 'success',
+                    });
+                    emit('myAdd', true);
+                  } else {
+                    ElMessage({
+                      showClose: true,
+                      message: res.data.msg,
+                      type: 'error',
+                    });
+                    emit('myAdd', true);
+                  }
+                  formEl.resetFields();
+                });
+          } else {
+            console.log('error submit!', fields);
+          }
+        });
+      }
+      else if (title == '修改演练实施评价') {
+        if (!formEl) return;
+        await formEl.validate((valid, fields) => {
+          if (valid) {
+            isShowDialog.value = false;
+            emergencyDrillEvaluationApi()
+                .editEmergencyDrillEvaluation(ruleForm.value)
+                .then((res) => {
+                  if (res.data.code == 200) {
+                    ElMessage({
+                      showClose: true,
+                      message: '修改成功',
+                      type: 'success',
+                    });
+                    emit('myAdd', true);
+                  } else {
+                    ElMessage({
+                      showClose: true,
+                      message: res.data.msg,
+                      type: 'error',
+                    });
+                    emit('myAdd', true);
+                  }
+                  formEl.resetFields();
+                });
+          } else {
+            console.log('error submit!', fields);
+          }
+        });
+        formEl.resetFields();
+        ruleForm.value = {
+          id: '',
+          drillPlanId: '',
+          suitable: '',
+          sufficient: '',
+          arrival: '',
+          supplies: '',
+          protection: '',
+          whole: '',
+          division: '',
+          effect: '',
+          report: '',
+          safety: '',
+          rescue: '',
+          evacuate: '',
+          needModify: '',
+          questionAndImprove: '',
+          modifyContent: '',
+          fileList: [
+            {
+              fileName: 'name',
+              fileUrl: 'url',
+            }
+          ],
+          userList: [
+            {
+              userUid: ''
+            },
+            {
+              userUid: ''
+            }
+          ]
+        };
+      }
+    }
+    const resetForm = (formEl: FormInstance | undefined) => {
+      isShowDialog.value = false;
+      if (!formEl) return;
+      formEl.resetFields();
+    };
     const Shows=ref()
     const daiInpt=()=>{
       Shows.value.openDailog()
@@ -544,6 +684,11 @@
       toggleFullscreen,
       FullScreen,
       full,
+      submitForm,
+      emit,
+      titles,
+      disabled,
+      resetForm,
     };
   },
 });

--
Gitblit v1.9.2