From 9d9a8eea63f36bc376cf8bd443710b12e3722a0c Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期五, 12 十一月 2021 16:51:47 +0800
Subject: [PATCH] bug修复

---
 src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue |   76 ++++++++++++++++++++++----------------
 1 files changed, 44 insertions(+), 32 deletions(-)

diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
index 92d23a8..8d2a8a7 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
@@ -263,7 +263,6 @@
                     >
                       {{ label.Desc }}
                     </span>
-                    <!-- (index == data.LableLst.length - 1 ? "" : "锛�") -->
                   </div>
                   <div v-else-if="hasError(data)" class="has-error">
                     <span>鏈夊紓甯�</span>
@@ -320,9 +319,16 @@
       <div class="content" v-show="showType == 'list'">
         <el-table
           :data="tableData"
+          stripe
           fit
           ref="elTable"
           @row-click="checkVideoDetail"
+          :header-cell-style="{
+            background: '#2D52D7',
+            color: '#fff',
+            height: '50px',
+            padding: 0,
+          }"
         >
           <el-table-column label="鍚嶇О" prop="VideoName" sortable width="500">
             <template slot-scope="scope" style="cursor: pointer">
@@ -591,7 +597,6 @@
         }
       });
       Object.assign(query, ...filterQuerys);
-
       getlst(query).then((res) => {
         if (_this.showType == "list") {
           _this.tableTotal = res.total;
@@ -894,9 +899,9 @@
   background-color: #f4f6f9;
   margin: 0 5px;
   margin-bottom: 10px;
-
   * {
     box-sizing: content-box;
+    color: #425277;
   }
   .el-input__inner {
     border: 1px solid #d7dce8;
@@ -904,6 +909,8 @@
   }
   .flex-box {
     display: flex;
+    height: 18px;
+    line-height: 18px;
   }
   .filter-area {
     background: #fff;
@@ -986,7 +993,6 @@
       .config {
         display: flex;
         flex-wrap: no-wrap;
-        cursor: pointer;
         border-bottom: 1px solid #d7dce8;
         .title {
           padding: 10px 20px;
@@ -1021,9 +1027,9 @@
                 padding: 0 10px;
                 text-align: left;
                 width: fit-content;
+                cursor: pointer;
               }
               &:hover > .option-name {
-                // outline: 1px solid #a8b7ee;
                 background: #e2e7f9;
                 span {
                   color: #2d52d7;
@@ -1062,7 +1068,7 @@
           .more {
             margin-top: 7px;
             padding: 0px 6px;
-
+            cursor: pointer;
             margin-right: 10px;
             width: 46px;
             height: 25px;
@@ -1076,6 +1082,7 @@
           .multCheck {
             margin-top: 7px;
             width: 44px;
+            cursor: pointer;
             height: 23px;
             line-height: 23px;
             padding: 0px 12px;
@@ -1087,14 +1094,6 @@
             span {
               color: #ee4e6e;
             }
-            // &:hover {
-            //   color: #7695ec;
-            //   border-color: #7695ec;
-            // }
-            // &.checked {
-            //   color: #409eff;
-            //   border-color: #409eff;
-            // }
           }
         }
         .el-menu.el-menu--horizontal {
@@ -1191,6 +1190,7 @@
       }
       .el-table {
         border: none;
+        margin-bottom: 20px;
       }
       .el-col {
         margin-bottom: 10px;
@@ -1200,7 +1200,7 @@
         text-align: left;
         background: #fff;
         border-radius: 0 0 5px 5px;
-        height: 360px;
+        height: 368px;
         margin-bottom: 10px;
         border: 1px solid#CCD9F0;
         &:hover {
@@ -1222,7 +1222,7 @@
           }
         }
         .video-info {
-          padding: 10px;
+          padding: 14px;
           .base-info {
             > div {
               margin-bottom: 1px;
@@ -1301,28 +1301,27 @@
           font-size: 20px;
           right: 10px;
           bottom: 10px;
-          i {
-            color: #c7d0e5;
-          }
-          .follow {
-            color: #f90741;
-          }
         }
       }
+      .el-table--striped
+        .el-table__body
+        tr.el-table__row--striped
+        td.el-table__cell {
+        background: #f4f6f9;
+      }
       .el-table {
-        border: 1px solid #dedede;
         th {
           background: #f5f5f5;
           color: #333;
         }
-        .operation {
-          cursor: pointer;
-          .star {
-            color: #ccc;
-          }
-          .follow {
-            color: #409eff;
-          }
+        th.el-table__cell > .cell {
+          color: #fff;
+        }
+        .el-table__row > td {
+          border: none;
+        }
+        th.is-leaf {
+          border: none;
         }
       }
       .pagination-center {
@@ -1331,12 +1330,23 @@
         padding: 10px 0 20px;
       }
     }
+    .star {
+      font-size: 20px;
+      i {
+        color: #c7d0e5;
+      }
+      .follow {
+        color: #f90741;
+      }
+    }
     .el-dialog__wrapper {
       top: -22px;
     }
     .dialog-video {
       .el-dialog {
         width: 1340px;
+        top: 70px;
+        transform: none;
       }
       .el-dialog__body {
         background: #eaeaea;
@@ -1346,7 +1356,8 @@
       .el-dialog__header {
         padding: 0px;
         .el-dialog__headerbtn {
-          top: 6px;
+          top: 10px;
+          font-size: 20px;
         }
       }
       .title-partment {
@@ -1387,6 +1398,7 @@
     }
     .dialog-event {
       z-index: 2096 !important;
+
       .el-dialog {
         width: 1000px;
         height: 800px;

--
Gitblit v1.8.0