背景音乐播放
This commit is contained in:
@fawn-nine
@@ -101,9 +101,32 @@
|
||||
<view class="opFix" @click="canceOrder">取消订单</view>
|
||||
<view class="opCan" @click="goPay">去支付</view>
|
||||
</view>
|
||||
<view style="width: 100%; text-align: right;">
|
||||
<view class="opFix" @click="pingji">评价</view>
|
||||
<view class="opCan" @click="kefu">联系客服</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 对话框 -->
|
||||
<u-popup :show="pingjiaShow" :round="10" @close="pingjiaShow=false">
|
||||
<view class="tanchu">
|
||||
<view class="dp_title">添加评价</view>
|
||||
<view style="max-height: 1000rpx;overflow-y: scroll;">
|
||||
<uni-forms :modelValue="Pform">
|
||||
<!-- 评价图片 -->
|
||||
<!-- <uni-forms-item label-width="0">
|
||||
<uni-file-picker @success="upSuccess" @select="select" v-model="Pform.img" fileMediatype="image" :image-styles="imageStyles"/>
|
||||
</uni-forms-item> -->
|
||||
<!-- end -->
|
||||
<uni-forms-item name="comment" label-width="0">
|
||||
<uni-easyinput type="textarea" v-model="Pform.comment" placeholder="请输入您的商品评价" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<u-button type="success" @click="submitPJ">提交评价</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -119,9 +142,25 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
Pform:{ // 评价表单
|
||||
comment:'',
|
||||
img:[],
|
||||
},
|
||||
imageStyles:{
|
||||
width:64,
|
||||
height:64,
|
||||
border:{
|
||||
color:"#89aa7d",
|
||||
width:2,
|
||||
style:'dashed',
|
||||
radius:'2px'
|
||||
}
|
||||
},
|
||||
pingjiaShow:false,
|
||||
logisticsData: [], // 快递信息列表
|
||||
titleStat: '',
|
||||
orderID: 0,
|
||||
orderSn:null,
|
||||
orderType: '',
|
||||
orderContet: {},
|
||||
deliverDetails: [{
|
||||
@@ -133,6 +172,8 @@
|
||||
onLoad(e) {
|
||||
this.orderID = e.orderId
|
||||
this.orderType = e.orderType
|
||||
this.orderSn = e.orderSn
|
||||
console.log(this.orderID,'this.orderID')
|
||||
},
|
||||
onShow() {
|
||||
this.getOrderList()
|
||||
@@ -141,6 +182,61 @@
|
||||
...mapState(['userInfo']),
|
||||
},
|
||||
methods: {
|
||||
select(e){
|
||||
console.log('选择文件：',e)
|
||||
},
|
||||
upSuccess(e){
|
||||
console.log(e)
|
||||
},
|
||||
// 提交评价
|
||||
submitPJ(){
|
||||
if(this.Pform.comment != ''){
|
||||
console.log(this.Pform,'this.Pform')
|
||||
return false
|
||||
this.$http
|
||||
.post('buy/record/comment',{
|
||||
'userid':this.userInfo.id,
|
||||
'orderSn': this.orderSn,
|
||||
//'starLevel':'',
|
||||
'comment': this.Pform.comment,
|
||||
})
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
uni.showToast({
|
||||
title:'评价成功！',
|
||||
icon:'success'
|
||||
})
|
||||
this.pingjiaShow = false
|
||||
this.Pform.comment = ''
|
||||
}
|
||||
})
|
||||
}else{
|
||||
uni.showToast({
|
||||
title:'请先输入您的评价内容 ！',
|
||||
icon:'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
// 添加评价
|
||||
pingji(){
|
||||
this.pingjiaShow = true
|
||||
},
|
||||
// 联系客服
|
||||
kefu(){
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '拨打客服热线：022-24142321',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: '022-24142321' //仅为示例
|
||||
});
|
||||
} else if (res.cancel) {
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
onPageJump(item) {
|
||||
uni.navigateTo({
|
||||
url: "./deliverDetail?objId=" + item
|
||||
@@ -287,6 +383,114 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.tanchu {
|
||||
padding: 40rpx 30rpx 40rpx 30rpx;
|
||||
position: relative;
|
||||
|
||||
|
||||
.dp_title {
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 50rpx;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dp_add {
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
right: 30rpx;
|
||||
font-size: 22rpx;
|
||||
background-color: #fd6004;
|
||||
color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding: 5rpx 10rpx;
|
||||
|
||||
.u-icon {
|
||||
display: inline-block;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.addressItem {
|
||||
border: 2px dashed #d9d9d9;
|
||||
border-radius: 10rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20rpx 10rpx;
|
||||
margin: 25rpx 0 0 0;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
|
||||
.addrContent {
|
||||
margin-left: 40rpx;
|
||||
flex: 1;
|
||||
|
||||
.addrContentTop {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin: 0 0 15rpx 0;
|
||||
position: relative;
|
||||
|
||||
.userName {
|
||||
font-size: 35rpx;
|
||||
font-weight: bold;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.userTel {
|
||||
font-size: 25rpx;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.userMoren {
|
||||
border: 1px solid #fd6004;
|
||||
color: #fd6004;
|
||||
padding: 3rpx 10rpx;
|
||||
font-size: 22rpx;
|
||||
border-radius: 10rpx;
|
||||
margin: 0 0 0 20rpx;
|
||||
}
|
||||
|
||||
|
||||
.chooseCheck {
|
||||
position: absolute;
|
||||
top: 3rpx;
|
||||
right: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.addrContentBottom {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.addressItem.addItem_style {
|
||||
border-color: #fd6004;
|
||||
}
|
||||
|
||||
.youhuiItem {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 10rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20rpx 10rpx;
|
||||
margin: 25rpx 0 0 0;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.youhuiItem>view {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.youhuiItem.youItem_style {
|
||||
border-color: #fd6004;
|
||||
}
|
||||
}
|
||||
.opShou {
|
||||
border-color: $uni-color-success !important;
|
||||
}
|
||||
|
||||
@@ -171,7 +171,7 @@ import {
|
||||
// 订单详情
|
||||
goOrdiCont(e) {
|
||||
uni.navigateTo({
|
||||
url: './orderLCont?orderId=' + e.orderId + '&orderType=' + e.orderStatus
|
||||
url: './orderLCont?orderId=' + e.orderId + '&orderType=' + e.orderStatus + '&orderSn=' + e.orderSn
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
Reference in New Issue
Block a user