root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

配送员列表

master
tianyi 1 month ago
parent
6a685dd297
commit
2ba42ae90c
4 changed files with 139 additions and 30 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. 18
      package1/address/addressList.vue
  2. 131
      package1/buyFood/buyFood.vue
  3. 8
      package1/group/groupBuyList.vue
  4. 12
      package1/index/CheckCourier‌.vue

18
package1/address/addressList.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<view class="address-box"> <view class="address-popup-box">
<view style="height: 60px;line-height: 60px;font-size: 18px;font-weight: 700;text-align: center;"> <view style="height: 60px;line-height: 60px;font-size: 18px;font-weight: 700;text-align: center;">
收货地址 收货地址
</view> </view>
<view class="box1" <view
style="margin-bottom: 10px;display: flex;padding: 10px 20px 20px;background: #eee;border-radius: 10px;"> style="margin-bottom: 10px;display: flex;padding: 10px 20px 20px;background: #eee;border-radius: 10px;">
<view style="flex: 1;"> <view style="flex: 1;">
<view style="height: 35px;line-height: 35px;display: flex;"> <view style="height: 35px;line-height: 35px;display: flex;">
@ -23,23 +23,23 @@
</view> </view>
<!-- 新增地址弹出层 --> <!-- 新增地址弹出层 -->
<uni-popup ref="addBookPopup" background-color="#fff"> <uni-popup ref="addBookPopup" background-color="#fff">
<view class="book-popup-content" style="height: 325px;"> <view class="book-popup-content" style="height: 335px;">
<view style="height: 60px;line-height: 60px;font-size: 18px;font-weight: 700;text-align: center;"> <view style="height: 60px;line-height: 60px;font-size: 18px;font-weight: 700;text-align: center;">
填写地址 填写地址
</view> </view>
<view class="box1" <view
style="margin-bottom: 10px;background: #eee;border-radius: 10px;"> style="margin-bottom: 10px;background: #eee;border-radius: 10px;overflow: hidden;">
<uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select> <uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>
</view> </view>
<view class="box1" <view
style="margin-bottom: 10px;display: flex;padding: 10px;background: #eee;border-radius: 10px;"> style="margin-bottom: 10px;display: flex;padding: 10px;background: #eee;border-radius: 10px;">
<input type="text" placeholder="请填写详细地址" /> <input type="text" placeholder="请填写详细地址" />
</view> </view>
<view class="box1" <view
style="margin-bottom: 10px;display: flex;padding: 10px;background: #eee;border-radius: 10px;"> style="margin-bottom: 10px;display: flex;padding: 10px;background: #eee;border-radius: 10px;">
<input type="text" placeholder="收货人名字" /> <input type="text" placeholder="收货人名字" />
</view> </view>
<view class="box1" <view
style="margin-bottom: 10px;display: flex;padding: 10px;background: #eee;border-radius: 10px;"> style="margin-bottom: 10px;display: flex;padding: 10px;background: #eee;border-radius: 10px;">
<input type="text" placeholder="联系电话" /> <input type="text" placeholder="联系电话" />
</view> </view>
@ -78,7 +78,7 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.address-box { .address-popup-box {
height: 600px; height: 600px;
} }

131
package1/buyFood/buyFood.vue
View File

