From c64c8f43ec1a3d88feb1f915fd488040b6358e7d Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期二, 09 八月 2022 19:04:12 +0800
Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqtOut

---
 src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue |  169 +++++++++++++++++++-------------------------------------
 1 files changed, 57 insertions(+), 112 deletions(-)

diff --git a/src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue b/src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue
index 29a7ea8..de19c3f 100644
--- a/src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue
+++ b/src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue
@@ -3,9 +3,10 @@
     <el-dialog
         :title="titles"
         v-model="isShowDialog"
-        width="769px"
+        width="40%"
         draggable
         :fullscreen="full"
+        @close="resetForm(ruleFormRef)"
     >
       <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
       <el-form
@@ -17,15 +18,14 @@
           label-width="90px">
         <el-row :gutter="35">
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
-            <el-form-item label="选择人员" prop="userUid">
+            <el-form-item label="选择人员" prop="name">
               <el-input
-                  v-model="ruleForm.userUid"
+                  v-model="ruleForm.userName"
                   placeholder="请选择"
                   class="input-with-select"
-                  disabled
               >
                 <template #append>
-                  <el-button :icon="Search" @click="openUser" disabled/>
+                  <el-button :icon="Search" @click="openUser"/>
                 </template>
               </el-input>
             </el-form-item>
@@ -41,10 +41,10 @@
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
-            <el-form-item label="人员性别" prop="sex">
-              <el-radio-group v-model="ruleForm.sex">
-                <el-radio label="男" />
-                <el-radio label="女" />
+            <el-form-item label="人员性别" prop="gender">
+              <el-radio-group v-model="ruleForm.gender">
+                <el-radio :label="false">男</el-radio>
+                <el-radio :label="true">女</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -68,7 +68,7 @@
 				</span>
       </template>
     </el-dialog>
-    <DailogSearchUser ref="userRef" @SearchUser="onUser"/>
+    <DailogSearchUserManger ref="userRef" @SearchUser="onUser"/>
   </div>
 </template>
 
@@ -88,21 +88,22 @@
   Search,
   FullScreen,
 } from '@element-plus/icons-vue'
-import DailogSearchUser from "/@/components/DailogSearchUser/index.vue"
-import {contingencyApi} from "/@/api/contingency";
+import DailogSearchUserManger from "/@/components/DailogSearchUserManger/index.vue"
+import {contingencyApi} from "/@/api/contingencyManagement/contingency";
 
 export default defineComponent({
   name: 'addTeamLeader',
   components: {
     // Search,
-    DailogSearchUser
+    DailogSearchUserManger
   },
   setup(props, { emit }) {
     const isShowDialog = ref(false)
     const ruleFormRef = ref<FormInstance>()
     const ruleForm = ref ({
       teamId: '',
-      userUid: 1,
+      userUid: '',
+      userName:'',
       gender: '',
       jobNumber: '', // 人员工号
       name: '', // 人员名称
@@ -148,105 +149,39 @@
     })
     const titles = ref();
     const disabled = ref();
-    // const submitForm = async (title: string, formEl: FormInstance | undefined) => {
-    //   if (title == '新建应急队伍人员') {
-    //     if (!formEl) return;
-    //     await formEl.validate((valid, fields) => {
-    //       if (valid) {
-    //         isShowDialog.value = false;
-    //         contingencyApi()
-    //             .addEmergencyTeamPersonnel(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;
-    //         contingencyApi()
-    //             .editEmergencyTeam(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 = {
-    //       teamId: '',
-    //       userUid: 1,
-    //       gender: '',
-    //       jobNumber: '', // 人员工号
-    //       name: '', // 人员名称
-    //       phone: '', // 手机号码
-    //       position: '', // 职位
-    //     };
-    //   }
-    // }
+    //继续添加
+    const addForm = (formEl: FormInstance | undefined) => {
+      emit('myAdd', ruleForm.value);
+      formEl.resetFields();
+    }
     const submitForm = async (title: string, formEl: FormInstance | undefined) => {
       if (title == '新建应急队伍人员') {
         if (!formEl) return;
         await formEl.validate((valid, fields) => {
           if (valid) {
             isShowDialog.value = false;
-            emit('onAdd', ruleForm.value);
-            // contingencyApi()
-            //     .addEmergencyTeamPersonnel(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();
-            //     });
+            // console.log('-------',ruleForm.value)
+            // emit('myAdd', ruleForm.value);
+            contingencyApi()
+                .addEmergencyTeamPersonnel(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);
           }
@@ -258,7 +193,7 @@
           if (valid) {
             isShowDialog.value = false;
             contingencyApi()
-                .editEmergencyTeam(ruleForm.value)
+                .editEmergencyTeamPersonnel(ruleForm.value)
                 .then((res) => {
                   if (res.data.code == 200) {
                     ElMessage({
@@ -284,7 +219,8 @@
         formEl.resetFields();
         ruleForm.value = {
           teamId: '',
-          userUid: 1,
+          userUid: '',
+          userName:'',
           gender: '',
           jobNumber: '', // 人员工号
           name: '', // 人员名称
@@ -298,11 +234,14 @@
       if (!formEl) return;
       formEl.resetFields();
     };
+
     // 打开弹窗
-    const openDialog = (title: string, id: number, type: boolean) => {
+    const openDialog = (title: string, id: number,teamId:number, type: boolean) => {
       isShowDialog.value = true;
       titles.value = title;
       disabled.value = type;
+      ruleForm.value.teamId = teamId
+
       if (title == '查看应急队伍人员' || title == '修改应急队伍人员') {
         contingencyApi()
             .seeEmergencyTeamPersonnel(id)
@@ -319,7 +258,13 @@
       userRef.value.openDailog();
     };
     const onUser = (e:any) => {
-      ruleForm.value.userUid=e.id
+      ruleForm.value.userUid=e[0].uid
+      ruleForm.value.userName=e[0].realName
+      ruleForm.value.gender=e[0].sex
+      ruleForm.value.name=e[0].username
+      ruleForm.value.jobNumber=e[0].jobNumber
+      ruleForm.value.phone=e[0].phone
+      ruleForm.value.position=e[0].position
     };
     //全屏
     const full = ref(false);
@@ -350,7 +295,7 @@
       openUser,
       userRef,
       onUser,
-      // addForm,
+      addForm,
       submitForm,
     };
   },

--
Gitblit v1.9.2