shuohuang细节调整

hanbaoshan

2021-01-18 8d386abb15154f7bd601a5d2e0355ffbca3ac083

 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'] {