From d09e144aaf75e345cd616a92dc567c0229c57be0 Mon Sep 17 00:00:00 2001
From: lzyyj <lzyyj@sina.com>
Date: Tue, 15 Oct 2024 10:47:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8B=98=E5=AF=9F=E5=AE=A1=E6=A0=B8=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=20=E7=BB=B4=E4=BF=AE=E5=AE=A1=E6=A0=B8=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/engineer/maintain.vue       | 139 +++++++++++++++++++++-----
 src/views/engineer/reconnaissance.vue |   3 +-
 2 files changed, 117 insertions(+), 25 deletions(-)

diff --git a/src/views/engineer/maintain.vue b/src/views/engineer/maintain.vue
index 3f73659..8948d21 100644
--- a/src/views/engineer/maintain.vue
+++ b/src/views/engineer/maintain.vue
@@ -54,12 +54,15 @@
       >
         <el-table-column
             label="序号"
-            prop="userId"
-            width="120"
+            width="80"
             align="center"
             show-overflow-tooltip
             sortable
-        />
+        >
+          <template #default="scope">
+            {{ scope.$index + 1 }}
+          </template>
+        </el-table-column>
 
         <el-table-column label="头像" width="200" align="center">
           <template #default="scope">
@@ -69,27 +72,41 @@
         <el-table-column
             label="微信昵称"
             prop="nickname"
-            width="300"
             align="center"
             show-overflow-tooltip
         />
         <el-table-column
             label="名字"
             prop="name"
-            width="300"
             align="center"
             show-overflow-tooltip
         />
         <el-table-column
             label="手机号"
             prop="mobile"
-            width="300"
             align="center"
             show-overflow-tooltip
         />
         <el-table-column
-            label="注册时间"
-            prop="date"
+            label="申请岗位"
+            prop="roleId"
+            :formatter="postFormater"
+            align="center"
+            show-overflow-tooltip
+        />
+        <el-table-column
+            label="申请时间"
+            prop="createTime"
+            :formatter="formatDate"
+            width="auto"
+            align="center"
+            show-overflow-tooltip
+            sortable
+        />
+        <el-table-column
+            label="状态"
+            prop="status"
+            :formatter="statusFormater"
             width="auto"
             align="center"
             show-overflow-tooltip
@@ -103,8 +120,9 @@
             show-overflow-tooltip
         >
           <template v-slot:default="scope">
-            <el-button type="success">通过</el-button>
-            <el-button type="danger" @click="openModel(scope.$index)">驳回</el-button>
+            <el-button type="success" v-if="scope.row.status === 0" @click="handleApprove(scope.row)">通过</el-button>
+            <el-button type="danger" v-if="scope.row.status === 0" @click="handleReject(scope.row)">驳回</el-button>
+            <!--            <el-button type="danger" @click="openModel(scope.$index)">驳回</el-button>-->
           </template>
         </el-table-column>
       </el-table>
@@ -122,10 +140,13 @@
 
 <script setup>
 import { ref, onMounted } from 'vue';
-import { getUserList } from '../../api/modules/user';
+import {getApplyList, reject, approve} from "../../api/modules/postApply";
+
+// 示例数据
+// import {options} from './options.js'
+// const exampleData = ref(JSON.parse(JSON.stringify(options)))
+
 import { ElMessage, ElMessageBox } from 'element-plus'
-import {options} from './options.js'
-const columnData = ref(JSON.parse(JSON.stringify(options)))
 
 const tableData = ref([]);
 const searchWechatNickname = ref('');
@@ -138,19 +159,82 @@ const queryData = ref({
 });
 
 const initData = () => {
-
-  tableData.value = columnData.value;
-  // getUserList(queryData.value).then((res) => {
-  //   tableData.value = res.data.data;
-  // });
+  // 加载示例数据
+  // tableData.value = exampleData.value;
+  getApplyList(queryData.value).then((res) => {
+    console.log("调试：总数=", res.data.total, "data.record.length=", res.data.records.length);
+    const filteredData = res.data.records.filter(record => record.roleId === 3);
+    // total.value = res.data.total
+    tableData.value = filteredData;
+  });
 };
 
+const formatDate = (row, column, cellValue) => {
+  const date = new Date(cellValue);
+  return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+}
+
+const statusFormater = (row, column, cellValue) => {
+  // 0待审核（审核中）  1驳回   2通过
+  if (cellValue === 1) {
+    return '已驳回';
+  } else if (cellValue === 2) {
+    return '已通过';
+  } else {
+    return '待审核';
+  }
+}
+
+const postFormater = (row, column, cellValue) => {
+  if (cellValue === 2) {
+    return '勘察工程师';
+  } else if (cellValue === 3) {
+    return '维修工程师';
+  } else {
+    return '工程师';
+  }
+}
+
 const searchEvnt = () => {
   console.log('点击搜索');
   queryData.value.keyWord = searchWechatNickname.value || searchName.value || searchMobile.value;
   initData();
 };
 
+const handleApprove = (item) => {
+  ElMessageBox.confirm('确定要通过该申请?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    approve(item.id).then((res) => {
+      item.status = 2;
+      ElMessage({
+        type: 'success',
+        message: '申请已被通过！'
+      })
+    })
+  }).catch(() => {
+  });
+}
+
+const handleReject = (item) => {
+  ElMessageBox.confirm('确定要拒绝该申请?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    reject(item.id).then((res) => {
+      item.status = 1;
+      ElMessage({
+        type: 'success',
+        message: '申请已被拒绝！'
+      })
+    })
+  }).catch(() => {
+  });
+}
+
 // 驳回原因
 const openModel = (index) => {
   ElMessageBox.prompt('请输入驳回原因', '', {
@@ -158,12 +242,19 @@ const openModel = (index) => {
     cancelButtonText: '取消',
     inputType: 'textarea',
   })
-      .then(({value}) => {
-
-        ElMessage({
-          type: 'success',
-          message: `驳回成功`,
-        })
+      .then(({ value }) => {
+        // 用户确认后，调用 rejectApplication 函数
+        if (value) { // 确保用户输入了驳回原因
+          reject(applicationId, value);
+        } else {
+          ElMessage({
+            type: 'warning',
+            message: '请输入驳回原因',
+          });
+        }
+      })
+      .catch(() => {
+        // 用户取消操作，无需处理
       });
 };
 
diff --git a/src/views/engineer/reconnaissance.vue b/src/views/engineer/reconnaissance.vue
index cbe3ff3..71e5b76 100644
--- a/src/views/engineer/reconnaissance.vue
+++ b/src/views/engineer/reconnaissance.vue
@@ -163,8 +163,9 @@ const initData = () => {
   // tableData.value = exampleData.value;
   getApplyList(queryData.value).then((res) => {
     console.log("调试：总数=", res.data.total, "data.record.length=", res.data.records.length);
+    const filteredData = res.data.records.filter(record => record.roleId === 2);
     // total.value = res.data.total
-    tableData.value = res.data.records;
+    tableData.value = filteredData;
   });
 };