From 8d386abb15154f7bd601a5d2e0355ffbca3ac083 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期一, 18 一月 2021 10:57:26 +0800
Subject: [PATCH] shuohuang细节调整
---
src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 77 +++++++++++++++++++++++---------------
1 files changed, 46 insertions(+), 31 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
index 0b626f0..2006669 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
@@ -208,9 +208,9 @@
<el-table-column label="淇敼鏃ユ湡" prop="UpdatedAt" sortable></el-table-column>
<el-table-column label="鍒涘缓鏃ユ湡" prop="CreatedAt" sortable></el-table-column>
<el-table-column label="鎿嶄綔">
- <template>
+ <template slot-scope="scope">
<div class="operation">
- <i class="el-icon-star-off" style="font-size: 18px;"></i>
+ <i class="el-icon-star-off" @click="toggleFollow(scope.row)"></i>
</div>
</template>
</el-table-column>
@@ -272,23 +272,38 @@
</div>
</div>
<div class="players" ref="playerWrap">
- <div
- class="video-item"
- :ref="`gridVideoItem_${index}`"
- v-for="(item,index) in videoWrapArr"
- :key="index"
-
- >
- <template v-if="index<=videoArrs.length-1">
- <div :class="{'currentPlayer':curVideo.ID==videoArrs[index].ID}">
- {{videoArrs[index].ID}}
- <img
- :src="CLIP+videoArrs[index].VideoCover"
- style="width:100px"
- />
+ <template v-if="guid==1">
+ <div
+ class="video-item"
+ :ref="`gridVideoItem_${index}`"
+ v-for="(item,index) in videoWrapArr"
+ :key="index"
+ >
+ <div class="currentPlayer">
+ {{curVideo.ID}}
+ <img :src="CLIP+curVideo.VideoCover" style="width:100px" />
</div>
- </template>
- </div>
+ </div>
+ </template>
+ <template v-else>
+ <div
+ class="video-item"
+ :ref="`gridVideoItem_${index}`"
+ v-for="(item,index) in videoWrapArr"
+ :key="index"
+ >
+ <template v-if="index<=videoArrs.length-1">
+ <div :class="{'currentPlayer':curVideo.ID==videoArrs[index].ID}">
+ {{videoArrs[index].ID}}
+ <img
+ :src="CLIP+videoArrs[index].VideoCover"
+ style="width:100px"
+ />
+ </div>
+ </template>
+ </div>
+ </template>
+
<!-- <div
class="video-item"
:class="{'active':item.ID==curVideo.ID}"
@@ -534,7 +549,7 @@
},
removeCurLabel (ParentID, Time) {
delLabel({ ParentID, Time }).then(res => {
-
+
})
},
renderLabelOpts () {
@@ -548,11 +563,11 @@
let label = this.labelOptions.find(label => label.ID == id);
return label.Name;
},
- checkVideo (video,index) {
+ checkVideo (video, index) {
this.curVideo = video;
debugger
- if(index>0&&this.guid==1){
- this.videoWrapArr
+ if (index > 0 && this.guid == 1) {
+ //this.videoWrapArr =
}
},
handleTabSizeChange (size) {
@@ -927,8 +942,8 @@
border-color: #7695ec;
}
&.checked {
- color: #409EFF;
- border-color: #409EFF;
+ color: #409eff;
+ border-color: #409eff;
}
}
}
@@ -978,15 +993,15 @@
padding: 2px 5px;
cursor: pointer;
border: 1px solid #eee;
- background-color:#ecf0fc;
+ background-color: #ecf0fc;
border-radius: 3px;
color: #777;
&.menu {
margin-right: 10px;
}
&.current {
- border-color: #409EFF;
- background-color:#fff;
+ border-color: #409eff;
+ background-color: #fff;
}
}
}
@@ -1047,7 +1062,7 @@
bottom: 10px;
color: #ccc;
.follow {
- color: #409EFF;
+ color: #409eff;
}
}
}
@@ -1081,7 +1096,7 @@
background: #fff;
padding: 10px;
border-radius: 3px;
- .flex-box >label{
+ .flex-box > label {
color: #777;
}
}
@@ -1101,7 +1116,7 @@
color: #cacaca;
padding-left: 12px;
cursor: pointer;
- &.activegongge{
+ &.activegongge {
color: #3d68e1;
}
}
@@ -1154,7 +1169,7 @@
font-size: 15px;
font-weight: bold;
color: #409eff;
- span{
+ span {
padding-right: 5px;
}
i[class^='el-icon'] {
--
Gitblit v1.8.0