更新

src/views/home/components/policeReports.vue

@@ -1,8 +1,12 @@
 <template>
-  <el-dialog :model-value="modelValue" title="警情总数" width="70%" @close="closeDialog" destroy-on-close append-to-body>
-    <div style="height: 60vh; overflow: auto;">
-
-
+  <el-dialog :model-value="modelValue" width="70%" @close="closeDialog" :close-on-click-modal="false" destroy-on-close append-to-body>
+    <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">
@@ -43,6 +47,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";
@@ -127,7 +133,7 @@ const pageData = reactive({
     { label: "补充接警内容", prop: "bcjjnr", showOverflowTooltip: true },
     { label: "研判状态", prop: "ypzt",showSolt:true },
   ],
-  tableHeight: "43vh",
+  tableHeight: "40vh",
 });
 const parameter = ref()
 const onSearch = (val) => {
@@ -153,7 +159,6 @@ pageData.tableConfiger.loading = true;
     ...parameter.value
   }
   lzJcjPjdbSelectPage(params).then(res => {
-    console.log(res);
     pageData.tableData = res.records || [];
     pageData.total = res.total;
 
@@ -162,16 +167,6 @@ pageData.tableConfiger.loading = true;
   })
 }
 
-// 查看详情
-const showDetail = (item) => {
-  router.push({
-    path: '/CollectCrculate',
-    query: {
-      id: item.id
-    }
-  })
-}
-
 const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
   changePage()
@@ -180,6 +175,29 @@ const changeSize = (val) => {
   pageData.pageConfiger.pageSize = val;
   changePage()
 }
+
+// 导出
+const exportFile = () =>{
+  const titleObj = {
+    jjdbh: "接警单编号",
+    bjdh: "报警电话",
+    bjsj: "报警时间",
+    bjnr: "报警内容",
+    jjyxm: "接警员姓名",
+    jqdjdm_name: "警情级别",
+    jqlbdm_name: "警情类型",
+    jqdz: "警情地址",
+    bcjjnr: "补充接警内容",
+    ypzt_name: "研判状态",
+  }
+ let list = pageData.tableData.map(item => ({
+  ...item,
+  jqdjdm_name: getMultiDictVal(item.jqdjdm, D_GS_BQ_DJ),
+  jqlbdm_name: getMultiDictVal(item.jqlbdm, JQLB),
+  ypzt_name: item.ypzt == '01' ? '已研判' : '未研判'
+ }))
+ exportExlByObj(titleObj, list, '警情总数')
+}
 </script>
 
 <style scoped></style>