From 7f64f671e5efa837b610210db372b2d5c6a897d2 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期一, 16 六月 2025 11:00:07 +0800
Subject: [PATCH] 视频列表、审核展示视频悬挂的商品
---
manager/src/views/video/GoodsExpandRow.vue | 35 +++++++++++++++++
manager/src/views/video/VideoList.vue | 45 ++++++++++++++++++++--
2 files changed, 75 insertions(+), 5 deletions(-)
diff --git a/manager/src/views/video/GoodsExpandRow.vue b/manager/src/views/video/GoodsExpandRow.vue
new file mode 100644
index 0000000..d81e691
--- /dev/null
+++ b/manager/src/views/video/GoodsExpandRow.vue
@@ -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>
diff --git a/manager/src/views/video/VideoList.vue b/manager/src/views/video/VideoList.vue
index 275f2d3..f017ac9 100644
--- a/manager/src/views/video/VideoList.vue
+++ b/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;
--
Gitblit v1.8.0