cxc/yshopb2c-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

增加核销和门店订单

Browse Source
This commit is contained in:
Gao xiaosong
2020-06-16 01:04:01 +08:00
parent d09d88ff10
commit f1f70c2066
9 changed files with 866 additions and 843 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
config/index.js
View File

@ -1,4 +1,4 @@
export const VUE_APP_API_URL = 'http://natapp.xinxintuan.co/api'; // export const VUE_APP_API_URL = 'http://natapp.xinxintuan.co/api';
// export const VUE_APP_API_URL = 'https://h5api.dayouqiantu.cn/api'; export const VUE_APP_API_URL = 'https://h5api.dayouqiantu.cn/api';
export const VUE_APP_RESOURCES_URL = 'https://h5.dayouqiantu.cn/static'; export const VUE_APP_RESOURCES_URL = 'https://h5.dayouqiantu.cn/static';

13
pages/order/MyOrder/index.vue
View File

@ -38,13 +38,14 @@
<view class="item" v-for="(order,orderListIndex) in orderList" :key="orderListIndex"> <view class="item" v-for="(order,orderListIndex) in orderList" :key="orderListIndex">
<view class="title acea-row row-between-wrapper"> <view class="title acea-row row-between-wrapper">
<view class="acea-row row-middle"> <view class="acea-row row-middle">
<text <span
class="sign cart-color acea-row row-center-wrapper" class="sign cart-color acea-row row-center-wrapper"
v-if="order.combinationId > 0" v-if="order.combinationId > 0"
>拼团</text> >拼团</span>
<text class="sign cart-color acea-row row-center-wrapper" v-if="order.seckillId > 0">秒杀</text> <span class="sign cart-color acea-row row-center-wrapper" v-if="order.seckillId > 0">秒杀</span>
<text class="sign cart-color acea-row row-center-wrapper" v-if="order.bargainId > 0">砍价</text> <span class="sign cart-color acea-row row-center-wrapper" v-if="order.bargainId > 0">砍价</span>
<data-format :date="order.addTime"></data-format> <span class="sign cart-color acea-row row-center-wrapper" v-if="order.storeId > 0">门店</span>
{{ dataFormat(order.addTime) }}
</view> </view>
<view class="font-color-red">{{ getStatus(order) }}</view> <view class="font-color-red">{{ getStatus(order) }}</view>
</view> </view>
@ -200,7 +201,7 @@ export default {
}, },
computed: mapGetters(["userInfo"]), computed: mapGetters(["userInfo"]),
onShow: function() { onShow: function() {
console.log(this) console.log(this);
this.type = parseInt(this.$yroute.query.type) || 0; this.type = parseInt(this.$yroute.query.type) || 0;
this.changeType(this.type); this.changeType(this.type);
this.getOrderData(); this.getOrderData();

146
pages/order/OrderDetails/index.vue
View File

@ -45,7 +45,7 @@
'bg-color-red': 'bg-color-red':
status.type > 1 && status.type != 6 && status.type != 9 status.type > 1 && status.type != 6 && status.type != 9
}" }"
v-if="orderInfo.shipping_type === 1" v-if="orderInfo.shippingType === 1"
></view> ></view>
<view <view
class="iconfont" class="iconfont"
@ -91,66 +91,60 @@
></view> ></view>
</view> </view>
</view> </view>
<!--<view--> <div class="writeOff" v-if="orderInfo.shippingType === 2 && orderInfo.paid === 1">
<!--class="writeOff"--> <div class="title">核销信息</div>
<!--v-if="orderInfo.shipping_type === 2 && orderInfo.paid === 1"--> <div class="grayBg">
<!--&gt;--> <div class="pictrue">
<!--<view class="title">核销信息</view>--> <img :src="orderInfo.code" />
<!--<view class="grayBg">--> </div>
<!--<view class="pictrue"><image :src="orderInfo.code" /></view>--> </div>
<!--</view>--> <div class="gear">
<!--<view class="gear"><image src="@/static/images/writeOff.jpg" /></view>--> <img src="@/static/images/writeOff.jpg" />
<!--<view class="num">{{ orderInfo._verify_code }}</view>--> </div>
<!--<!--<!--<!--<text class="rules">--> <div class="num">{{ orderInfo.verifyCode }}</div>
<!--<!--<!--<text class="item">--> <div class="rules">
<!--<!--<text class="rulesTitle acea-row row-middle">--> <div class="item">
<!--<text class="iconfont icon-shijian"></text>核销时间--> <div class="rulesTitle acea-row row-middle">
<!--</!--<text>--> <span class="iconfont icon-shijian"></span>核销时间
<!--<view class="info">--> </div>
<!--{{ system_store._valid_time--> <div class="info">
<!--}}<text class="time">{{ system_store.day_time }}</text>--> 每日：
<!--</view>--> <span class="time">{{ system_store.dayTime }}</span>
<!--</!--<!--<text>--> </div>
<!--<view class="item">--> </div>
<!--<view class="rulesTitle acea-row row-middle">--> <div class="item">
<!--<text class="iconfont icon-shuoming1"></text>使用说明--> <div class="rulesTitle acea-row row-middle">
<!--</view>--> <span class="iconfont icon-shuoming1"></span>使用说明
<!--<view class="info">可将二维码出示给店员扫描或提供数字核销码</view>--> </div>
<!--</view>--> <div class="info">可将二维码出示给店员扫描或提供数字核销码</div>
<!--</!--<!--<!--<text>--> </div>
<!--</!--<!--<!--<!--<text>--> </div>
<!--<view--> </div>
<!--class="map acea-row row-between-wrapper"--> <div
<!--v-if="orderInfo.shipping_type === 2 && orderInfo.paid === 1"--> class="map acea-row row-between-wrapper"
<!--&gt;--> v-if="orderInfo.shippingType === 2 && orderInfo.paid === 1"
<!--<view>自提地址信息</view>--> >
<!--<view--> <div>自提地址信息</div>
<!--class="place cart-color acea-row row-center-wrapper"--> <div class="place cart-color acea-row row-center-wrapper" @click="showChang">
<!--@click="showChang"--> <span class="iconfont icon-weizhi"></span>查看位置
<!--&gt;--> </div>
<!--<text class="iconfont icon-weizhi"></text>查看位置--> </div>
<!--</view>-->
<!--</view>-->
<view class="address" v-if="orderInfo.shippingType === 1"> <view class="address" v-if="orderInfo.shippingType === 1">
<view class="name"> <view class="name">
{{ orderInfo.realName {{ orderInfo.realName }}
}}
<text class="phone">{{ orderInfo.userPhone }}</text> <text class="phone">{{ orderInfo.userPhone }}</text>
<text class="iconfont icon-tonghua font-color-red"></text> <text class="iconfont icon-tonghua font-color-red"></text>
</view> </view>
<view>{{ orderInfo.userAddress }}</view> <view>{{ orderInfo.userAddress }}</view>
</view> </view>
<!--<view class="address" v-else>--> <div class="address" v-else>
<!--<view class="name">--> <div class="name">
<!--{{ system_store.name--> {{ system_store.name}}
<!--}}<text class="phone">{{ system_store.phone }}</text>--> <span class="phone">{{ system_store.phone }}</span>
<!--<a--> <span class="iconfont icon-tonghua font-color-red" :href="'tel:' + system_store.phone"></span>
<!--class="iconfont icon-tonghua font-color-red"--> </div>
<!--:href="'tel:' + system_store.phone"--> <div>{{ system_store.address }}</div>
<!--&gt;</a>--> </div>
<!--</view>-->
<!--<view>{{ system_store._detailed_address }}</view>-->
<!--</view>-->
<view class="line" v-if="orderInfo.shippingType === 1"> <view class="line" v-if="orderInfo.shippingType === 1">
<image src="@/static/images/line.jpg" /> <image src="@/static/images/line.jpg" />
</view> </view>
@ -160,8 +154,7 @@
<view class="item acea-row row-between"> <view class="item acea-row row-between">
<view>订单编号：</view> <view>订单编号：</view>
<view class="conter acea-row row-middle row-right"> <view class="conter acea-row row-middle row-right">
{{ orderInfo.orderId {{ orderInfo.orderId }}
}}
<text class="copy copy-data" @click="copyClipboard(orderInfo.orderId)">复制</text> <text class="copy copy-data" @click="copyClipboard(orderInfo.orderId)">复制</text>
</view> </view>
</view> </view>
@ -272,9 +265,7 @@
<template v-if="status.type == 2"> <template v-if="status.type == 2">
<view <view
class="bnt default" class="bnt default"
@click=" @click="$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }})"
$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }})
"
>查看物流</view> >查看物流</view>
<view class="bnt bg-color-red" @click="takeOrder">确认收货</view> <view class="bnt bg-color-red" @click="takeOrder">确认收货</view>
</template> </template>
@ -319,13 +310,11 @@
top: 0; top: 0;
z-index: 10000; z-index: 10000;
} }
.order-details .writeOff { .order-details .writeOff {
background-color: #fff; background-color: #fff;
margin-top: 0.13 * 100rpx; margin-top: 0.13 * 100rpx;
padding-bottom: 0.3 * 100rpx; padding-bottom: 0.3 * 100rpx;
} }
.order-details .writeOff .title { .order-details .writeOff .title {
font-size: 0.3 * 100rpx; font-size: 0.3 * 100rpx;
color: #282828; color: #282828;
@ -334,7 +323,6 @@
padding: 0 0.3 * 100rpx; padding: 0 0.3 * 100rpx;
line-height: 0.87 * 100rpx; line-height: 0.87 * 100rpx;
} }
.order-details .writeOff .grayBg { .order-details .writeOff .grayBg {
background-color: #f2f5f7; background-color: #f2f5f7;
width: 5.9 * 100rpx; width: 5.9 * 100rpx;
@ -343,31 +331,26 @@
margin: 0.5 * 100rpx auto 0 auto; margin: 0.5 * 100rpx auto 0 auto;
padding-top: 0.55 * 100rpx; padding-top: 0.55 * 100rpx;
} }
.order-details .writeOff .grayBg .pictrue { .order-details .writeOff .grayBg .pictrue {
width: 2.9 * 100rpx; width: 2.9 * 100rpx;
height: 2.9 * 100rpx; height: 2.9 * 100rpx;
margin: 0 auto; margin: 0 auto;
} }
.order-details .writeOff .grayBg .pictrue img {
.order-details .writeOff .grayBg .pictrue image {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
.order-details .writeOff .gear { .order-details .writeOff .gear {
width: 5.9 * 100rpx; width: 5.9 * 100rpx;
height: 0.3 * 100rpx; height: 0.3 * 100rpx;
margin: 0 auto; margin: 0 auto;
} }
.order-details .writeOff .gear img {
.order-details .writeOff .gear image {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
.order-details .writeOff .num { .order-details .writeOff .num {
background-color: #f0c34c; background-color: #f0c34c;
width: 5.9 * 100rpx; width: 5.9 * 100rpx;
@ -379,50 +362,42 @@
text-align: center; text-align: center;
padding-top: 0.04 * 100rpx; padding-top: 0.04 * 100rpx;
} }
.order-details .writeOff .rules { .order-details .writeOff .rules {
margin: 0.46 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; margin: 0.46 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx;
border-top: 0.01 * 100rpx solid #f0f0f0; border-top: 0.01 * 100rpx solid #f0f0f0;
padding-top: 0.1 * 100rpx; padding-top: 0.1 * 100rpx;
} }
.order-details .writeOff .rules .item { .order-details .writeOff .rules .item {
margin-top: 0.15 * 100rpx; margin-top: 0.15 * 100rpx;
} }
.order-details .writeOff .rules .item .rulesTitle { .order-details .writeOff .rules .item .rulesTitle {
font-size: 0.28 * 100rpx; font-size: 0.28 * 100rpx;
color: #282828; color: #282828;
} }
.order-details .writeOff .rules .item .rulesTitle .iconfont { .order-details .writeOff .rules .item .rulesTitle .iconfont {
font-size: 0.3 * 100rpx; font-size: 0.3 * 100rpx;
color: #333; color: #333;
margin-right: 0.08 * 100rpx; margin-right: 0.08 * 100rpx;
margin-top: 0.05 * 100rpx; margin-top: 0.05 * 100rpx;
} }
.order-details .writeOff .rules .item .info { .order-details .writeOff .rules .item .info {
font-size: 0.28 * 100rpx; font-size: 0.28 * 100rpx;
color: #999; color: #999;
margin-top: 0.05 * 100rpx; margin-top: 0.05 * 100rpx;
} }
.order-details .writeOff .rules .item .info .time { .order-details .writeOff .rules .item .info .time {
margin-left: 0.2 * 100rpx; margin-left: 0.2 * 100rpx;
} }
.order-details .map { .order-details .map {
height: 0.86 * 100rpx; height: 0.86 * 100rpx;
font-size: 0.3 * 100rpx; font-size: 0.3 * 100rpx;
color: #282828; color: #282828;
line-height: 0.86 * 100rpx; line-height: 0.86 * 100rpx;
border-bottom: 1rpx solid #f0f0f0; border-bottom: 0.01 * 100rpx solid #f0f0f0;
margin-top: 0.13 * 100rpx; margin-top: 0.13 * 100rpx;
background-color: #fff; background-color: #fff;
padding: 0 0.3 * 100rpx; padding: 0 0.3 * 100rpx;
} }
.order-details .map .place { .order-details .map .place {
font-size: 0.26 * 100rpx; font-size: 0.26 * 100rpx;
width: 1.76 * 100rpx; width: 1.76 * 100rpx;
@ -431,14 +406,12 @@
line-height: 0.5 * 100rpx; line-height: 0.5 * 100rpx;
text-align: center; text-align: center;
} }
.order-details .map .place .iconfont { .order-details .map .place .iconfont {
font-size: 0.27 * 100rpx; font-size: 0.27 * 100rpx;
height: 0.27 * 100rpx; height: 0.27 * 100rpx;
line-height: 0.27 * 100rpx; line-height: 0.27 * 100rpx;
margin: 0.02 * 100rpx 0.03 * 100rpx 0 0; margin: 0.02 * 100rpx 0.03 * 100rpx 0 0;
} }
.order-details .address .name .iconfont { .order-details .address .name .iconfont {
font-size: 0.34 * 100rpx; font-size: 0.34 * 100rpx;
margin-left: 0.1 * 100rpx; margin-left: 0.1 * 100rpx;
@ -528,7 +501,7 @@ export default {
latitude: this.system_store.latitude, latitude: this.system_store.latitude,
longitude: this.system_store.longitude, longitude: this.system_store.longitude,
name: this.system_store.name, name: this.system_store.name,
address: this.system_store._detailed_address address: this.system_store.address
}; };
} else { } else {
if (!this.mapKey) if (!this.mapKey)
@ -546,7 +519,7 @@ export default {
this.$yrouter.back(); this.$yrouter.back();
return; return;
} else { } else {
console.log(this) console.log(this);
this.$yrouter.replace({ this.$yrouter.replace({
path: "/pages/order/MyOrder/index" path: "/pages/order/MyOrder/index"
}); });
@ -556,7 +529,6 @@ export default {
cancelOrder() { cancelOrder() {
cancelOrderHandle(this.orderInfo.orderId) cancelOrderHandle(this.orderInfo.orderId)
.then(() => { .then(() => {
setTimeout(() => this.goBack(), 300); setTimeout(() => this.goBack(), 300);
}) })
.catch(() => { .catch(() => {
@ -582,9 +554,7 @@ export default {
}, },
getOrderStatus: function() { getOrderStatus: function() {
let orderInfo = this.orderInfo || {}, let orderInfo = this.orderInfo || {},
_status = orderInfo._status || { _status = orderInfo._status || { _type: 0 },
_type: 0
},
status = {}; status = {};
let type = parseInt(_status._type), let type = parseInt(_status._type),
delivery_type = orderInfo.deliveryType, delivery_type = orderInfo.deliveryType,
@ -642,7 +612,7 @@ export default {
this.orderTypeName = "秒杀订单"; this.orderTypeName = "秒杀订单";
this.orderTypeNameStatus = false; this.orderTypeNameStatus = false;
} }
this.system_store = res.data.system_store || {}; this.system_store = res.data.systemStore || {};
this.mapKey = res.data.mapKay; this.mapKey = res.data.mapKay;
this.setOfflinePayStatus(this.orderInfo.offlinePayStatus); this.setOfflinePayStatus(this.orderInfo.offlinePayStatus);
}) })
@ -660,6 +630,6 @@ export default {
await payOrderHandle(this.orderInfo.orderId, type, that.from); await payOrderHandle(this.orderInfo.orderId, type, that.from);
that.getDetail(); that.getDetail();
} }
}, }
}; };
</script> </script>

1195
pages/order/OrderSubmission/index.vue
View File

File diff suppressed because it is too large Load Diff

289
pages/orderAdmin/OrderCancellation/index.vue
View File

@ -1,159 +1,156 @@
<template> <template>
<view class="OrderCancellation"> <view class="OrderCancellation">
<view class="header"></view> <view class="header"></view>
<view class="whiteBg"> <view class="whiteBg">
<view class="input"> <view class="input">
<input type="number" placeholder="0" v-model="verify_code" /> <input type="number" placeholder="0" v-model="verify_code" />
</view> </view>
<view class="bnt" @click="storeCancellation">立即核销</view> <view class="bnt" @click="storeCancellation">立即核销</view>
</view> </view>
<view class="scan" v-if="iswechat"> <view class="scan" v-if="iswechat">
<image src="@/static/images/scan.gif" @click="openQRCode" /> <image src="@/static/images/scan.gif" @click="openQRCode" />
</view> </view>
<WriteOff :iShidden="iShidden" :orderInfo="orderInfo" @cancel="cancel" @confirm="confirm"></WriteOff> <WriteOff :iShidden="iShidden" :orderInfo="orderInfo" @cancel="cancel" @confirm="confirm"></WriteOff>
</view> </view>
</template> </template>
<style scoped lang="less"> <style scoped lang="less">
.OrderCancellation .header { .OrderCancellation .header {
background: url("https://h5.dayouqiantu.cn/static/images/writeOffBg.jpg") no-repeat; background: url("https://h5.dayouqiantu.cn/static/images/writeOffBg.jpg")
width: 100%; no-repeat;
height: 3*100rpx; width: 100%;
background-size: 100% 100%; height: 3 * 100rpx;
} background-size: 100% 100%;
}
.OrderCancellation .whiteBg { .OrderCancellation .whiteBg {
width: 6.9*100rpx; width: 6.9 * 100rpx;
background-color: #fff; background-color: #fff;
margin: -0.93*100rpx auto 0 auto; margin: -0.93 * 100rpx auto 0 auto;
padding-top: 0.8*100rpx; padding-top: 0.8 * 100rpx;
border-radius: 0.06*100rpx 0.06*100rpx 0 0; border-radius: 0.06 * 100rpx 0.06 * 100rpx 0 0;
} }
.OrderCancellation .whiteBg .input { .OrderCancellation .whiteBg .input {
width: 5.8*100rpx; width: 5.8 * 100rpx;
margin: 0 auto; margin: 0 auto;
border-bottom: 0.01*100rpx solid #eee; border-bottom: 0.01 * 100rpx solid #eee;
} }
.OrderCancellation .whiteBg .input input { .OrderCancellation .whiteBg .input input {
padding-bottom: 0.25*100rpx; padding-bottom: 0.25 * 100rpx;
font-size: 0.6*100rpx; font-size: 0.6 * 100rpx;
color: #282828; color: #282828;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.OrderCancellation .whiteBg .bnt { .OrderCancellation .whiteBg .bnt {
font-size: 0.32*100rpx; font-size: 0.32 * 100rpx;
color: #fff; color: #fff;
width: 5.8*100rpx; width: 5.8 * 100rpx;
height: 0.86*100rpx; height: 0.86 * 100rpx;
border-radius: 0.43*100rpx; border-radius: 0.43 * 100rpx;
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
background-image: -webkit-linear-gradient(to right, #f67a38 0%, #f11b09 100%); background-image: -webkit-linear-gradient(to right, #f67a38 0%, #f11b09 100%);
background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%); background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%);
text-align: center; text-align: center;
line-height: 0.86*100rpx; line-height: 0.86 * 100rpx;
margin: 0.55*100rpx auto 0 auto; margin: 0.55 * 100rpx auto 0 auto;
} }
.OrderCancellation .scan { .OrderCancellation .scan {
width: 3*100rpx; width: 3 * 100rpx;
height: 3*100rpx; height: 3 * 100rpx;
margin: 1.1*100rpx auto 0 auto; margin: 1.1 * 100rpx auto 0 auto;
} }
.OrderCancellation .scan image { .OrderCancellation .scan image {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
</style> </style>
<script> <script>
import WriteOff from "@/components/WriteOff"; import WriteOff from "@/components/WriteOff";
import { import { isWeixin } from "@/utils";
isWeixin // import { wechatEvevt } from "@/libs/wechat";
} from "@/utils"; import { orderVerific } from "@/api/order";
// import { wechatEvevt } from "@/libs/wechat"; const NAME = "OrderCancellation";
import {
orderVerific
} from "@/api/order";
const NAME = "OrderCancellation";
export default { export default {
name: NAME, name: NAME,
components: { components: {
WriteOff WriteOff
}, },
props: {}, props: {},
data: function() { data: function() {
return { return {
iShidden: true, iShidden: true,
iswechat: isWeixin(), iswechat: isWeixin(),
orderInfo: {}, orderInfo: {},
verify_code: "" verify_code: ""
}; };
}, },
mounted: function() {}, mounted: function() {},
methods: { methods: {
cancel: function(res) { cancel: function(res) {
this.iShidden = res; this.iShidden = res;
}, },
confirm: function() { confirm: function() {
orderVerific(this.verify_code, 1) orderVerific(this.verify_code, 1)
.then(res => { .then(res => {
this.iShidden = true; this.iShidden = true;
this.verify_code = ""; this.verify_code = "";
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
icon: 'none', icon: "none",
duration: 2000 duration: 2000
}); });
}) })
.catch(err => { .catch(err => {
uni.showToast({ uni.showToast({
title: err.msg || err.response.data.msg|| err.response.data.message, title:
icon: 'none', err.msg || err.response.data.msg || err.response.data.message,
duration: 2000 icon: "none",
}); duration: 2000
});
}); });
}, },
storeCancellation: function() { storeCancellation: function() {
let ref = /[0-9]{12}/; let ref = /[0-9]{12}/;
if (!this.verify_code) { if (!this.verify_code) {
uni.showToast({ uni.showToast({
title: "请输入核销码", title: "请输入核销码",
icon: 'none', icon: "none",
duration: 2000 duration: 2000
}); });
return return;
} }
if (!ref.test(this.verify_code)) { if (!ref.test(this.verify_code)) {
uni.showToast({ uni.showToast({
title: "请输入正确的核销码", title: "请输入正确的核销码",
icon: 'none', icon: "none",
duration: 2000 duration: 2000
}); });
return return;
} }
uni.showLoading({ uni.showLoading({
title: "查询中" title: "查询中"
}); });
orderVerific(this.verify_code, 0) orderVerific(this.verify_code, 0)
.then(res => { .then(res => {
uni.hideLoading(); uni.hideLoading();
this.orderInfo = res.data; this.orderInfo = res.data;
this.iShidden = false; this.iShidden = false;
}) })
.catch(() => { .catch(() => {
uni.hideLoading(); uni.hideLoading();
}); });
}, },
openQRCode: function() { openQRCode: function() {
let that = this; let that = this;
// 这里需要调用扫码功能 // 这里需要调用扫码功能
} }
} }
}; };
</script> </script>

40
pages/shop/StoreList/index.vue
View File

@ -60,7 +60,7 @@
mapKey mapKey
" "
></iframe> ></iframe>
</div> --> </div>-->
</view> </view>
</template> </template>
@ -77,7 +77,7 @@ const MAPKEY = "mapKey";
export default { export default {
name: "storeList", name: "storeList",
components: { Loading }, components: { Loading },
computed: mapGetters(["location"]), computed: mapGetters(["location", "goName"]),
data() { data() {
return { return {
page: 1, page: 1,
@ -101,8 +101,8 @@ export default {
// 选中门店 // 选中门店
checked(e) { checked(e) {
if (this.goName === "orders") { if (this.goName === "orders") {
this.$router.go(-1); //返回上一层 this.$store.commit("get_store", e);
this.$store.commit("GET_STORE", e); this.$yrouter.back();
} }
}, },
// 获取门店列表数据 // 获取门店列表数据
@ -141,14 +141,14 @@ export default {
} }
.storeBox { .storeBox {
background-color: #fff; background-color: #fff;
padding: 0 0.3*100rpx; padding: 0 0.3 * 100rpx;
} }
.storeBox-box { .storeBox-box {
width: 100%; width: 100%;
height: auto; height: auto;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.23*100rpx 0; padding: 0.23 * 100rpx 0;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
@ -159,15 +159,15 @@ export default {
} }
.store-cent-left { .store-cent-left {
width: 45%; width: 45%;
text{ text {
display: block; display: block;
} }
} }
.store-img { .store-img {
width: 1.2*100rpx; width: 1.2 * 100rpx;
height: 1.2*100rpx; height: 1.2 * 100rpx;
border-radius: 0.06*100rpx; border-radius: 0.06 * 100rpx;
margin-right: 0.22*100rpx; margin-right: 0.22 * 100rpx;
} }
.store-img img { .store-img img {
width: 100%; width: 100%;
@ -175,31 +175,31 @@ export default {
} }
.store-name { .store-name {
color: #282828; color: #282828;
font-size: 0.3*100rpx; font-size: 0.3 * 100rpx;
margin-bottom: 0.22*100rpx; margin-bottom: 0.22 * 100rpx;
font-weight: 800; font-weight: 800;
} }
.store-address { .store-address {
color: #666666; color: #666666;
font-size: 0.24*100rpx; font-size: 0.24 * 100rpx;
} }
.store-phone { .store-phone {
width: 0.5*100rpx; width: 0.5 * 100rpx;
height: 0.5*100rpx; height: 0.5 * 100rpx;
color: #fff; color: #fff;
border-radius: 50%; border-radius: 50%;
display: block; display: block;
text-align: center; text-align: center;
line-height: 0.5*100rpx; line-height: 0.5 * 100rpx;
background-color: #e83323; background-color: #e83323;
margin-bottom: 0.22*100rpx; margin-bottom: 0.22 * 100rpx;
} }
.store-distance { .store-distance {
font-size: 0.22*100rpx; font-size: 0.22 * 100rpx;
color: #e83323; color: #e83323;
} }
.iconfont { .iconfont {
font-size: 0.2*100rpx; font-size: 0.2 * 100rpx;
} }
.row-right { .row-right {
display: flex; display: flex;

6
pages/user/UserAccount/index.vue
View File

@ -31,6 +31,12 @@
</view> </view>
<view>消费记录</view> <view>消费记录</view>
</view> </view>
<view class="item" @click="goUserBill(2)">
<view class="pictrue">
<image src="@/static/images/record3.png" />
</view>
<view>充值记录</view>
</view>
</view> </view>
<view class="advert acea-row row-between-wrapper"></view> <view class="advert acea-row row-between-wrapper"></view>
</view> </view>

1
pages/user/UserBill/index.vue
View File

@ -3,6 +3,7 @@
<view class="nav acea-row"> <view class="nav acea-row">
<view class="item" :class="types == 0 ? 'on' : ''" @click="changeTypes(0)">全部</view> <view class="item" :class="types == 0 ? 'on' : ''" @click="changeTypes(0)">全部</view>
<view class="item" :class="types == 1 ? 'on' : ''" @click="changeTypes(1)">消费</view> <view class="item" :class="types == 1 ? 'on' : ''" @click="changeTypes(1)">消费</view>
<view class="item" :class="types == 2 ? 'on' : ''" @click="changeTypes(2)">充值</view>
</view> </view>
<view class="sign-record"> <view class="sign-record">
<view class="list"> <view class="list">

15
store/index.js
View File

@ -26,7 +26,9 @@ const vuexStore = new Vuex.Store({
location: { location: {
latitude: '', latitude: '',
longitude: '' longitude: ''
} },
storeItems: cookie.get("storeItems") || null,
goName: cookie.get("goName") || ""
}, },
mutations: { mutations: {
login(state, token, expires_time) { login(state, token, expires_time) {
@ -64,8 +66,15 @@ const vuexStore = new Vuex.Store({
state.$deviceType = $deviceType; state.$deviceType = $deviceType;
}, },
setLocation(state, location) { setLocation(state, location) {
console.log(location, '定位')
state.location = location state.location = location
},
get_store(state, storeItems) {
state.storeItems = storeItems;
cookie.set("storeItems", storeItems);
},
get_to(state, goName) {
state.goName = goName;
cookie.set("goName", goName);
} }
}, },
actions: { actions: {
@ -139,6 +148,8 @@ const vuexStore = new Vuex.Store({
isLogin: state => !!state.token, isLogin: state => !!state.token,
userInfo: state => state.userInfo || {}, userInfo: state => state.userInfo || {},
location: state => state.location, location: state => state.location,
storeItems: state => state.storeItems,
goName: state => state.goName,
}, },
strict: debug strict: debug
}); });