From 1da948c1c8808077f10e3aa32fafd30939ee5c12 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期二, 03 十二月 2024 16:37:39 +0800
Subject: [PATCH] 新增

---
 src/views/safetyReview/expertManage/experts/index.vue |   99 +++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 94 insertions(+), 5 deletions(-)

diff --git a/src/views/safetyReview/expertManage/experts/index.vue b/src/views/safetyReview/expertManage/experts/index.vue
index d66a7ac..c3c9aa3 100644
--- a/src/views/safetyReview/expertManage/experts/index.vue
+++ b/src/views/safetyReview/expertManage/experts/index.vue
@@ -42,10 +42,12 @@
         <el-form-item>
           <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
           <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+          <el-button icon="Edit" @click="openSetDate">一键设置有效期</el-button>
         </el-form-item>
       </el-form>
-      <el-table v-loading="loading" :data="expertList" :border="true">
-        <el-table-column type="index" width="55" align="center" />
+      <el-table v-loading="loading" ref="multipleTableRef" :data="expertList" :border="true" @selection-change="handleSelectionChange" :row-key="(row) => { return row.id }">
+        <el-table-column type="selection" width="55" :reserve-selection="true"/>
+        <el-table-column type="index" width="55" align="center" label="序号"/>
         <el-table-column label="姓名" align="center" prop="name" />
         <el-table-column label="身份证号" align="center" prop="idCard" />
         <el-table-column label="出生日期" align="center" prop="birthday">
@@ -94,6 +96,7 @@
         </el-table-column>
         <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
           <template #default="scope">
+            <el-button type="primary" link @click="openDialog('edit',scope.row)">编辑</el-button>
             <el-button type="primary" link @click="openDialog('view',scope.row)">查看</el-button>
           </template>
         </el-table-column>
@@ -105,6 +108,31 @@
           v-model:limit="queryParams.pageSize"
           @pagination="getList"
       />
+      <el-dialog
+          v-model="assessDialog"
+          title="修改有效期"
+          width="50%"
+          :before-close="closeAssess"
+      >
+        <el-form :model="assessForm" :rules="assessRules" ref="assessFormRef" label-width="200px">
+          <el-form-item label="专家聘用期限" prop="employTime">
+            <el-date-picker
+                v-model="assessForm.employTime"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                value-format="YYYY-MM-DD"
+            />
+          </el-form-item>
+        </el-form>
+        <template #footer>
+                <span class="dialog-footer">
+                  <el-button @click="closeAssess" size="default">取 消</el-button>
+                  <el-button type="primary" @click="assessSubmit(assessFormRef)" size="default" v-preReClick>确认</el-button>
+                </span>
+        </template>
+      </el-dialog>
       <expert-form ref="expertFormRef" @getList="getList"></expert-form>
     </div>
 </template>
@@ -113,10 +141,11 @@
 import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue";
 import {ElMessage, ElMessageBox} from "element-plus";
 import ExpertForm from "../applyRecords/components/expertForm";
-import {delExpert, getExpertsList, getExpertTypes} from "../../../../api/form";
+import {changeApprove, changeEmploymentDate, delExpert, getExpertsList, getExpertTypes} from "../../../../api/form";
 import {useRouter} from "vue-router";
 const router = useRouter();
-const loading = ref(false);
+const loading = ref(false)
+
 const data = reactive({
   showSearch: true,
   total: 0,
@@ -159,10 +188,20 @@
       label: '其他'
     }
   ],
+  multipleSelection: [],
+  assessDialog: false,
+  assessForm: {
+    employTime: []
+  },
+  assessRules: {
+    employTime:[{ required: true, message: '请选择有效期', trigger: 'blur' }],
+  }
 });
 
-const { showSearch,total, expertTypes,expertList,queryParams,classiFy,searchTime} = toRefs(data);
+const { showSearch,total, expertTypes,expertList,queryParams,searchTime,assessForm,assessDialog,assessRules,multipleSelection} = toRefs(data);
 const expertFormRef = ref()
+const assessFormRef = ref()
+const multipleTableRef = ref()
 onMounted(()=>{
   getList()
   getTypes()
@@ -171,6 +210,10 @@
 onUnmounted(()=>{
 
 })
+
+const handleSelectionChange = (val) => {
+  data.multipleSelection = val
+}
 
 const getTypes = async()=> {
   const res = await getExpertTypes()
@@ -269,6 +312,52 @@
   expertFormRef.value.openDialog(type, value);
 }
 
+const openSetDate = ()=>{
+  if(data.multipleSelection.length>0){
+    data.assessDialog = true
+  }else{
+    ElMessage.warning('请选择要设置的人员')
+  }
+}
+
+const assessSubmit = async (formEl)=> {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      let params = {
+        id: data.multipleSelection.map(i=>i.id),
+        employmentDateStart: data.assessForm.employTime[0],
+        employmentDateEnd: data.assessForm.employTime[1]
+      }
+      const res = await changeEmploymentDate(params)
+      if(res.code == 200){
+        ElMessage({
+          type: 'success',
+          message: '修改成功'
+        })
+        data.multipleSelection = []
+        multipleTableRef.value.clearSelection()
+        await getList()
+        data.assessDialog = false
+      }else{
+        ElMessage({
+          type: 'warning',
+          message: res.msg
+        });
+      }
+    }else {
+      ElMessage.warning('请完善必填信息')
+    }
+  })
+}
+
+const closeAssess = ()=>{
+  assessFormRef.value.clearValidate()
+  data.assessForm = {
+    employTime: []
+  }
+  data.assessDialog = false;
+}
 const resetQuery=()=> {
   data.queryParams = {
     name: '',

--
Gitblit v1.9.2