Skip to content

U
uni-pdtravel
Commit 0056fa75 authored by qipeng's avatar qipeng
Browse files
Options

增加清除

parent 38606547
Hide whitespace changes
Inline Side-by-side
Showing with 1008 additions and 1000 deletions
pages/my/order/orderList/orderList.vue
View file @ 0056fa75
<template> <template>
<view class="productBigBox"> <view class="productBigBox">
<view class="product-SearchBox"> <view class="product-SearchBox">
<!--头部切换--> <!--头部切换-->
<view class="product-orderState"> <view class="product-orderState">
<view class="orderState-click" :class="orderStatus===''?'orderState-clickAct':''" @click="screenChange('')"> <view class="orderState-click" :class="orderStatus===''?'orderState-clickAct':''" @click="screenChange('')">
全部 全部
<view class="click-line"> <view class="click-line">
<text></text> <text></text>
</view> </view>
</view> </view>
<view class="orderState-click" :class="orderStatus==='0'?'orderState-clickAct':''" @click="screenChange('0')"> <view class="orderState-click" :class="orderStatus==='0'?'orderState-clickAct':''" @click="screenChange('0')">
待付款 待付款
<view class="click-line"> <view class="click-line">
<text></text> <text></text>
</view> </view>
</view> </view>
<view class="orderState-click" :class="orderStatus=='2'?'orderState-clickAct':''" @click="screenChange('2')"> <view class="orderState-click" :class="orderStatus=='2'?'orderState-clickAct':''" @click="screenChange('2')">
待使用 待使用
<view class="click-line"> <view class="click-line">
<text></text> <text></text>
</view> </view>
</view> </view>
<view class="orderState-click" :class="orderStatus=='3'?'orderState-clickAct':''" @click="screenChange('3')"> <view class="orderState-click" :class="orderStatus=='3'?'orderState-clickAct':''" @click="screenChange('3')">
待收货 待收货
<view class="click-line"> <view class="click-line">
<text></text> <text></text>
</view> </view>
</view> </view>
<view class="orderState-click" :class="orderStatus=='5'?'orderState-clickAct':''" @click="screenChange('5')"> <view class="orderState-click" :class="orderStatus=='5'?'orderState-clickAct':''" @click="screenChange('5')">
待评价 待评价
<view class="click-line"> <view class="click-line">
<text></text> <text></text>
</view> </view>
</view> </view>
</view> </view>
<!--查询--> <!--查询-->
<view class="product-searchBt"> <view class="product-searchBt">
<view class="searchBt-left" @click="orderShow=true"> <view class="searchBt-left" @click="orderShow=true">
<text>{{orderName}}</text> <text>{{orderName}}</text>
<u-icon v-if="orderShow==false" name="arrow-down" color="#333333" size="20"></u-icon> <u-icon v-if="orderShow==false" name="arrow-down" color="#333333" size="20"></u-icon>
<u-icon v-else name="arrow-up" color="#333333" size="20"></u-icon> <u-icon v-else name="arrow-up" color="#333333" size="20"></u-icon>
<u-picker mode="selector" :show="orderShow" :default-selector="[orderType]" :columns="option" keyName="cateName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker> <u-picker mode="selector" :show="orderShow" :default-selector="[orderType]" :columns="option" keyName="cateName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker>
</view> </view>
<text @click="showQueryPhone()">手机查询</text> <text @click="showQueryPhone()">手机查询</text>
</view> </view>
</view> </view>
<!--手机查询遮罩--> <!--手机查询遮罩-->
<u-popup mode="bottom" :show="phoneQuery"> <u-popup mode="bottom" :show="phoneQuery">
<view class="content"> <view class="content">
<view class="content-title"> <view class="content-title">
订单查询 订单查询
<u-icon name="close" color="#333333" size="28" @click="phoneQuery=false"></u-icon> <u-icon name="close" color="#333333" size="28" @click="phoneQuery=false"></u-icon>
</view> </view>
<view class="content-list"> <view class="content-list">
<text class="list-name">手机号码</text> <text class="list-name">手机号码</text>
<text class="list-name2">：</text> <text class="list-name2">：</text>
<input class="uni-input" v-model.trim="touristPhone" /> <input class="uni-input" v-model.trim="touristPhone" />
</view> </view>
<view class="content-list"> <view class="content-list">
<text class="list-name">姓名</text> <text class="list-name">姓名</text>
<text class="list-name2">：</text> <text class="list-name2">：</text>
<input class="uni-input" v-model.trim="touristName" /> <input class="uni-input" v-model.trim="touristName" />
</view> </view>
<view class="confrim-btn"> <view class="confrim-btn">
<u-button @click="queryPhoneOrder()">查询</u-button> <u-button @click="queryPhoneOrder()">查询</u-button>
</view> </view>
</view> </view>
</u-popup> </u-popup>
<!--列表--> <!--列表-->
<view class="product-goods" v-if="lists.length>0"> <view class="product-goods" v-if="lists.length>0">
<template v-for="(item,index) in lists"> <template v-for="(item,index) in lists">
<view class="product-block" :key="index" v-if="item.showList" @click="orderJump(item.id,item.orderType)"> <view class="product-block" :key="index" v-if="item.showList" @click="orderJump(item.id,item.orderType)">
<view class="block-title"> <view class="block-title">
<view class="title-left"> <view class="title-left">
<view class="left-imgBox" v-if="item.orderType==1"> <view class="left-imgBox" v-if="item.orderType==1">
<image class="left-img" src="../../static/orderList/iconjingqumenpiao.png"></image> <image class="left-img" src="../../static/orderList/iconjingqumenpiao.png"></image>
</view> </view>
<view class="left-imgBox" v-else-if="item.orderType==2"> <view class="left-imgBox" v-else-if="item.orderType==2">
<image class="left-img" src="../../static/orderList/iconjiudian.png"></image> <image class="left-img" src="../../static/orderList/iconjiudian.png"></image>
</view> </view>
<view class="left-imgBox" v-else-if="item.orderType==3"> <view class="left-imgBox" v-else-if="item.orderType==3">
<image class="left-img" src="../../static/orderList/iconcanyin.png"></image> <image class="left-img" src="../../static/orderList/iconcanyin.png"></image>
</view> </view>
<view class="left-imgBox" v-else-if="item.orderType==4"> <view class="left-imgBox" v-else-if="item.orderType==4">
<image class="left-img" src="../../static/orderList/iconliwu1.png"></image> <image class="left-img" src="../../static/orderList/iconliwu1.png"></image>
</view> </view>
<view class="left-imgBox" v-else-if="item.orderType==5"> <view class="left-imgBox" v-else-if="item.orderType==5">
<image class="left-img" src="../../static/orderList/iconchuzuche.png"></image> <image class="left-img" src="../../static/orderList/iconchuzuche.png"></image>
</view> </view>
<view class="left-imgBox" v-else-if="item.orderType==10"> <view class="left-imgBox" v-else-if="item.orderType==10">
<image class="left-img" src="../../static/orderList/iconzuhe.png"></image> <image class="left-img" src="../../static/orderList/iconzuhe.png"></image>
</view> </view>
<view class="left-imgBox" v-else> <view class="left-imgBox" v-else>
<image class="left-img" src="../../static/orderList/iconqita.png"></image> <image class="left-img" src="../../static/orderList/iconqita.png"></image>
</view> </view>
<text class="left-Name">{{item.merchantName}}({{item.productName}})</text> <text class="left-Name">{{item.merchantName}}({{item.productName}})</text>
</view> </view>
<view class="title-right" v-if="item.orderType!=10&&item.orderType!=0"> <view class="title-right" v-if="item.orderType!=10&&item.orderType!=0">
<template v-if="item.orderType==1&&item.subOrderType!=4"> <template v-if="item.orderType==1&&item.subOrderType!=4">
{{item.orderStatus|orderStatus1}} {{item.orderStatus|orderStatus1}}
</template> </template>
<template v-else-if="item.orderType==2&&item.subOrderType!=4"> <template v-else-if="item.orderType==2&&item.subOrderType!=4">
{{item.orderStatus|orderStatus2}} {{item.orderStatus|orderStatus2}}
</template> </template>
<template v-else-if="item.orderType==3&&item.subOrderType!=4"> <template v-else-if="item.orderType==3&&item.subOrderType!=4">
{{item.orderStatus|orderStatus3}} {{item.orderStatus|orderStatus3}}
</template> </template>
<template v-else-if="item.orderType==4&&item.subOrderType!=4"> <template v-else-if="item.orderType==4&&item.subOrderType!=4">
{{item.orderStatus|orderStatus4}} {{item.orderStatus|orderStatus4}}
</template> </template>
<template v-else> <template v-else>
{{item.orderStatus|orderStatus5}} {{item.orderStatus|orderStatus5}}
</template> </template>
</view> </view>
</view> </view>
<view class="block-main"> <view class="block-main">
<view class="mian-InfoWrap"> <view class="mian-InfoWrap">
<view class="InfoWrap-mb30">订单时间：{{item.playDate.substr(0,10)}}</view> <view class="InfoWrap-mb30">订单时间：{{item.playDate.substr(0,10)}}</view>
<view> <view>
购买数量： 购买数量：
<template v-if="item.orderType==1&&item.subOrderType!=4">{{item.orderNum}}张</template> <template v-if="item.orderType==1&&item.subOrderType!=4">{{item.orderNum}}张</template>
<template v-else-if="item.orderType==2&&item.subOrderType!=4">{{item.orderNum}}间</template> <template v-else-if="item.orderType==2&&item.subOrderType!=4">{{item.orderNum}}间</template>
<template v-else-if="item.orderType==3&&item.subOrderType!=4">{{item.orderNum}}桌</template> <template v-else-if="item.orderType==3&&item.subOrderType!=4">{{item.orderNum}}桌</template>
<template v-else-if="item.orderType==4&&item.subOrderType!=4">{{item.orderNum}}箱</template> <template v-else-if="item.orderType==4&&item.subOrderType!=4">{{item.orderNum}}箱</template>
<template v-else-if="item.orderType==10&&item.subOrderType!=4">{{item.orderNum}}张</template> <template v-else-if="item.orderType==10&&item.subOrderType!=4">{{item.orderNum}}张</template>
<template v-else>{{item.orderNum}}份</template> <template v-else>{{item.orderNum}}份</template>
</view> </view>
<view class="allPice"> <view class="allPice">
<text>¥</text>{{item.totalMoney}} <text>¥</text>{{item.totalMoney}}
</view> </view>
</view> </view>
<view class="main-right"> <view class="main-right">
<u-icon name="arrow-right" color="#333333" size="28"></u-icon> <u-icon name="arrow-right" color="#333333" size="28"></u-icon>
</view> </view>
</view> </view>
<view class="block-Btn"> <view class="block-Btn">
<view class="block-button" @click.stop="operation(item,index)" v-if="item.orderStatus==9||item.orderStatus==10">删除</view> <view class="block-button" @click.stop="operation(item,index)" v-if="item.orderStatus==9||item.orderStatus==10">删除</view>
<view class="block-button" @click.stop="operation(item,index)" v-if="item.orderStatus==0">取消订单</view> <view class="block-button" @click.stop="operation(item,index)" v-if="item.orderStatus==0">取消订单</view>
<template v-if="item.orderType==4"><!--特产--> <template v-if="item.orderType==4"><!--特产-->
<view class="block-button" v-if="item.orderStatus==1||item.orderStatus==2||item.orderStatus==4||item.orderStatus==5||item.orderStatus==10" @click.stop="orderJump(item.id,item.orderType)">查看详情</view> <view class="block-button" v-if="item.orderStatus==1||item.orderStatus==2||item.orderStatus==4||item.orderStatus==5||item.orderStatus==10" @click.stop="orderJump(item.id,item.orderType)">查看详情</view>
<view class="block-button" v-if="item.orderStatus==2||item.orderStatus==4||item.orderStatus==5||item.orderStatus==10">查看物流</view> <view class="block-button" v-if="item.orderStatus==2||item.orderStatus==4||item.orderStatus==5||item.orderStatus==10">查看物流</view>
<!-- <view class="block-button" v-if="item.orderStatus==5">评价</view> --> <!-- <view class="block-button" v-if="item.orderStatus==5">评价</view> -->
</template> </template>
<template v-else> <template v-else>
<template v-if="item.subOrderType!=4"> <template v-if="item.subOrderType!=4">
<view class="block-button" v-if="item.orderStatus==1||item.orderStatus==2||item.orderStatus==4||item.orderStatus==5||item.orderStatus==10" @click.stop="orderJump(item.id,item.orderType)">{{item.orderStatus==2?'去使用':'查看详情'}}</view> <view class="block-button" v-if="item.orderStatus==1||item.orderStatus==2||item.orderStatus==4||item.orderStatus==5||item.orderStatus==10" @click.stop="orderJump(item.id,item.orderType)">{{item.orderStatus==2?'去使用':'查看详情'}}</view>
</template> </template>
<view class="block-button" v-if="item.orderStatus==2&&item.isRefund!=0||item.orderStatus==7&&item.isRefund!=0" @click.stop="refundJump(item.id)">退款/售后</view> <view class="block-button" v-if="item.orderStatus==2&&item.isRefund!=0||item.orderStatus==7&&item.isRefund!=0" @click.stop="refundJump(item.id)">退款/售后</view>
<!-- <view class="block-button" v-if="item.orderStatus==5">评价</view> --> <!-- <view class="block-button" v-if="item.orderStatus==5">评价</view> -->
</template> </template>
<view class="block-button block-buttonOrange" v-if="item.orderStatus==0">去支付</view> <view class="block-button block-buttonOrange" v-if="item.orderStatus==0">去支付</view>
</view> </view>
</view> </view>
</template> </template>
<view class="goods-NoMore" v-if="dataLengthType==true">暂无更多数据</view> <view class="goods-NoMore" v-if="dataLengthType==true">暂无更多数据</view>
</view> </view>
<view class="product-goods" v-else> <view class="product-goods" v-else>
<view class="order-No">暂无订单信息</view> <view class="order-No">暂无订单信息</view>
</view> </view>
<!-- <u-toast ref="uToast" /> --> <!-- <u-toast ref="uToast" /> -->
<u-modal :show="configShow" show-cancel-button="true" :content="configTitle" @confirm="operationEnter()" @cancel="operationClose()"></u-modal> <u-modal :show="configShow" show-cancel-button="true" :content="configTitle" @confirm="operationEnter()" @cancel="operationClose()"></u-modal>
</view> </view>
</template> </template>
<script> <script>
// import uPicker from '@/uview-ui/components/u-picker/u-picker.vue' // import uPicker from '@/uview-ui/components/u-picker/u-picker.vue'
// import uPopup from '@/uview-ui/components/u-popup/u-popup.vue' // import uPopup from '@/uview-ui/components/u-popup/u-popup.vue'
// import uToast from '@/uview-ui/components/u-toast/u-toast.vue' // import uToast from '@/uview-ui/components/u-toast/u-toast.vue'
// import uModal from '@/uview-ui/components/u-modal/u-modal.vue' // import uModal from '@/uview-ui/components/u-modal/u-modal.vue'
export default { export default {
filters:{ filters:{
orderType(i){//订单类型 orderType(i){//订单类型
switch(i){ switch(i){
case 0: case 0:
return '其他' return '其他'
break break
case 1: case 1:
return '景区' return '景区'
break break
case 2: case 2:
return '酒店' return '酒店'
break break
case 3: case 3:
return '餐饮' return '餐饮'
break break
case 4: case 4:
return '特产' return '特产'
case 5: case 5:
return '运营车' return '运营车'
case 10: case 10:
return '组合订单' return '组合订单'
} }
}, },
orderStatus1(i){//景区订单状态 orderStatus1(i){//景区订单状态
switch(i){ switch(i){
case 0: case 0:
return '待支付' return '待支付'
break break
case 1: case 1:
return '出票中' return '出票中'
break break
case 2: case 2:
return '出票成功' return '出票成功'
break break
case 3: case 3:
return '预定失败' return '预定失败'
break break
case 4: case 4:
return '核销中' return '核销中'
break break
case 5: case 5:
return '核销完成' return '核销完成'
break break
case 6: case 6:
return '退款中' return '退款中'
break break
case 7: case 7:
return '部分退货/退款' return '部分退货/退款'
break break
case 8: case 8:
return '全部退款退货 ' return '全部退款退货 '
break break
case 9: case 9:
return '取消 ' return '取消 '
break break
case 10: case 10:
return '已完成 ' return '已完成 '
break break
case 11: case 11:
return '已过期 ' return '已过期 '
break break
case 12: case 12:
return '退票审核中 ' return '退票审核中 '
break break
} }
}, },
orderStatus2(i){//酒店订单状态 orderStatus2(i){//酒店订单状态
switch(i){ switch(i){
case 0: case 0:
return '待支付' return '待支付'
break break
case 1: case 1:
return '确认中' return '确认中'
break break
case 2: case 2:
return '预定成功' return '预定成功'
break break
case 3: case 3:
return '预定失败' return '预定失败'
break break
case 4: case 4:
return '核销中' return '核销中'
break break
case 5: case 5:
return '待评价' return '待评价'
break break
case 6: case 6:
return '退款中' return '退款中'
break break
case 7: case 7:
return '部分退货/退款' return '部分退货/退款'
break break
case 8: case 8:
return '全部退款退货 ' return '全部退款退货 '
break break
case 9: case 9:
return '取消 ' return '取消 '
break break
case 10: case 10:
return '已完成 ' return '已完成 '
break break
case 11: case 11:
return '已过期 ' return '已过期 '
break break
} }
}, },
orderStatus3(i){//餐饮订单状态 orderStatus3(i){//餐饮订单状态
switch(i){ switch(i){
case 0: case 0:
return '待支付' return '待支付'
break break
case 1: case 1:
return '确认中' return '确认中'
break break
case 2: case 2:
return '预定成功' return '预定成功'
break break
case 3: case 3:
return '预定失败' return '预定失败'
break break
case 4: case 4:
return '核销中' return '核销中'
break break
case 5: case 5:
return '待评价' return '待评价'
break break
case 6: case 6:
return '退款中' return '退款中'
break break
case 7: case 7:
return '部分退货/退款' return '部分退货/退款'
break break
case 8: case 8:
return '全部退款退货 ' return '全部退款退货 '
break break
case 9: case 9:
return '取消 ' return '取消 '
break break
case 10: case 10:
return '已完成 ' return '已完成 '
break break
case 11: case 11:
return '已过期 ' return '已过期 '
break break
} }
}, },
orderStatus4(i){//特产状态 orderStatus4(i){//特产状态
switch(i){ switch(i){
case 0: case 0:
return '待支付' return '待支付'
break break
case 1: case 1:
return '待发货' return '待发货'
break break
case 2: case 2:
return '待收货' return '待收货'
break break
case 3: case 3:
return '预定失败' return '预定失败'
break break
case 4: case 4:
return '核销中' return '核销中'
break break
case 5: case 5:
return '已收货' return '已收货'
break break
case 6: case 6:
return '退款中' return '退款中'
break break
case 7: case 7:
return '部分退货/退款' return '部分退货/退款'
break break
case 8: case 8:
return '全部退款退货 ' return '全部退款退货 '
break break
case 9: case 9:
return '取消 ' return '取消 '
break break
case 10: case 10:
return '已完成 ' return '已完成 '
break break
case 11: case 11:
return '已过期 ' return '已过期 '
break break
} }
}, },
orderStatus5(i){ orderStatus5(i){
switch(i){ switch(i){
case 0: case 0:
return '待支付' return '待支付'
break break
case 1: case 1:
return '确认中' return '确认中'
break break
case 2: case 2:
return '支付成功' return '支付成功'
break break
case 3: case 3:
return '预定失败' return '预定失败'
break break
case 4: case 4:
return '核销中' return '核销中'
break break
case 5: case 5:
return '待评价' return '待评价'
break break
case 6: case 6:
return '退款中' return '退款中'
break break
case 7: case 7:
return '部分退货/退款' return '部分退货/退款'
break break
case 8: case 8:
return '全部退款退货 ' return '全部退款退货 '
break break
case 9: case 9:
return '取消 ' return '取消 '
break break
case 10: case 10:
return '已完成 ' return '已完成 '
break break
case 11: case 11:
return '已过期 ' return '已过期 '
break break
} }
} }
}, },
components: { components: {
// uPicker, // uPicker,
// uPopup, // uPopup,
// uToast, // uToast,
// uModal // uModal
}, },
data() { data() {
return { return {
queryLoad:false,//查询加载图标显示隐藏 queryLoad:false,//查询加载图标显示隐藏
phoneQuery:false,//手机查询显示隐藏 phoneQuery:false,//手机查询显示隐藏
touristPhone:'',//旅客电话 touristPhone:'',//旅客电话
touristName:'',//旅客姓名 touristName:'',//旅客姓名
orderStatus:'',//订单状态 orderStatus:'',//订单状态
nodataShow:false,//没有数据时展示 nodataShow:false,//没有数据时展示
lists:[],//数据 lists:[],//数据
orderType:0,//筛选 //1景区，2酒店，3餐饮，4特产，5运营车，10组合订单 orderType:0,//筛选 //1景区，2酒店，3餐饮，4特产，5运营车，10组合订单
orderName:'全部',//筛选 //1景区，2酒店，3餐饮，4特产，5运营车，10组合订单 orderName:'全部',//筛选 //1景区，2酒店，3餐饮，4特产，5运营车，10组合订单
orderShow:false, orderShow:false,
option: [[ option: [[
{ cateName: '全部', id: 0 }, { cateName: '全部', id: 0 },
{ cateName: '景区', id: 1 }, { cateName: '景区', id: 1 },
{ cateName: '酒店', id: 2 }, { cateName: '酒店', id: 2 },
{ cateName: '餐饮', id: 3 }, { cateName: '餐饮', id: 3 },
{ cateName: '特产', id: 4 }, { cateName: '特产', id: 4 },
// { cateName: '运营车', id: 5 }, // { cateName: '运营车', id: 5 },
// { cateName: '组合订单', id: 10 }, // { cateName: '组合订单', id: 10 },
]], ]],
isTrue:true,//截留 防止重复加载 isTrue:true,//截留 防止重复加载
pageIndex:1,//当前页 pageIndex:1,//当前页
pageTotal:0,//总条数 pageTotal:0,//总条数
configShow:false,//删除订单确认框 configShow:false,//删除订单确认框
configTitle:'',//弹窗title configTitle:'',//弹窗title
operationItem:null,//操作项的数据 删除和取消订单 operationItem:null,//操作项的数据 删除和取消订单
operationIndex:null,//操作下标 operationIndex:null,//操作下标
callbackurl:'',//回调页面 callbackurl:'',//回调页面
ifNotice:'',//是否通知 ifNotice:'',//是否通知
openId:'', openId:'',
ifyukuaiCode:'',//渝快付 ifyukuaiCode:'',//渝快付
dataLengthType:false,//上拉加载无更多数据时显示 dataLengthType:false,//上拉加载无更多数据时显示
} timerOutClear:null,
}, }
onLoad(option) { },
this.openId = uni.getStorageSync('openid') onLoad(option) {
//this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'//oh2UV1lyYABHMZ1rMlgjhVHyyYDQ oroHZ5FaUQ_SOOC_uQQP92fJpBRE this.openId = uni.getStorageSync('openid')
this.orderStatus = option.orderStatus||'' //this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'//oh2UV1lyYABHMZ1rMlgjhVHyyYDQ oroHZ5FaUQ_SOOC_uQQP92fJpBRE
this.ifyukuaiCode = option.ifyukuaiCode||'' this.orderStatus = option.orderStatus||''
this.getData(1) this.ifyukuaiCode = option.ifyukuaiCode||''
}, this.getData(1)
onShow(){ },
this.pageIndex = 1 onShow(){
this.getData(1) this.pageIndex = 1
}, this.getData(1)
methods: { },
screenChange(i){//顶部导航切换 methods: {
this.orderStatus = i screenChange(i){//顶部导航切换
this.pageIndex = 1 this.orderStatus = i
this.pageTotal = 0 this.pageIndex = 1
this.isTrue = true this.pageTotal = 0
this.lists = [] this.isTrue = true
this.getData(1) this.lists = []
}, this.getData(1)
industrysTypeConfirm(e) {//单列----分类 点击确定 },
console.log('confirm', e) industrysTypeConfirm(e) {//单列----分类 点击确定
this.orderType = e.value[0].id console.log('confirm', e)
this.orderName = e.value[0].cateName this.orderType = e.value[0].id
this.pageIndex = 1 this.orderName = e.value[0].cateName
this.pageTotal = 0 this.pageIndex = 1
this.isTrue = true this.pageTotal = 0
this.lists = [] this.isTrue = true
this.getData(1) this.lists = []
this.cancel() this.getData(1)
}, this.cancel()
cancel() {//单列 点击取消 },
this.orderShow = false cancel() {//单列 点击取消
}, this.orderShow = false
showQueryPhone(){//展示手机查询弹窗 },
this.touristPhone='' showQueryPhone(){//展示手机查询弹窗
this.touristName='' this.touristPhone=''
this.phoneQuery=true this.touristName=''
}, this.phoneQuery=true
queryPhoneOrder(){//通过手机号查看订单 },
queryPhoneOrder(){//通过手机号查看订单
if(!(/^1[34578]\d{9}$/.test(this.touristPhone))){
uni.showToast({ if(!(/^1[34578]\d{9}$/.test(this.touristPhone))){
title: '请填写正确的手机号码', uni.showToast({
icon: 'none' title: '请填写正确的手机号码',
}) icon: 'none'
return })
} return
if(this.touristName==''){ }
uni.showToast({ if(this.touristName==''){
title: '姓名不可为空', uni.showToast({
icon: 'none' title: '姓名不可为空',
}) icon: 'none'
return })
} return
let data={ }
openid:this.openId,//用户Id let data={
touristPhone:this.touristPhone,//旅客电话 openid:this.openId,//用户Id
touristName:this.touristName,//旅客姓名 touristPhone:this.touristPhone,//旅客电话
} touristName:this.touristName,//旅客姓名
this.queryLoad=true }
this.$request('order/pdOrder/findOrderInfoByPhone',data).then((res)=>{ this.queryLoad=true
this.queryLoad=false this.$request('order/pdOrder/findOrderInfoByPhone',data).then((res)=>{
if(res.code=='00'){ this.queryLoad=false
this.phoneQuery=false if(res.code=='00'){
// uni.navigateTo({ this.phoneQuery=false
// url: '/pages/my/order/productList/productList' // uni.navigateTo({
// }) // url: '/pages/my/order/productList/productList'
this.pageIndex = 1 // })
this.getData(1) this.pageIndex = 1
}else{ this.getData(1)
uni.showToast({ }else{
title: res.message, uni.showToast({
icon: 'none' title: res.message,
}) icon: 'none'
} })
}
})
}, })
getData(flag){//获取订单列表 },
this.nodataShow = false getData(flag){//获取订单列表
//显示加载框 this.nodataShow = false
uni.showLoading({ //显示加载框
title: '加载中' uni.showLoading({
}) title: '加载中'
if(this.isTrue){ })
this.isTrue = false if(this.isTrue){
if(this.orderStatus=='2'){//点击的待使用 this.isTrue = false
var orderStatusList=[2,4,5] if(this.orderStatus=='2'){//点击的待使用
var data={ var orderStatusList=[2,4,5]
pageIndex:this.pageIndex, var data={
pageSize:20, pageIndex:this.pageIndex,
orderType:this.orderType==0?'':this.orderType, pageSize:20,
orderStatusList :orderStatusList, orderType:this.orderType==0?'':this.orderType,
userId:this.openId orderStatusList :orderStatusList,
} userId:this.openId
}else{ }
var data={ }else{
pageIndex:this.pageIndex, var data={
pageSize:20, pageIndex:this.pageIndex,
orderType:this.orderType==0?'':this.orderType, pageSize:20,
orderStatus:this.orderStatus=='3'?2:parseFloat(this.orderStatus), orderType:this.orderType==0?'':this.orderType,
userId:this.openId orderStatus:this.orderStatus=='3'?2:parseFloat(this.orderStatus),
} userId:this.openId
} }
this.$request('order/userOrder/findOrderList',data) }
.then((res)=>{ this.$request('order/userOrder/findOrderList',data)
var ret = res .then((res)=>{
if(ret.code=='00'){ var ret = res
if(flag==1){//第一次加载 if(ret.code=='00'){
this.lists = [] if(flag==1){//第一次加载
} this.lists = []
if(ret.data.list.length>0){ }
this.dataLengthType = true if(ret.data.list.length>0){
}else{ this.dataLengthType = true
this.dataLengthType = false }else{
} this.dataLengthType = false
ret.data.list.forEach((item)=>{ }
if(this.orderStatus=='0'){////待付款的订单 pid 不能空的不显示 ret.data.list.forEach((item)=>{
if(item.pid){ if(this.orderStatus=='0'){////待付款的订单 pid 不能空的不显示
if(item.pid){
}else{
this.lists.push(item) }else{
} this.lists.push(item)
}else if(this.orderStatus=='2'){//待评价和待使用不能显示组合订单 }
if(item.orderType!=10&&item.orderType!=4){ }else if(this.orderStatus=='2'){//待评价和待使用不能显示组合订单
this.lists.push(item) if(item.orderType!=10&&item.orderType!=4){
} this.lists.push(item)
}else if(this.orderStatus=='3'){//待收货和待使用不能显示组合订单 }
if(item.orderType!=10&&item.orderType==4){ }else if(this.orderStatus=='3'){//待收货和待使用不能显示组合订单
this.lists.push(item) if(item.orderType!=10&&item.orderType==4){
} this.lists.push(item)
}else if(this.orderStatus=='5'){//待评价不能显示组合订单 }
if(item.orderType!=10){ }else if(this.orderStatus=='5'){//待评价不能显示组合订单
this.lists.push(item) if(item.orderType!=10){
} this.lists.push(item)
}else{ }
if(item.isDelete!=1){//（ 0 未删除 1 已删除） }else{
this.lists.push(item) if(item.isDelete!=1){//（ 0 未删除 1 已删除）
} this.lists.push(item)
} }
}) }
this.isTrue = true })
this.pageIndex++ this.isTrue = true
this.pageTotal = ret.data.pageTotal this.pageIndex++
if(this.lists.length==0){ this.pageTotal = ret.data.pageTotal
this.nodataShow = true if(this.lists.length==0){
} this.nodataShow = true
// 主订单显示待支付子订单显示除了待支付 }
this.lists.forEach((item)=>{ // 主订单显示待支付子订单显示除了待支付
if(item.subOrderType!=9){ this.lists.forEach((item)=>{
if(item.orderType==10&&item.orderStatus==0){ if(item.subOrderType!=9){
item.showList=true if(item.orderType==10&&item.orderStatus==0){
} item.showList=true
if(item.orderType!=10&&item.orderStatus!=0){ }
item.showList=true if(item.orderType!=10&&item.orderStatus!=0){
} item.showList=true
} }
}) }
})
//隐藏加载框
uni.hideLoading() //隐藏加载框
}else{ uni.hideLoading()
uni.showToast({ }else{
title: '暂无订单信息', uni.showToast({
icon: 'none' title: '暂无订单信息',
}) icon: 'none'
} })
}) }
.catch((err)=>{ })
setTimeout(()=>{ .catch((err)=>{
this.getData(2) this.timerOutClear = setTimeout(()=>{
},1000) this.getData(2)
},1000)
})
} })
}, }
operation(item,index){//操作 删除和取消订单 },
this.operationItem = item operation(item,index){//操作 删除和取消订单
this.operationIndex = index this.operationItem = item
if(item.orderStatus==0){ this.operationIndex = index
this.configTitle = '确认取消订单' if(item.orderStatus==0){
}else{ this.configTitle = '确认取消订单'
this.configTitle = '确认删除订单' }else{
} this.configTitle = '确认删除订单'
this.configShow = true }
}, this.configShow = true
operationEnter(){//操作 删除和取消订单 确定 },
if(this.operationItem.orderStatus==0){//取消订单 operationEnter(){//操作 删除和取消订单 确定
this.$request('order/userOrder/cancelOrder',{ if(this.operationItem.orderStatus==0){//取消订单
id:this.operationItem.id, this.$request('order/userOrder/cancelOrder',{
userId:this.openId id:this.operationItem.id,
}) userId:this.openId
.then((res)=>{ })
var ret = res .then((res)=>{
if(ret.code=='00'){ var ret = res
uni.showToast({ if(ret.code=='00'){
title: '订单取消成功', uni.showToast({
icon: 'none' title: '订单取消成功',
}) icon: 'none'
//this.$store.commit('showLoading') })
this.pageIndex = 1 //this.$store.commit('showLoading')
this.pageTotal = 0 this.pageIndex = 1
this.isTrue = true this.pageTotal = 0
this.lists[this.operationIndex].orderStatus = 9 this.isTrue = true
// this.lists = [] this.lists[this.operationIndex].orderStatus = 9
// this.getData(1) // this.lists = []
this.configShow = false // this.getData(1)
}else{ this.configShow = false
uni.showToast({ }else{
title: res.message, uni.showToast({
icon: 'none' title: res.message,
}) icon: 'none'
} })
}) }
}else{//删除订单 })
this.$request('order/userOrder/deleteOrder',{ }else{//删除订单
id:this.operationItem.id, this.$request('order/userOrder/deleteOrder',{
userId:this.openId id:this.operationItem.id,
}) userId:this.openId
.then((res)=>{ })
var ret = res .then((res)=>{
if(ret.code=='00'){ var ret = res
uni.showToast({ if(ret.code=='00'){
title: '订单删除成功', uni.showToast({
icon: 'none' title: '订单删除成功',
}) icon: 'none'
//this.$store.commit('showLoading') })
this.pageIndex = 1 //this.$store.commit('showLoading')
this.pageTotal = 0 this.pageIndex = 1
this.isTrue = true this.pageTotal = 0
this.lists.splice(this.operationIndex,1) this.isTrue = true
// this.lists = [] this.lists.splice(this.operationIndex,1)
// this.getData(1) // this.lists = []
this.configShow = false // this.getData(1)
}else{ this.configShow = false
uni.showToast({ }else{
title: res.message, uni.showToast({
icon: 'none' title: res.message,
}) icon: 'none'
} })
}) }
} })
}, }
operationClose(){//操作 删除和取消订单 取消 },
this.configShow =false operationClose(){//操作 删除和取消订单 取消
}, this.configShow =false
orderJump(orderId,orderType){//-------------------订单详情跳转 },
if(orderType==11||orderType==12){ orderJump(orderId,orderType){//-------------------订单详情跳转
uni.navigateTo({ if(orderType==11||orderType==12){
url: '/pages/album/albumOrderdetail/albumOrderdetail?orderId='+orderId uni.navigateTo({
}) url: '/pages/album/albumOrderdetail/albumOrderdetail?orderId='+orderId
}else{ })
uni.navigateTo({ }else{
url: '/pages/my/order/electronicTicket/electronicTicket?orderId='+orderId uni.navigateTo({
}) url: '/pages/my/order/electronicTicket/electronicTicket?orderId='+orderId
} })
}
},
refundJump(id){//-------------------退款 },
uni.navigateTo({ refundJump(id){//-------------------退款
url: '/pages/my/order/afterSale/applyAfterSale/applyAfterSale?orderId='+id+'&ifyukuaiCode='+this.ifyukuaiCode uni.navigateTo({
}) url: '/pages/my/order/afterSale/applyAfterSale/applyAfterSale?orderId='+id+'&ifyukuaiCode='+this.ifyukuaiCode
}, })
}, },
onReachBottom(){//上拉加载 },
this.pageIndex++ onReachBottom(){//上拉加载
this.getData(2) this.pageIndex++
}, this.getData(2)
} },
</script> onUnload() {
if(this.timerOutClear) {
<style scoped lang="scss"> clearTimeout(this.timerOutClear)
page{ this.timerOutClear = null
background-color: #f5f5f5; }
} //隐藏加载框 uni.hideLoading()
.productBigBox{ },
background-color: #f5f5f5; }
min-height: 100vh; </script>
}
.product-SearchBox{ <style scoped lang="scss">
width: 100%; page{
position: fixed; background-color: #f5f5f5;
top: 0; }
left: 0; .productBigBox{
z-index: 20; background-color: #f5f5f5;
} min-height: 100vh;
.product-title{ }
display: flex; .product-SearchBox{
justify-content: center; width: 100%;
width: 100%; position: fixed;
height: 80rpx; top: 0;
background-color: #fff; left: 0;
font-size: 32rpx; z-index: 20;
font-weight: bold; }
line-height: 80rpx; .product-title{
text-align: center; display: flex;
u-icon{ justify-content: center;
height: 80rpx; width: 100%;
position: absolute; height: 80rpx;
left: 24rpx; background-color: #fff;
top: 0; font-size: 32rpx;
bottom: 0; font-weight: bold;
} line-height: 80rpx;
} text-align: center;
.product-orderState{ u-icon{
display: flex; height: 80rpx;
justify-content: space-between; position: absolute;
width: 100%; left: 24rpx;
padding: 0 24rpx; top: 0;
background-color: #fff; bottom: 0;
.orderState-click{ }
display: flex; }
justify-content: center; .product-orderState{
width: 100rpx; display: flex;
height: 80rpx; justify-content: space-between;
align-items: center; width: 100%;
color: #999999; padding: 0 24rpx;
font-size: 28rpx; background-color: #fff;
position: relative; .orderState-click{
.click-line{ display: flex;
display: none; justify-content: center;
width: 55%; width: 100rpx;
height: 4rpx; height: 80rpx;
background-image: linear-gradient(to right, #9FCFFF , #DAE6F6); align-items: center;
margin: auto; color: #999999;
position: absolute; font-size: 28rpx;
bottom: 12rpx; position: relative;
left: 0; .click-line{
right: 0; display: none;
} width: 55%;
} height: 4rpx;
.orderState-clickAct{ background-image: linear-gradient(to right, #9FCFFF , #DAE6F6);
color: #191919; margin: auto;
font-size: 32rpx; position: absolute;
font-weight: bold; bottom: 12rpx;
.click-line{ left: 0;
display: inline-block; right: 0;
} }
} }
} .orderState-clickAct{
.product-searchBt{ color: #191919;
width: 100%; font-size: 32rpx;
height: 80rpx; font-weight: bold;
box-shadow: 0 0 0; .click-line{
display: flex; display: inline-block;
background-color:#fff; }
justify-content: space-between; }
padding: 0 30rpx; }
line-height: 80rpx; .product-searchBt{
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.08); width: 100%;
.searchBt-left{ height: 80rpx;
display: flex; box-shadow: 0 0 0;
width: 100rpx; display: flex;
justify-content: center; background-color:#fff;
text:nth-child(1){ justify-content: space-between;
margin-right: 5rpx; padding: 0 30rpx;
} line-height: 80rpx;
} box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.08);
} .searchBt-left{
.content-title{ display: flex;
display: flex; width: 100rpx;
justify-content: center; justify-content: center;
height: 80rpx; text:nth-child(1){
line-height: 80rpx; margin-right: 5rpx;
position: relative; }
font-size: 32rpx; }
font-weight: bold; }
/deep/ .u-icon{ .content-title{
color: #c8c9cc; display: flex;
position: absolute; justify-content: center;
right: 16rpx; height: 80rpx;
top: 0; line-height: 80rpx;
bottom: 0; position: relative;
} font-size: 32rpx;
} font-weight: bold;
.content-list{ /deep/ .u-icon{
display: flex; color: #c8c9cc;
padding: 0 24rpx 0 24rpx; position: absolute;
margin-top: 20rpx; right: 16rpx;
.list-name{ top: 0;
display: inline-block; bottom: 0;
text-align: justify; }
text-align-last: justify; }
width: 110rpx; .content-list{
font-size: 26rpx; display: flex;
line-height: 40px; padding: 0 24rpx 0 24rpx;
flex-shrink: 0; margin-top: 20rpx;
} .list-name{
.list-name2{ display: inline-block;
line-height: 40px; text-align: justify;
} text-align-last: justify;
.uni-input{ width: 110rpx;
height: 40px; font-size: 26rpx;
border-bottom: 1px solid #d1d1d1; line-height: 40px;
flex: 1; flex-shrink: 0;
} }
} .list-name2{
.confrim-btn{ line-height: 40px;
margin: 64rpx 24rpx 40rpx 24rpx; }
/deep/ .u-reset-button{ .uni-input{
height: 80rpx; height: 40px;
line-height: 80rpx; border-bottom: 1px solid #d1d1d1;
border-radius: 15rpx; flex: 1;
color: #FFFFFF; }
text-align: center; }
background: linear-gradient(134deg, #ED400C 0%, #FB862C 100%); .confrim-btn{
font-size: 28rpx; margin: 64rpx 24rpx 40rpx 24rpx;
border-radius: 8rpx; /deep/ .u-reset-button{
border: none; height: 80rpx;
} line-height: 80rpx;
} border-radius: 15rpx;
.product-goods{ color: #FFFFFF;
padding: 30rpx; text-align: center;
padding-top: 200rpx; background: linear-gradient(134deg, #ED400C 0%, #FB862C 100%);
overflow: auto; font-size: 28rpx;
position: relative; border-radius: 8rpx;
.product-block{ border: none;
border-radius: 5px; }
margin-bottom: 20rpx; }
background: #fff; .product-goods{
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.02); padding: 30rpx;
.block-title{ padding-top: 200rpx;
padding: 30rpx 24rpx 25rpx 24rpx; overflow: auto;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08); position: relative;
display: flex; .product-block{
justify-content: space-between; border-radius: 5px;
font-size: 30rpx; margin-bottom: 20rpx;
color: #333; background: #fff;
.title-left{ box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.02);
flex: 1; .block-title{
display: flex; padding: 30rpx 24rpx 25rpx 24rpx;
align-items: center; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);
.left-imgBox{ display: flex;
width: 32rpx; justify-content: space-between;
height: 32rpx; font-size: 30rpx;
display: flex; color: #333;
margin-right: 16rpx; .title-left{
border-radius: 3px; flex: 1;
flex-shrink: 0; display: flex;
background-color: #FEB221; align-items: center;
} .left-imgBox{
.left-img{ width: 32rpx;
display: inline-block; height: 32rpx;
width: 32rpx; display: flex;
height: 32rpx; margin-right: 16rpx;
} border-radius: 3px;
.left-Name{ flex-shrink: 0;
font-size: 0.32rem; background-color: #FEB221;
color: #191919; }
font-weight: bold; .left-img{
flex: 1; display: inline-block;
font-size: 28rpx; width: 32rpx;
line-height: 36rpx; height: 32rpx;
} }
} .left-Name{
.title-right{ font-size: 0.32rem;
width: 160rpx; color: #191919;
display: flex; font-weight: bold;
justify-content: flex-end; flex: 1;
align-items: center; font-size: 28rpx;
font-size: 24rpx; line-height: 36rpx;
color: #ED400C; }
} }
} .title-right{
.block-main{ width: 160rpx;
display: flex; display: flex;
height: 174rpx; justify-content: flex-end;
border-bottom: none; align-items: center;
color: #333333; font-size: 24rpx;
position: relative; color: #ED400C;
padding: 36rpx 24rpx 24rpx 24rpx; }
.mian-InfoWrap{ }
display: flex; .block-main{
flex: 1; display: flex;
font-size: 30rpx; height: 174rpx;
color: #666666; border-bottom: none;
flex-wrap: wrap; color: #333333;
word-break: break-all; position: relative;
margin-right: 20rpx; padding: 36rpx 24rpx 24rpx 24rpx;
flex-direction: column; .mian-InfoWrap{
justify-content: center; display: flex;
height: 100%; flex: 1;
.InfoWrap-mb30{ font-size: 30rpx;
margin-bottom: 30rpx; color: #666666;
} flex-wrap: wrap;
.allPice{ word-break: break-all;
position: absolute; margin-right: 20rpx;
left: 24rpx; flex-direction: column;
bottom: -80rpx; justify-content: center;
color: #ED400C; height: 100%;
font-size: 40rpx; .InfoWrap-mb30{
font-weight: bold; margin-bottom: 30rpx;
display: flex; }
text{ .allPice{
font-size: 24rpx; position: absolute;
font-weight: normal; left: 24rpx;
margin-right: 4rpx; bottom: -80rpx;
line-height: 60rpx; color: #ED400C;
} font-size: 40rpx;
} font-weight: bold;
} display: flex;
.main-right{ text{
height: 100%; font-size: 24rpx;
display: flex; font-weight: normal;
align-items: center; margin-right: 4rpx;
color: #6b6b6b; line-height: 60rpx;
} }
} }
.block-Btn{ }
display: flex; .main-right{
justify-content: flex-end; height: 100%;
height: 100rpx; display: flex;
align-items: center; align-items: center;
padding: 0 20rpx; color: #6b6b6b;
.block-button{ }
width: 152rpx; }
height: 64rpx; .block-Btn{
line-height: 64rpx; display: flex;
color: #333333; justify-content: flex-end;
padding: 0; height: 100rpx;
text-align: center; align-items: center;
display: inline-block; padding: 0 20rpx;
box-sizing: content-box; .block-button{
font-size: 28rpx; width: 152rpx;
border: 1px solid #cccccc; height: 64rpx;
border-radius: 8rpx; line-height: 64rpx;
align-items: center; color: #333333;
margin-right: 15rpx; padding: 0;
} text-align: center;
.block-button:nth-last-child(1){ display: inline-block;
margin-right: 0; box-sizing: content-box;
} font-size: 28rpx;
.block-buttonOrange{ border: 1px solid #cccccc;
color: #f9690e; border-radius: 8rpx;
border: 1px solid #f9690e; align-items: center;
} margin-right: 15rpx;
} }
} .block-button:nth-last-child(1){
.goods-NoMore{ margin-right: 0;
height: 40rpx; }
color: #666666; .block-buttonOrange{
font-size: 30rpx; color: #f9690e;
line-height: 40rpx; border: 1px solid #f9690e;
text-align: center; }
} }
.order-No{ }
height: 40rpx; .goods-NoMore{
color: #666666; height: 40rpx;
font-size: 30rpx; color: #666666;
line-height: 40rpx; font-size: 30rpx;
text-align: center; line-height: 40rpx;
margin: auto; text-align: center;
position: absolute; }
top: 400; .order-No{
right: 0; height: 40rpx;
bottom: 0; color: #666666;
left: 0; font-size: 30rpx;
} line-height: 40rpx;
} text-align: center;
margin: auto;
position: absolute;
top: 400;
right: 0;
bottom: 0;
left: 0;
}
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment