From 7f37e751c1c9f98671bc3fc06216aeb7781dd386 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期三, 24 二月 2021 07:25:58 +0800
Subject: [PATCH] 应用中心已激活板块版式更新，添加更新tab页，添加批量更新应用和sdk功能；朔黄标注时间点格式化
---
src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 64 ++++++++++++++++++++++++-------
1 files changed, 49 insertions(+), 15 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
index 10c1de4..d312194 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
@@ -124,10 +124,10 @@
</el-select>
</div>
<div>
- <el-select v-model="settle" size="mini">
+ <el-select v-model="IsOperate" size="mini" @change="filterSearchData">
<el-option value label="鍏ㄩ儴"></el-option>
- <el-option value="1" label="鏈鐞�"></el-option>
- <el-option value="2" label="宸插鐞�"></el-option>
+ <el-option value="0" label="鏈鐞�"></el-option>
+ <el-option value="1" label="宸插鐞�"></el-option>
</el-select>
</div>
</div>
@@ -147,7 +147,7 @@
<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)">
- <img :src="CLIP+data.VideoCover" alt />
+ <img :src="data.VideoCover" alt />
</div>
<div class="video-info">
<div class="base-info">
@@ -187,6 +187,7 @@
</el-col>
</el-row>
<el-pagination
+ class="pagination-center"
background
@size-change="handleTabSizeChange"
@current-change="handleCurrentChange"
@@ -201,7 +202,7 @@
<el-table :data="tableData" fit ref="elTable">
<el-table-column label="鍚嶇О" prop="VideoName" sortable width="500">
<template slot-scope="scope">
- <div style="cursor:pointer;">{{scope.row.VideoName}}</div>
+ <div style="cursor:pointer;" @click="checkVideoDetail(scope.row)">{{scope.row.VideoName}}</div>
</template>
</el-table-column>
<el-table-column label="澶у皬" prop="VideoSize" sortable></el-table-column>
@@ -216,6 +217,7 @@
</el-table-column>
</el-table>
<el-pagination
+ class="pagination-center"
@size-change="handleTableSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="curTablePage"
@@ -256,7 +258,8 @@
CLIP: 'http://',
keyword: '',
IsFollow: '',
- searchTime: [this.$moment(new Date().getTime() - 3600 * 1000 * 24 * 5).format("YYYY-MM-DD HH:mm:ss"), this.$moment(new Date()).format("YYYY-MM-DD HH:mm:ss")],
+ //searchTime: [this.$moment(new Date().getTime() - 3600 * 1000 * 24 * 5).format("YYYY-MM-DD HH:mm:ss"), this.$moment(new Date()).format("YYYY-MM-DD HH:mm:ss")],
+ searchTime: [new Date(2020,0,1,0,0,0),new Date(2020,11,31,23,59,59)],
curTabPage: 1,
curTablePage: 1,
tabPageSize: 8,
@@ -310,6 +313,7 @@
showAdvance: true,
fixedOneLineHeight: 40,
settle: '',
+ IsOperate: '',
showType: 'menu',
tableData: [
{ name: 'SS4B115_06_B鑺備簩绔徃鏈哄_20201115_091500.mp4', size: '17.66M', updateTime: '2020-11-04 15:41', createTime: '2020-11-04 15:41' },
@@ -363,10 +367,11 @@
KeyWord: this.keyword,
StartDate: this.searchTime[0],
EndDate: this.searchTime[1],
- PageIndex: this.showType == 'list' ? this.curTablePage : this.showType == 'list',
+ PageIndex: this.showType == 'list' ? this.curTablePage : this.curTabPage,
PageSize: this.showType == 'list' ? this.tablePageSize : this.tabPageSize,
IsDetail: this.showType == 'list',
- IsFollow: isFollow
+ IsFollow: isFollow,
+ IsOperate: this.IsOperate
};
let filterQuerys = [];
this.checkedConfigs.forEach(config => {
@@ -401,7 +406,8 @@
PageIndex: this.showType == 'list' ? this.curTablePage : this.showType == 'list',
PageSize: this.showType == 'list' ? this.tablePageSize : this.tabPageSize,
IsDetail: this.showType == 'list',
- IsFollow: this.IsFollow
+ IsFollow: this.IsFollow,
+ IsOperate: this.IsOperate,
};
this.optionalConfigs = [];
this.highLevelConfigs = [];
@@ -416,11 +422,17 @@
res.filterlst.forEach(config => {
this.$set(config, 'isShow', true);
- config.data = Object.keys(config.Node).map(key => {
+ // config.data = Object.keys(config.Node).map(key => {
+ // let obj = {};
+ // obj.name = key;
+ // obj.id = config.Node[key]
+ // return obj
+ // });
+ config.data = config.Node.map((item) => {
let obj = {};
- obj.name = key;
- obj.id = config.Node[key]
- return obj
+ obj.name = item[0];
+ obj.id = item[1];
+ return obj;
});
config.id = config.ID;
config.title = config.NameZn;
@@ -673,8 +685,17 @@
}
.el-menu.el-menu--horizontal {
border: none;
+
}
.config-submenu {
+ .el-menu--horizontal{
+ //max-width: 700px;
+ //overflow-x: auto;
+ left: 20px!important;
+ &>ul{
+ flex-wrap: wrap;
+ }
+ }
.el-submenu__title {
height: 40px;
line-height: 40px;
@@ -744,11 +765,20 @@
border-radius: 5px;
height: 350px;
.video-wrap {
- background: aliceblue;
border-radius: 3px;
+ width: 100%;
+ padding-top: 56.25%;
+ height: 0;
+ position: relative;
img {
+ position: absolute;
+ top: 0;
width: 100%;
- border-radius: 3px;
+ height: 100%;
+ object-fit: contain;
+ // width: 100%;
+ // max-height: 200px;
+ // border-radius: 3px;
}
}
.video-info {
@@ -801,6 +831,10 @@
cursor: pointer;
}
}
+ .pagination-center{
+ text-align: center;
+ margin: 10px auto;
+ }
}
.dialog-video {
z-index: 2096 !important;
--
Gitblit v1.8.0