Skip to content

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

老代码

parent cdb945d7
Show whitespace changes
Inline Side-by-side
Showing with 1021 additions and 733 deletions
pages/my/order/orderList/orderList.vue
View file @ b04c5587
<template> <template>
<view class="productBigBox"> <view class="productBigBox">
<!--头部点击选择类型--> <view class="product-SearchBox">
<view class="order-search"> <!--头部切换-->
<view class="search-list" :class="orderStatus===''?'search-listAct':''" @click="screenChange('')"> <view class="product-orderState">
<view class="orderState-click" :class="orderStatus===''?'orderState-clickAct':''" @click="screenChange('')">
全部 全部
<view class="list-line"></view> <view class="click-line">
<text></text>
</view> </view>
<view class="search-list" :class="orderStatus==='0'?'search-listAct':''" @click="screenChange('0')"> </view>
<view class="orderState-click" :class="orderStatus==='0'?'orderState-clickAct':''" @click="screenChange('0')">
待付款 待付款
<view class="list-line"></view> <view class="click-line">
<text></text>
</view>
</view> </view>
<view class="search-list" :class="orderStatus==='2'?'search-listAct':''" @click="screenChange('2')"> <view class="orderState-click" :class="orderStatus=='2'?'orderState-clickAct':''" @click="screenChange('2')">
待使用 待使用
<view class="list-line"></view> <view class="click-line">
<text></text>
</view>
</view> </view>
<!--暂无包邮--> <view class="orderState-click" :class="orderStatus=='3'?'orderState-clickAct':''" @click="screenChange('3')">
<view class="search-list" :class="orderStatus==='3'?'search-listAct':''" @click="screenChange('3')" style="display: none;">
待收货 待收货
<view class="list-line"></view> <view class="click-line">
<text></text>
</view> </view>
<view class="search-list" :class="orderStatus==='5'?'search-listAct':''" @click="screenChange('5')"> </view>
<view class="orderState-click" :class="orderStatus=='5'?'orderState-clickAct':''" @click="screenChange('5')">
待评价 待评价
<view class="list-line"></view> <view class="click-line">
<text></text>
</view>
</view>
</view>
<!--查询-->
<view class="product-searchBt">
<view class="searchBt-left" @click="orderShow=true">
<text>{{orderName}}</text>
<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-picker mode="selector" :show="orderShow" :default-selector="[orderType]" :columns="option" keyName="cateName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker>
</view>
<text @click="showQueryPhone()">手机查询</text>
</view> </view>
</view> </view>
<!--头部搜索 手机号--> <!--手机查询遮罩-->
<view class="order-phoneSearch"> <u-popup mode="bottom" :show="phoneQuery">
<view class="phoneSearch-type" @click="show = true"> <view class="content">
<u-picker :show="show" :columns="columns" visibleItemCount="6" itemHeight="80" keyName="label" @confirm="addressFun" @cancel="show=false" ></u-picker> <view class="content-title">
<view class="type-boxOn"> 订单查询
{{showAddress}} <u-icon name="close" color="#333333" size="28" @click="phoneQuery=false"></u-icon>
<view class="address-triangle"></view>
</view> </view>
<view class="content-list">
<text class="list-name">手机号码</text>
<text class="list-name2">：</text>
<input class="uni-input" v-model.trim="touristPhone" />
</view> </view>
<u-search placeholder="搜索手机号" v-model="phoneNum" shape="round" :showAction="false" :clearabled="true"></u-search> <view class="content-list">
<text class="list-name">姓名</text>
<text class="list-name2">：</text>
<input class="uni-input" v-model.trim="touristName" />
</view> </view>
<!--身体列表--> <view class="confrim-btn">
<template v-if="lists.length>0"><!--判断是否有数--> <u-button @click="queryPhoneOrder()">查询</u-button>
</view>
</view>
</u-popup>
<!--列表-->
<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="order-list" :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="list-title"> <view class="block-title">
<view class="title-left"> <view class="title-left">
<image v-if="item.orderType==1" src="../../static/orderList/iconjingqumenpiao.png"></image> <view class="left-imgBox" v-if="item.orderType==1">
<image v-else-if="item.orderType==2" src="../../static/orderList/iconjiudian.png"></image> <image class="left-img" src="../../static/orderList/iconjingqumenpiao.png"></image>
<image v-else-if="item.orderType==3" src="../../static/orderList/iconcanyin.png"></image> </view>
<image v-else-if="item.orderType==4" src="../../static/orderList/iconliwu1.png"></image> <view class="left-imgBox" v-else-if="item.orderType==2">
<image v-else-if="item.orderType==5" src="../../static/orderList/iconchuzuche.png"></image> <image class="left-img" src="../../static/orderList/iconjiudian.png"></image>
<image v-else-if="item.orderType==10" src="../../static/orderList/iconzuhe.png"></image> </view>
<image v-else src="../../static/orderList/iconqita.png"></image> <view class="left-imgBox" v-else-if="item.orderType==3">
<view>门票</view> <image class="left-img" src="../../static/orderList/iconcanyin.png"></image>
</view> </view>
<view class="title-right" v-if="item.orderType!=10&&item.orderType!=0"> <view class="left-imgBox" v-else-if="item.orderType==4">
<image class="left-img" src="../../static/orderList/iconliwu1.png"></image>
</view>
<view class="left-imgBox" v-else-if="item.orderType==5">
<image class="left-img" src="../../static/orderList/iconchuzuche.png"></image>
</view>
<view class="left-imgBox" v-else-if="item.orderType==10">
<image class="left-img" src="../../static/orderList/iconzuhe.png"></image>
</view>
<view class="left-imgBox" v-else>
<image class="left-img" src="../../static/orderList/iconqita.png"></image>
</view>
<text class="left-Name">{{item.merchantName}}({{item.productName}})</text>
</view>
<view class="title-right" v-if="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==10&&item.subOrderType!=4">
{{item.orderStatus|orderStatus1}}
</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>
...@@ -68,9 +118,11 @@ ...@@ -68,9 +118,11 @@
</template> </template>
</view> </view>
</view> </view>
<view class="list-name">{{item.merchantName}}({{item.productName}})</view> <view class="block-main">
<view class="list-time"> <view class="mian-InfoWrap">
{{item.playDate.substr(0,10)}} 有效· <view class="InfoWrap-mb30">订单时间：{{item.playDate.substr(0,10)}}</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>
...@@ -78,22 +130,48 @@ ...@@ -78,22 +130,48 @@
<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="list-tips">凭「胖丁动态二维码」直接验证使用</view> <view class="allPice">
<view class="list-money">¥{{item.totalMoney}}</view> <text>¥</text>{{item.totalMoney}}
<view class="list-btn">
<view class="btn-style">下载照片</view>
<view class="btn-style">导航取片</view>
</view> </view>
</view> </view>
<view class="main-right">
<u-icon name="arrow-right" color="#333333" size="28"></u-icon>
</view>
</view>
<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==0">取消订单</view>
<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==2||item.orderStatus==4||item.orderStatus==5||item.orderStatus==10">查看物流</view>
<!-- <view class="block-button" v-if="item.orderStatus==5">评价</view> -->
</template> </template>
<view class="goods-NoMore" v-if="dataLengthType==true">暂无更多数据</view> <template v-else>
<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>
</template> </template>
<view class="order-No" v-else>暂无订单信息</view> <view class="block-button" v-if="item.orderStatus==2&&item.isRefund!=0&&item.isRefund!=3||item.orderStatus==7&&item.isRefund!=0&&item.isRefund!=3" @click.stop="refundJump(item.id)">退款/售后</view>
<!-- <view class="block-button" v-if="item.orderStatus==5">评价</view> -->
</template>
<view class="block-button block-buttonOrange" v-if="item.orderStatus==0">去支付</view>
</view>
</view>
</template>
<view class="goods-NoMore" v-if="dataLengthType==true">暂无更多数据</view>
</view>
<view class="product-goods" v-else>
<view class="order-No">暂无订单信息</view>
</view>
<!-- <u-toast ref="uToast" /> -->
<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 uPopup from '@/uview-ui/components/u-popup/u-popup.vue'
// import uToast from '@/uview-ui/components/u-toast/u-toast.vue'
// import uModal from '@/uview-ui/components/u-modal/u-modal.vue'
export default { export default {
filters:{ filters:{
orderType(i){//订单类型 orderType(i){//订单类型
...@@ -323,89 +401,137 @@ export default { ...@@ -323,89 +401,137 @@ export default {
} }
}, },
components: { components: {
// uPicker,
// uPopup,
// uToast,
// uModal
}, },
data() { data() {
return { return {
//顶部参数 queryLoad:false,//查询加载图标显示隐藏
orderStatus:'',//头部类型选择 phoneQuery:false,//手机查询显示隐藏
//手机搜索 touristPhone:'',//旅客电话
show: false,//遮罩显隐---项目 touristName:'',//旅客姓名
columns: [//遮罩列表---项目 orderStatus:'',//订单状态
[ nodataShow:false,//没有数据时展示
{label: '类型',id: ''},
{label: '全部',id: 0},
{label: '景区',id: 1},
{label: '酒店',id: 2},
{label: '餐饮',id: 3},
{label: '特产',id: 4},
// {label: '运营车',id: 5},
// {label: '组合订单',id: 10},
]
],
showAddress:'类型',//显示内容---项目
phoneNum:'',//搜索手机号
//主数据分区
lists:[],//数据 lists:[],//数据
//分页 orderType:0,//筛选 //1景区，2酒店，3餐饮，4特产，5运营车，10组合订单
orderName:'全部',//筛选 //1景区，2酒店，3餐饮，4特产，5运营车，10组合订单
orderShow:false,
option: [[
{ cateName: '全部', id: 0 },
{ cateName: '景区', id: 1 },
{ cateName: '酒店', id: 2 },
{ cateName: '餐饮', id: 3 },
{ cateName: '特产', id: 4 },
// { cateName: '运营车', id: 5 },
// { cateName: '组合订单', id: 10 },
]],
isTrue:true,//截留 防止重复加载 isTrue:true,//截留 防止重复加载
pageIndex:1,//当前页 pageIndex:1,//当前页
pageTotal:0,//总条数 pageTotal:0,//总条数
//定时请求 configShow:false,//删除订单确认框
timerOutClear:null, configTitle:'',//弹窗title
//其他 operationItem:null,//操作项的数据 删除和取消订单
operationIndex:null,//操作下标
callbackurl:'',//回调页面
ifNotice:'',//是否通知
openId:'',
ifyukuaiCode:'',//渝快付 ifyukuaiCode:'',//渝快付
dataLengthType:false,//上拉加载无更多数据时显示 dataLengthType:false,//上拉加载无更多数据时显示
timerOutClear:null,
} }
}, },
onLoad(option) { onLoad(option) {
this.openId = uni.getStorageSync('openid') this.openId = uni.getStorageSync('openid')
this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'//oh2UV1lyYABHMZ1rMlgjhVHyyYDQ oroHZ5FaUQ_SOOC_uQQP92fJpBRE //this.openId = 'oroHZ5FaUQ_SOOC_uQQP92fJpBRE'//oh2UV1lyYABHMZ1rMlgjhVHyyYDQ oroHZ5FaUQ_SOOC_uQQP92fJpBRE
this.orderStatus = option.orderStatus||'' this.orderStatus = option.orderStatus||''
this.ifyukuaiCode = option.ifyukuaiCode||'' this.ifyukuaiCode = option.ifyukuaiCode||''
this.getData() this.getData(1)
}, },
onShow(){ onShow(){
this.pageIndex = 1 this.pageIndex = 1
this.lists = [] //主要数据存储 this.getData(1)
this.getData()
},
onReachBottom(){//上拉加载
this.pageIndex++
this.getData()
},
onUnload() {
if(this.timerOutClear) {
clearTimeout(this.timerOutClear)
this.timerOutClear = null
}
//隐藏加载框
uni.hideLoading()
}, },
methods: { methods: {
screenChange(i){//顶部导航切换 screenChange(i){//顶部导航切换
this.orderStatus = i //当前选择的数字 this.orderStatus = i
this.pageIndex = 1 //页码 this.pageIndex = 1
this.pageTotal = 0 //总数 this.pageTotal = 0
this.isTrue = true //是否同意请求 this.isTrue = true
this.lists = [] //主要数据存储 this.lists = []
this.getData() this.getData(1)
}, },
addressFun(e){//项目选择 industrysTypeConfirm(e) {//单列----分类 点击确定
this.showAddress = e.value[0].label console.log('confirm', e)
this.show=false this.orderType = e.value[0].id
this.orderName = e.value[0].cateName
this.pageIndex = 1
this.pageTotal = 0
this.isTrue = true
this.lists = []
this.getData(1)
this.cancel()
},
cancel() {//单列 点击取消
this.orderShow = false
},
showQueryPhone(){//展示手机查询弹窗
this.touristPhone=''
this.touristName=''
this.phoneQuery=true
}, },
getData(){//数据加载 queryPhoneOrder(){//通过手机号查看订单
if(!(/^1[34578]\d{9}$/.test(this.touristPhone))){
uni.showToast({
title: '请填写正确的手机号码',
icon: 'none'
})
return
}
if(this.touristName==''){
uni.showToast({
title: '姓名不可为空',
icon: 'none'
})
return
}
let data={
openid:this.openId,//用户Id
touristPhone:this.touristPhone,//旅客电话
touristName:this.touristName,//旅客姓名
}
this.queryLoad=true
this.$request('order/pdOrder/findOrderInfoByPhone',data).then((res)=>{
this.queryLoad=false
if(res.code=='00'){
this.phoneQuery=false
// uni.navigateTo({
// url: '/pages/my/order/productList/productList'
// })
this.pageIndex = 1
this.getData(1)
}else{
uni.showToast({
title: res.message,
icon: 'none'
})
}
})
},
getData(flag){//获取订单列表
this.nodataShow = false
//显示加载框 //显示加载框
uni.showLoading({ uni.showLoading({
title: '加载中' title: '加载中'
}) })
if(this.isTrue){ if(this.isTrue){
this.isTrue = false this.isTrue = false
var data = {}
if(this.orderStatus=='2'){//点击的待使用 if(this.orderStatus=='2'){//点击的待使用
var orderStatusList=[2,4,5] var orderStatusList=[2,4,5]
data={ var data={
pageIndex:this.pageIndex, pageIndex:this.pageIndex,
pageSize:20, pageSize:20,
orderType:this.orderType==0?'':this.orderType, orderType:this.orderType==0?'':this.orderType,
...@@ -413,7 +539,7 @@ export default { ...@@ -413,7 +539,7 @@ export default {
userId:this.openId userId:this.openId
} }
}else{ }else{
data={ var data={
pageIndex:this.pageIndex, pageIndex:this.pageIndex,
pageSize:20, pageSize:20,
orderType:this.orderType==0?'':this.orderType, orderType:this.orderType==0?'':this.orderType,
...@@ -423,13 +549,17 @@ export default { ...@@ -423,13 +549,17 @@ export default {
} }
this.$request('order/userOrder/findOrderList',data) this.$request('order/userOrder/findOrderList',data)
.then((res)=>{ .then((res)=>{
if(res.code=='00'){ var ret = res
if(res.data.list.length>0){ if(ret.code=='00'){
if(flag==1){//第一次加载
this.lists = []
}
if(ret.data.list.length>0){
this.dataLengthType = true this.dataLengthType = true
}else{ }else{
this.dataLengthType = false this.dataLengthType = false
} }
res.data.list.forEach((item)=>{ ret.data.list.forEach((item)=>{
if(this.orderStatus=='0'){////待付款的订单 pid 不能空的不显示 if(this.orderStatus=='0'){////待付款的订单 pid 不能空的不显示
if(item.pid){ if(item.pid){
...@@ -437,15 +567,19 @@ export default { ...@@ -437,15 +567,19 @@ export default {
this.lists.push(item) this.lists.push(item)
} }
}else if(this.orderStatus=='2'){//待评价和待使用不能显示组合订单 }else if(this.orderStatus=='2'){//待评价和待使用不能显示组合订单
if(item.orderType!=10&&item.orderType!=4){ //item.orderType!=10&&
if(item.orderType!=4&&item.productCode!=''){
this.lists.push(item) this.lists.push(item)
} }
}else if(this.orderStatus=='3'){//待收货和待使用不能显示组合订单 }else if(this.orderStatus=='3'){//待收货和待使用不能显示组合订单
if(item.orderType!=10&&item.orderType==4){ //item.orderType!=10&&
if(item.orderType==4&&item.productCode!=''){
this.lists.push(item) this.lists.push(item)
} }
}else if(this.orderStatus=='5'){//待评价不能显示组合订单 }else if(this.orderStatus=='5'){//待评价不能显示组合订单
if(item.orderType!=10){ // if(item.orderType!=10){
// }
if(item.productCode!=''){
this.lists.push(item) this.lists.push(item)
} }
}else{ }else{
...@@ -455,24 +589,28 @@ export default { ...@@ -455,24 +589,28 @@ export default {
} }
}) })
this.isTrue = true this.isTrue = true
this.pageTotal = res.data.pageTotal this.pageIndex++
this.pageTotal = ret.data.pageTotal
if(this.lists.length==0){
this.nodataShow = true
}
// 主订单显示待支付子订单显示除了待支付 // 主订单显示待支付子订单显示除了待支付
this.lists.forEach((item)=>{ this.lists.forEach((item)=>{
if(item.subOrderType!=9){ if(item.subOrderType!=9){
if(item.orderType==10&&item.orderStatus==0){ //item.orderType==10&&
if(item.orderStatus==0){
item.showList=true item.showList=true
} }
if(item.orderType!=10&&item.orderStatus!=0){ //item.orderType!=10&&
if(item.orderStatus!=0){
item.showList=true item.showList=true
} }
} }
}) })
//隐藏加载框 //隐藏加载框
uni.hideLoading() uni.hideLoading()
}else{ }else{
//隐藏加载框
uni.hideLoading()
uni.showToast({ uni.showToast({
title: '暂无订单信息', title: '暂无订单信息',
icon: 'none' icon: 'none'
...@@ -481,18 +619,91 @@ export default { ...@@ -481,18 +619,91 @@ export default {
}) })
.catch((err)=>{ .catch((err)=>{
this.timerOutClear = setTimeout(()=>{ this.timerOutClear = setTimeout(()=>{
this.getData() this.getData(2)
},1000) },1000)
}) })
} }
},
operation(item,index){//操作 删除和取消订单
this.operationItem = item
this.operationIndex = index
if(item.orderStatus==0){
this.configTitle = '确认取消订单'
}else{
this.configTitle = '确认删除订单'
}
this.configShow = true
},
operationEnter(){//操作 删除和取消订单 确定
if(this.operationItem.orderStatus==0){//取消订单
this.$request('order/userOrder/cancelOrder',{
id:this.operationItem.id,
userId:this.openId
})
.then((res)=>{
var ret = res
if(ret.code=='00'){
uni.showToast({
title: '订单取消成功',
icon: 'none'
})
//this.$store.commit('showLoading')
this.pageIndex = 1
this.pageTotal = 0
this.isTrue = true
this.lists[this.operationIndex].orderStatus = 9
// this.lists = []
// this.getData(1)
this.configShow = false
}else{
uni.showToast({
title: res.message,
icon: 'none'
})
}
})
}else{//删除订单
this.$request('order/userOrder/deleteOrder',{
id:this.operationItem.id,
userId:this.openId
})
.then((res)=>{
var ret = res
if(ret.code=='00'){
uni.showToast({
title: '订单删除成功',
icon: 'none'
})
//this.$store.commit('showLoading')
this.pageIndex = 1
this.pageTotal = 0
this.isTrue = true
this.lists.splice(this.operationIndex,1)
// this.lists = []
// this.getData(1)
this.configShow = false
}else{
uni.showToast({
title: res.message,
icon: 'none'
})
}
})
}
},
operationClose(){//操作 删除和取消订单 取消
this.configShow =false
}, },
orderJump(orderId,orderType){//-------------------订单详情跳转 orderJump(orderId,orderType){//-------------------订单详情跳转
if(orderType==11||orderType==12){ if(orderType==11||orderType==12){
uni.navigateTo({ uni.navigateTo({
url: '/pages/album/albumOrderdetail/albumOrderdetail?orderId='+orderId url: '/pages/album/albumOrderdetail/albumOrderdetail?orderId='+orderId
}) })
}else if(orderType==10){
uni.navigateTo({
url: '/pages/my/order/jointElectronicTicket/jointElectronicTicket?orderId='+orderId
})
}else{ }else{
uni.navigateTo({ uni.navigateTo({
url: '/pages/my/order/electronicTicket/electronicTicket?orderId='+orderId url: '/pages/my/order/electronicTicket/electronicTicket?orderId='+orderId
...@@ -506,229 +717,306 @@ export default { ...@@ -506,229 +717,306 @@ export default {
}) })
}, },
}, },
onReachBottom(){//上拉加载
this.pageIndex++
this.getData(2)
},
onUnload() {
if(this.timerOutClear) {
clearTimeout(this.timerOutClear)
this.timerOutClear = null
}
//隐藏加载框 uni.hideLoading()
},
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.productBigBox{ page{
background: #F7F8FA; background-color: #f5f5f5;
padding-top: 206rpx; }
.productBigBox{
background-color: #f5f5f5;
min-height: 100vh; min-height: 100vh;
}
.product-SearchBox{
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 20;
}
.product-title{
display: flex;
justify-content: center;
width: 100%;
height: 80rpx;
background-color: #fff;
font-size: 32rpx;
font-weight: bold;
line-height: 80rpx;
text-align: center;
u-icon{
height: 80rpx;
position: absolute;
left: 24rpx;
top: 0;
bottom: 0;
} }
.order-search{ }
.product-orderState{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
height: 100rpx; padding: 0 24rpx;
background-color: #fff; background-color: #fff;
padding: 0 40rpx 0 40rpx; .orderState-click{
position: fixed; display: flex;
top: 0; justify-content: center;
left: 0; width: 100rpx;
.search-list{ height: 80rpx;
font-weight: 600; align-items: center;
font-size: 28rpx;
color: #999999; color: #999999;
line-height: 100rpx; font-size: 28rpx;
position: relative; position: relative;
.list-line{ .click-line{
display: none; display: none;
width: 100%; width: 55%;
height: 6rpx; height: 4rpx;
background: #000000; background-image: linear-gradient(to right, #9FCFFF , #DAE6F6);
border-radius: 4rpx; margin: auto;
position: absolute; position: absolute;
bottom: 12rpx;
left: 0; left: 0;
bottom: 16rpx; right: 0;
}
} }
.search-listAct{
font-size: 30rpx;
color: #333333;
.list-line{
display: block;
} }
.orderState-clickAct{
color: #191919;
font-size: 32rpx;
font-weight: bold;
.click-line{
display: inline-block;
} }
} }
.order-phoneSearch{ }
display: flex; .product-searchBt{
justify-content: space-between;
width: 100%; width: 100%;
height: 104rpx; height: 80rpx;
background: #F7F8FA; box-shadow: 0 0 0;
padding: 20rpx 20rpx 0 20rpx;
position: fixed;
top: 100rpx;
left: 0;
.phoneSearch-type{
width: 200rpx;
height: 64rpx;
background: #FFFFFF;
border-radius: 32rpx;
line-height: 64rpx;
position: relative;
.type-boxOn{
display: flex; display: flex;
background-color:#fff;
justify-content: space-between; justify-content: space-between;
padding: 0 38rpx 0 38rpx; padding: 0 30rpx;
width: 200rpx; line-height: 80rpx;
height: 64rpx; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.08);
font-weight: 600; .searchBt-left{
font-size: 24rpx; display: flex;
color: #333333; width: 100rpx;
position: absolute; justify-content: center;
top: 0; text:nth-child(1){
left: 0; margin-right: 5rpx;
} }
.address-triangle{ }
width: 0px; }
height: 0px; .content-title{
margin: auto; display: flex;
border: 10rpx solid transparent; justify-content: center;
border-top: 10rpx solid #D8D8D8; height: 80rpx;
line-height: 80rpx;
position: relative;
font-size: 32rpx;
font-weight: bold;
/deep/ .u-icon{
color: #c8c9cc;
position: absolute; position: absolute;
top: 8rpx; right: 16rpx;
right: 38rpx; top: 0;
bottom: 0; bottom: 0;
} }
}
.content-list{
display: flex;
padding: 0 24rpx 0 24rpx;
margin-top: 20rpx;
.list-name{
display: inline-block;
text-align: justify;
text-align-last: justify;
width: 110rpx;
font-size: 26rpx;
line-height: 40px;
flex-shrink: 0;
}
.list-name2{
line-height: 40px;
}
.uni-input{
height: 40px;
border-bottom: 1px solid #d1d1d1;
flex: 1;
} }
/deep/ .u-search__content{ }
height: 64rpx !important; .confrim-btn{
background: #FFFFFF !important; margin: 64rpx 24rpx 40rpx 24rpx;
border-radius: 32rpx !important; /deep/ .u-reset-button{
padding: 0 32rpx !important; height: 80rpx;
} line-height: 80rpx;
/deep/ .u-search{ border-radius: 15rpx;
width: 490rpx !important; color: #FFFFFF;
height: 64rpx !important; text-align: center;
flex:none !important; background: linear-gradient(134deg, #ED400C 0%, #FB862C 100%);
align-items:flex-start; font-size: 28rpx;
} border-radius: 8rpx;
/deep/ .u-search__content__input{ border: none;
background: #FFFFFF !important;
font-size: 24rpx !important;
}
/deep/ .u-icon__icon{
font-size: 40rpx !important;
color: #333333 !important;
}
} }
.order-list{ }
width: 710rpx; .product-goods{
background-color: #fff; padding: 30rpx;
border-radius: 12rpx; padding-top: 200rpx;
margin: 0 auto 20rpx auto; overflow: auto;
padding: 42rpx 40rpx 40rpx 40rpx; position: relative;
overflow: hidden; .product-block{
.list-title{ border-radius: 5px;
margin-bottom: 20rpx;
background: #fff;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.02);
.block-title{
padding: 30rpx 24rpx 25rpx 24rpx;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 30rpx;
color: #333;
.title-left{ .title-left{
flex: 1;
display: flex; display: flex;
image{ align-items: center;
width: 40rpx; .left-imgBox{
height: 40rpx; width: 32rpx;
background: #14C9C8; height: 32rpx;
border-radius: 50%; display: flex;
} margin-right: 16rpx;
view{ border-radius: 3px;
font-weight: 600; flex-shrink: 0;
background-color: #FEB221;
}
.left-img{
display: inline-block;
width: 32rpx;
height: 32rpx;
}
.left-Name{
font-size: 0.32rem;
color: #191919;
font-weight: bold;
flex: 1;
font-size: 28rpx; font-size: 28rpx;
color: #333333; line-height: 36rpx;
line-height: 40rpx;
margin-left: 12rpx;
} }
} }
.title-right{ .title-right{
font-weight: 600; width: 160rpx;
font-size: 28rpx; display: flex;
color: #00B42B; justify-content: flex-end;
line-height: 40rpx; align-items: center;
} font-size: 24rpx;
} color: #ED400C;
.list-name{
padding-left: 52rpx;
margin-top: 12rpx;
font-weight: 600;
font-size: 28rpx;
color: #333333;
line-height: 28rpx;
} }
.list-time,
.list-tips{
padding-left: 52rpx;
margin-top: 20rpx;
font-weight: 400;
font-size: 28rpx;
color: #999999;
line-height: 28rpx;
} }
.list-money{ .block-main{
margin-top: 20rpx; display: flex;
font-weight: 600; height: 174rpx;
font-size: 28rpx; border-bottom: none;
color: #333333; color: #333333;
line-height: 28rpx; position: relative;
text-align: right; padding: 36rpx 24rpx 24rpx 24rpx;
} .mian-InfoWrap{
.list-btn{
display: flex; display: flex;
justify-content: flex-end; flex: 1;
margin-top: 40rpx; font-size: 30rpx;
overflow: auto;
.btn-style{
width: 170rpx;
height: 64rpx;
border-radius: 32rpx;
border: 2rpx solid #EDEDED;
margin-left: 20rpx;
font-weight: 600;
font-size: 28rpx;
color: #666666; color: #666666;
flex-wrap: wrap;
word-break: break-all;
margin-right: 20rpx;
flex-direction: column;
justify-content: center;
height: 100%;
.InfoWrap-mb30{
margin-bottom: 30rpx;
}
.allPice{
position: absolute;
left: 24rpx;
bottom: -80rpx;
color: #ED400C;
font-size: 40rpx;
font-weight: bold;
display: flex;
text{
font-size: 24rpx;
font-weight: normal;
margin-right: 4rpx;
line-height: 60rpx; line-height: 60rpx;
text-align: center;
}
} }
} }
.order-listCancel{//订单取消的时候
.list-title{
.title-left{
image{
background: #999999;
} }
view{ .main-right{
color: #999999; height: 100%;
display: flex;
align-items: center;
color: #6b6b6b;
} }
} }
.title-right{ .block-Btn{
color: #999999; display: flex;
justify-content: flex-end;
height: 100rpx;
align-items: center;
padding: 0 20rpx;
.block-button{
width: 152rpx;
height: 64rpx;
line-height: 64rpx;
color: #333333;
padding: 0;
text-align: center;
display: inline-block;
box-sizing: content-box;
font-size: 28rpx;
border: 1px solid #cccccc;
border-radius: 8rpx;
align-items: center;
margin-right: 15rpx;
} }
.block-button:nth-last-child(1){
margin-right: 0;
} }
.list-name{ .block-buttonOrange{
color: #999999; color: #f9690e;
border: 1px solid #f9690e;
} }
.list-money{
color: #999999;
} }
} }
.order-No{ .goods-NoMore{
height: 40rpx; height: 40rpx;
color: #666666; color: #666666;
font-size: 30rpx; font-size: 30rpx;
line-height: 40rpx; line-height: 40rpx;
text-align: center; text-align: center;
margin: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
} }
.goods-NoMore{ .order-No{
height: 40rpx; height: 40rpx;
color: #666666; color: #666666;
font-size: 30rpx; font-size: 30rpx;
line-height: 40rpx; line-height: 40rpx;
text-align: center; 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