feat(order): 添加视频预览功能并调整订单相关接口
- 订单页跳转功能，增加 name 参数 - 对接视频预览和交付视频查询页
This commit is contained in:
fhysy
parent
a7454355f4
commit
ff0855c438
|
|
@ -144,4 +144,15 @@ export default {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
// 用户确认预览视频(调整或确认）
|
||||||
|
materialAdjust(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.post('/mall/material/adjust',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|
@ -22,126 +22,4 @@ export default {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 获取订单商品列表
|
|
||||||
getMallclientOrderProductList(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.get('/mallclient/clientorderItem/list',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 查询订单商品素材模板列表
|
|
||||||
getProductMaterialDictList(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.get('/mall/materialDict/listWithProduct',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 查询订单商品素材列表(已有)
|
|
||||||
getMallOrderProductMaterialList(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.get('/mall/material/list',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 查询订单商品素材模板素材项列表
|
|
||||||
getProductMaterialDictItemList(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.get('/mall/materialTemplate/listById',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 删除文件
|
|
||||||
delOssFile(id){
|
|
||||||
console.log("id",id)
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.delete('/resource/oss/' + id)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 订单素材列表（流程）
|
|
||||||
getOrderMaterialList(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.get('/mall/orderMaterial/list',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 新增订单素材(流程）
|
|
||||||
AddOrderMaterial(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.post('/mall/orderMaterial',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 修改素材(批量)
|
|
||||||
mallMaterialUpdateBatch(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.put('/mall/material/updateBatch',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 提交商品素材列表（完成）
|
|
||||||
mallMaterialCommit(orderId,productId){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.put('/mall/material/commit/' + orderId + '/' + productId)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 启动任务(流程）
|
|
||||||
startWorkFlow(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.post('/workflow/task/startWorkFlow',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 办理流程(流程）
|
|
||||||
completeTask(data){
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
request.post('/workflow/task/completeTask',data)
|
|
||||||
.then((res) =>{
|
|
||||||
resolve(res);
|
|
||||||
}).catch(err =>{
|
|
||||||
reject(err);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
|
|
@ -0,0 +1,265 @@
|
||||||
|
<template>
|
||||||
|
<view class="video-preview">
|
||||||
|
<!-- 视频播放区域 -->
|
||||||
|
<view class="video-container">
|
||||||
|
<video
|
||||||
|
v-if="videoUrl"
|
||||||
|
:src="videoUrl"
|
||||||
|
class="video-player"
|
||||||
|
controls
|
||||||
|
></video>
|
||||||
|
<u-empty v-else text="视频为空" src="play-circle"></u-empty>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 底部按钮区域 -->
|
||||||
|
<view class="btn-box" :class="adjustCount == 0?'one':''" v-if="routeParams.name === '视频预览' && formState!= 'confirm'">
|
||||||
|
<u-button
|
||||||
|
v-if="adjustCount !== 0"
|
||||||
|
type="default"
|
||||||
|
class="adjust-btn"
|
||||||
|
@click="showAdjustModal"
|
||||||
|
>视频调整</u-button>
|
||||||
|
<u-button
|
||||||
|
class="confirm-btn"
|
||||||
|
type="primary"
|
||||||
|
@click="showConfirmModal"
|
||||||
|
>确认视频</u-button>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 调整建议弹窗 -->
|
||||||
|
<u-popup
|
||||||
|
v-model="showAdjust"
|
||||||
|
@close="closeAdjustModal"
|
||||||
|
mode="center"
|
||||||
|
border-radius="10"
|
||||||
|
>
|
||||||
|
<view class="adjust-modal">
|
||||||
|
<view class="modal-title">调整建议</view>
|
||||||
|
<view class="adjust-count">剩余调整次数：{{ adjustCount }}</view>
|
||||||
|
<u-input
|
||||||
|
v-model="adjustForm.message"
|
||||||
|
placeholder="请输入调整建议"
|
||||||
|
auto-height
|
||||||
|
type="textarea"
|
||||||
|
border
|
||||||
|
></u-input>
|
||||||
|
<view class="modal-buttons">
|
||||||
|
<u-button
|
||||||
|
@click="cancelAdjustment"
|
||||||
|
>取消</u-button>
|
||||||
|
<u-button
|
||||||
|
type="primary"
|
||||||
|
@click="submitAdjustment"
|
||||||
|
:disabled="adjustCount <= 0"
|
||||||
|
>提交</u-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
|
||||||
|
<!-- 确认弹窗 -->
|
||||||
|
<u-modal
|
||||||
|
v-model="showConfirm"
|
||||||
|
title="确认提示"
|
||||||
|
content="视频确认后将生成正式交付视频，并完成订单，是否要确认？"
|
||||||
|
@confirm="submitAdjustment"
|
||||||
|
@cancel="closeConfirmModal"
|
||||||
|
show-cancel-button
|
||||||
|
></u-modal>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
videoUrl: '', // 视频URL
|
||||||
|
adjustmentSuggestion: '', // 调整建议内容
|
||||||
|
showAdjust: false, // 调整弹窗显示状态
|
||||||
|
showConfirm: false, // 确认弹窗显示状态
|
||||||
|
videoStatus: 'preview',
|
||||||
|
routeParams:{
|
||||||
|
productId:'',
|
||||||
|
orderId:'',
|
||||||
|
orderItemId:'',
|
||||||
|
name:'',
|
||||||
|
},
|
||||||
|
adjustForm:{
|
||||||
|
businessKey: undefined,
|
||||||
|
state: 1,
|
||||||
|
message: undefined
|
||||||
|
},
|
||||||
|
adjustCount:0,
|
||||||
|
formState:'preview'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
if(option){
|
||||||
|
this.routeParams = option;
|
||||||
|
}
|
||||||
|
this.getInfo();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getInfo(){
|
||||||
|
let res = await this.$api.orderApi.getOrderMaterialList({ orderItemId: this.routeParams.orderItemId })
|
||||||
|
console.log("res",res)
|
||||||
|
if(res.rows.length!=0){
|
||||||
|
this.adjustForm.businessKey = res.rows[0].id;
|
||||||
|
if (this.routeParams.name === '视频预览') {
|
||||||
|
this.videoUrl = res.rows[0].resultPreview;
|
||||||
|
this.formState = res.rows[0].formState;
|
||||||
|
let count = res.rows[0].adjustCount || 0;
|
||||||
|
this.adjustCount = 3 - count > 0 ? 3 - count : 0;
|
||||||
|
} else {
|
||||||
|
this.videoUrl = res.rows[0].resultOutput;
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 显示调整建议弹窗
|
||||||
|
showAdjustModal() {
|
||||||
|
this.adjustForm.state = 0;
|
||||||
|
this.adjustForm.message = '';
|
||||||
|
this.showAdjust = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
// 关闭调整建议弹窗
|
||||||
|
closeAdjustModal() {
|
||||||
|
this.showAdjust = false
|
||||||
|
},
|
||||||
|
|
||||||
|
// 显示确认弹窗
|
||||||
|
showConfirmModal() {
|
||||||
|
this.adjustForm.state = 1;
|
||||||
|
this.adjustForm.message = '';
|
||||||
|
this.showConfirm = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
// 取消调整
|
||||||
|
cancelAdjustment() {
|
||||||
|
this.adjustmentSuggestion = ''
|
||||||
|
this.showAdjust = false
|
||||||
|
},
|
||||||
|
|
||||||
|
// 提交调整建议
|
||||||
|
async submitAdjustment() {
|
||||||
|
if (this.adjustCount <= 0 && this.adjustForm.state == 0) {
|
||||||
|
this.$u.toast('已达到最大调整次数')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let res = await this.$api.orderApi.materialAdjust(this.adjustForm)
|
||||||
|
console.log("res",res)
|
||||||
|
if(res.code == 200){
|
||||||
|
this.$u.toast('提交成功')
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.$u.toast(res.msg)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 确认视频
|
||||||
|
confirmVideo() {
|
||||||
|
// TODO: 调用确认视频接口
|
||||||
|
this.$u.toast('视频已确认')
|
||||||
|
this.showConfirm = false
|
||||||
|
},
|
||||||
|
|
||||||
|
// 关闭确认弹窗
|
||||||
|
closeConfirmModal() {
|
||||||
|
this.showConfirm = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
page{
|
||||||
|
height: 100%;
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style lang="scss" >
|
||||||
|
.video-preview {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding-bottom: 120rpx;
|
||||||
|
.video-container {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 20rpx;
|
||||||
|
|
||||||
|
|
||||||
|
.video-player {
|
||||||
|
border-radius: 20rpx;
|
||||||
|
width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
// height: 400rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-box {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
height: 120rpx;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #fff;
|
||||||
|
z-index: 999;
|
||||||
|
button{
|
||||||
|
width: 340rpx;
|
||||||
|
height: 85rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
&.one{
|
||||||
|
button{
|
||||||
|
width: 680rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.adjust-modal {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 30rpx;
|
||||||
|
width: 600rpx;
|
||||||
|
|
||||||
|
.modal-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.adjust-count {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #ff0000;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-buttons {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
button{
|
||||||
|
width: 260rpx;
|
||||||
|
height: 85rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -40,7 +40,7 @@
|
||||||
size="mini"
|
size="mini"
|
||||||
plain
|
plain
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="goFun(val.funPath, val.productId, item.id, val.id)"
|
@click="goFun(val.funPath, val.productId, item.id, val.id, val.funName)"
|
||||||
>{{ val.funName }}</u-button>
|
>{{ val.funName }}</u-button>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="product-specs">
|
<!-- <view class="product-specs">
|
||||||
|
|
@ -269,10 +269,10 @@ export default {
|
||||||
url: `/pages/order/detail?id=${item.id}`
|
url: `/pages/order/detail?id=${item.id}`
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
goFun(path, productId, orderId, orderItemId){
|
goFun(path, productId, orderId, orderItemId, name){
|
||||||
console.log("path",path, productId, orderId)
|
console.log("path",path, productId, orderId)
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages${path}?productId=${productId}&orderId=${orderId}&orderItemId=${orderItemId}`
|
url: `/pages${path}?productId=${productId}&orderId=${orderId}&orderItemId=${orderItemId}&name=${name}`
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue