From c92c5dd81084ebf63c9caa87964f4880e61b182e Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期二, 21 二月 2023 13:48:25 +0800
Subject: [PATCH] 添加菜单

---
 src/views/intelligentPatrol/statistics/unlawful/type/index.vue |   87 ++++++++++++++++++++++++++++---------------
 1 files changed, 56 insertions(+), 31 deletions(-)

diff --git a/src/views/intelligentPatrol/statistics/unlawful/type/index.vue b/src/views/intelligentPatrol/statistics/unlawful/type/index.vue
index adbf32a..95276b4 100644
--- a/src/views/intelligentPatrol/statistics/unlawful/type/index.vue
+++ b/src/views/intelligentPatrol/statistics/unlawful/type/index.vue
@@ -1,4 +1,4 @@
-<template>
+<template xmlns="http://www.w3.org/1999/html">
   <div class="list">
     <header>
       <div class="header-content">
@@ -40,11 +40,11 @@
       <div class="main-content">
         <!-- 鏁版嵁灞曠ず -->
         <el-table
+            border
+            stripe
           ref="multipleTable"
           :header-cell-style="{
-            background: '#06122c',
-            'font-size': '12px',
-            color: '#4b9bb7',
+           'background':'#F5F5F5',
             'font-weight': '650',
             'line-height': '45px',
           }"
@@ -148,7 +148,34 @@
   methods: {
     ...mapActions(["searchByType"]),
 
-    handleExport(e) {},
+    handleExport(e) {
+      this.$axios({
+        method: 'post',
+        url: `sccg/intelligentPatrol/statistics/export/unlawful`,
+        responseType: 'arraybuffer'
+      })
+        .then(res => {
+          let time = new Date()
+            let deathdate =time.toLocaleDateString()
+            const blob = new Blob([res.data], {
+              type: "application/vnd.ms-excel;charset=utf-8",
+            });
+            
+            if (window.navigator.msSaveBlob) {
+              window.navigator.msSaveBlob(blob, deathdate+"鎸夎繚瑙勭被鍨嬬粺璁�" + ".xlsx");
+            } else {
+              const url = window.URL.createObjectURL(blob);
+              const link = document.createElement("a");
+              link.style.display = "none";
+              link.href = url;
+              link.download = deathdate+"鎸夎繚瑙勭被鍨嬬粺璁�" + ".xlsx";
+              document.body.appendChild(link);
+              link.click();
+              document.body.removeChild(link);
+            }
+            this.$message.success('鎿嶄綔鎴愬姛');
+        })
+    },
     setTableDataHandle(e) {},
     resetTableData(e) {},
     // 璁剧疆琛ㄦ牸鏂戦┈绾�
@@ -169,10 +196,8 @@
         beginTime:'2022-05-01 00:00:00',
         endTime:'2022-09-01 00:00:00'
       }).then((res) => {
-        if (res.data.code == 200) {
-          this.list = res.data.data.records;
-          this.totalNum = res.data.data.total;
-        }
+          this.list = res.records;
+          this.totalNum = res.total;
       });
     },
     // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
@@ -196,15 +221,15 @@
   <style lang="scss" scoped>
 .list {
   text-align: left;
-  margin: 10px 20px;
+  padding: 10px 20px;
   color: #4b9bb7;
-
+  border: 1px solid #ccc;
   header {
-    background-color: #09152f;
-    border: 1pox solid #fff;
+    background-color: white;
+    border: 1px solid #fff;
 
     .header-content {
-      padding: 0 40px;
+      //padding: 0 40px;
       display: flex;
       line-height: 100px;
       justify-content: space-between;
@@ -223,7 +248,7 @@
           color: #1d3f57;
 
           &::v-deep .el-input__inner {
-            background-color: #09152f;
+            // background-color: #09152f;
             border: 1px solid #17324c;
           }
         }
@@ -233,9 +258,9 @@
         .el-date-editor {
           flex: 1;
         }
-        :deep(.el-range-input) {
-          background-color: #09152f;
-        }
+        // :deep(.el-range-input) {
+          // background-color: #09152f;
+        // }
       }
       .find {
         margin-right: auto;
@@ -248,7 +273,7 @@
     padding: 0px !important;
   }
   main {
-    background-color: #09152f;
+    // background-color: #09152f;
     margin-top: 20px;
     padding-bottom: 50px;
     border: 1pox solid #fff;
@@ -287,7 +312,7 @@
 
           &::v-deep .el-input__inner {
             border: none;
-            background-color: #09152f;
+            // background-color: #09152f;
           }
 
           &:hover {
@@ -310,7 +335,7 @@
           &::v-deep li,
           &::v-deep .btn-prev,
           &::v-deep .btn-next {
-            background-color: #071f39;
+            // background-color: #071f39;
             color: #4b9bb7;
           }
 
@@ -321,13 +346,13 @@
         }
       }
     }
-    &::v-deep .warning-row {
-      background-color: #06122c;
-    }
+    // &::v-deep .warning-row {
+    //   background-color: #06122c;
+    // }
 
-    &::v-deep .success-row {
-      background-color: #071f39;
-    }
+    // &::v-deep .success-row {
+    //   background-color: #071f39;
+    // }s
 
     .operationBox {
       display: flex;
@@ -337,11 +362,11 @@
       background-color: #4b9bb7;
     }
     .el-table {
-      color: #4b9bb7;
-      font-size: 10px;
+      // color: #4b9bb7;
+      // font-size: 10px;
       .operation {
         display: flex;
-
+        color: var(--operation-color);
         .line {
           padding: 0 5px;
         }
@@ -353,4 +378,4 @@
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0