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

!232 视频上传页面优化

Browse Source 
Merge pull request !232 from 德仔/xzj
This commit is contained in:
德仔 2021-05-07 10:16:36 +08:00 committed by Gitee
commit c8e0c16bfe
2 changed files with 15 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -99,14 +99,14 @@ export default {
.avatar-uploader-icon { .avatar-uploader-icon {
font-size: 28px; font-size: 28px;
color: #8c939d; color: #8c939d;
width: 178px; width: 200px;
height: 178px; height: 120px;
line-height: 178px; line-height: 120px;
text-align: center; text-align: center;
} }
.avatar { .avatar {
width: 300px; width: 200px;
height: 200px; height: 120px;
display: block; display: block;
} }
</style> </style>

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

@ -1,7 +1,6 @@
<template> <template>
<el-dialog title="视频上传" v-if="open" :visible.sync="open" width="700px" :close-on-click-modal="false" :show-close="false" append-to-body> <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-form ref="videoFrom" :model="videoFrom" :rules="videoRules" label-width="80px" style="height: 650px; overflow: auto">
<el-row :gutter="15">
<el-form-item label="视频标题" prop="title"> <el-form-item label="视频标题" prop="title">
<el-input <el-input
type="textarea" type="textarea"
@ -22,10 +21,11 @@
show-word-limit show-word-limit
/> />
</el-form-item> </el-form-item>
<el-form-item label="视频封面" prop="coverUrl"> <el-form-item label="视频封面" prop="coverUrl">
<UploadFile ref="uploadFile" :prefix="'videoCover'" @callbackMethod="handleCoverUrl"></UploadFile> <UploadFile ref="uploadFile" :prefix="'videoCover'" @callbackMethod="handleCoverUrl"></UploadFile>
</el-form-item> </el-form-item>
<el-col :span="12"> <div style="display:flex">
<el-form-item label="视频类别" prop="cateId"> <el-form-item label="视频类别" prop="cateId">
<el-select v-model="videoFrom.cateId" clearable filterable placeholder="请选择类别"> <el-select v-model="videoFrom.cateId" clearable filterable placeholder="请选择类别">
<el-option <el-option
@ -36,9 +36,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> <el-form-item label="视频权限" prop="payLevel" style="margin-left:40px">
<el-col :span="12">
<el-form-item label="视频权限" prop="payLevel">
<el-select v-model="videoFrom.payLevel" clearable filterable placeholder="请选择权限"> <el-select v-model="videoFrom.payLevel" clearable filterable placeholder="请选择权限">
<el-option <el-option
v-for="dict in payVideoLevelList" v-for="dict in payVideoLevelList"
@ -48,7 +46,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </div>
<el-form-item label="视频文件" prop="file"> <el-form-item label="视频文件" prop="file">
<div> <div>
@ -57,7 +55,6 @@
<div > 1、只能上传mp4文件，上传大文件时请使用客户端上传，防止上传超时</div> <div > 1、只能上传mp4文件，上传大文件时请使用客户端上传，防止上传超时</div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="展示状态" prop="wxShow"> <el-form-item label="展示状态" prop="wxShow">
<el-switch <el-switch
v-model="videoFrom.wxShow" v-model="videoFrom.wxShow"
@ -66,7 +63,6 @@
</el-switch> </el-switch>
<div>提示：请保证内容正确再展示到小程序</div> <div>提示：请保证内容正确再展示到小程序</div>
</el-form-item> </el-form-item>
</el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="authUpload" :disabled="uploadDisabled">开始上传</el-button> <el-button type="primary" @click="authUpload" :disabled="uploadDisabled">开始上传</el-button>