root
/
school-peisong
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
tianyi 1 month ago
parent
3eae489932
commit
52add191d6
4 changed files with 341 additions and 74 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      pages/index/index.vue
  2. 35
      pages/login/login.vue
  3. 92
      pages/shop/selfDeliveryOrderList.vue
  4. 279
      pages/shop/transferDeliveryOrderList.vue

3
pages/index/index.vue
View File

@ -760,4 +760,7 @@
border-top: 1px solid #eee; border-top: 1px solid #eee;
color: #fff; color: #fff;
} }
.order55{
font-size: 28rpx;
}
</style> </style>

35
pages/login/login.vue
View File

@ -39,18 +39,18 @@
</view> </view>
</block> </block>
<view class="small-btn"> <view class="small-btn">
<!-- <view class="reg-btn" @click="loginType = !loginType"> <view class="reg-btn" @click="loginType = !loginType">
切换登录方式 切换登录方式
</view> --> </view>
<view class="reg-btn" @click="peisongyuan = !peisongyuan"> <view class="reg-btn" @click="peisongyuan = !peisongyuan">
{{peisongyuan?'切换商家登录':'切换配送员登录'}} {{peisongyuan?'切换商家登录':'切换配送员登录'}}
</view> </view>
<navigator v-if="loginType == false" class="forget-pass" url="/pages/login/regist?type=3"> <!-- <navigator v-if="loginType == false" class="forget-pass" url="/pages/login/regist?type=3">
{{i18n.login.forgetPass}} {{i18n.login.forgetPass}}
</navigator> </navigator> -->
</view> </view>
<button enabled="enabled" class="login-btn" style="border-radius: 50rpx; border: 0;" type="primary" <button enabled="enabled" class="login-btn" style="border-radius: 50rpx; border: 0;" type="primary"
:class="{ opatity: enabled}" @click="submit"> @click="submit">
{{i18n.login.login}} {{i18n.login.login}}
</button> </button>
<uni-popup ref="popup" background-color="#fff"> <uni-popup ref="popup" background-color="#fff">
@ -126,12 +126,7 @@
this.getCaptchaImg(); this.getCaptchaImg();
}, },
computed: { computed: {
enabled: function() {
if (this.mobile.length == 11 && this.codes.length == 6) {
return false;
}
return true;
},
i18n() { i18n() {
return this.$t('index') return this.$t('index')
}, },
@ -375,21 +370,21 @@
this.$refs.popup.open(type) this.$refs.popup.open(type)
}, },
submit() { submit() {
if (this.enabled) { if (this.enabled && this.loginType) {
uni.showToast({ uni.showToast({
title: '请输入手机号和验证码后登录', title: '请输入手机号和验证码后登录',
icon: 'none' icon: 'none'
}); });
return; return;
} }
// if (this.code == uni.getStorageSync('yanzhengma')) { if (this.code == uni.getStorageSync('yanzhengma') && !this.loginType) {
// uni.showToast({ uni.showToast({
// title: '验证码输入有误', title: '验证码输入有误',
// icon: 'none' icon: 'none'
// }); });
// return; return;
// } }
// uni.setStorageSync('yanzhengma', this.code) uni.setStorageSync('yanzhengma', this.code)
let url; let url;
let data; let data;

92
pages/shop/selfDeliveryOrderList.vue
View File

@ -9,13 +9,17 @@
</view> </view>
<view class="tabs"> <view class="tabs">
<view class="tab" :class="{active: tab === 'pickup'}" @tap="switchTab('pickup')">待取货</view> <view class="tab" :class="{active: tab === 'pickup'}" @tap="switchTab('pickup')">待取货</view>
<view class="tab" :class="{active: tab === 'complete'}" @tap="switchTab('complete')">待送达</view> <view class="tab" :class="{active: tab === 'wait'}" @tap="switchTab('wait')">待送达</view>
<view class="tab" :class="{active: tab === 'done'}" @tap="switchTab('done')">已送达</view>
</view> </view>
</view> </view>
<scroll-view class="list" :style="{'top': listTop + 'px'}" scroll-y @scrolltolower="loadMore"> <scroll-view class="list" :style="{'top': listTop + 'px'}" scroll-y @scrolltolower="loadMore">
<view class="card" v-for="(item,index) in list" :key="item.id"> <view class="card" v-for="(item,index) in list" :key="item.id" @tap="productDetail(item)">
<view class="card-head"> <view class="card-head">
<view class="tag-row">
<view class="tag">商家自配送</view> <view class="tag">商家自配送</view>
<view class="appointment-delivery-tag" v-if="item.appointmentDelivery == 1">预约配送</view>
</view>
<view class="time">{{item.mustFinishTime | formatTime}}前送达</view> <view class="time">{{item.mustFinishTime | formatTime}}前送达</view>
</view> </view>
<view class="order-code" v-if="item.numberCode">#{{item.numberCode}}</view> <view class="order-code" v-if="item.numberCode">#{{item.numberCode}}</view>
@ -39,14 +43,14 @@
</view> </view>
</view> </view>
</view> </view>
<view class="goods-row" v-if="item.goodsList && item.goodsList.length > 0" @tap="productDetail(item)"> <view class="goods-row" v-if="item.goodsList && item.goodsList.length > 0" @tap.stop="productDetail(item)">
<view class="goods-title">商品详情</view> <view class="goods-title">商品详情</view>
<view class="goods-desc">共{{goodsCount(item)}}件，点击查看规格和数量</view> <view class="goods-desc">共{{goodsCount(item)}}件，点击查看规格和数量</view>
<uni-icons type="right" size="14" color="#7a8582"></uni-icons> <uni-icons type="right" size="14" color="#7a8582"></uni-icons>
</view> </view>
<view class="remark" v-if="item.remark">备注：{{item.remark}}</view> <view class="remark" v-if="item.remark">备注：{{item.remark}}</view>
<view class="fee">配送费 ￥{{item.deliveryFee || 0}}</view> <view class="fee">配送费 ￥{{item.deliveryFee || 0}}</view>
<view class="btn" @tap="handleOrder(index,item)"> <view class="btn" v-if="tab !== 'done'" @tap.stop="handleOrder(index,item)">
{{buttonText(item)}} {{buttonText(item)}}
</view> </view>
</view> </view>
@ -102,9 +106,14 @@
}, },
menuButtonInfo: {}, menuButtonInfo: {},
navHeight: 120, navHeight: 120,
backTop: 88, backTop: 80,
listTop: 210, listTop: 150,
productData: [] productData: [],
worker: {
workerId: '',
workerName: '',
workerPhone: ''
}
} }
}, },
filters: { filters: {
@ -121,13 +130,11 @@
}, },
methods: { methods: {
initNavMetrics() { initNavMetrics() {
const rect = uni.getMenuButtonBoundingClientRect(); this.menuButtonInfo = {};
this.menuButtonInfo = rect || {}; const top = 32;
const top = rect && rect.top ? rect.top : 32; const height = 32;
const height = rect && rect.height ? rect.height : 32;
this.backTop = top + 6;
this.navHeight = top + height + 52; this.navHeight = top + height + 52;
this.listTop = this.navHeight + 76; this.listTop = this.navHeight + 30;
}, },
back() { back() {
uni.navigateBack(); uni.navigateBack();
@ -135,13 +142,14 @@
initWorkerFromShop() { initWorkerFromShop() {
const shop = this.getCurrentShop(); const shop = this.getCurrentShop();
this.searchForm.shopId = uni.getStorageSync('shopId'); this.searchForm.shopId = uni.getStorageSync('shopId');
this.searchForm.regionId = JSON.parse(uni.getStorageSync('area')).id; this.searchForm.regionId = JSON.parse(uni.getStorageSync('area')).regionId;
this.searchForm.workerId = shop.workerId || '';
this.worker = { this.worker = {
workerId: shop.workerId || '', workerId: uni.getStorageSync('worker') ? uni.getStorageSync('worker').workerId :'',
workerName: shop.workerName || '', workerName: uni.getStorageSync('worker') ? uni.getStorageSync('worker').workerName : '',
workerPhone: shop.workerPhone || '' workerPhone: uni.getStorageSync('worker') ? uni.getStorageSync('worker').mobile : ''
}; };
this.searchForm.workerId = this.worker.workerId || '';
}, },
getCurrentShop() { getCurrentShop() {
const shopList = uni.getStorageSync('schoolShop') || []; const shopList = uni.getStorageSync('schoolShop') || [];
@ -152,6 +160,7 @@
return {}; return {};
}, },
switchTab(tab) { switchTab(tab) {
if (this.tab === tab) return;
this.tab = tab; this.tab = tab;
this.resetList(); this.resetList();
}, },
@ -160,7 +169,12 @@
this.searchForm.pageNum = 1; this.searchForm.pageNum = 1;
this.totalPages = 1; this.totalPages = 1;
this.loadStatus = 'more'; this.loadStatus = 'more';
this.searchForm.status = this.tab === 'pickup' ? 1 : 2; const statusMap = {
pickup: 1,
wait: 2,
done: 3
};
this.searchForm.status = statusMap[this.tab];
this.getList(); this.getList();
}, },
loadMore() { loadMore() {
@ -177,7 +191,7 @@
}) })
return; return;
} }
this.NB.sendRequest('/mall/delivery/pageShopDelivery', this.searchForm, false, 'POST', 'application/json').then((res) => { this.NB.sendRequest("/mall/delivery/pageShopDelivery", this.searchForm, false, 'post', 'application/json').then((res) => {
if (res.code == 200) { if (res.code == 200) {
const records = res.result.records || []; const records = res.result.records || [];
this.list = this.searchForm.pageNum == 1 ? records : this.list.concat(records); this.list = this.searchForm.pageNum == 1 ? records : this.list.concat(records);
@ -189,18 +203,20 @@
icon: 'none' icon: 'none'
}) })
} }
}).catch((res) => {}) })
}, },
handleOrder(index, item) { handleOrder(index, item) {
if (this.tab === 'pickup' && !item.arriveTime) { if (this.tab === 'pickup') {
this.changeStatus(index, item, 1); this.changeStatus(index, item, item.arriveTime == null ? 1 : 2);
return; return;
} }
this.changeStatus(index, item, this.tab === 'pickup' ? 2 : 3); if (this.tab === 'wait') {
this.changeStatus(index, item, 3);
}
}, },
buttonText(item) { buttonText(item) {
if (this.tab === 'pickup') { if (this.tab === 'pickup') {
return item.arriveTime ? '确认取货' : '已到店'; return item.arriveTime == null ? '已到店' : '已取货';
} }
return '确认送达'; return '确认送达';
}, },
@ -210,24 +226,20 @@
regionId: this.searchForm.regionId, regionId: this.searchForm.regionId,
deliveryId: item.id, deliveryId: item.id,
workerId: this.worker.workerId workerId: this.worker.workerId
}, false, 'POST', 'application/x-www-form-urlencoded').then((res) => { }, false, 'post', 'application/x-www-form-urlencoded').then((res) => {
if (res.code == 200) { if (res.code == 200) {
if (status === 1) {
this.$set(this.list[index], 'arriveTime', new Date());
} else {
this.list.splice(index, 1);
}
uni.showToast({ uni.showToast({
title: res.message || '操作成功', title: res.message || '操作成功',
icon: 'none' icon: 'none'
}) })
this.resetList();
} else { } else {
uni.showToast({ uni.showToast({
title: res.message, title: res.message,
icon: 'none' icon: 'none'
}) })
} }
}).catch((res) => {}) })
}, },
productDetail(item) { productDetail(item) {
this.productData = item.goodsList || []; this.productData = item.goodsList || [];
@ -304,6 +316,7 @@
border-radius: 24rpx; border-radius: 24rpx;
padding: 10rpx; padding: 10rpx;
margin-bottom: 0; margin-bottom: 0;
margin-top:20rpx;
} }
.tab{ .tab{
flex: 1; flex: 1;
@ -324,6 +337,7 @@
box-sizing: border-box; box-sizing: border-box;
padding-top: 20rpx; padding-top: 20rpx;
padding-bottom: 36rpx; padding-bottom: 36rpx;
width:94%;
} }
.card{ .card{
background: #fff; background: #fff;
@ -337,6 +351,10 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.tag-row{
display: flex;
align-items: center;
}
.tag{ .tag{
background: rgba(255, 111, 44, 0.1); background: rgba(255, 111, 44, 0.1);
color: #ff6f2c; color: #ff6f2c;
@ -344,6 +362,16 @@
border-radius: 18rpx; border-radius: 18rpx;
font-weight: 700; font-weight: 700;
} }
.appointment-delivery-tag{
margin-left: 12rpx;
padding: 8rpx 16rpx;
border-radius: 18rpx;
background: linear-gradient(135deg, #ff8f1f 0%, #ff6a3d 100%);
color: #fff;
font-size: 22rpx;
font-weight: 800;
box-shadow: 0 8rpx 18rpx rgba(255, 106, 61, 0.16);
}
.time{ .time{
color: #666; color: #666;
} }

279
pages/shop/transferDeliveryOrderList.vue
View File

@ -1,15 +1,42 @@
<template> <template>
<view class="page"> <view class="page">
<scroll-view class="list" scroll-y @scrolltolower="loadMore"> <view class="fixed-head">
<view class="card" v-for="(item,index) in list" :key="item.id"> <view class="nav" :style="{'height': navHeight + 'px'}">
<view class="back" :style="{'top': backTop + 'px'}" @tap="back"><uni-icons type="left" size="26"></uni-icons></view>
<view class="title" :style="{'top': titleTop + 'px','height': capsuleHeight + 'px','line-height': capsuleHeight + 'px'}">中转配送</view>
</view>
<view class="tabs">
<view class="tab" :class="{active: tab === 'wait'}" @tap="switchTab('wait')">待送达</view>
<view class="tab" :class="{active: tab === 'done'}" @tap="switchTab('done')">已送达</view>
</view>
</view>
<scroll-view class="list" :style="{'top': listTop + 'px'}" scroll-y @scrolltolower="loadMore">
<view class="card" v-for="(item,index) in list" :key="item.id" @tap="productDetail(item)">
<view class="card-head"> <view class="card-head">
<view class="tag">中转配送</view> <view class="tag">中转配送</view>
<view class="appointment-delivery-tag" v-if="item.appointmentDelivery == 1">预约配送</view>
<view class="code" v-if="item.numberCode">#{{item.numberCode}}</view> <view class="code" v-if="item.numberCode">#{{item.numberCode}}</view>
</view> </view>
<view class="row"> <view class="row">
<view class="label">中转点</view> <view class="label">中转点</view>
<view class="value">{{item.transferAddressName || item.shopName}}</view> <view class="value">{{item.transferAddressName || item.shopName}}</view>
</view> </view>
<view class="row">
<view class="label">下单时间</view>
<view class="value">{{formatTime(item.createTime)}}</view>
</view>
<view class="row" v-if="item.mustFinishTime">
<view class="label">要求送达</view>
<view class="value">{{formatTime(item.mustFinishTime)}}</view>
</view>
<view class="row" v-if="getTransferArriveText(item)">
<view class="label">中转送达</view>
<view class="value">{{getTransferArriveText(item)}}前需要送达中转点</view>
</view>
<view class="row">
<view class="label">取餐码</view>
<view class="value pickup-code">{{item.transferPickupCode || '配送员接单后生成'}}</view>
</view>
<view class="row"> <view class="row">
<view class="label">配送员</view> <view class="label">配送员</view>
<view class="value phone-value" @tap.stop="makeCall(item.workerPhone)"> <view class="value phone-value" @tap.stop="makeCall(item.workerPhone)">
@ -28,13 +55,47 @@
<view class="image-row" v-if="item.transferArriveImage"> <view class="image-row" v-if="item.transferArriveImage">
<image :src="item.transferArriveImage" mode="aspectFill"></image> <image :src="item.transferArriveImage" mode="aspectFill"></image>
</view> </view>
<view class="actions"> <view class="arrive-info" v-if="item.transferArriveTime">
<view class="photo-btn" @tap="chooseImage(index)">拍照</view> 已送达中转点：{{formatTime(item.transferArriveTime)}}
<view class="main-btn" @tap="transferArrive(index,item)">送达中转点</view> </view>
<view class="actions" v-else>
<view class="photo-btn" @tap.stop="chooseImage(index)">拍照</view>
<view class="main-btn" @tap.stop="transferArrive(index,item)">送达中转点</view>
</view> </view>
</view> </view>
<view class="empty" v-if="list.length === 0 && loadStatus === 'nomore'">暂无中转配送单</view> <view class="empty" v-if="list.length === 0 && loadStatus === 'nomore'">暂无中转配送单</view>
</scroll-view> </scroll-view>
<uni-popup ref="productPopup" background-color="transparent">
<view class="product-popup-content">
<view class="product-popup-header">
<view class="product-popup-title">订单详情</view>
<view class="product-popup-subtitle">请核对商品规格和数量</view>
</view>
<view class="product-popup-list" v-if="productData != null && productData.length > 0">
<view class="product-popup-card" v-for="(item1,index1) in productData" :key="index1">
<view class="product-popup-img">
<image :src="item1.productPicture" mode="aspectFill"></image>
</view>
<view class="product-popup-info">
<view class="product-popup-name">
{{item1.productName}}
</view>
<view class="product-popup-spec">
<text class="product-popup-label">规格</text>
<text class="product-popup-spec-text">{{item1.specs | delNode}}</text>
</view>
</view>
<view class="product-popup-quantity">
<view class="product-popup-quantity-num">x{{item1.quantity}}</view>
<view class="product-popup-quantity-label">数量</view>
</view>
</view>
</view>
<view class="product-popup-empty" v-else>
暂无商品详情
</view>
</view>
</uni-popup>
</view> </view>
</template> </template>
@ -42,34 +103,67 @@
export default { export default {
data() { data() {
return { return {
tab: 'wait',
list: [], list: [],
productData: [],
loadStatus: 'more', loadStatus: 'more',
totalPages: 1, totalPages: 1,
searchForm: { searchForm: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
status: 1,
deliveryType: 1, deliveryType: 1,
transferDelivery: 1, transferDelivery: 1,
transferArriveEmpty: true, transferArriveEmpty: true,
shopId: '', shopId: '',
regionId: '' regionId: ''
} },
navHeight: 120,
backTop: 50,
titleTop: 50,
capsuleHeight: 32,
listTop: 210
} }
}, },
onShow() { onShow() {
this.initNavMetrics()
this.resetList() this.resetList()
}, },
filters: {
delNode(data) {
let str
if (typeof data === 'object' && data !== null) {
str = JSON.stringify(data)
} else if (typeof data === 'string') {
str = data
} else {
str = String(data || '')
}
return str.replace(/[{}"]/g, '')
}
},
methods: { methods: {
initNavMetrics() {
const top = 32
const height = 32
this.capsuleHeight = height
this.navHeight = top + height + 30
this.listTop = this.navHeight + 48
},
back() { back() {
uni.navigateBack() uni.navigateBack()
}, },
switchTab(tab) {
if (this.tab === tab) return
this.tab = tab
this.resetList()
},
resetList() { resetList() {
this.searchForm.pageNum = 1 this.searchForm.pageNum = 1
this.totalPages = 1 this.totalPages = 1
this.list = [] this.list = []
this.loadStatus = 'more' this.loadStatus = 'more'
this.searchForm.shopId = JSON.parse(uni.getStorageSync('area')).regionId this.searchForm.transferArriveEmpty = this.tab === 'wait'
this.searchForm.shopId = uni.getStorageSync('shopId')
const area = uni.getStorageSync('area') const area = uni.getStorageSync('area')
this.searchForm.regionId = area ? JSON.parse(area).regionId : '' this.searchForm.regionId = area ? JSON.parse(area).regionId : ''
this.getList() this.getList()
@ -92,8 +186,7 @@
icon: 'none' icon: 'none'
}) })
} }
uni.hideLoading() })
}).catch((res) => {})
}, },
chooseImage(index) { chooseImage(index) {
uni.chooseMedia({ uni.chooseMedia({
@ -108,7 +201,7 @@
}, },
uploadImage(index, filePath) { uploadImage(index, filePath) {
uni.uploadFile({ uni.uploadFile({
url: getApp().globalData.mainurl + '/upload/file', url: this.tui.interfaceUrl() + '/upload/file',
filePath, filePath,
name: 'file', name: 'file',
header: { header: {
@ -127,19 +220,40 @@
transferArriveImage: item.transferArriveImage || '' transferArriveImage: item.transferArriveImage || ''
}, false, 'post', 'application/x-www-form-urlencoded').then((res) => { }, false, 'post', 'application/x-www-form-urlencoded').then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.list.splice(index, 1)
uni.showToast({ uni.showToast({
title: '操作成功', title: '操作成功',
icon: 'none' icon: 'none'
}) })
this.resetList()
} else { } else {
uni.showToast({ uni.showToast({
title: res.message, title: res.message,
icon: 'none' icon: 'none'
}) })
} }
uni.hideLoading() })
}).catch((res) => {}) },
productDetail(item) {
const goodsList = item.goodsList || item.mallOrderGoodsList || item.orderGoodsList || []
this.productData = goodsList
this.$refs.productPopup.open()
},
getTransferArriveText(item) {
const address = item && item.shopAddress ? String(item.shopAddress) : ''
const match = address.match(/商家预计(.+?)配送到-/)
return match && match[1] ? match[1] : ''
},
formatTime(value) {
if (!value) return '';
const date = new Date(value)
if (isNaN(date.getTime())) return ''
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hour = String(date.getHours()).padStart(2, '0')
const minute = String(date.getMinutes()).padStart(2, '0')
const second = String(date.getSeconds()).padStart(2, '0')
return `${year}-${month}-${day} ${hour}:${minute}:${second}`
}, },
makeCall(phone) { makeCall(phone) {
if (!phone) { if (!phone) {
@ -158,25 +272,152 @@
</script> </script>
<style> <style>
.page{min-height:100vh;background:#F5F8F5;padding:120rpx 24rpx 24rpx;box-sizing:border-box;} .page{height:100vh;background:#F5F8F5;padding:0 24rpx;box-sizing:border-box;position:relative;overflow:hidden;}
.nav{position:fixed;top:0;left:0;right:0;height:110rpx;background:#F5F8F5;z-index:9;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18rpx;} .fixed-head{position:absolute;top:0;left:24rpx;right:24rpx;z-index:9;background:#F5F8F5;}
.back{position:absolute;left:24rpx;bottom:12rpx;width:68rpx;height:68rpx;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;} .nav{position:relative;display:flex;align-items:center;justify-content:center;}
.title{font-size:32rpx;font-weight:800;} .back{position:absolute;left:0;width:68rpx;height:68rpx;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.list{height:calc(100vh - 140rpx);} .title{position:absolute;font-size:32rpx;font-weight:800;text-align:center;}
.tabs{display:flex;background:#fff;border-radius:24rpx;padding:10rpx;}
.tab{flex:1;text-align:center;height:70rpx;line-height:70rpx;border-radius:20rpx;font-weight:700;}
.tab.active{background:linear-gradient(90deg,#e3ff96,#a6ffea);}
.list{width:94%;position:absolute;left:24rpx;right:24rpx;bottom:0;box-sizing:border-box;padding-top:20rpx;padding-bottom:36rpx;}
.card{background:#fff;border-radius:24rpx;padding:24rpx;margin-bottom:20rpx;box-shadow:0 10rpx 26rpx rgba(0,35,28,.08);} .card{background:#fff;border-radius:24rpx;padding:24rpx;margin-bottom:20rpx;box-shadow:0 10rpx 26rpx rgba(0,35,28,.08);}
.card-head{display:flex;align-items:center;margin-bottom:20rpx;} .card-head{display:flex;align-items:center;margin-bottom:20rpx;}
.tag{background:#fff2e9;color:#f36c21;border-radius:12rpx;padding:8rpx 14rpx;font-weight:700;} .tag{background:#fff2e9;color:#f36c21;border-radius:12rpx;padding:8rpx 14rpx;font-weight:700;}
.appointment-delivery-tag{margin-left:12rpx;padding:8rpx 14rpx;border-radius:12rpx;background:linear-gradient(135deg,#ff8f1f 0%,#ff6a3d 100%);color:#fff;font-size:22rpx;font-weight:800;box-shadow:0 8rpx 18rpx rgba(255,106,61,.16);}
.code{margin-left:auto;font-weight:800;font-size:32rpx;} .code{margin-left:auto;font-weight:800;font-size:32rpx;}
.row{display:flex;line-height:46rpx;} .row{display:flex;line-height:46rpx;}
.label{width:120rpx;color:#7a8582;} .label{width:120rpx;color:#7a8582;}
.value{flex:1;font-weight:700;} .value{flex:1;font-weight:700;}
.phone-value{display:flex;align-items:center;gap:16rpx;color:#123d35;} .phone-value{display:flex;align-items:center;gap:16rpx;color:#123d35;}
.phone{color:#0b9b73;text-decoration:underline;} .phone{color:#0b9b73;text-decoration:underline;}
.pickup-code{color:#f36c21;font-size:34rpx;letter-spacing:4rpx;}
.address{margin-top:10rpx;color:#6c7773;line-height:40rpx;} .address{margin-top:10rpx;color:#6c7773;line-height:40rpx;}
.image-row image{width:160rpx;height:160rpx;border-radius:16rpx;margin-top:16rpx;} .image-row image{width:160rpx;height:160rpx;border-radius:16rpx;margin-top:16rpx;}
.arrive-info{margin-top:22rpx;padding:18rpx 20rpx;border-radius:18rpx;background:#f2f6f4;color:#0b9b73;font-weight:700;text-align:center;}
.actions{display:flex;margin-top:22rpx;gap:18rpx;} .actions{display:flex;margin-top:22rpx;gap:18rpx;}
.photo-btn,.main-btn{flex:1;height:76rpx;line-height:76rpx;text-align:center;border-radius:38rpx;font-weight:700;} .photo-btn,.main-btn{flex:1;height:76rpx;line-height:76rpx;text-align:center;border-radius:38rpx;font-weight:700;}
.photo-btn{background:#f2f6f4;color:#0b9b73;} .photo-btn{background:#f2f6f4;color:#0b9b73;}
.main-btn{background:linear-gradient(90deg,#e3ff96,#a6ffea);color:#00231c;} .main-btn{background:linear-gradient(90deg,#e3ff96,#a6ffea);color:#00231c;}
.empty{text-align:center;color:#8a9692;padding:80rpx 0;} .empty{text-align:center;color:#8a9692;padding:80rpx 0;}
.product-popup-content {
width: 680rpx;
max-height: 880rpx;
padding: 34rpx 28rpx 30rpx;
box-sizing: border-box;
overflow: scroll;
border-radius: 36rpx;
background:
radial-gradient(circle at 92% 4%, rgba(166, 255, 234, 0.38) 0, rgba(166, 255, 234, 0) 180rpx),
linear-gradient(180deg, #ffffff 0%, #f8fffc 100%);
box-shadow: 0 24rpx 56rpx rgba(0, 35, 28, 0.18);
}
.product-popup-header {
margin-bottom: 26rpx;
text-align: center;
}
.product-popup-title {
color: #143d35;
font-size: 36rpx;
font-weight: 900;
line-height: 48rpx;
}
.product-popup-subtitle {
margin-top: 8rpx;
color: #7b8a85;
font-size: 24rpx;
line-height: 34rpx;
}
.product-popup-list {
display: flex;
flex-direction: column;
gap: 20rpx;
}
.product-popup-card {
display: flex;
align-items: center;
padding: 22rpx;
border: 1px solid rgba(166, 255, 234, 0.58);
border-radius: 28rpx;
background: rgba(255, 255, 255, 0.88);
box-shadow: 0 12rpx 28rpx rgba(0, 35, 28, 0.06);
}
.product-popup-img {
width: 128rpx;
height: 128rpx;
flex-shrink: 0;
overflow: hidden;
border-radius: 22rpx;
background: #f0f5f3;
}
.product-popup-img image {
width: 100%;
height: 100%;
}
.product-popup-info {
flex: 1;
min-width: 0;
padding: 0 22rpx;
}
.product-popup-name {
color: #172f2a;
font-size: 30rpx;
font-weight: 900;
line-height: 42rpx;
}
.product-popup-spec {
display: flex;
align-items: flex-start;
margin-top: 16rpx;
}
.product-popup-label {
flex-shrink: 0;
height: 34rpx;
padding: 0 14rpx;
border-radius: 999rpx;
background: rgba(166, 255, 234, 0.72);
color: #126255;
font-size: 20rpx;
font-weight: 800;
line-height: 34rpx;
}
.product-popup-spec-text {
flex: 1;
margin-left: 12rpx;
color: #65736f;
font-size: 24rpx;
line-height: 34rpx;
word-break: break-all;
}
.product-popup-quantity {
width: 92rpx;
height: 92rpx;
flex-shrink: 0;
border-radius: 28rpx;
background: linear-gradient(135deg, #fff4ce 0%, #a6ffea 100%);
color: #103f36;
text-align: center;
box-shadow: 0 10rpx 20rpx rgba(0, 35, 28, 0.08);
}
.product-popup-quantity-num {
padding-top: 16rpx;
font-size: 30rpx;
font-weight: 900;
line-height: 34rpx;
}
.product-popup-quantity-label {
margin-top: 2rpx;
color: #52736b;
font-size: 20rpx;
line-height: 28rpx;
}
.product-popup-empty {
padding: 80rpx 20rpx;
border-radius: 28rpx;
background: rgba(247, 255, 251, 0.9);
color: #7b8a85;
font-size: 28rpx;
font-weight: 700;
text-align: center;
}
</style> </style>

Write Preview
Loading…
Cancel
Save