视频接口优化,案例检索
This commit is contained in:
@ -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、只能上传png、jpg文件,且每个文件不超过{{
|
||||
<div class="el-upload__tip" slot="tip" style="color:#1890ff">
|
||||
<div>1、只能上传png、jpg文件,且每个文件不超过{{
|
||||
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: ""
|
||||
}
|
||||
}
|
||||
};
|
||||
|
@ -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 {
|
||||
|
@ -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"
|
||||
|
@ -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;
|
||||
|
Reference in New Issue
Block a user