From 2cef58b7041dcbd94e0c385ca690bd6adfebdefc Mon Sep 17 00:00:00 2001
From: yaowanxin <3588231647@qq.com>
Date: 星期四, 18 九月 2025 11:39:00 +0800
Subject: [PATCH] 设备管理-备件管理,-缺陷管理页面

---
 src/views/personnelManagement/onboarding/index.vue |  292 +++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 198 insertions(+), 94 deletions(-)

diff --git a/src/views/personnelManagement/onboarding/index.vue b/src/views/personnelManagement/onboarding/index.vue
index 61f1301..d36f2e5 100644
--- a/src/views/personnelManagement/onboarding/index.vue
+++ b/src/views/personnelManagement/onboarding/index.vue
@@ -4,177 +4,281 @@
       <div>
         <span class="search_title">濮撳悕锛�</span>
         <el-input
-            v-model="searchForm.customerName"
-            style="width: 240px"
-            placeholder="璇疯緭鍏ュ悕绉版悳绱�"
-            @change="handleQuery"
-            clearable
-            :prefix-icon="Search"
+          v-model="searchForm.staffName"
+          style="width: 240px"
+          placeholder="璇疯緭鍏ュ鍚嶆悳绱�"
+          @change="handleQuery"
+          clearable
+          :prefix-icon="Search"
         />
-        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button>
+        <span style="margin-left: 10px;"  class="search_title">鍚堝悓寮�濮嬫棩鏈燂細</span>
+        <el-date-picker
+            v-model="searchForm.entryDateStart"
+            type="date"
+            placeholder="璇烽�夋嫨鍚堝悓寮�濮嬫棩鏈�"
+            size="default"
+            @change="(date) => handleDateChange(date,1)"
+        />
+        <span style="margin-left: 10px;" class="search_title">鍚堝悓缁撴潫鏃ユ湡锛�</span>
+        <el-date-picker
+            v-model="searchForm.entryDateEnd"
+            type="date"
+            placeholder="璇烽�夋嫨鍚堝悓缁撴潫鏃ユ湡"
+            size="default"
+            @change="(date) => handleDateChange(date,2)"
+        />
+        <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
+          >鎼滅储</el-button
+        >
       </div>
       <div>
-        <el-button type="primary" @click="openForm">鏂板鍏ヨ亴</el-button>
+        <el-button type="primary" @click="openForm('add')">鏂板鍏ヨ亴</el-button>
+        <el-button @click="handleOut">瀵煎嚭</el-button>
+        <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
       </div>
     </div>
     <div class="table_list">
-      <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :isSelection="true"
-                :handleSelectionChange="handleSelectionChange" :tableLoading="tableLoading" @pagination="pagination"
-                :total="total"></PIMTable>
+      <PIMTable
+        rowKey="id"
+        :column="tableColumn"
+        :tableData="tableData"
+        :page="page"
+        :isSelection="true"
+        @selection-change="handleSelectionChange"
+        :tableLoading="tableLoading"
+        @pagination="pagination"
+        :total="page.total"
+      ></PIMTable>
     </div>
+    <form-dia ref="formDia" @close="handleQuery"></form-dia>
   </div>
 </template>
 
 <script setup>