@ -10,18 +10,18 @@
</view> </view>
<view style="position: absolute;top: 100px;width: 100%;"> <view style="position: absolute;top: 100px;width: 100%;">
<view class="tab1" v-if="isPaotui"> <view class="tab1" v-if="isPaotui">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/f1356c4db9b5488bb46140e2cdd2b4ee.png" alt="" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/6b3a4d4c61ee42feb29e69d6fcfd2c1e.png" alt=""
style="position: absolute;" /> style="position: absolute;" />
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e380fd14442c476bb6d3f5ec471af515.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1cbed0734a154a70b75cb84a811bd0b7.png" alt="" />
<view style="width: 100%;height: 80px;position: absolute;top:0;left: 0;display: flex;"> <view style="width: 100%;height: 80px;position: absolute;top:0;left: 0;display: flex;">
<view style="width: 50%;height: 80px;"></view> <view style="width: 50%;height: 80px;"></view>
<view style="width: 50%;height: 80px;" @tap="isPaotui=!isPaotui"></view> <view style="width: 50%;height: 80px;" @tap="isPaotui=!isPaotui"></view>
</view> </view>
</view> </view>
<view class="tab1" v-else> <view class="tab1" v-else>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/3aea88803cb446139aa80ff5a606645a.png" alt="" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/3b98dfb370eb4ddcb942b7942dedced2.png" alt=""
style="position: absolute;" /> style="position: absolute;" />
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/2cdff43ecdd4409a8bd1f5f46a6ad38d.png" alt="" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/82627e6cedcf409a932d6afaafa19a4b.png" alt=""
style="position: absolute;" /> style="position: absolute;" />
<view style="width: 100%;height: 80px;position: absolute;top:0;left: 0;display: flex;"> <view style="width: 100%;height: 80px;position: absolute;top:0;left: 0;display: flex;">
<view style="width: 50%;height: 80px;" @tap="isPaotui=!isPaotui"></view> <view style="width: 50%;height: 80px;" @tap="isPaotui=!isPaotui"></view>
@ -29,15 +29,42 @@
</view> </view>
</view> </view>
</view> </view>
<view class="address-box"> <view class="ziqu-box" v-if="isPaotui==false">
<view v-if="formData.address == ''"> <view class="ziqu-xuanfu">
取餐信息
</view>
<view class="ziqu-address">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e13c675ffd4547d0b271900902ffea66.png" alt="" />
<view class="ziqu-text">
北校区1食堂3楼12号窗口杨国福麻辣烫
</view>
</view>
<view class="ziqu-time-box">
<view style="flex: 1;">
自取时间
</view>
<view style="color: red;">
19:00
</view>
</view>
<view class="ziqu-call-box">
<view class="ziqu-call">
预留电话
</view>
<view class="ziqu-call-input">
<input type="text" placeholder="请输入预留电话" style="height: 35px;line-height: 35px;text-align: right;" />
</view>
</view>
</view>
<view class="address-box" v-if="isPaotui">
<view v-if="formData.address == ''" @tap="openAddressBook">
请选择收货地址 <uni-icons type="right" size="16"></uni-icons> 请选择收货地址 <uni-icons type="right" size="16"></uni-icons>
</view> </view>
<view v-else> <view v-else>
男生宿舍楼2楼211 男生宿舍楼2楼211
</view> </view>
</view> </view>
<view class="time-box"> <view class="time-box" v-if="isPaotui">
<view class="time1" @tap="checkTime(true)" :style="{'background':formData.isImmediately?'linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1))':'#eee'}"> <view class="time1" @tap="checkTime(true)" :style="{'background':formData.isImmediately?'linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1))':'#eee'}">
<view style="font-weight: 700;"> <view style="font-weight: 700;">
立即送出 立即送出
@ -60,7 +87,7 @@
</view> </view>
</view> </view>
</view> </view>
<view style='background: #fff;border-bottom: 1px solid #eee;'> <view v-if="isPaotui" style='background: #fff;border-bottom: 1px solid #eee;'>
<view style="height: 45px;line-height: 20px;padding: 0 20px;font-size: 14px;font-weight: 700;padding-top: 10px;"> <view style="height: 45px;line-height: 20px;padding: 0 20px;font-size: 14px;font-weight: 700;padding-top: 10px;">
<view class=""> <view class="">
配送员 配送员
@ -165,6 +192,12 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 地址簿弹出层 -->
<uni-popup ref="bookPopup" background-color="#fff">
<view class="book-popup-content">
<address-list></address-list>
</view>
</uni-popup>
<delivery-time-op @timeCallback="timeCallback" :dodge="true" ref='model' <delivery-time-op @timeCallback="timeCallback" :dodge="true" ref='model'
:content="content" :barHidth='600' title="选择送达时间"> :content="content" :barHidth='600' title="选择送达时间">
> </delivery-time-op> > </delivery-time-op>
@ -173,21 +206,25 @@
<script> <script>
import deliveryTimeOp from '@/components/delivery-time-op/delivery-time-op.vue' import deliveryTimeOp from '@/components/delivery-time-op/delivery-time-op.vue'
import addressList from '@/package1/address/addressList.vue'
export default { export default {
data() { data() {
return { return {
isPaotui: true,
menuButtonInfo: {}, menuButtonInfo: {},
formData:{ formData:{
address:'', address:'',
isImmediately:true, isImmediately:true,
deliveryTime:'' deliveryTime:'',
peisongyuan:''
}, },
content: [], content: [],
selected: 'buzhiding', selected: 'buzhiding',
} }
}, },
components: { components: {
deliveryTimeOp deliveryTimeOp,
addressList
}, },
onLoad(option) { onLoad(option) {
@ -196,6 +233,10 @@
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect() this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
}, },
methods: { methods: {
openAddressBook(){
this.$refs.bookPopup.open('bottom')
},
checkTime(type){ checkTime(type){
if(type == this.formData.isImmediately){ if(type == this.formData.isImmediately){
@ -209,12 +250,9 @@
checkVoucher(type) { checkVoucher(type) {
if (type == this.selected) return; if (type == this.selected) return;
this.selected = type; this.selected = type;
if(this.selected == 'buzhiding'){
this.addFormData.phone = '', this.formData.peisongyuan = ""
this.addFormData.codeList = [{ }
code: ''
}]
this.addFormData.picture = []
}, },
//时间选择器获取时间数据 //时间选择器获取时间数据
generateDeliveryTimes() { generateDeliveryTimes() {
@ -310,12 +348,13 @@
height: 100%; height: 100%;
font-size: 24rpx; font-size: 24rpx;
position: relative; position: relative;
background: #fff;
} }
.title { .title {
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;
width: 100%; width: 100%;
height: 20%; height: 22%;
} }
.title-sreach { .title-sreach {
@ -463,4 +502,62 @@
border-radius: 50px; border-radius: 50px;
margin: 10px auto; margin: 10px auto;
} }
.ziqu-box{
background: #eee;
width: 90%;
margin: 0 auto;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.ziqu-xuanfu{
position: absolute;
top: 0;
right: 0;
padding: 5px 10px;
background: rgba(166, 255, 234, 1);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
font-weight: 700;
font-size: 10px;
}
.ziqu-address{
display: flex;
height: 50px;
background: #fff;
width: 90%;
border-radius: 10px;
font-size: 13px;
margin: 30px auto 0;
font-weight: bold;
line-height: 50px;
img{
width: 20px;
height: 20px;
margin: 15px 10px 0 15px;
}
}
.ziqu-time-box{
width: 90%;
margin: 10px auto;
display: flex;
font-weight: 700;
}
.ziqu-call-box{
width: 90%;
display: flex;
height: 35px;
line-height: 35px;
margin: 0 auto 10px;
}
.ziqu-call{
flex: 1;
}
.book-popup-content{
position: relative;
height: 600px;
width: 100%;
padding: 10px;
overflow: scroll;
}
</style> </style>

8
package1/group/groupBuyList.vue
View File

@ -238,10 +238,10 @@
}, },
onShow() { onShow() {
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect() this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
uni.showLoading({ // uni.showLoading({
title: '加载中...', // title: '加载中...',
mask: true // mask: true
}) // })
}, },
methods: { methods: {
searchShop(type,value){ searchShop(type,value){

12
package1/index/CheckCourier‌.vue
View File

@ -0,0 +1,12 @@
<template>
<!-- 选择配送员 -->
<view class="page1">
</view>
</template>
<script>
</script>
<style>
</style>
Write Preview
Loading…
Cancel
Save