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,12 +272,25 @@
                </div>
              </div>
              <div class="players" ref="playerWrap">
                <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>
                  </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}">
@@ -289,6 +302,8 @@
                    </div>
                  </template>
                </div>
                </template>
                <!-- <div
                  class="video-item"
                  :class="{'active':item.ID==curVideo.ID}"
@@ -552,7 +567,7 @@
      this.curVideo = video;
      debugger
      if(index>0&&this.guid==1){
        this.videoWrapArr
        //this.videoWrapArr =
      }
    },
    handleTabSizeChange (size) {
@@ -927,8 +942,8 @@
              border-color: #7695ec;
            }
            &.checked {
              color: #409EFF;
              border-color: #409EFF;
              color: #409eff;
              border-color: #409eff;
            }
          }
        }
@@ -985,7 +1000,7 @@
              margin-right: 10px;
            }
            &.current {
              border-color: #409EFF;
              border-color: #409eff;
              background-color:#fff;
            }
          }
@@ -1047,7 +1062,7 @@
          bottom: 10px;
          color: #ccc;
          .follow {
            color: #409EFF;
            color: #409eff;
          }
        }
      }