1056 lines
29 KiB
Vue
1056 lines
29 KiB
Vue
<template>
|
||
<view class="page" :style="themeColor">
|
||
<view class="flex benben-position-layout flex flex-wrap align-center historicalOrders_flex_0"
|
||
:style="{height:(128+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||
<view class='flex flex-wrap align-center justify-between flex-sub historicalOrders_fd0_0'>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd0_0_c0' @tap.stop="handleJumpDiy"
|
||
data-type="back" data-url="1">
|
||
<text class='fu-iconfont2 historicalOrders_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
|
||
data-url="1"></text>
|
||
</view>
|
||
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
|
||
<view v-if="!searchShowTap">
|
||
<benben-flex-tabs class-name='historicalOrders_benbenTabsfd0_0_c1_c0' v-model="order_tabls"
|
||
ref="benben_tabsfd0_0_c1_c0" select-mark="benben_tabsfd0_0_c1_c0"
|
||
key="benben_tabsfd0_0_c1_c0" :open-title-type='false' :open-sticky='true' :top='0'
|
||
:is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd0_0_c1_c0">
|
||
|
||
<scroll-view @scroll="tabsInfofd0_0_c1_c0.scrollX = $event.detail.scrollLeft"
|
||
id="benben_tabsfd0_0_c1_c0" class="benben-tabs" style="width:750rpx" :scroll-x="true"
|
||
:scroll-left.sync="tabsInfofd0_0_c1_c0.moveX" scroll-with-animation="all .3s ease">
|
||
<view class="benben-tabs-content" id="benben_tabsfd0_0_c1_c0-content">
|
||
<view id="benben_tabsfd0_0_c1_c0-title"
|
||
class="benben-tabs-title flex align-center justify-between flex ">
|
||
<view
|
||
:class="{ 'checkTitlefd0_0_c1_c0': order_tabls == '1', 'flex flex-wrap align-center': true }"
|
||
@tap="searchTap(1)" :id="`benben_tabsfd0_0_c1_c0-title-item-${'1'}`">
|
||
|
||
<text>配送订单</text>
|
||
|
||
</view>
|
||
<view
|
||
:class="{ 'checkTitlefd0_0_c1_c0': order_tabls == '2', 'flex flex-wrap align-center': true }"
|
||
@tap="searchTap(2)" :id="`benben_tabsfd0_0_c1_c0-title-item-${'2'}`">
|
||
|
||
<text>自提订单</text>
|
||
|
||
</view>
|
||
</view>
|
||
<view
|
||
:style="{ left: tabsInfofd0_0_c1_c0.lineleft, maxWidth: tabsInfofd0_0_c1_c0.lineWidth }"
|
||
id="benben_tabsfd0_0_c1_c0-line"
|
||
class="benben-tabs-line flex benben-flex-tabs-line"></view>
|
||
</view>
|
||
</scroll-view>
|
||
|
||
</benben-flex-tabs>
|
||
|
||
</view>
|
||
<view class="search-warp" v-else>
|
||
<image :src='STATIC_URL+"57.png"'></image>
|
||
<input type="text" v-model="keyword" @input="search" placeholder="请输入关键词进行搜索" />
|
||
<view @click="searchShowTap = false">取消</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center' v-if="!searchShowTap">
|
||
<image @click="searchShowTap = true" class='historicalOrders_fd0_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"57.png"'></image>
|
||
<image @click="screen" class='historicalOrders_fd0_0_c2_c1' mode="aspectFit" :src='STATIC_URL+"56.png"'></image>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view :style="{height: (128+StatusBarRpx)+'rpx'}"></view>
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex benben-flex-layout flex-wrap align-center">
|
||
<view>
|
||
<benben-flex-tabs class-name='historicalOrders_benbenTabsfd1_0' v-model="state_order"
|
||
ref="benben_tabsfd1_0" select-mark="benben_tabsfd1_0" key="benben_tabsfd1_0"
|
||
:open-title-type='false' :open-sticky='false' :top='0' :is-show-content='false' :scrollspy='false'
|
||
:tabs-info.sync="tabsInfofd1_0">
|
||
|
||
<scroll-view @scroll="tabsInfofd1_0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd1_0"
|
||
class="benben-tabs" style="width:750rpx" :scroll-x="true"
|
||
:scroll-left.sync="tabsInfofd1_0.moveX" scroll-with-animation="all .3s ease">
|
||
<view class="benben-tabs-content" id="benben_tabsfd1_0-content">
|
||
<view id="benben_tabsfd1_0-title"
|
||
class="benben-tabs-title flex align-center justify-around flex ">
|
||
<view
|
||
:class="{ 'checkTitlefd1_0': state_order == '4', 'flex flex-wrap align-center': true }"
|
||
@tap="menuTap(4)" :id="`benben_tabsfd1_0-title-item-${'4'}`">
|
||
|
||
<text>已完成</text>
|
||
|
||
</view>
|
||
<view
|
||
:class="{ 'checkTitlefd1_0': state_order == '5', 'flex flex-wrap align-center': true }"
|
||
@tap="menuTap(5)" :id="`benben_tabsfd1_0-title-item-${'5'}`">
|
||
|
||
<text>已取消</text>
|
||
|
||
</view>
|
||
</view>
|
||
<view :style="{ left: tabsInfofd1_0.lineleft, maxWidth: tabsInfofd1_0.lineWidth }"
|
||
id="benben_tabsfd1_0-line"
|
||
class="benben-tabs-line flex benben-flex-tabs-line historicalOrders_linefd1_0"></view>
|
||
</view>
|
||
</scroll-view>
|
||
|
||
</benben-flex-tabs>
|
||
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout historicalOrders_flex_2">
|
||
<view @click="orderdetails(item,index)" v-for="(item,index) in listData" :key="index" class='flex flex-direction flex-wrap align-stretch flex-sub historicalOrders_fd2_0' v-if="order_tabls=='1'">
|
||
<view class='flex flex-wrap align-center justify-between historicalOrders_fd2_0_c0'>
|
||
<view class='flex flex-direction flex-wrap align-start'>
|
||
<view class='flex flex-wrap align-end'>
|
||
<text class='historicalOrders_fd2_0_c0_c0_c0_c0'>#</text>
|
||
<text class='historicalOrders_fd2_0_c0_c0_c0_c1'>{{item.store_code}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_0_c0_c0_c1'>
|
||
<text class='historicalOrders_fd2_0_c0_c0_c1_c0'>期望时间</text>
|
||
<text class='historicalOrders_fd2_0_c0_c0_c1_c1'>{{item.expected_time}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='historicalOrders_fd2_0_c0_c1_c0' v-if="item.status==8">已完成</text>
|
||
<text class='historicalOrders_fd2_0_c0_c1_c0' v-if="item.status==-1">已取消</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_0_c1'>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between historicalOrders_fd2_0_c2'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='historicalOrders_fd2_0_c2_c0_c0_c0' mode="aspectFit"
|
||
:src='STATIC_URL+"59.png"'></image>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-start historicalOrders_fd2_0_c2_c0_c1'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='historicalOrders_fd2_0_c2_c0_c1_c0_c0'>{{item.address.name}}{{item.address.sex==1?'先生':'女士'}}</text>
|
||
<text class='historicalOrders_fd2_0_c2_c0_c1_c0_c1'>（</text>
|
||
<text class='historicalOrders_fd2_0_c2_c0_c1_c0_c2'>{{item.address.mobile}}</text>
|
||
<text class='historicalOrders_fd2_0_c2_c0_c1_c0_c3'>）</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_0_c2_c0_c1_c1'>
|
||
<text class='historicalOrders_fd2_0_c2_c0_c1_c1_c0'>{{item.address.province}}{{item.address.city}}{{item.address.district}}{{item.address.address}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center' @tap.stop="phone(item.address.mobile)">
|
||
<image class='historicalOrders_fd2_0_c2_c1_c0' mode="aspectFit" :src='STATIC_URL+"58.png"'>
|
||
</image>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_0_c3'>
|
||
<view v-for="(gItem, gIndex) in item.goods_lists" :key="gIndex" class='flex flex-direction flex-wrap align-center historicalOrders_fd2_0_c3_c0'>
|
||
<image class='historicalOrders_fd2_0_c3_c0_c0' mode="aspectFill" :src='gItem.goods_thumb'>
|
||
</image>
|
||
<text class='historicalOrders_fd2_0_c3_c0_c1'>{{gItem.goods_name}}</text>
|
||
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='historicalOrders_fd2_0_c4_c0_c0'>总价：</text>
|
||
<text class='historicalOrders_fd2_0_c4_c0_c1'>￥</text>
|
||
<text class='historicalOrders_fd2_0_c4_c0_c2'>{{item.payable_money}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_0_c4_c1'>
|
||
<text class='historicalOrders_fd2_0_c4_c1_c0'>共</text>
|
||
<text class='historicalOrders_fd2_0_c4_c1_c1'>{{item.goods_num}}</text>
|
||
<text class='historicalOrders_fd2_0_c4_c1_c2'>件</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_0_c5'>
|
||
</view>
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center'>
|
||
<button class='historicalOrders_fd2_0_c6_c0' @tap.stop="Delete(item,index)">删除订单</button>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
|
||
<view @click="orderdetails(item,index)" v-for="(item,index) in listData" :key="index" class='flex flex-direction flex-wrap align-stretch flex-sub historicalOrders_fd2_1' v-if="order_tabls=='2'">
|
||
<view class='flex flex-wrap align-center justify-between historicalOrders_fd2_1_c0'>
|
||
<view class='flex flex-direction flex-wrap align-start'>
|
||
<view class='flex flex-wrap align-end'>
|
||
<text class='historicalOrders_fd2_1_c0_c0_c0_c0'>#</text>
|
||
<text class='historicalOrders_fd2_1_c0_c0_c0_c1'>{{item.store_code}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_1_c0_c0_c1'>
|
||
<text class='historicalOrders_fd2_1_c0_c0_c1_c0'>到店时间</text>
|
||
<text class='historicalOrders_fd2_1_c0_c0_c1_c1'>{{item.expected_time}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='historicalOrders_fd2_1_c0_c1_c0' v-if="item.status==8">已完成</text>
|
||
<text class='historicalOrders_fd2_1_c0_c1_c0' v-if="item.status==-1">已取消</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_1_c1'>
|
||
</view>
|
||
<view v-if="item.pick_type==2" class='flex flex-wrap align-center justify-between historicalOrders_fd2_1_c2'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='historicalOrders_fd2_1_c2_c0_c0_c0' mode="aspectFit"
|
||
:src='STATIC_URL+"59.png"'></image>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-start historicalOrders_fd2_1_c2_c0_c1'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='historicalOrders_fd2_1_c2_c0_c1_c0_c0'>{{item.nickname}}</text>
|
||
<text class='historicalOrders_fd2_1_c2_c0_c1_c0_c1'>（</text>
|
||
<text class='historicalOrders_fd2_1_c2_c0_c1_c0_c2'>{{item.pick_mobile}}</text>
|
||
<text class='historicalOrders_fd2_1_c2_c0_c1_c0_c3'>）</text>
|
||
</view>
|
||
<!-- <view class='flex flex-wrap align-center historicalOrders_fd2_1_c2_c0_c1_c1'>
|
||
<text class='historicalOrders_fd2_1_c2_c0_c1_c1_c0'>{{item.address.province}}{{item.address.city}}{{item.address.district}}{{item.address.address}}</text>
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center' @tap.stop="phone(item.pick_mobile)">
|
||
<image class='historicalOrders_fd2_1_c2_c1_c0' mode="aspectFit" :src='STATIC_URL+"58.png"'>
|
||
</image>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_1_c3'>
|
||
<view v-for="(gItem, gIndex) in item.goods_lists" :key="gIndex" class='flex flex-direction flex-wrap align-center historicalOrders_fd2_1_c3_c0'>
|
||
<image class='historicalOrders_fd2_1_c3_c0_c0' mode="aspectFill" :src='gItem.goods_thumb'>
|
||
</image>
|
||
<text class='historicalOrders_fd2_1_c3_c0_c1'>{{gItem.goods_name}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='historicalOrders_fd2_1_c4_c0_c0'>总价：</text>
|
||
<text class='historicalOrders_fd2_1_c4_c0_c1'>￥</text>
|
||
<text class='historicalOrders_fd2_1_c4_c0_c2'>{{item.payable_money}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_1_c4_c1'>
|
||
<text class='historicalOrders_fd2_1_c4_c1_c0'>共</text>
|
||
<text class='historicalOrders_fd2_1_c4_c1_c1'>{{item.goods_num}}</text>
|
||
<text class='historicalOrders_fd2_1_c4_c1_c2'>件</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center historicalOrders_fd2_1_c5'>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='historicalOrders_fd2_1_c6_c0_c0'>取货码</text>
|
||
<text class='historicalOrders_fd2_1_c6_c0_c1'>{{item.pick_code}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
</view>
|
||
<button class='historicalOrders_fd2_1_c6_c2' @tap.stop="Delete(item,index)">删除订单</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<fu-empty-ui v-if="listData.length==0"></fu-empty-ui>
|
||
<!---flex布局flex布局结束-->
|
||
|
||
<!-- 日历弹框 start -->
|
||
<fu-popup v-model="isShow" mode="center" :mask-close-able="true" @close="closePopup">
|
||
<view class="calendar-box">
|
||
<fu-calendar @change="change" active-bg-color="#FF9300" range-bg-color="#FF9300" :future="true"
|
||
start-text="" end-text="" mode="range" :isDefaultDay="false" :start-time="start_time"
|
||
:end-time="end_time"></fu-calendar>
|
||
</view>
|
||
</fu-popup>
|
||
<!-- 日历弹框 end -->
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
components: {},
|
||
data() {
|
||
return {
|
||
searchShowTap:false,
|
||
keyword:"",
|
||
isShow:false,
|
||
"tabsInfofd1_0": {
|
||
lineleft: '',
|
||
lineWidth: '',
|
||
moveX: 0,
|
||
scrollX: 0,
|
||
PageScrollX: 0
|
||
},
|
||
"tabsInfofd0_0_c1_c0": {
|
||
lineleft: '',
|
||
lineWidth: '',
|
||
moveX: 0,
|
||
scrollX: 0,
|
||
PageScrollX: 0
|
||
},
|
||
"order_tabls": "1",
|
||
"state_order": "4",
|
||
start_time: '', //开始时间
|
||
end_time: '', //结束时间
|
||
page: 1, // 分页
|
||
allowLoadMore: true, // 允许加载更多
|
||
loadedAll: false, // 已加载全部数据
|
||
noListData: false, // 没有列表数据
|
||
listData: [], //订单列表 数组
|
||
};
|
||
},
|
||
computed: {
|
||
themeColor() {
|
||
return this.$store.getters.themeColor
|
||
},
|
||
|
||
},
|
||
watch: {},
|
||
onLoad(options) {
|
||
let date = new Date();
|
||
this.endYear = date.getFullYear()
|
||
|
||
//删除订单
|
||
uni.$on('DELORDER', res => {
|
||
console.log(res)
|
||
this.listData.splice(res, 1);
|
||
})
|
||
this.getList();
|
||
},
|
||
// 下拉刷新
|
||
onPullDownRefresh() {
|
||
this.page = 1;
|
||
this.allowLoadMore = true;
|
||
this.loadedAll = false;
|
||
this.noListData = false;
|
||
this.listData = [];
|
||
this.getList(() => {
|
||
uni.stopPullDownRefresh();
|
||
});
|
||
},
|
||
//上拉加载更多
|
||
onReachBottom(e) {
|
||
this.getList();
|
||
},
|
||
methods: {
|
||
//首页获取订单列表
|
||
getList(text) {
|
||
this.$api.post(global.apiUrls.getHistoryOrder, {
|
||
status: this.state_order,
|
||
pick_type: this.order_tabls,
|
||
keyword: this.keyword,
|
||
page: this.page,
|
||
start_time: this.start_time,
|
||
end_time: this.end_time
|
||
}).then(res => {
|
||
console.log(res)
|
||
if (res.data.code == 1) {
|
||
// 状态;-1:取消;0:待付款;1:待接单;2:备货中;3:待骑手接单;4:待取货;5:待送达;6:待到店自提 7 待评价 8已完成'
|
||
|
||
let tempLists = res.data.data.data,
|
||
totalPage = res.data.data.last_page,
|
||
listData = this.listData;
|
||
console.log(tempLists)
|
||
this.listData.push(...tempLists);
|
||
|
||
this.allowLoadMore = true;
|
||
if (this.page >= totalPage) this.loadedAll = true;
|
||
if (this.page == 1 && this.listData.length == 0) this.noListData = true;
|
||
this.page += 1;
|
||
} else {
|
||
this.allowLoadMore = true;
|
||
}
|
||
if (fn) fn();
|
||
}).catch(err => {
|
||
this.allowLoadMore = true;
|
||
})
|
||
},
|
||
Delete(item, index) {
|
||
let that = this
|
||
console.log(global.apiUrls.delOrder)
|
||
uni.showModal({
|
||
title: '温馨提示',
|
||
content: "您确定要删除这笔订单吗？",
|
||
cancelText: "取消",
|
||
confirmText: "确定",
|
||
confirmColor:"#FF9300",
|
||
success(res) {
|
||
if (res.confirm) {
|
||
that.$api.post(global.apiUrls.delOrder, {
|
||
order_sn: item.order_sn
|
||
}).then(res => {
|
||
console.log(res)
|
||
that.$message.info(res.data.msg)
|
||
if (res.data.code == 1) {
|
||
that.listData.splice(index, 1);
|
||
}
|
||
})
|
||
}
|
||
}
|
||
});
|
||
},
|
||
//顶部状态切换
|
||
menuTap(item) {
|
||
if(this.state_order == item) return
|
||
this.state_order = item;
|
||
this.page = 1;
|
||
this.allowLoadMore = true;
|
||
this.loadedAll = false;
|
||
this.noListData = false;
|
||
this.listData = [];
|
||
this.getList()
|
||
},
|
||
//筛选订单类型切换
|
||
searchTap(item) {
|
||
if(this.order_tabls == item) return
|
||
this.order_tabls = item
|
||
this.searchSure()
|
||
},
|
||
//拨打电话
|
||
phone(phone) {
|
||
// uni.makePhoneCall({
|
||
// phoneNumber: phone
|
||
// })
|
||
this.callMobile(phone)
|
||
},
|
||
//筛选确定
|
||
searchSure() {
|
||
this.page = 1;
|
||
this.allowLoadMore = true;
|
||
this.loadedAll = false;
|
||
this.noListData = false;
|
||
this.listData = [];
|
||
this.getList()
|
||
},
|
||
//搜索
|
||
search() {
|
||
this.searchSure()
|
||
},
|
||
//筛选
|
||
screen() {
|
||
this.isShow = true;
|
||
},
|
||
/**
|
||
* @description 隐藏日历
|
||
*/
|
||
closePopup() {
|
||
this.isShow = false;
|
||
},
|
||
/**
|
||
* @description 获取列表
|
||
* @param {Object} value 用来判断第页码初始化第一次 加载页面loading
|
||
*/
|
||
change(value) {
|
||
if (value.isInit) return;
|
||
this.start_time = value.start;
|
||
this.end_time = value.end;
|
||
setTimeout(() => {
|
||
this.isShow = false;
|
||
}, 800)
|
||
this.searchSure();
|
||
},
|
||
//订单详情
|
||
orderdetails(item, index) {
|
||
uni.navigateTo({
|
||
url: '/pages/ddgl/orderDetails/orderDetails?order_sn=' + item.order_sn + '&index=' + index
|
||
})
|
||
},
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
width: 100vw;
|
||
overflow-x: hidden;
|
||
min-height: calc(100vh - var(--window-bottom));
|
||
background: rgba(248, 248, 248, 1);
|
||
background-size: 100% auto !important;
|
||
}
|
||
// 日历弹框 start
|
||
.calendar-box {
|
||
background: #ffffff;
|
||
border-radius: 16rpx;
|
||
width: 640rpx;
|
||
padding: 0 24rpx;
|
||
border: 1px solid transparent;
|
||
}
|
||
// 日历弹框 end
|
||
.search-warp{
|
||
width: 620rpx;
|
||
height: 72rpx;
|
||
padding: 0 24rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
background-color: #F6F7F9;
|
||
border-radius: 36rpx;
|
||
input{
|
||
width: 460rpx;
|
||
padding-left: 16rpx;
|
||
font-size: 28rpx;
|
||
}
|
||
image{
|
||
width: 26rpx;
|
||
height: 26rpx;
|
||
}
|
||
}
|
||
.historicalOrders_flex_0 {
|
||
background: #fff;
|
||
width: 750rpx;
|
||
height: 128rpx;
|
||
overflow: hidden;
|
||
z-index: 10;
|
||
top: 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.historicalOrders_fd0_0_c2_c1 {
|
||
width: 34rpx;
|
||
height: 32rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd0_0_c2_c0 {
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
margin: 0rpx 40rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.checkTitlefd0_0_c1_c0 {
|
||
font-weight: 700 !important;
|
||
font-size: 32rpx !important;
|
||
color: #333 !important;
|
||
background-color: rgba(255, 255, 255, 1) !important;
|
||
}
|
||
|
||
::v-deep .historicalOrders_benbenTabsfd0_0_c1_c0 {
|
||
background: #fff;
|
||
white-space: nowrap;
|
||
text-align: center;
|
||
width: 300rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
}
|
||
|
||
.historicalOrders_fd0_0_c0_c0 {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
}
|
||
|
||
.historicalOrders_fd0_0_c0 {
|
||
width: 64rpx;
|
||
height: 46rpx;
|
||
}
|
||
|
||
.historicalOrders_fd0_0 {
|
||
margin: 0rpx 24rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.historicalOrders_linefd1_0 {
|
||
background: rgba(255, 147, 0, 1);
|
||
width: 32rpx;
|
||
height: 6rpx;
|
||
top: 80rpx;
|
||
background-size: 100% auto !important;
|
||
border-radius: 3rpx 3rpx 3rpx 3rpx;
|
||
}
|
||
|
||
.checkTitlefd1_0 {
|
||
font-weight: 700 !important;
|
||
font-size: 28rpx !important;
|
||
color: #333 !important;
|
||
background-color: rgba(255, 255, 255, 1) !important;
|
||
}
|
||
|
||
::v-deep .historicalOrders_benbenTabsfd1_0 {
|
||
background: #fff;
|
||
width: 750rpx;
|
||
height: 88rpx;
|
||
white-space: nowrap;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: #666666;
|
||
}
|
||
|
||
.historicalOrders_flex_2 {
|
||
padding: 24rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c6_c2 {
|
||
background: rgba(242, 242, 242, 1);
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
font-size: 28rpx;
|
||
color: rgba(102, 102, 102, 1);
|
||
width: 160rpx;
|
||
height: 64rpx;
|
||
line-height: 64rpx;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c6_c0_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c6_c0_c0 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
margin: 0rpx 14rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c5 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
margin: 24rpx 8rpx 24rpx 8rpx;
|
||
height: 1rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c4_c1_c2 {
|
||
color: #666666;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 10rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c4_c1_c1 {
|
||
color: #666666;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c4_c1_c0 {
|
||
color: #666666;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c4_c1 {
|
||
margin: 0rpx 25rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c4_c0_c2 {
|
||
color: #ED4040;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c4_c0_c1 {
|
||
color: #ED4040;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c4_c0_c0 {
|
||
color: rgba(51, 51, 51, 1);
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c3_c0_c1 {
|
||
max-width: 96rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
color: #333333;
|
||
font-size: 22rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
margin: 8rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c3_c0_c0 {
|
||
width: 96rpx;
|
||
height: 96rpx;
|
||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c3_c0 {
|
||
margin: 0rpx 6rpx 0rpx 6rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c3 {
|
||
margin: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c1_c0 {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1_c1_c2 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1_c1_c1 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1_c1_c0 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1_c1 {
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1_c0_c3 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1_c0_c2 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1_c0_c1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1_c0_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c1 {
|
||
margin: 0rpx 0rpx 0rpx 20rpx;
|
||
width: 500rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2_c0_c0_c0 {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c2 {
|
||
margin: 0rpx 8rpx 0rpx 8rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c1 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
margin: 32rpx 8rpx 32rpx 8rpx;
|
||
height: 1rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c0_c1_c0_1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 31rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c0_c1_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 31rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c0_c0_c1_c1 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c0_c0_c1_c0 {
|
||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c0_c0_c1 {
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c0_c0_c0_c1 {
|
||
color: #333333;
|
||
font-size: 44rpx;
|
||
font-weight: 500;
|
||
line-height: 44rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c0_c0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1_c0 {
|
||
padding: 0rpx 8rpx 0rpx 8rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_1 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 32rpx 16rpx 24rpx 16rpx;
|
||
margin: 0rpx 0rpx 24rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c6_c0 {
|
||
background: rgba(242, 242, 242, 1);
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
font-size: 28rpx;
|
||
color: rgba(102, 102, 102, 1);
|
||
width: 160rpx;
|
||
height: 64rpx;
|
||
line-height: 64rpx;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c5 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
margin: 24rpx 8rpx 24rpx 8rpx;
|
||
height: 1rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c4_c1_c2 {
|
||
color: #666666;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 10rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c4_c1_c1 {
|
||
color: #666666;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c4_c1_c0 {
|
||
color: #666666;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c4_c1 {
|
||
margin: 0rpx 25rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c4_c0_c2 {
|
||
color: #ED4040;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c4_c0_c1 {
|
||
color: #ED4040;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c4_c0_c0 {
|
||
color: rgba(51, 51, 51, 1);
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c3_c0_c1 {
|
||
max-width: 96rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
color: #333333;
|
||
font-size: 22rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
margin: 8rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c3_c0_c0 {
|
||
width: 96rpx;
|
||
height: 96rpx;
|
||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c3_c0 {
|
||
margin: 0rpx 6rpx 0rpx 6rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c3 {
|
||
margin: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c1_c0 {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1_c1_c2 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1_c1_c1 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1_c1_c0 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1_c1 {
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1_c0_c3 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1_c0_c2 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1_c0_c1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1_c0_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c1 {
|
||
width: 500rpx;
|
||
margin: 0rpx 0rpx 0rpx 20rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2_c0_c0_c0 {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c2 {
|
||
margin: 0rpx 8rpx 0rpx 8rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c1 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
margin: 32rpx 8rpx 32rpx 8rpx;
|
||
height: 1rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c0_c1_c0_1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 31rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c0_c1_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 31rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c0_c0_c1_c1 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c0_c0_c1_c0 {
|
||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c0_c0_c1 {
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c0_c0_c0_c1 {
|
||
color: #333333;
|
||
font-size: 44rpx;
|
||
font-weight: 500;
|
||
line-height: 44rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c0_c0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0_c0 {
|
||
padding: 0rpx 8rpx 0rpx 8rpx;
|
||
}
|
||
|
||
.historicalOrders_fd2_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 32rpx 16rpx 24rpx 16rpx;
|
||
margin: 0rpx 0rpx 24rpx 0rpx;
|
||
}
|
||
</style>
|