From fb9b3e1f1fcf57d213f6f68c09445e368bb70a4e Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期五, 15 一月 2021 16:39:59 +0800 Subject: [PATCH] 人员管理,任务管理接口调试,左侧导航图标更新 --- src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 39 +++++++++++++++++++++++++++------------ 1 files changed, 27 insertions(+), 12 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue index e18d1f2..0b626f0 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue @@ -151,19 +151,19 @@ </div> <div class="video-info"> <div class="base-info"> - <div> + <div class="flex-box"> <label>杞﹀彿:</label> <span>{{data.CarNumber}}</span> </div> - <div> + <div class="flex-box"> <label>杞︽:</label> <span>{{data.TrainNumber}}</span> </div> - <div> + <div class="flex-box"> <label>鏃堕棿:</label> <span>{{data.VideoDate}}</span> </div> - <div> + <div class="flex-box"> <label>鍙告満|鍓徃鏈�:</label> <span>{{data.Driver1}}|{{data.Driver2}}</span> </div> @@ -694,6 +694,7 @@ }, setGuid (guid) { let _this = this; + this.guid = guid; // for(var i = 0; i < Math.pow(guid,2); i++){ // if(i>this.videoArrs.length-1){ // this.videoWrapArr[i] = this.videoArrs[i] @@ -922,12 +923,12 @@ padding: 0px 12px; border: 1px solid #ccc; &:hover { - color: #6486e7; - border-color: #6486e7; + color: #7695ec; + border-color: #7695ec; } &.checked { - color: #3d68e1; - border-color: #3d68e1; + color: #409EFF; + border-color: #409EFF; } } } @@ -977,12 +978,15 @@ padding: 2px 5px; cursor: pointer; border: 1px solid #eee; + background-color:#ecf0fc; border-radius: 3px; + color: #777; &.menu { margin-right: 10px; } &.current { - border-color: #3d68e1; + border-color: #409EFF; + background-color:#fff; } } } @@ -1041,8 +1045,9 @@ font-size: 20px; right: 10px; bottom: 10px; + color: #ccc; .follow { - color: #3d68e1; + color: #409EFF; } } } @@ -1067,6 +1072,7 @@ } .title-partment { font-size: 14px; + font-weight: 500; color: #333; line-height: 18px; margin-bottom: 8px; @@ -1075,6 +1081,9 @@ background: #fff; padding: 10px; border-radius: 3px; + .flex-box >label{ + color: #777; + } } .title { font-size: 18px; @@ -1092,6 +1101,9 @@ color: #cacaca; padding-left: 12px; cursor: pointer; + &.activegongge{ + color: #3d68e1; + } } } .video-area { @@ -1101,10 +1113,10 @@ margin-right: 10px; .video-name { cursor: pointer; - color: #666; + color: #777; margin-bottom: 10px; &.current { - color: #3d68e1; + color: #409eff; } i { padding-right: 4px; @@ -1142,6 +1154,9 @@ font-size: 15px; font-weight: bold; color: #409eff; + span{ + padding-right: 5px; + } i[class^='el-icon'] { padding: 3px; } -- Gitblit v1.8.0