From fde37d20d715a4300ba36ef1f57d6399a6401a59 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期二, 14 三月 2023 10:27:46 +0800
Subject: [PATCH] Merge branch 'dev1.0' of http://42.193.1.25:9521/r/sccg_ui into dev1.0

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

diff --git a/src/views/intelligentPatrol/statistics/unlawful/type/index.vue b/src/views/intelligentPatrol/statistics/unlawful/type/index.vue
index be1aa0f..ce894c3 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">
@@ -13,6 +13,7 @@
             start-placeholder="寮�濮嬫棩鏈�"
             end-placeholder="缁撴潫鏃ユ湡"
             :picker-options="pickerOptions"
+            value-format="yyyy-MM-dd HH:mm:ss"
           >
           </el-date-picker>
         </div>
@@ -40,11 +41,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,9 +149,42 @@
   methods: {
     ...mapActions(["searchByType"]),
 
-    handleExport(e) {},
-    setTableDataHandle(e) {},
-    resetTableData(e) {},
+    handleExport(e) {
+      this.$axios({
+        method: 'post',
+        // url: `sccg/intelligentPatrol/statistics/export/unlawful`,
+        url: `sccg/intelligentPatrol/statistics/export/unlawful/type`,
+        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) {
+      this.setTableData()
+    },
+    resetTableData(e) {
+      this.value2= ''
+      this.setTableData()
+    },
     // 璁剧疆琛ㄦ牸鏂戦┈绾�
     tableRowClassName({ row, rowIndex }) {
       if ((rowIndex + 1) % 2 == 0) {
@@ -166,8 +200,8 @@
       this.searchByType({
         currentPage,
         pageSize,
-        beginTime:'2022-05-01 00:00:00',
-        endTime:'2022-09-01 00:00:00'
+        beginTime: this.value2[0],
+        endTime:this.value2[1],
       }).then((res) => {
           this.list = res.records;
           this.totalNum = res.total;
@@ -194,15 +228,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;
@@ -221,7 +255,7 @@
           color: #1d3f57;
 
           &::v-deep .el-input__inner {
-            background-color: #09152f;
+            // background-color: #09152f;
             border: 1px solid #17324c;
           }
         }
@@ -231,9 +265,9 @@
         .el-date-editor {
           flex: 1;
         }
-        :deep(.el-range-input) {
-          background-color: #09152f;
-        }
+        // :deep(.el-range-input) {
+          // background-color: #09152f;
+        // }
       }
       .find {
         margin-right: auto;
@@ -246,7 +280,7 @@
     padding: 0px !important;
   }
   main {
-    background-color: #09152f;
+    // background-color: #09152f;
     margin-top: 20px;
     padding-bottom: 50px;
     border: 1pox solid #fff;
@@ -285,7 +319,7 @@
 
           &::v-deep .el-input__inner {
             border: none;
-            background-color: #09152f;
+            // background-color: #09152f;
           }
 
           &:hover {
@@ -308,7 +342,7 @@
           &::v-deep li,
           &::v-deep .btn-prev,
           &::v-deep .btn-next {
-            background-color: #071f39;
+            // background-color: #071f39;
             color: #4b9bb7;
           }
 
@@ -319,13 +353,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;
@@ -335,11 +369,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;
         }
@@ -351,4 +385,4 @@
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0