From b57c81c1da4ad71edf2073c21e7cebb38123b961 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期一, 27 十月 2025 17:08:00 +0800
Subject: [PATCH] 页面调整
---
manager/src/views/video/VideoList.vue | 148 ++++++++++++++++++++++++++++++++++---------------
1 files changed, 103 insertions(+), 45 deletions(-)
diff --git a/manager/src/views/video/VideoList.vue b/manager/src/views/video/VideoList.vue
index ef36837..8dce271 100644
--- a/manager/src/views/video/VideoList.vue
+++ b/manager/src/views/video/VideoList.vue
@@ -80,6 +80,11 @@
</FormItem>
</Col>
<Col span="12">
+ <FormItem label="鏉冮噸:" :label-width="80">
+ <InputNumber v-model="uploadVideoForm.weight" :min="0" :step="0.1" placeholder="璇疯緭鍏ユ潈閲�"></InputNumber>
+ </FormItem>
+ </Col>
+ <Col span="12">
<FormItem label="涓婁紶绫诲瀷:" :label-width="80" prpo="videoContentType">
<Select v-model="uploadVideoForm.videoContentType" style="width:200px">
<Option value="img">鍥剧墖</Option>
@@ -184,12 +189,6 @@
</Col>
</Row>
<Row :gutter="24">
- <Col span="24">
- <FormItem label="閫変腑鍟嗗搧" :label-width="80">
- </FormItem>
- </Col>
- </Row>
- <Row :gutter="24">
<Col span="12">
<FormItem label="鍟嗗搧鍒楄〃" :label-width="80">
<Input v-model="searchGoodsForm.keyword" style="width:200px" @on-change="searchGoodsList"></Input>
@@ -259,13 +258,13 @@
:title="playVideoTitle"
width="800"
:mask-closable="false"
- @close="playVideoClose"
+ @on-cancel="playVideoClose"
>
<div class="video-warp">
<video :src="playVideoUrl" autoplay controls style="width: 768px;height: 432px"/>
</div>
<div slot="footer">
- <Button type="text" @click="playVideoClose">鍏抽棴</Button>
+ <Button type="text" @click="playVideoClose">鍏抽棴1</Button>
</div>
</Modal>
@@ -322,7 +321,6 @@
</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">
@@ -431,6 +429,10 @@
<Button type="success" size="small" style="margin-right: 5px" v-else-if="row.status === '0'"
@click="videoUp(row)">涓婃灦
</Button>
+ <!-- 娣诲姞鍒犻櫎鎸夐挳 -->
+ <Button type="error" size="small" style="margin-right: 5px" v-if="row.status === '0'"
+ @click="deleteVideo(row)">鍒犻櫎
+ </Button>
<Button type="error" size="small" style="margin-right: 5px"
@click="openComment(row)">
鏌ョ湅璇勮
@@ -462,7 +464,7 @@
<Col>
<FormItem :label-width="70" label="寮�濮嬫椂闂达細" prop="startTime">
<DatePicker
- :v-model="commentForm.startTime"
+ v-model="commentForm.startTime"
type="datetime"
placeholder="閫夋嫨寮�濮嬫椂闂�"
style="width: 120px"
@@ -474,7 +476,7 @@
<Col>
<FormItem :label-width="70" label="缁撴潫鏃堕棿锛�" prop="endTime">
<DatePicker
- :v-model="commentForm.endTime"
+ v-model="commentForm.endTime"
type="datetime"
placeholder="閫夋嫨缁撴潫鏃堕棿"
style="width: 120px"
@@ -487,8 +489,7 @@
</Form>
<div slot="footer">
- <Button type="text" @click="closeVideoDown">鍏抽棴</Button>
- <Button type="primary" @click="videoDown">纭</Button>
+ <Button type="text" @click="closeComment">鍏抽棴</Button>
</div>
<Table
:loading="commentLoading"
@@ -517,9 +518,7 @@
show-sizer
></Page>
</Row>
- <div slot="footer">
- </div>
</Modal>
<Modal
@@ -570,9 +569,11 @@
publish,
updatePublish,
getCommentPage,
- removeById
+ removeById,
+ deleteVideoById
} from "@/api/video";
import {getVideoTagList, recommend, videoGoodsEsPage} from "@/api/videoTag";
+import {addPrizeNum} from "@/api/activity-prize";
import {getFilePreview, getSts} from "@/api/file";
import Editor from '@/components/editor/index.vue'
import GoodsExpandRow from '@/views/video/GoodsExpandRow'
@@ -701,8 +702,8 @@
showListImages: [],
tags: [],
fileInfo: {},
- goodsList: []
-
+ goodsList: [],
+ weight: 0 // 娣诲姞鏉冮噸瀛楁锛岄粯璁ゅ�间负0
},
videoDownForm: {
id: '',
@@ -879,6 +880,9 @@
this.getTags('')
},
methods: {
+ closeComment(){
+ this.showVideoComment = false
+ },
commentChangePage(page) {
this.commentForm.pageNumber = page
this.commentPage()
@@ -891,8 +895,14 @@
this.commentPage()
},
commentPage(){
+ //杞崲涓哄瓧绗︿覆
+ let startTime = this.formatDate(this.commentForm.startTime);
+ let endTime = this.formatDate(this.commentForm.endTime);
+ let from = {...this.commentForm};
+ from.startTime = startTime;
+ from.endTime = endTime;
this.commentLoading = true;
- getCommentPage(this.commentForm).then(res =>{
+ getCommentPage(from).then(res =>{
this.commentLoading = false;
if (res.code === 200){
this.commentData = res.data;
@@ -938,6 +948,7 @@
// this.selectCount = selection.length
},
openComment(row){
+ this.$refs.commentForm.resetFields();
console.log(row)
this.commentForm.videoId = row.id;
this.showVideoComment = true;
@@ -954,13 +965,19 @@
this.videoTagList = res.data;
})
this.upLoadVideoShow = true;
- this.chooseTag = row.tagList.map(item => {
- return item.tagName
- })
+ console.log('--------------------->',row.tagList)
+ if (row.tagList){
+ this.chooseTag = row.tagList.map(item => {
+ return item.tagName
+ })
+ }
console.log('閫変腑鍒楄〃---銆�',row.goodsList)
- row.goodsList.forEach(item => {
- item.goodsSkuId = item.id
- })
+ if (row.goodsList){
+ row.goodsList.forEach(item => {
+ item.goodsSkuId = item.id
+ })
+ }
+
this.uploadVideoForm = {
id: '',
title: '',
@@ -973,23 +990,32 @@
showListImages: [],
tags: [],
fileInfo: {},
- goodsList: []
+ goodsList: [],
+ weight: 0 // 娣诲姞鏉冮噸瀛楁锛岄粯璁ゅ�间负0
}
- // 閬嶅巻宸查�夋嫨鐨勬爣绛�
- row.tagList.forEach(tag => {
- // 妫�鏌ユ爣绛炬槸鍚﹀凡瀛樺湪浜巚ideoTagList涓�
- const exists = this.videoTagList.some(item => item.tagName === tag.tagName);
- // 濡傛灉涓嶅瓨鍦紝鍒欐坊鍔犲埌閫夐」鍒楄〃
- if (!exists) {
- this.videoTagList.push({
- id: tag.id, // 鐢熸垚涓存椂ID
- tagName: tag.tagName
- });
- }
- });
- this.uploadVideoForm = row
+ if (row.tagList){
+ // 閬嶅巻宸查�夋嫨鐨勬爣绛�
+ row.tagList.forEach(tag => {
+ // 妫�鏌ユ爣绛炬槸鍚﹀凡瀛樺湪浜巚ideoTagList涓�
+ const exists = this.videoTagList.some(item => item.tagName === tag.tagName);
+ // 濡傛灉涓嶅瓨鍦紝鍒欐坊鍔犲埌閫夐」鍒楄〃
+ if (!exists) {
+ this.videoTagList.push({
+ id: tag.id, // 鐢熸垚涓存椂ID
+ tagName: tag.tagName
+ });
+ }
+ });
+ }
+
+ // 淇濈暀鍘熸湁鐨剅ow鏁版嵁锛屼絾瑕佺‘淇漺eight瀛楁瀛樺湪
+ this.uploadVideoForm = Object.assign(this.uploadVideoForm, row);
+ // 纭繚weight瀛楁鏈夐粯璁ゅ��
+ if (this.uploadVideoForm.weight === undefined || this.uploadVideoForm.weight === null) {
+ this.uploadVideoForm.weight = 0;
+ }
console.log("鎵撳嵃鍊�",this.uploadVideoForm)
this.uploadVideoForm.fileInfo= {};
this.uploadVideoForm.videoImgs = JSON.parse(this.uploadVideoForm.videoImgs)
@@ -1058,11 +1084,10 @@
this.upLoadVideoShow = false;
},
submitVideoUpload() {
- console.log(this.uploadVideoForm.coverUrl)
- if (this.uploadVideoForm.coverUrl === null || this.uploadVideoForm.coverUrl === undefined) {
- this.$Message.error('鏍囬涓嶈兘涓虹┖');
- return;
- }
+ // if (this.uploadVideoForm.coverUrl === null || this.uploadVideoForm.coverUrl === undefined) {
+ // this.$Message.error('灏侀潰涓嶈兘涓虹┖');
+ // return;
+ // }
this.uploadVideoForm.goodsList = this.uploadVideoForm.goodsList.filter(item => {
return item.goodsNum > 0;
})
@@ -1304,7 +1329,8 @@
showListImages: [],
tags: [],
fileInfo: {},
- goodsList: []
+ goodsList: [],
+ weight: 0 // 娣诲姞鏉冮噸瀛楁锛岄粯璁ゅ�间负0
}
recommend({
searchType: "HOT"
@@ -1391,10 +1417,20 @@
console.log(this.auditingForm, "sb")
this.$refs.auditingForm.validate((valid) => {
if (valid) {
+ let currentVideoId = this.auditingForm.id
auditingVideo(this.auditingForm).then(res => {
this.$Message.success("瀹℃牳瀹屾垚")
this.closeAuditing()
this.getDataList()
+ let param = {
+ addType:"USER_PUBLISH_EXAMINE",
+ userId:this.detail.authorId,
+ extend:""
+ }
+ param.extend = JSON.stringify({
+ videoId:currentVideoId
+ })
+ addPrizeNum(param)
})
}
})
@@ -1550,6 +1586,28 @@
this.searchGoodsForm.pageSize = v;
this.getGoodsDataList();
},
+ // 娣诲姞鍒犻櫎瑙嗛鏂规硶
+ deleteVideo(row) {
+ this.$Modal.confirm({
+ title: "鎿嶄綔纭",
+ content: "鎮ㄧ‘璁よ鍒犻櫎瑙嗛銆� " + row.title + "銆戝悧? 鍒犻櫎鍚庡皢鏃犳硶鎭㈠!",
+ loading: true,
+ onOk: () => {
+ deleteVideoById(row.id).then(res => {
+ this.$Modal.remove();
+ if (res.code === 200) {
+ this.$Message.success("瑙嗛鍒犻櫎鎴愬姛");
+ this.getDataList();
+ } else {
+ this.$Message.error(res.msg || "鍒犻櫎澶辫触");
+ }
+ }).catch(err => {
+ this.$Modal.remove();
+ this.$Message.error("鍒犻櫎澶辫触");
+ });
+ }
+ });
+ },
}
}
</script>
--
Gitblit v1.8.0