视频列表、审核展示视频悬挂的商品

xiangpei

7 天以前 7f64f671e5efa837b610210db372b2d5c6a897d2

视频列表、审核展示视频悬挂的商品

 manager/src/views/video/GoodsExpandRow.vue

New file
@@ -0,0 +1,35 @@
<template>
  <div>
    <Row v-for="goods in goodsList" :key="goods.goodsId">
      <Row style="width:100%;align-items: center">
        <Col span="6">
          <img :src="goods.thumbnail" style="width: 150px;height: 150px"/>
        </Col>
        <Col span="6">
          <p>商品名称: {{ goods.goodsName }}</p>
        </Col>
        <Col span="6">
          <p>商品单价: ￥{{ goods.price }}</p>
        </Col>
        <Col span="6">
          <p>商品数量: {{ goods.goodsNum }}</p>
        </Col>
      </Row>
    </Row>
  </div>
</template>

<script>
export default {
  name: "GoodsExpandRow",
  props: {
    goodsList: {
      type: Array
    }
  }
}
</script>

<style scoped>

</style>

 manager/src/views/video/VideoList.vue

@@ -72,7 +72,7 @@
      <Modal
        v-model="auditingShow"
        title="视频审核"
        width="800"
        width="1200"
        :loading="auditingLoading"
        :mask-closable="false"
      >
@@ -99,7 +99,30 @@
            <div>{{detail.imgs.length}}</div>
          </Form-item>
          <Form-item v-if="detail.videoContentType === 'video'" class="video-warp" :label-width="0">
            <video :src="detail.videoUrl" autoplay controls style="width: 768px;height: 432px"/>
            <Row>
              <Col span="11">
                <video :src="detail.videoUrl" autoplay controls style="width: 500px;height: 300px"/>
              </Col>
              <Col span="13" style="max-height: 300px;overflow-y: scroll">
                <Row v-for="goods in detail.goodsList" :key="goods.goodsId" style="width: 100%">
                  <Row style="width:100%;align-items: center">
                    <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>
              </Col>
            </Row>

          </Form-item>
          <Form-item v-if="detail.videoContentType === 'img'" :label-width="0">
            <div style="display: flex;flex-direction: row;flex-wrap: wrap">
@@ -204,9 +227,10 @@
import {getVideoTagList} from "@/api/videoTag";
import {getFilePreview} from "@/api/file";
import Editor from '@/components/editor/index.vue'
import GoodsExpandRow from '@/views/video/GoodsExpandRow'
export default {
  name: "VideoList",
  components: {Editor},
  components: {Editor,GoodsExpandRow},
  data() {
    return {
      videoDownForm: {
@@ -275,6 +299,17 @@
          type: 'selection',
          width: 60,
          align: 'center'
        },
        {
          width: 60,
          type: 'expand',
          render: (h, params) => {
            return h(GoodsExpandRow, {
              props: {
                goodsList: params.row.goodsList
              }
            })
          }
        },
        {
          title: "标题",
@@ -577,8 +612,8 @@
  cursor: pointer;
}
.video-warp {
  width: 786px;
  height: 432px;
  width: 100%;
  height: 350px;
}
.data-item {
  display: flex;