订单评价修改
This commit is contained in:
parent
d24ca009ce
commit
0b52c27bde
|
|
@ -39,7 +39,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/mine/index",
|
"path": "pages/mine/mine",
|
||||||
"style": {
|
"style": {
|
||||||
// "navigationBarTitleText": "我的"
|
// "navigationBarTitleText": "我的"
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
|
|
@ -371,7 +371,7 @@
|
||||||
"text": "订单"
|
"text": "订单"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/mine/index",
|
"pagePath": "pages/mine/mine",
|
||||||
"iconPath": "static/images/tabbar/mine.png",
|
"iconPath": "static/images/tabbar/mine.png",
|
||||||
"selectedIconPath": "static/images/tabbar/mine_.png",
|
"selectedIconPath": "static/images/tabbar/mine_.png",
|
||||||
"text": "我的"
|
"text": "我的"
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
<view class="comment-box">
|
<view class="comment-box">
|
||||||
<view>
|
<view>
|
||||||
<u--textarea
|
<u--textarea
|
||||||
v-model="description" maxlength="200"
|
v-model="content" maxlength="200"
|
||||||
placeholder="请详细补充您的问题或建议"
|
placeholder="请详细补充您的问题或建议"
|
||||||
height="120" style="font-size: 24rpx;background: transparent;"
|
height="120" style="font-size: 24rpx;background: transparent;"
|
||||||
></u--textarea>
|
></u--textarea>
|
||||||
|
|
@ -99,7 +99,6 @@ export default {
|
||||||
content: '',
|
content: '',
|
||||||
fileList: [],
|
fileList: [],
|
||||||
contactInfo: '',
|
contactInfo: '',
|
||||||
description:""
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
|
|
||||||
|
|
@ -88,7 +88,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
// uni.reLaunch({ url: '/pages/feedback/evaluate' })
|
// uni.reLaunch({ url: '/pages/index' })
|
||||||
// setTimeout(()=>{
|
// setTimeout(()=>{
|
||||||
if(Cookies.get('remember')){
|
if(Cookies.get('remember')){
|
||||||
this.remember = [Cookies.get('remember')] || [];
|
this.remember = [Cookies.get('remember')] || [];
|
||||||
|
|
|
||||||
|
|
@ -78,7 +78,7 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Tabs from '@/pages/components/Tabs.vue'
|
import Tabs from '@/pages/components/Tabs.vue'
|
||||||
import { couponMobileGroupApi } from '../../../api/mine/index'
|
import { couponMobileGroupApi } from '@/api/mine/index'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { Tabs },
|
components: { Tabs },
|
||||||
|
|
|
||||||
|
|
@ -43,17 +43,24 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { decryptWithSM4 } from '@/utils/sm'
|
import { decryptWithSM4 } from '@/utils/sm'
|
||||||
|
import { getInfoNewAPI } from '@/api/login'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
fontValue:uni.getStorageSync('fontSize') || 8,
|
fontValue:uni.getStorageSync('fontSize') || 8,
|
||||||
currentPhone: decryptWithSM4(uni.getStorageSync('mobile'))
|
currentPhone: ""
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
this.getUserInfo()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//获取用户信息
|
||||||
|
getUserInfo(){
|
||||||
|
getInfoNewAPI({'custId':uni.getStorageSync('custId'),"sourceType":7}).then(result => {
|
||||||
|
this.currentPhone = decryptWithSM4(result.data.mobile);
|
||||||
|
})
|
||||||
|
},
|
||||||
goBack() {
|
goBack() {
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -74,7 +74,12 @@
|
||||||
<u-image :src="imgItem" width="80px" height="80px" />
|
<u-image :src="imgItem" width="80px" height="80px" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view v-if="item.reply&&item.reply!=''" style="width: 94%;margin: 10rpx auto;height: auto;word-break: break-all;font-size: 24rpx;">
|
||||||
|
回复内容:{{item.reply}}
|
||||||
|
</view>
|
||||||
|
<view v-if="item.replyTime&&item.replyTime!=''" style="width: 94%;margin: 10rpx auto;height: auto;word-break: break-all;font-size: 24rpx;">
|
||||||
|
回复时间:{{item.replyTime}}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view style="margin: 20px 0" v-if="tableList2.length > 0">
|
<view style="margin: 20px 0" v-if="tableList2.length > 0">
|
||||||
<u-loadmore :status="status2" nomoreText="没有更多数据了" />
|
<u-loadmore :status="status2" nomoreText="没有更多数据了" />
|
||||||
|
|
|
||||||
|
|
@ -23,8 +23,8 @@
|
||||||
<Tabs :tabList="tabList" @changeTab="changeTab" />
|
<Tabs :tabList="tabList" @changeTab="changeTab" />
|
||||||
</view>
|
</view>
|
||||||
<!-- <view style="height: 56px"></view> -->
|
<!-- <view style="height: 56px"></view> -->
|
||||||
<scroll-view style="width: 100%;height: 80vh;" @scrolltolower="onScrollTolower" scroll-y="true">
|
<scroll-view style="width: 100%;height: 80vh;" @scrolltolower="onScrollTolower" scroll-y="true" v-if="this.tabIndex!=1">
|
||||||
<view class="evaluateCenter" v-if="this.tabIndex==1">
|
<!-- <view class="evaluateCenter" v-if="this.tabIndex==1">
|
||||||
<view class="evaluateCenterLeft">
|
<view class="evaluateCenterLeft">
|
||||||
<u-image src="../../static/images/user.png" width="30px" height="30px" />
|
<u-image src="../../static/images/user.png" width="30px" height="30px" />
|
||||||
<text>评价中心</text>
|
<text>评价中心</text>
|
||||||
|
|
@ -32,7 +32,7 @@
|
||||||
<view class="evaluateCenterRight" @click="goEvaluateCenter">
|
<view class="evaluateCenterRight" @click="goEvaluateCenter">
|
||||||
去看看
|
去看看
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="order-list" v-for="(item, index) in tableList" :key="index">
|
<view class="order-list" v-for="(item, index) in tableList" :key="index">
|
||||||
<view class="flex justify-between">
|
<view class="flex justify-between">
|
||||||
<!-- <view class="order-source">订单来源:双屏消费机</view> -->
|
<!-- <view class="order-source">订单来源:双屏消费机</view> -->
|
||||||
|
|
@ -85,6 +85,44 @@
|
||||||
<u-empty icon="../../static/images/not_order.png" text="暂无相关订单" textColor="#000" />
|
<u-empty icon="../../static/images/not_order.png" text="暂无相关订单" textColor="#000" />
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
|
<!-- 已评价 -->
|
||||||
|
<scroll-view style="width: 100%;height: 80vh;" @scrolltolower="onScrollTolower2" scroll-y="true" v-if="tabIndex==1">
|
||||||
|
<view class="order-list" v-for="(item, index) in tableList2" :key="index">
|
||||||
|
<view class="flex justify-between">
|
||||||
|
<view>
|
||||||
|
<text style="color: #0f274b;font-weight: bold;font-size:28rpx">{{ item.canteenName }}/{{item.stallName}}</text>
|
||||||
|
</view>
|
||||||
|
<view style="color: rgba(15, 39, 75, 0.8)">{{ item.crtime.split(" ")[0] }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex" style="width: 100%;margin: 10rpx 0;">
|
||||||
|
<view style="display: flex;gap: 0rpx;">
|
||||||
|
<u-icon v-for="n in 5" :key="n" :name="n <= item.starLevel ? 'star-fill' : 'star-fill'"
|
||||||
|
:color="n <= item.starLevel ? '#ff9933' : '#ccc'" size="20"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="width: 94%;margin: 10rpx auto;height: auto;word-break: break-all;font-size: 24rpx;">
|
||||||
|
{{item.description}}
|
||||||
|
</view>
|
||||||
|
<view style="width: 94%;margin: 10rpx auto;height: auto;display: flex;flex-wrap: wrap;">
|
||||||
|
<view v-for="(imgItem,imgIndex) in item.pictureList" :key="imgIndex" @click="opePopup(imgItem)">
|
||||||
|
<u-image :src="imgItem" width="80px" height="80px" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.reply&&item.reply!=''" style="width: 94%;margin: 10rpx auto;height: auto;word-break: break-all;font-size: 24rpx;">
|
||||||
|
回复内容:{{item.reply}}
|
||||||
|
</view>
|
||||||
|
<view v-if="item.replyTime&&item.replyTime!=''" style="width: 94%;margin: 10rpx auto;height: auto;word-break: break-all;font-size: 24rpx;">
|
||||||
|
回复时间:{{item.replyTime}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="margin: 20px 0" v-if="tableList2.length > 0">
|
||||||
|
<u-loadmore :status="status2" nomoreText="没有更多数据了" />
|
||||||
|
</view>
|
||||||
|
<view v-else class="flex justify-center align-center" style="height: 50vh">
|
||||||
|
<u-empty icon="../../static/images/not_order.png" text="暂无评价" textColor="#000" />
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 筛选部分-->
|
<!-- 筛选部分-->
|
||||||
<u-popup :show="localShow" @close="closePopup" mode="bottom" round="20">
|
<u-popup :show="localShow" @close="closePopup" mode="bottom" round="20">
|
||||||
|
|
@ -171,6 +209,11 @@
|
||||||
mode="date"
|
mode="date"
|
||||||
></u-datetime-picker>
|
></u-datetime-picker>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
|
||||||
|
<u-popup :show="showPic" mode="center" @close="showPic=false">
|
||||||
|
<image :src="imagerUrl" mode="aspectFit" style="height: 100vh;width: 100vw;" @click="showPic=false"></image>
|
||||||
|
</u-popup>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -178,6 +221,7 @@
|
||||||
import Tabs from '@/pages/components/Tabs.vue'
|
import Tabs from '@/pages/components/Tabs.vue'
|
||||||
import { getDate } from '../../uni_modules/uni-datetime-picker/components/uni-datetime-picker/util'
|
import { getDate } from '../../uni_modules/uni-datetime-picker/components/uni-datetime-picker/util'
|
||||||
import { getOrderInfoListAPI,getOrderSourceTypeListAPI,payOrderApi,cancelOrderApi } from '../../api/order/index'
|
import { getOrderInfoListAPI,getOrderSourceTypeListAPI,payOrderApi,cancelOrderApi } from '../../api/order/index'
|
||||||
|
import { getPageEvaluateListApi } from '../../api/order/index'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { Tabs },
|
components: { Tabs },
|
||||||
|
|
@ -197,7 +241,7 @@ export default {
|
||||||
searchValue: '',
|
searchValue: '',
|
||||||
searchType:'',
|
searchType:'',
|
||||||
status: 'loadmore',
|
status: 'loadmore',
|
||||||
tabList: ['全部订单', '待评价', '待支付', '退款'],
|
tabList: ['全部订单', '已评价', '待支付', '退款'],
|
||||||
dateValue:new Date(),
|
dateValue:new Date(),
|
||||||
dateValue2:new Date(),
|
dateValue2:new Date(),
|
||||||
sourceTypeList:[],
|
sourceTypeList:[],
|
||||||
|
|
@ -270,7 +314,14 @@ export default {
|
||||||
{id:"13",name:'到店扫码'},{id:"14",name:'到店扫码'},{id:"15",name:'美团外卖'},{id:"16",name:'美团到店'},{id:"21",name:'补扣'},{id:"22",name:'外部订单'},{id:"99",name:'其他'}
|
{id:"13",name:'到店扫码'},{id:"14",name:'到店扫码'},{id:"15",name:'美团外卖'},{id:"16",name:'美团到店'},{id:"21",name:'补扣'},{id:"22",name:'外部订单'},{id:"99",name:'其他'}
|
||||||
],
|
],
|
||||||
selectedOrderTypes: [],
|
selectedOrderTypes: [],
|
||||||
|
//已评价
|
||||||
|
pageNum2: 1,
|
||||||
|
pageSize2: 10,
|
||||||
|
total2: 0,
|
||||||
|
tableList2: [],
|
||||||
|
status2:'loadmore',
|
||||||
|
showPic:false,
|
||||||
|
imagerUrl:""
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
@ -363,19 +414,66 @@ export default {
|
||||||
console.log('?? ~ changeTab ~ index:', index)
|
console.log('?? ~ changeTab ~ index:', index)
|
||||||
this.tabIndex = index;
|
this.tabIndex = index;
|
||||||
if(index==1){
|
if(index==1){
|
||||||
this.searchType="3"
|
// this.searchType="3"//待评价
|
||||||
}else if(index==2){
|
//已评价
|
||||||
|
this.pageNum2=1;
|
||||||
|
this.tableList2=[]
|
||||||
|
this.getEvaluatedList()
|
||||||
|
}else if(index==2){//待支付
|
||||||
this.searchType="4"
|
this.searchType="4"
|
||||||
}else if(index==3){
|
|
||||||
this.searchType="2"
|
|
||||||
}else{
|
|
||||||
this.searchType=""
|
|
||||||
}
|
|
||||||
this.pageNum=1;
|
this.pageNum=1;
|
||||||
this.tableList=[]
|
this.tableList=[]
|
||||||
this.getList()
|
this.getList()
|
||||||
|
}else if(index==3){//退款退单
|
||||||
|
this.searchType="2"
|
||||||
|
this.pageNum=1;
|
||||||
|
this.tableList=[]
|
||||||
|
this.getList()
|
||||||
|
}else{//全部订单
|
||||||
|
this.searchType=""
|
||||||
|
this.pageNum=1;
|
||||||
|
this.tableList=[]
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//已评价翻页
|
||||||
|
onScrollTolower2(){
|
||||||
|
if(this.total2>this.tableList2.length){
|
||||||
|
if(this.tabIndex==1){
|
||||||
|
this.pageNum2++
|
||||||
|
this.getEvaluatedList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//获取已评价列表
|
||||||
|
async getEvaluatedList() {
|
||||||
|
console.log('获取列表')
|
||||||
|
const params = {
|
||||||
|
custId: uni.getStorageSync('custId'),
|
||||||
|
startDate: this.startDate,
|
||||||
|
endDate: this.endDate,
|
||||||
|
current: this.pageNum2,
|
||||||
|
size: this.pageSize2,
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
const res = await getPageEvaluateListApi(params)
|
||||||
|
console.log('?? ~ getEvaluatedList ~ res:', res)
|
||||||
|
this.total2 = Number(res.total);
|
||||||
|
if(this.pageNum2==1){
|
||||||
|
this.tableList2 = res.records
|
||||||
|
}else{
|
||||||
|
this.tableList2.push(...res.records)
|
||||||
|
}
|
||||||
|
this.status2 = this.total2 == this.tableList2.length ? 'nomore' : 'loadmore'
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//评价图片
|
||||||
|
opePopup(item){
|
||||||
|
this.imagerUrl = item;
|
||||||
|
this.showPic = true
|
||||||
},
|
},
|
||||||
|
|
||||||
// 处理订单状态展示
|
// 处理订单状态展示
|
||||||
handleOrderState(state) {
|
handleOrderState(state) {
|
||||||
switch (state) {
|
switch (state) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue