From 3613f5414bef610d8486c01eea3a795d62dabb16 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期五, 05 三月 2021 13:55:01 +0800 Subject: [PATCH] 跨aap打开新app --- src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 39 +++++++++++++++++++++++++++++---------- 1 files changed, 29 insertions(+), 10 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue index 090a650..0b904a2 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue @@ -154,7 +154,7 @@ </div> </div> <div class="content" v-show="showType == 'menu'"> - <el-row :gutter="20" :align="bottom"> + <el-row :gutter="20" > <el-col :xs="8" :sm="6" :md="6" :lg="6" v-for="data in tabData" :key="data.id"> <div class="card"> <div class="video-wrap" @click="checkVideoDetail(data)"> @@ -233,13 +233,18 @@ >{{ scope.row.VideoName }}</div> </template> </el-table-column> + <el-table-column label="澶у皬" prop="VideoSize" sortable></el-table-column> - <el-table-column label="淇敼鏃ユ湡" prop="UpdatedAt" sortable></el-table-column> - <el-table-column label="鍒涘缓鏃ユ湡" prop="CreatedAt" sortable></el-table-column> + <el-table-column label="淇敼鏃ユ湡" prop="VideoUpdateDate" sortable></el-table-column> + <el-table-column label="鍒涘缓鏃ユ湡" prop="VideoCreateDate" sortable></el-table-column> + <el-table-column label="鎿嶄綔"> <template slot-scope="scope"> <div class="operation"> - <i class="el-icon-star-off" @click="toggleFollow(scope.row)"></i> + <div class="star" @click="toggleFollow(scope.row)"> + <i class="iconfont" :class="[scope.row.IsFollow ? 'follow' : '', 'iconguanzhu']"></i> + </div> + <!-- <i class="el-icon-star-off" @click="toggleFollow(scope.row)"></i> --> </div> </template> </el-table-column> @@ -275,9 +280,9 @@ > <div class="title" slot="title"> <i class="el-icon-connection"></i> - <span>shoubi瑙嗛</span> + <span>{{curEvName}}瑙嗛</span> </div> - <event-videos :eventDetail="curEventDetail"></event-videos> + <event-videos :eventVideoArr="eventVideoArr"></event-videos> </el-dialog> </div> </div> @@ -292,6 +297,7 @@ getLabelMap, delLabel, editLabel, + getEventVideo } from "@/api/shuohuang"; import VideoAnalyze from "./videoAnalyze"; import EventVideos from "./eventVideos"; @@ -314,7 +320,7 @@ curTabPage: 1, curTablePage: 1, tabPageSize: 8, - pageSizes: [2, 8, 12, 24], + pageSizes: [ 8, 12, 24], tabTotal: 0, tablePageSize: 8, tableTotal: 0, @@ -414,7 +420,8 @@ labelDialogVisible: false, selectedVideo: {}, eventDialogVisible: false, - curEventDetail: {} + curEvName: '', + eventVideoArr: [] }; }, watch: { @@ -432,6 +439,11 @@ checkEventVideo (label) { this.eventDialogVisible = true; this.curEventDetail = label; + let _this = this; + getEventVideo({ Event: label.Event, LkgID: label.ParentID }).then(res => { + _this.eventVideoArr = res.data; + _this.curEvName = label.Event; + }) }, handleTabSizeChange (size) { this.tabPageSize = size; @@ -528,7 +540,6 @@ } else { _this.tabTotal = res.total; _this.tabData = res.data; - // debugger _this.tabData = _this.tabData.map(function (item) { const set = new Set() item.LableLst.forEach(function (label) { @@ -827,6 +838,8 @@ height: 40px; line-height: 40px; border: none; + color: #2c3e50; + font-size: 12px; } .el-menu--popup { display: flex; @@ -838,6 +851,7 @@ } .highlevel-option { font-size: 12px; + color: #2c3e50; &:hover { color: #6486e7; } @@ -907,7 +921,6 @@ position: relative; text-align: left; background: #fff; - border: 1px solid #dedede; border-radius: 5px; height: 360px; margin-bottom: 10px; @@ -985,6 +998,12 @@ } .operation { cursor: pointer; + .star{ + color: #ccc; + } + .follow{ + color: #409eff; + } } } .pagination-center { -- Gitblit v1.8.0