页面显示更新

zxl

2025-07-17 1f233d9f5f5dafb6914fb488cd82065a8deb3e6c

 manager/src/views/video/VideoList.vue

@@ -55,11 +55,16 @@
        >
      </Form>

      <Row class="operation padding-row">
        <Button @click="recreateEsIndex" type="primary">重新构建es索引</Button>
      </Row>

      <Modal
        v-model="playVideoShow"
        :title="playVideoTitle"
        width="800"
        :mask-closable="false"
        @close="playVideoClose"
      >
        <div class="video-warp">
          <video :src="playVideoUrl" autoplay controls style="width: 768px;height: 432px"/>
@@ -129,6 +134,22 @@
              <div v-for="img in detail.imgs" :key="img" class="img-warp">
                <img :src="img" class="image">
              </div>
              <Row v-for="goods in detail.goodsList" :key="goods.goodsId" style="width: 100%">
                <Row style="width:100%;align-items: center; padding: 5px 10px">
                  <Col span="6">
                    <img :src="goods.thumbnail" style="width: 100px;height: 100px"/>
                  </Col>
                  <Col span="10">
                    <p>商品名称: {{ goods.goodsName }}</p>
                  </Col>
                  <Col span="4">
                    <p>商品单价: ￥{{ goods.price }}</p>
                  </Col>
                  <Col span="4">
                    <p>商品数量: {{ goods.goodsNum }}</p>
                  </Col>
                </Row>
              </Row>
            </div>

          </Form-item>
@@ -186,7 +207,7 @@
          </div>
        </template>
        <template slot-scope="{ row, index }" slot="videoFileKey">
          <div class="play-text" @click="playVideo(row.videoFileKey, row.title)">点击播放</div>
          <div v-if="row.videoContentType === 'video'" class="play-text" @click="playVideo(row.videoFileKey, row.title)">点击播放</div>
        </template>
        <template slot-scope="{ row, index }" slot="videoDuration">
          <div>{{formatSeconds(row.videoDuration)}}</div>
@@ -223,7 +244,7 @@
</template>

<script>
import {getVideos, recommendSet, getVideoById, auditingVideo, up, down} from "@/api/video";
import {getVideos, recommendSet, getVideoById, auditingVideo, up, down, recreateIndex} from "@/api/video";
import {getVideoTagList} from "@/api/videoTag";
import {getFilePreview} from "@/api/file";
import Editor from '@/components/editor/index.vue'
@@ -370,7 +391,7 @@
        {
          title: "权重",
          key: "weight",
          width: 170,
          width: 80,
        },
        {
          title: "状态",
@@ -398,6 +419,11 @@
    this.getTags('')
  },
  methods: {
    recreateEsIndex() {
      recreateIndex().then(res => {
        this.$Message.success(res.msg)
      })
    },
    // 秒转x分x秒
    formatSeconds(seconds) {
      if (isNaN(seconds) || seconds < 0) return '0秒';
@@ -613,7 +639,7 @@
}
.video-warp {
  width: 100%;
  height: 350px;
  height: 440px;
}
.data-item {
  display: flex;