From ccee429d379e0108b7445f72ade8d97c110a6fb3 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期二, 09 十一月 2021 18:01:59 +0800 Subject: [PATCH] 问题修复 --- src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 69 +++++++++++++++++++--------------- 1 files changed, 39 insertions(+), 30 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue index 8c33c6d..ead0f1a 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"> @@ -905,6 +911,8 @@ } .flex-box { display: flex; + height: 18px; + line-height: 18px; } .filter-area { background: #fff; @@ -987,7 +995,6 @@ .config { display: flex; flex-wrap: no-wrap; - cursor: pointer; border-bottom: 1px solid #d7dce8; .title { padding: 10px 20px; @@ -1063,7 +1070,7 @@ .more { margin-top: 7px; padding: 0px 6px; - + cursor: pointer; margin-right: 10px; width: 46px; height: 25px; @@ -1077,6 +1084,7 @@ .multCheck { margin-top: 7px; width: 44px; + cursor: pointer; height: 23px; line-height: 23px; padding: 0px 12px; @@ -1088,14 +1096,6 @@ span { color: #ee4e6e; } - // &:hover { - // color: #7695ec; - // border-color: #7695ec; - // } - // &.checked { - // color: #409eff; - // border-color: #409eff; - // } } } .el-menu.el-menu--horizontal { @@ -1192,6 +1192,7 @@ } .el-table { border: none; + margin-bottom: 20px; } .el-col { margin-bottom: 10px; @@ -1201,7 +1202,7 @@ text-align: left; background: #fff; border-radius: 0 0 5px 5px; - height: 360px; + height: 368px; margin-bottom: 10px; border: 1px solid#CCD9F0; &:hover { @@ -1223,7 +1224,7 @@ } } .video-info { - padding: 10px; + padding: 14px; .base-info { > div { margin-bottom: 1px; @@ -1302,28 +1303,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 { @@ -1332,7 +1332,15 @@ padding: 10px 0 20px; } } - + .star { + font-size: 20px; + i { + color: #c7d0e5; + } + .follow { + color: #f90741; + } + } .el-dialog__wrapper { top: -22px; } @@ -1350,7 +1358,8 @@ .el-dialog__header { padding: 0px; .el-dialog__headerbtn { - top: 6px; + top: 10px; + font-size: 20px; } } .title-partment { -- Gitblit v1.8.0