From cf94fb2d7affead5b5e8738335d4930c81210d27 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 08 十一月 2021 18:36:46 +0800
Subject: [PATCH] search page second list

---
 src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue |  119 ++++++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 96 insertions(+), 23 deletions(-)

diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
index 462d9fc..dd42281 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">
@@ -391,7 +397,7 @@
       >
         <div slot="title" class="title">
           <div class="center">
-            <i class="el-icon-connection"></i>
+            <img src="/images/shuohuang/璺緞 414.png" alt="" />
             <span>鎾斁瑙嗛</span>
           </div>
         </div>
@@ -408,7 +414,7 @@
         @close="eventDialogVisible = false"
       >
         <div class="title" slot="title">
-          <i class="el-icon-connection"></i>
+          <img src="/images/shuohuang/璺緞 414.png" alt="" />
           <span>{{ curEvName }}瑙嗛</span>
         </div>
         <event-videos :eventVideoArr="eventVideoArr"></event-videos>
@@ -897,6 +903,7 @@
 
   * {
     box-sizing: content-box;
+    color: #425277;
   }
   .el-input__inner {
     border: 1px solid #d7dce8;
@@ -904,6 +911,8 @@
   }
   .flex-box {
     display: flex;
+    height: 18px;
+    line-height: 18px;
   }
   .filter-area {
     background: #fff;
@@ -1191,6 +1200,7 @@
       }
       .el-table {
         border: none;
+        margin-bottom: 20px;
       }
       .el-col {
         margin-bottom: 10px;
@@ -1200,7 +1210,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 +1232,7 @@
           }
         }
         .video-info {
-          padding: 10px;
+          padding: 14px;
           .base-info {
             > div {
               margin-bottom: 1px;
@@ -1301,29 +1311,30 @@
           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 {
         text-align: center;
@@ -1331,12 +1342,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: 1180px;
+        width: 1340px;
+        top: 70px;
+        transform: none;
       }
       .el-dialog__body {
         background: #eaeaea;
@@ -1344,7 +1366,7 @@
         height: inherit;
       }
       .el-dialog__header {
-        padding: 3px;
+        padding: 0px;
         .el-dialog__headerbtn {
           top: 6px;
         }
@@ -1365,11 +1387,29 @@
         }
       }
       .title {
-        font-size: 15px;
+        font-size: 16px;
+        height: 40px;
+        line-height: 40px;
+        background: #2d52d7;
+
+        span {
+          line-height: 40px;
+          color: #fcfcfc;
+        }
+
+        img {
+          width: 20px;
+          vertical-align: middle;
+          margin-right: 10px;
+        }
+      }
+      .el-dialog__close::before {
+        color: #fff;
       }
     }
     .dialog-event {
       z-index: 2096 !important;
+
       .el-dialog {
         width: 1000px;
         height: 800px;
@@ -1377,6 +1417,39 @@
         .el-dialog__body {
           padding: 0;
         }
+        .el-dialog__header {
+          padding: 0px;
+          .el-dialog__headerbtn {
+            top: 6px;
+          }
+        }
+        .title {
+          font-size: 16px;
+          height: 40px;
+          line-height: 40px;
+          background: #2d52d7;
+
+          span {
+            line-height: 40px;
+            color: #fcfcfc;
+          }
+
+          img {
+            width: 20px;
+            vertical-align: middle;
+            margin-right: 10px;
+          }
+        }
+        .el-dialog__close::before {
+          color: #fff;
+          &:hover {
+            color: #fff;
+          }
+        }
+
+        .more-videos .top .title {
+          background-color: #fff;
+        }
       }
     }
   }

--
Gitblit v1.8.0