更新

src/views/home/components/keyPerson.vue

@@ -1,9 +1,13 @@
 <template>
-  <el-dialog :model-value="modelValue" title="重点人总数" width="70%" @close="closeDialog" destroy-on-close append-to-body>
-    <div style="height: 60vh; overflow: auto;">
-
-
-    <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
+  <el-dialog :model-value="modelValue" width="70%" @close="closeDialog" destroy-on-close append-to-body :close-on-click-modal="false">
+    <template #title>
+      <div class="flex just-between align-center">
+        <span class="f18">重点人总数</span>
+        <span @click="exportFile" class="f14 pointer" style="color: #0072ff;">下载</span>
+      </div>
+    </template>
+    <div>
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
        <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
         :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
         :expand="true">
@@ -63,6 +67,8 @@
 </template>
 
 <script setup>
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
@@ -140,7 +146,7 @@ const pageData = reactive({
     pageCurrent: 1
   }, //分页
   tableColumn: [
-     { label: "姓名", prop: "ryXm" },
+    { label: "姓名", prop: "ryXm" },
     { label: "性别", prop: "ryXb", showSolt: true },
     { label: "籍贯", prop: "ryJg", showSolt: true},
     { label: "身份证", prop: "rySfzh" },
@@ -175,16 +181,6 @@ const changePage = () => {
 
 }
 
-// 查看详情
-const showDetail = (item) => {
-  router.push({
-    path: '/CollectCrculate',
-    query: {
-      id: item.id
-    }
-  })
-}
-
 const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
   changePage()
@@ -193,6 +189,28 @@ const changeSize = (val) => {
   pageData.pageConfiger.pageSize = val;
   changePage()
 }
+
+// 导出
+const exportFile = () =>{
+  const titleObj = {
+    ryXm: "姓名",
+    ryXb_name: "性别",
+    ryJg_name: "籍贯",
+    rySfzh: "身份证",
+    ryMz_name: "民族",
+    hjdQh_name: "户籍地区划",
+    hjdPcsmc: "户籍派出所",
+  }
+ let list = pageData.tableData.map(item => ({
+  ...item,
+  ryXb_name: getMultiDictVal(item.ryXb, D_BZ_XB),
+  ryJg_name: getMultiDictVal(item.ryJg, D_BZ_XZQHDM),
+  ryMz_name: getMultiDictVal(item.ryMz, D_BZ_MZ),
+  hjdQh_name: getMultiDictVal(item.hjdQh, D_BZ_XZQHDM),
+ }))
+ exportExlByObj(titleObj, list, '重点人总数')
+}
+
 </script>
 
 <style scoped>