|
|
@@ -7,12 +7,12 @@
|
|
|
<template>
|
|
|
<view slot="custom" class="align-items-center">
|
|
|
<uni-icons type="left" size="20" @click="toBack()"></uni-icons>
|
|
|
- <view class="w-390 text-overflow-ellipsis-one fs-36 fw-400">代重庆邮电大学邮电大代重庆邮电大学邮电大</view>
|
|
|
+ <view class="w-390 text-overflow-ellipsis-one fs-36 fw-400">{{schoolData.school_name}}</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
</Nav>
|
|
|
<view :class="addressData.id?'bottom-124':''" class="address-box align-items-center box-border-box plr-24" @click="selectFun()">
|
|
|
- <view v-if="!addressData.id" class="address-1 flex-justify-space align-items-center">
|
|
|
+ <view v-if="!addressData.site_id" class="address-1 flex-justify-space align-items-center">
|
|
|
<view class="align-items-center">
|
|
|
<image class="qu-image" src="@/static/img/takeout/qu-icon.png" mode=""></image>
|
|
|
<view class="fw-600 fs-40">请选择站点</view>
|
|
|
@@ -21,10 +21,10 @@
|
|
|
</view>
|
|
|
<view v-else class="address-2 flex-justify-space align-items-center">
|
|
|
<view class="display-flex">
|
|
|
- <image class="address-img mr-20" src="@/static/img/my/bg.png" mode="scaleToFill"></image>
|
|
|
+ <image class="address-img mr-20" :src="addressData.site_logo" mode="scaleToFill"></image>
|
|
|
<view class="">
|
|
|
- <view class="w-474 fs-40 fw-600 mb-4">菜鸟驿站</view>
|
|
|
- <view class="w-474 fw-400 fs-26 fc-9">兴科大道252号兴科大道252号兴科大道252号</view>
|
|
|
+ <view class="w-474 fs-40 fw-600 mb-4">{{addressData.site_name}}</view>
|
|
|
+ <view class="w-474 fw-400 fs-26 fc-9">{{addressData.site_address}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<image class="address-box-right" src="@/static/img/toRight.png" mode=""></image>
|
|
|
@@ -38,22 +38,22 @@
|
|
|
|
|
|
<view class="list-box-b mb-48">
|
|
|
<view class="fs-36 fw-600 mb-22">快递类型</view>
|
|
|
- <view class="list-item flex-justify-space" v-for="(item,i) in 6" :key="i">
|
|
|
- <image src="@/static/img/my/bg.png" mode="scaleToFill"></image>
|
|
|
- <view class="flex-1 ">
|
|
|
- <view class="fs-32 fw-600 mb-4">小件(轻薄衣物,小1111111物品11) 1小件(轻薄衣物,小1111111物品11) 1</view>
|
|
|
- <view class="fs-24 fw-400 mb-4 fc-9">规格规格规格规格规格</view>
|
|
|
- <view class="fs-24 fw-400 mb-4 fc-9">销量2801</view>
|
|
|
+ <view class="list-item flex-justify-space" v-for="(item,i) in list" :key="i">
|
|
|
+ <image :src="item.serve_image" mode="scaleToFill"></image>
|
|
|
+ <view class="flex-1">
|
|
|
+ <view class="fs-32 fw-600 mb-32 ">{{item.serve_name}}</view>
|
|
|
+ <view class="fs-24 fw-400 mb-32 fc-9">{{item.serve_desc}}</view>
|
|
|
+ <!-- <view class="fs-24 fw-400 mb-4 fc-9">销量2801</view> -->
|
|
|
<view class="flex-justify-space">
|
|
|
<view class="">
|
|
|
<span class="fw-4 fc-FB3D03 fs-24">¥</span>
|
|
|
- <span class="fw-b fc-FB3D03 fs-40">3.9</span>
|
|
|
+ <span class="fw-b fc-FB3D03 fs-40">{{item.price}}</span>
|
|
|
<span class="fw-400 fc-9 fs-24">/份</span>
|
|
|
</view>
|
|
|
<view class="display-flex align-items-center">
|
|
|
- <view class="right-only-right-red fw-500 text-align-center fs-36 fc-f">-</view>
|
|
|
- <view class="right-only-right-2 text-align-center fs-28 fw-400">1</view>
|
|
|
- <view class="right-only-right-add fw-500 text-align-center fs-36 fc-f">+</view>
|
|
|
+ <view class="right-only-right-red fw-500 text-align-center fs-36 fc-f" @click="redNumber(item)">-</view>
|
|
|
+ <view class="right-only-right-2 text-align-center fs-28 fw-400">{{item.num}}</view>
|
|
|
+ <view class="right-only-right-add fw-500 text-align-center fs-36 fc-f" @click="addNumber(item)">+</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -61,9 +61,9 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="">
|
|
|
- <view class="fs-36 fw-600 mb-22">取件码(6)</view>
|
|
|
- <view class="mb-20" v-for="(item,i) in 6" :key="i">
|
|
|
- <input class="input-num" type="text" placeholder="未输入取件码" placeholder-class="input-p">
|
|
|
+ <view class="fs-36 fw-600 mb-22">取件码({{pickup_code.length}})</view>
|
|
|
+ <view class="mb-20" v-for="(item,i) in pickup_code" :key="i">
|
|
|
+ <input class="input-num" v-model="item.code" type="text" placeholder="未输入取件码" placeholder-class="input-p">
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -71,10 +71,10 @@
|
|
|
<view class="shop-buttom-money box-border-box" @click="openBuyCrad()">
|
|
|
<view class="shop-buttom-money-1 flex-justify-space align-items-center">
|
|
|
<image src="@/static/img/takeout/buy-icon.png" mode="scaleToFill"></image>
|
|
|
- <view class="shop-buttom-num fs-24 fc-f text-align-center">3</view>
|
|
|
+ <view class="shop-buttom-num fs-24 fc-f text-align-center">{{cardData.total_num}}</view>
|
|
|
<view class="">
|
|
|
<span class="fw-600 fs-24 fc-f">¥</span>
|
|
|
- <span class="fw-600 fs-44 fc-f">19.26</span>
|
|
|
+ <span class="fw-600 fs-44 fc-f">{{cardData.total_price||0}}</span>
|
|
|
</view>
|
|
|
<view class="shop-buttom-money-2 text-align-center fs-32 fc-f fw-600">去结算</view>
|
|
|
</view>
|
|
|
@@ -87,13 +87,12 @@
|
|
|
<view class="buy-card-top box-border-box plr-32 flex-justify-space align-items-center">
|
|
|
<view class="">
|
|
|
<span class="fs-32 fc-3 mr-12">已选商品</span>
|
|
|
- <span class="fs-32 fc-9">(打包费<span class="fs-32 fc-FB3D03">8元</span>)</span>
|
|
|
</view>
|
|
|
<view class="fs-28 fw-400 fc-9 align-items-center">
|
|
|
<view class="">
|
|
|
<uni-icons type="trash" size="18" color="#999"></uni-icons>
|
|
|
</view>
|
|
|
- <view class="fs-28 fw-400 fc-9">清空</view>
|
|
|
+ <view class="fs-28 fw-400 fc-9" @click="cardAllDel()">清空</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="scroll-view-css box-border-box p-32">
|
|
|
@@ -109,9 +108,9 @@
|
|
|
<span class="fs-40 fc-FB3D03 fw-b">3.99</span>
|
|
|
</view>
|
|
|
<view class="display-flex align-items-center">
|
|
|
- <view class="right-only-right-red fw-500 text-align-center fs-36 fc-f">-</view>
|
|
|
- <view class="right-only-right-2 text-align-center fs-28 fw-400">1</view>
|
|
|
- <view class="right-only-right-add fw-500 text-align-center fs-36 fc-f">+</view>
|
|
|
+ <view class="right-only-right-red fw-500 text-align-center fs-36 fc-f" >-</view>
|
|
|
+ <view class="right-only-right-2 text-align-center fs-28 fw-400">0</view>
|
|
|
+ <view class="right-only-right-add fw-500 text-align-center fs-36 fc-f" >+</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -128,7 +127,6 @@
|
|
|
<span class="fw-600 fs-44 fc-f">19.26</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- <view class="fs-32 fw-600 fc-f mr-30">20元起送</view> -->
|
|
|
<view class="shop-buttom-money-2 text-align-center fs-32 fc-f fw-600">去结算</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -140,41 +138,144 @@
|
|
|
|
|
|
<script>
|
|
|
import tools from "@/service/tools";
|
|
|
+ import {getExpressServe} from '@/api/express.js';
|
|
|
+ import {setShopIngAdd,setShopIngNumber,setShopIngDel,getShopIngList} from '@/api/shopping.js'
|
|
|
+
|
|
|
export default {
|
|
|
data(){
|
|
|
return{
|
|
|
+ schoolData:{
|
|
|
+ school_id:'',
|
|
|
+ school_name:'',
|
|
|
+ },
|
|
|
addressData:{
|
|
|
- id:'',
|
|
|
- name:'',
|
|
|
+ site_id:'',
|
|
|
+ site_name:'',
|
|
|
+ site_address:'',
|
|
|
+ site_logo:'',
|
|
|
+ },
|
|
|
+ list:[],
|
|
|
+
|
|
|
+ isAJAX:false,
|
|
|
+
|
|
|
+ pickup_code:[],
|
|
|
+
|
|
|
+ cardData:{
|
|
|
+ goods_list:[],
|
|
|
+ total_num:0,
|
|
|
+ total_price:0,
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
- onLoad(e) {
|
|
|
- if(e.id){
|
|
|
- this.addressData.id = Number(e.id);
|
|
|
- }
|
|
|
+ onShow() {
|
|
|
+ this.schoolData.school_id = uni.getStorageSync('school_id');
|
|
|
+ this.schoolData.school_name = uni.getStorageSync('school_name');
|
|
|
+
|
|
|
+ this.addressData.site_id = uni.getStorageSync('site_id');
|
|
|
+ this.addressData.site_name = uni.getStorageSync('site_name');
|
|
|
+ this.addressData.site_address = uni.getStorageSync('site_address');
|
|
|
+ this.addressData.site_logo = uni.getStorageSync('site_logo');
|
|
|
+
|
|
|
+ this.getList();
|
|
|
},
|
|
|
methods:{
|
|
|
+ getList(){
|
|
|
+ getExpressServe().then((res)=>{
|
|
|
+ if(res.code === 1){
|
|
|
+ this.list = res.data;
|
|
|
+ this.list.forEach((v)=>{
|
|
|
+ v.num = 0
|
|
|
+ })
|
|
|
+ this.getCard();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getCard(){
|
|
|
+ getShopIngList({type:2}).then((res)=>{
|
|
|
+ if(res.code === 1){
|
|
|
+ this.cardData = res.data;
|
|
|
+ if(this.cardData.total_num > 0){
|
|
|
+ this.cardData.goods_list.forEach(v=>{
|
|
|
+ this.list.forEach(t=>{
|
|
|
+ if(v.goods_id === t.id){
|
|
|
+ t.num = v.number
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ for (let i = 0; i < this.cardData.total_num; i++) {
|
|
|
+ let obj = {code:''};
|
|
|
+ this.pickup_code.push(obj);
|
|
|
+ }
|
|
|
+ console.log(this.pickup_code);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
toBack(){
|
|
|
tools.leftClick()
|
|
|
},
|
|
|
selectFun(){
|
|
|
uni.navigateTo({
|
|
|
- url:'pages-takeout/replace-mod/select-site?id=' + this.addressData.id
|
|
|
+ url:'pages-takeout/replace-mod/select-site?site_id=' + this.addressData.site_id
|
|
|
})
|
|
|
},
|
|
|
openBuyCrad(){
|
|
|
- this.$refs.popupBuy.open()
|
|
|
+ console.log(this.pickup_code);
|
|
|
+ // this.$refs.popupBuy.open()
|
|
|
},
|
|
|
createOrder(){
|
|
|
|
|
|
},
|
|
|
+
|
|
|
+ addNumber(item){
|
|
|
+ if(this.isAJAX){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.isAJAX = true;
|
|
|
+ setShopIngAdd({type:2,goods_id:item.id}).then((res)=>{
|
|
|
+ if(res.code === 1){
|
|
|
+ this.isAJAX = false;
|
|
|
+ item.num += 1;
|
|
|
+ this.$forceUpdate();
|
|
|
+ }else{
|
|
|
+ this.isAJAX = false;
|
|
|
+ tools.error('添加操作失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ redNumber(item){
|
|
|
+ if(item.num > 0){
|
|
|
+ if(this.isAJAX){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.isAJAX = true;
|
|
|
+ setShopIngNumber({type:2,goods_id:item.id,operation:2}).then((res)=>{
|
|
|
+ if(res.code === 1){
|
|
|
+ this.isAJAX = false;
|
|
|
+ item.num -= 1;
|
|
|
+ this.$forceUpdate();
|
|
|
+ }else{
|
|
|
+ this.isAJAX = false;
|
|
|
+ tools.error('减少操作失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ tools.error('已无可减少商品')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ cardAllDel(){
|
|
|
+
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
.replace-take-box{
|
|
|
+ .h-80{
|
|
|
+ width: 470rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ }
|
|
|
.right-only-right-red{
|
|
|
width: 44rpx;
|
|
|
height: 44rpx;
|
|
|
@@ -331,7 +432,7 @@
|
|
|
}
|
|
|
.list-item{
|
|
|
width: 100%;
|
|
|
- min-height: 200rpx;
|
|
|
+ min-height: 100rpx;
|
|
|
margin-bottom: 50rpx;
|
|
|
|
|
|
image{
|