Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

提成优化，视频管理优化

Browse Source
This commit is contained in:
xiezhijun
2021-05-06 19:53:31 +08:00
parent 79f1b9b23c
commit 9f2b055dee
13 changed files with 179 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
stdiet-ui/src/components/FileUpload/UploadFile.vue
View File

@ -7,7 +7,7 @@
:on-success="handleFileSuccess"
:accept="'.png,.jpg'"
:before-upload="beforeAvatarUpload">
<img v-if="imageUrl" :src="imageUrl" class="avatar">
<img v-if="imageUrl || coverUrl" :src="imageUrl || coverUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
<div class="el-upload__tip" slot="tip">
1、只能上传png、jpg文件，且每个文件不超过{{
@ -75,6 +75,10 @@ export default {
prefix: {
type: String,
default: "videoCover",
},
coverUrl:{
type: String,
default: ""
}
}
};

26
stdiet-ui/src/components/UploadVideo/index.vue
View File

@ -1,6 +1,7 @@
<template>
<el-dialog title="视频上传" v-if="open" :visible.sync="open" width="700px" :close-on-click-modal="false" :show-close="false" append-to-body>
<el-form ref="videoFrom" :model="videoFrom" :rules="videoRules" label-width="80px">
<el-row :gutter="15">
<el-form-item label="视频标题" prop="title">
<el-input
type="textarea"
@ -24,7 +25,8 @@
<el-form-item label="视频封面" prop="coverUrl">
<UploadFile ref="uploadFile" :prefix="'videoCover'" @callbackMethod="handleCoverUrl"></UploadFile>
</el-form-item>
<el-form-item label="视频类别" prop="cateId">
<el-col :span="12">
<el-form-item label="视频类别" prop="cateId">
<el-select v-model="videoFrom.cateId" clearable filterable placeholder="请选择类别">
<el-option
v-for="classify in classifyList"
@ -34,8 +36,8 @@
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="视频权限" prop="payLevel">
<el-select v-model="videoFrom.payLevel" clearable filterable placeholder="请选择权限">
<el-option
@ -46,6 +48,7 @@
/>
</el-select>
</el-form-item>
</el-col>
<el-form-item label="视频文件" prop="file">
<div>
@ -55,6 +58,15 @@
</div>
</el-form-item>
<el-form-item label="展示状态" prop="wxShow">
<el-switch
v-model="videoFrom.wxShow"
active-text="小程序展示"
inactive-text="小程序不展示">
</el-switch>
<div>提示：请保证内容正确再展示到小程序</div>
</el-form-item>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="authUpload" :disabled="uploadDisabled">开始上传</el-button>
@ -109,7 +121,7 @@
pauseDisabled: true,
uploader: null,
statusText: '',
fileType:['mp4'],
fileType:['mp4','MP4'],
uploading: false
}
},
@ -143,8 +155,9 @@
title: null,
description: null,
tags: null,
payLevel: null,
videoId: null
payLevel: 0,
videoId: null,
wxShow: false
};
if(this.$refs.uploadFile){
this.$refs.uploadFile.resetUpload();
@ -321,6 +334,7 @@
self.statusText = '文件上传完毕'
self.uploading = false;
//self.msgSuccess("上传成功");
self.videoFrom.showFlag = self.videoFrom.wxShow ? 1 : 0;
addNutritionalVideo(self.videoFrom).then(response => {
if (response.code === 200) {
self.msgSuccess("视频上传成功");

93
stdiet-ui/src/views/custom/nutritionalVideo/index.vue
View File

@ -149,33 +149,61 @@
/>
<!-- 添加或修改营养视频对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="视频分类ID" prop="cateId">
<el-input v-model="form.cateId" placeholder="请输入视频分类ID" />
</el-form-item>
<el-form-item label="阿里云视频ID" prop="videoId">
<el-input v-model="form.videoId" placeholder="请输入阿里云视频ID" />
</el-form-item>
<el-form-item label="视频封面URL" prop="coverUrl">
<el-input v-model="form.coverUrl" placeholder="请输入视频封面URL" />
</el-form-item>
<el-form-item label="视频标题" prop="title">
<el-input v-model="form.title" placeholder="请输入视频标题" />
<el-input
type="textarea"
placeholder="请输入视频标题"
v-model="form.title"
maxlength="50"
rows="1"
show-word-limit
/>
</el-form-item>
<el-form-item label="视频描述" prop="description">
<el-input v-model="form.description" placeholder="请输入视频描述" />
</el-form-item>
<el-form-item label="视频大小，单位：字节" prop="videoSize">
<el-input v-model="form.videoSize" placeholder="请输入视频大小，单位：字节" />
</el-form-item>
<el-form-item label="标签，使用 , 隔开" prop="tags">
<el-input v-model="form.tags" placeholder="请输入标签，使用 , 隔开" />
</el-form-item>
<el-form-item label="是否显示，0不显示 1显示，默认0" prop="showFlag">
<el-input v-model="form.showFlag" placeholder="请输入是否显示，0不显示 1显示，默认0" />
<el-input
type="textarea"
placeholder="请输入视频描述"
v-model="form.description"
maxlength="1000"
rows="2"
show-word-limit
/>
</el-form-item>
<el-form-item label="视频封面" prop="coverUrl">
<UploadFile ref="uploadFile" :prefix="'videoCover'" :coverUrl="form.previewUrl" @callbackMethod="handleCoverUrl"></UploadFile>
</el-form-item>
<el-form-item label="视频类别" prop="cateId">
<el-select v-model="form.cateId" clearable filterable placeholder="请选择类别">
<el-option
v-for="classify in classifyList"
:key="classify.id"
:label="classify.cateName"
:value="classify.id"
/>
</el-select>
</el-form-item>
<el-form-item label="视频权限" prop="payLevel">
<el-select v-model="form.payLevel" clearable filterable placeholder="请选择权限">
<el-option
v-for="dict in payVideoLevelList"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="parseInt(dict.dictValue)"
/>
</el-select>
</el-form-item>
<el-form-item label="展示状态" prop="wxShow">
<el-switch
v-model="form.wxShow"
active-text="小程序展示"
inactive-text="小程序不展示">
</el-switch>
<div>提示：请保证内容正确再展示到小程序</div>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
@ -190,6 +218,7 @@
import { listNutritionalVideo, getNutritionalVideo, delNutritionalVideo, addNutritionalVideo, updateNutritionalVideo, exportNutritionalVideo, updateWxShow } from "@/api/custom/nutritionalVideo";
import {getAllClassify } from "@/api/custom/videoClassify";
import UploadVideo from "@/components/UploadVideo";
import UploadFile from "@/components/FileUpload/UploadFile";
export default {
name: "NutritionalVideo",
data() {
@ -245,7 +274,7 @@
});
},
components: {
UploadVideo
UploadVideo,UploadFile
},
methods: {
/** 查询营养视频列表 */
@ -270,18 +299,13 @@
this.form = {
id: null,
cateId: null,
videoId: null,
coverUrl: null,
title: null,
description: null,
videoSize: null,
tags: null,
payLevel:null,
showFlag: null,
createTime: null,
createBy: null,
updateTime: null,
updateBy: null,
delFlag: null
wxShow: false
};
this.resetForm("form");
},
@ -317,15 +341,17 @@
this.reset();
const id = row.id || this.ids
getNutritionalVideo(id).then(response => {
response.data.wxShow = response.data.showFlag == 1 ? true : false;
this.form = response.data;
this.open = true;
this.title = "修改营养视频";
});
this.open = true;
this.title = "修改营养视频";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.form.showFlag = this.form.wxShow ? 1 : 0;
if (this.form.id != null) {
updateNutritionalVideo(this.form).then(response => {
if (response.code === 200) {
@ -353,6 +379,9 @@
};
updateWxShow(param);
},
handleCoverUrl(url){
this.form.coverUrl = url;
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;