From 4ff29e301de38488db0ff04f0209c99e37cf30b4 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期二, 07 十二月 2021 18:56:34 +0800
Subject: [PATCH] 对比库管理

---
 src/pages/syslog/views/operationLog.vue |   96 +++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 83 insertions(+), 13 deletions(-)

diff --git a/src/pages/syslog/views/operationLog.vue b/src/pages/syslog/views/operationLog.vue
index 8ba295e..d5d2dc2 100644
--- a/src/pages/syslog/views/operationLog.vue
+++ b/src/pages/syslog/views/operationLog.vue
@@ -23,14 +23,25 @@
             v-model="fuzzySearch"
             size="small"
             class="input-with-select"
+            @keyup.enter.native="getOperationLog(1)"
           >
             <span
-              class="icon iconfont"
+              class="icon iconfont icon_clear"
+              @click="clearSearch"
+              slot="append"
+              v-if="fuzzySearch"
+            >
+              &#xe785;
+            </span>
+            <span
+              class="icon iconfont icon_search"
               @click="getOperationLog(1)"
               slot="append"
+              v-else
             >
               &#xe714;
             </span>
+
             <!-- <el-button
               slot="append"
               icon="el-icon-search"
@@ -51,8 +62,8 @@
           >
             <el-option label="鍏ㄩ儴" :value="''"> </el-option>
             <el-option
-              v-for="item in moduleOptions"
-              :key="item.proc_name"
+              v-for="(item, i) in moduleOptions"
+              :key="i"
               :label="item.proc_name"
               :value="item.proc_name"
             >
@@ -70,8 +81,8 @@
           >
             <!-- :disabled="gongnengOptions.length==0" -->
             <el-option
-              v-for="item in gongnengOptions"
-              :key="item.name"
+              v-for="(item, i) in gongnengOptions"
+              :key="i"
               :label="item.name"
               :value="item.name"
             >
@@ -87,8 +98,8 @@
             @change="getOperationLog(1)"
           >
             <el-option
-              v-for="item in resultOptions"
-              :key="item.value"
+              v-for="(item, i) in resultOptions"
+              :key="i"
               :label="item.label"
               :value="item.value"
             >
@@ -105,7 +116,11 @@
         :data="tableData"
         :header-cell-style="{ background: '#f8f8f8', color: '#222222' }"
         style="width: 100%"
+        border
       >
+        <template slot="empty">
+          <img :src="png" class="empty_img" alt="" />
+        </template>
         <el-table-column :align="'center'" label="搴忓彿" type="index" width="50">
         </el-table-column>
         <el-table-column
@@ -172,8 +187,10 @@
 import { queryOperationLog, getOperations, getModules } from "@/api/log";
 
 export default {
+  name: "operationLog",
   data() {
     return {
+      png: "",
       loading: false,
       loadingText: "",
       input3: "",
@@ -233,7 +250,19 @@
     },
     getOptions() {
       getModules().then((res) => {
+        const indexArr = [];
+        res.data.forEach((item, index) => {
+          if (item.proc_name == "") {
+            indexArr.push(index);
+          }
+        });
+        if (indexArr.length != 0) {
+          indexArr.forEach((i) => {
+            res.data.splice(i);
+          });
+        }
         this.moduleOptions = res.data;
+        console.log(this.moduleOptions);
       });
     },
     choseRange(item, i) {
@@ -275,6 +304,7 @@
       }).then((res) => {
         this.tableData = res.data.logs;
         this.total = res.data.total;
+        this.png = require("../../../../public/images/syslog/娌℃暟鎹�.png");
       });
     },
     getTimeStr(date) {
@@ -291,6 +321,10 @@
         ? new Date(new Date().getTime() - gap)
         : new Date(new Date().setHours(0, 0, 0, 0));
       this.timeStart = this.getTimeStr(preDay);
+    },
+    clearSearch() {
+      this.fuzzySearch = "";
+      this.getOperationLog(1);
     },
   },
 };
@@ -358,6 +392,10 @@
         display: flex;
         align-items: center;
 
+        .icon_clear:hover {
+          color: #4e94ff;
+        }
+
         .input-with-select {
           width: 100%;
           height: 100%;
@@ -368,13 +406,14 @@
             border: 2px solid #f2f2f7;
             border-right: none;
 
-            // &:focus + .el-input-group__append {
-            //   border-color: #409eff;
-            // }
+            &:focus,
+            &:focus + .el-input-group__append {
+              border-color: #409eff;
+            }
           }
 
           .el-input-group__append {
-            //    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+            transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
             background-color: #fff;
             border: 2px solid #f2f2f7;
             border-radius: 0 18px 18px 0;
@@ -392,13 +431,13 @@
     }
     .second {
       display: flex;
-      margin: 20px 0;
+      margin: 15px 0 20px 0;
       padding: 0 20px;
       .bar {
         display: flex;
         align-items: baseline;
         width: fit-content;
-        margin-right: 20px;
+        margin-right: 30px;
         min-width: 120px;
 
         .el-select {
@@ -431,16 +470,47 @@
     border-radius: 5px;
     padding: 12px;
     background-color: white;
+    .empty_img {
+      margin: 80px auto;
+      width: 164px;
+    }
     .tableBox {
+      border: none;
+      &::before,
+      &::after {
+        display: none;
+      }
+      tr {
+        td:first-child {
+          border-radius: 4px 0 0 4px;
+        }
+        td:last-child {
+          border-radius: 0 4px 4px 0;
+        }
+        &.current-row td {
+          background-color: #4e94ff !important;
+          color: #fff;
+        }
+        &:hover td {
+          background-color: rgb(242, 242, 247);
+        }
+      }
       th {
         padding: 0 !important;
         height: 40px;
         line-height: 40px;
+        border-color: #fff !important;
+        border-right: 2px solid #fff;
+        border-radius: 4px;
+        font-size: 12px;
+        background: #f2f2f7;
       }
       td {
         padding: 0 !important;
         height: 34px;
         line-height: 34px;
+        border: none;
+        font-size: 12px;
       }
     }
   }

--
Gitblit v1.8.0