应用中心已激活板块版式更新，添加更新tab页，添加批量更新应用和sdk功能；朔黄标注时间点格式化

hanbaoshan

2021-02-24 7f37e751c1c9f98671bc3fc06216aeb7781dd386

 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;