视频接口优化,案例检索

This commit is contained in:
xiezhijun
2021-05-08 19:09:32 +08:00
parent d474e823c3
commit 8600f48740
26 changed files with 396 additions and 71 deletions

View File

@ -9,10 +9,11 @@
:before-upload="beforeAvatarUpload">
<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只能上传pngjpg文件且每个文件不超过{{
<div class="el-upload__tip" slot="tip" style="color:#1890ff">
<div>1只能上传pngjpg文件且每个文件不超过{{
upload.fileSize / (1024 * 1024)
}}M
}}M</div>
<div style="margin-top:-10px;">{{tips ? ('2、'+tips) : ''}}</div>
</div>
</el-upload>
</template>
@ -79,6 +80,10 @@ export default {
coverUrl:{
type: String,
default: ""
},
tips: {
type: String,
default: ""
}
}
};

View File

@ -37,6 +37,7 @@
<div
class="order_total_data"
>
<span class="order_total_data_span_right20">
当前页总服务金额{{totalServerAmount}}
</span>
@ -50,6 +51,18 @@
>未发放总提成{{ totalNotSendCommission }}</span
>
</div>
<el-row :gutter="10" class="mb8" style="margin-top: 10px;margin-left:10px">
<el-col :span="1.5">
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['commisionDay:detail:export']"
>导出
</el-button>
</el-col>
</el-row>
<div style="width:100%;height:80%;overflow: auto">
<el-table :data="orderList" v-loading="loading" stripe>
<el-table-column
@ -208,7 +221,7 @@
</div>
</template>
<script>
import { orderDetailDay } from "@/api/custom/commision";
import { orderDetailDay,exportOrderDetailDay } from "@/api/custom/commision";
import OrderDetail from "@/components/OrderDetail";
export default {
@ -317,6 +330,23 @@ export default {
handleOnDetailClick(data) {
this.$refs.orderDetailRef.showDialog(data.orderId);
},
handleExport(){
this.queryParam.serverScopeStartTime = this.serverDateScope && this.serverDateScope.length > 0 ? this.serverDateScope[0] : null;
this.queryParam.serverScopeEndTime = this.serverDateScope && this.serverDateScope.length > 0 ? this.serverDateScope[1] : null;
const queryParams = this.queryParam;
this.$confirm("是否确认导出所有订单提成比例数据项?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(function () {
return exportOrderDetailDay(queryParams);
})
.then((response) => {
this.download(response.msg);
})
.catch(function () {});
}
},
};
</script>
@ -332,7 +362,7 @@ export default {
.order_total_data {
float: right;
margin-right: 40px;
margin-bottom:20px
margin-bottom:15px
}
.order_total_data_span_right20 {

View File

@ -102,7 +102,7 @@
</el-table>
</div>
<!-- 其他信息 -->
<div style="height: 390px; overflow: auto">
<div style="height: 370px; overflow: auto">
<div
v-for="(item, index) in dataList.slice(1, 10)"
style="margin-bottom: 50px"

View File

@ -23,7 +23,7 @@
</el-form-item>
<el-form-item label="视频封面" prop="coverUrl">
<UploadFile ref="uploadFile" :prefix="'videoCover'" @callbackMethod="handleCoverUrl"></UploadFile>
<UploadFile ref="uploadFile" :prefix="'videoCover'" @callbackMethod="handleCoverUrl" :tips="'视频未传封面图片时,会主动截取封面,但会存在延迟,请勿直接发布到小程序'"></UploadFile>
</el-form-item>
<div style="display:flex">
<el-form-item label="视频类别" prop="cateId">
@ -52,7 +52,9 @@
<div>
<input type="file" accept=".mp4" ref="videoFile" id="videoFile" @change="fileChange($event)">
<div > <span>上传状态{{statusText}}</span><span style="margin-left:100px">进度{{authProgress}}%</span></div>
<div > 1只能上传mp4文件上传大文件时请使用客户端上传防止上传超时</div>
<div style="color:#1890ff">
1只能上传mp4文件上传大文件时请使用客户端上传防止上传超时
</div>
</div>
</el-form-item>
<el-form-item label="展示状态" prop="wxShow">
@ -61,7 +63,7 @@
active-text="小程序展示"
inactive-text="小程序不展示">
</el-switch>
<div>提示请保证内容正确再展示到小程序</div>
<div style="color:red">提示请保证内容正确再展示到小程序</div>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@ -86,9 +88,6 @@
title: [
{ required: true, message: "标题不能为空", trigger: "blur" },
],
coverUrl: [
{ required: true, message: "封面不能为空", trigger: "blur" },
],
cateId:[
{ required: true, message: "视频类别不能为空", trigger: "blur" },
],
@ -145,13 +144,13 @@
},
methods: {
showDialog(classifyList, callback){
if(classifyList != null && classifyList.length > 0){
this.defaultClassify = classifyList[0].id;
}
this.resetVideoFrom();
this.open = true;
this.callback = callback;
this.classifyList = classifyList;
if(classifyList != null && classifyList.length > 0){
this.defaultClassify = classifyList[0].id;
}
},
handleCoverUrl(url){
this.videoFrom.coverUrl = url;