-import {Search} from "@element-plus/icons-vue";
-import {ref} from "vue";
+import { Search } from "@element-plus/icons-vue";
+import {onMounted, ref} from "vue";
+import FormDia from "@/views/personnelManagement/onboarding/components/formDia.vue";
+import {staffJoinDel, staffJoinListPage} from "@/api/personnelManagement/onboarding.js";
+import {ElMessageBox} from "element-plus";
+import dayjs from "dayjs";
 
 const data = reactive({
   searchForm: {
-    customerName: '',
+    staffName: "",
   },
-  form: {
-    salesLedgerId: '',
-    customerName: '',
-    salesman: '',
-    projectName: '',
-    productData: []
-  },
-  rules: {
-    salesLedgerId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }]
-  }
-})
-const { searchForm, form, rules } = toRefs(data)
+});
+const { searchForm } = toRefs(data);
 const tableColumn = ref([
   {
-    label: '鐘舵��',
-    prop: 'paymentDate',
-    dataType: 'tag',
+    label: "鐘舵��",
+    prop: "staffState",
+    dataType: "tag",
     formatData: (params) => {
       if (params == 0) {
-        return '鍦ㄨ亴';
+        return "绂昏亴";
       } else if (params == 1) {
-        return '绂昏亴';
+        return "鍏ヨ亴";
       } else {
-        return null
+        return null;
       }
     },
     formatType: (params) => {
       if (params == 0) {
-        return 'primary';
+        return "danger";
       } else if (params == 1) {
-        return 'danger';
+        return "primary";
       } else {
-        return null
+        return null;
       }
-    }
+    },
   },
   {
-    label: '鍛樺伐缂栧彿',
-    prop: 'supplierName',
+    label: "鍛樺伐缂栧彿",
+    prop: "staffNo",
   },
   {
-    label: '濮撳悕',
-    prop: 'currentPaymentAmount',
+    label: "濮撳悕",
+    prop: "staffName",
   },
   {
-    label: '鎬у埆',
-    prop: 'paymentMethod'
+    label: "鎬у埆",
+    prop: "sex",
   },
   {
-    label: '绫嶈疮',
-    prop: 'registrant'
+    label: "绫嶈疮",
+    prop: "nativePlace",
   },
   {
-    label: '宀椾綅',
-    prop: 'registrationtDate'
+    label: "宀椾綅",
+    prop: "postJob",
   },
   {
-    label: '瀹跺涵浣忓潃',
-    prop: 'registrationtDate'
+    label: "瀹跺涵浣忓潃",
+    prop: "adress",
+    width:200
   },
   {
-    label: '绗竴瀛﹀巻',
-    prop: 'registrationtDate'
+    label: "绗竴瀛﹀巻",
+    prop: "firstStudy",
   },
   {
-    label: '涓撲笟',
-    prop: 'registrationtDate'
+    label: "涓撲笟",
+    prop: "profession",
+    width:100
   },
   {
-    label: '韬唤璇佸彿',
-    prop: 'registrationtDate'
+    label: "韬唤璇佸彿",
+    prop: "identityCard",
+    width:200
   },
   {
-    label: '骞撮緞',
-    prop: 'registrationtDate'
+    label: "骞撮緞",
+    prop: "age",
   },
   {
-    label: '鑱旂郴鐢佃瘽',
-    prop: 'registrationtDate'
+    label: "鑱旂郴鐢佃瘽",
+    prop: "phone",
+    width:150
   },
   {
-    label: '绱ф�ヨ仈绯讳汉',
-    prop: 'registrationtDate'
+    label: "绱ф�ヨ仈绯讳汉",
+    prop: "emergencyContact",
+    width: 120
   },
   {
-    label: '鑱旂郴鐢佃瘽',
-    prop: 'registrationtDate'
+    label: "鑱旂郴鐢佃瘽",
+    prop: "emergencyContactPhone",
+    width:150
   },
   {
-    label: '鍚堝悓骞撮檺',
-    prop: 'registrationtDate'
+    label: "鍚堝悓骞撮檺",
+    prop: "contractTerm",
   },
   {
-    label: '鍚堝悓寮�濮嬫棩鏈�',
-    prop: 'registrationtDate'
+    label: "鍚堝悓寮�濮嬫棩鏈�",
+    prop: "contractStartTime",
+    width: 120
   },
   {
-    label: '鍚堝悓缁撴潫鏃ユ湡',
-    prop: 'registrationtDate'
+    label: "鍚堝悓缁撴潫鏃ユ湡",
+    prop: "contractEndTime",
+    width: 120
   },
-])
-const tableData = ref([])
-const selectedRows = ref([])
-const tableLoading = ref(false)
+  {
+    dataType: "action",
+    label: "鎿嶄綔",
+    align: "center",
+    fixed: 'right',
+    operation: [
+      {
+        name: "缂栬緫",
+        type: "text",
+        clickFun: (row) => {
+          openForm("edit", row);
+        },
+      },
+    ],
+  },
+]);
+const tableData = ref([]);
+const selectedRows = ref([]);
+const tableLoading = ref(false);
 const page = reactive({
   current: 1,
   size: 100,
-})
-const total = ref(0)
+  total: 0,
+});
+const formDia = ref()
+const { proxy } = getCurrentInstance()
 
-
+const handleDateChange = (value,type) => {
+  searchForm.value.entryDateEnd = null
+  searchForm.value.entryDateStart = null
+  if(type === 1){
+    if (value) {
+      searchForm.value.entryDateStart = dayjs(value).format("YYYY-MM-DD");
+    }
+  }else{
+    if (value) {
+      searchForm.value.entryDateEnd = dayjs(value).format("YYYY-MM-DD");
+    }
+  }
+  getList();
+};
 // 鏌ヨ鍒楄〃
 /** 鎼滅储鎸夐挳鎿嶄綔 */
 const handleQuery = () => {
-  page.current = 1
-  getList()
-}
+  page.current = 1;
+  getList();
+};
 const pagination = (obj) => {
   page.current = obj.page;
   page.size = obj.limit;
-  getList()
-}
+  getList();
+};
 const getList = () => {
-  tableLoading.value = true
-  ledgerListPage({...searchForm.value, ...page}).then(res => {
-    tableLoading.value = false
-    tableData.value = res.records;
-    total.value = res.total
+  tableLoading.value = true;
+  staffJoinListPage({...page, ...searchForm.value, staffState: 1}).then(res => {
+    tableLoading.value = false;
+    tableData.value = res.data.records
+    page.total = res.data.total;
+  }).catch(err => {
+    tableLoading.value = false;
   })
-}
+};
 // 琛ㄦ牸閫夋嫨鏁版嵁
 const handleSelectionChange = (selection) => {
-  console.log('selection', selection)
-  selectedRows.value = selection.filter(item => item.salesContractNo !== undefined);
-}
+  selectedRows.value = selection;
+};
 
 // 鎵撳紑寮规
-const openForm = () => {
+const openForm = (type, row) => {
+  nextTick(() => {
+    formDia.value?.openDialog(type, row)
+  })
+};
 
-}
+// 鍒犻櫎
+const handleDelete = () => {
+  let ids = [];
+  if (selectedRows.value.length > 0) {
+    ids = selectedRows.value.map((item) => item.id);
+  } else {
+    proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
+    return;
+  }
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
+  })
+      .then(() => {
+        staffJoinDel(ids).then((res) => {
+          proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+          getList();
+        });
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
+      });
+};
+// 瀵煎嚭
+const handleOut = () => {
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
+  })
+      .then(() => {
+        proxy.download("/staff/staffJoinLeaveRecord/export", {staffState: 1}, "浜哄憳鍏ヨ亴.xlsx");
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
+      });
+};
+onMounted(() => {
+  getList();
+});
 </script>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>

--
Gitblit v1.9.3