wangxiaowei/jianbing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善商品分类及商品管理

Browse Source
This commit is contained in:
wangxiaowei
2025-05-03 17:48:41 +08:00
parent 9c7e8b59c2
commit 889f2b8fca
115 changed files with 1418 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
pages/index/index.vue
View File

@ -1,14 +1,20 @@
<template>
<view class="content">
<view class="store u-flex u-row-between u-p-32">
<view>
<view class="lg bold-600 u-flex" @click="chooseStore">
MEET轻食店
<u-icon name="arrow-right" size="28" class="right-icon"></u-icon>
<view class="flex1 u-line-1">
<view class="lg bold-400 u-flex">
<navigator class="u-flex" url="/pages/store/choose_store" hover-class="none">
MEET轻食店
<u-icon name="arrow-right" size="28" class="right-icon"></u-icon>
</navigator>
</view>
<view class="u-flex u-m-t-8" @click="chooseAddress">
<u-icon name="map" size="32"></u-icon>
请选择收货地址
<view class="u-m-t-8 u-line-1">
<navigator class="u-flex " url="/bundle/pages/address/address?type=1" hover-class="none">
<u-icon name="map" size="32"></u-icon>
<view class="u-line-1">
{{userAddress || '请选择收货地址'}}
</view>
</navigator>
</view>
</view>
<view>
@ -20,47 +26,57 @@
<view class="swiper u-relative">
<u-swiper height="524" :list="list" border-radius="0"></u-swiper>
<view class="balance bg-white u-flex">
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_balance.png'" width="52" height="52"></u-image>
<view class="u-m-l-60 u-text-center">
<view class="nr">{{userInfo.user_money || 0.00}}</view>
<view class="text-default xs">余额</view>
</view>
<view>
<navigator class="u-flex u-row-center" url="/pages/my/wallet" hover-class="none">
<u-image :src="cloudPath + 'img/icon_balance.png'" width="52" height="52"></u-image>
<view class="u-m-l-60 u-text-center">
<view class="nr">{{userInfo.user_money || 0.00}}</view>
<view class="text-default xs">余额</view>
</view>
</navigator>
</view>
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_points.png'" width="52" height="52"></u-image>
<view class="u-m-l-60 u-text-center">
<view class="nr">{{ userInfo.user_integral || 0}}</view>
<view class="text-default xs">积分</view>
</view>
<view>
<navigator class="u-flex u-row-center" url="/bundle/pages/points/points" hover-class="none">
<u-image :src="cloudPath + 'img/icon_points.png'" width="52" height="52"></u-image>
<view class="u-m-l-60 u-text-center">
<view class="nr">{{ userInfo.user_integral || 0}}</view>
<view class="text-default xs">积分</view>
</view>
</navigator>
</view>
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_coupon.png'" width="52" height="52"></u-image>
<view class="u-m-l-60 u-text-center">
<view class="nr">{{ userInfo.coupon || 0}}</view>
<view class="text-default xs u-text-center">券</view>
</view>
<view>
<navigator class="u-flex u-row-center" url="/bundle/pages/coupon/coupon" hover-class="none">
<u-image :src="cloudPath + 'img/icon_coupon.png'" width="52" height="52"></u-image>
<view class="u-m-l-60 u-text-center">
<view class="nr">{{ userInfo.coupon || 0}}</view>
<view class="text-default xs u-text-center">券</view>
</view>
</navigator>
</view>
</view>
</view>
<!-- 下单 -->
<view class="order u-flex u-row-between">
<view class="bg-white u-text-center" @click="buy">
<view class="text-default xxl">预约下单</view>
<view class="xs text-999">极速送达更便捷</view>
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_p_order.png'" width="132" height="132"></u-image>
</view>
<view class="bg-white u-text-center">
<navigator url="/pages/store/store?type=1" hover-class="none">
<view class="text-default xxl">预约下单</view>
<view class="xs text-999">极速送达更便捷</view>
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_p_order.png'" width="132" height="132"></u-image>
</view>
</navigator>
</view>
<view class="bg-white u-text-center">
<view class="text-default xxl">现在点单</view>
<view class="xs text-999">下单更便捷</view>
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_order.png'" width="132" height="133" mode="aspectFit"></u-image>
</view>
<navigator url="/pages/store/store?type=2" hover-class="none">
<view class="text-default xxl">现在点单</view>
<view class="xs text-999">下单更便捷</view>
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_order.png'" width="132" height="133" mode="aspectFit"></u-image>
</view>
</navigator>
</view>
</view>
@ -74,6 +90,7 @@
<script>
import { mapGetters, mapActions } from 'vuex'
import { getConfig } from '@/api/app'
import { getUser, getDefaultAddress, getOneAddress } from '@/api/user'
import { getMenu } from '@/api/store'
import { setTabbar } from '@/utils/tools'
export default {
@ -85,31 +102,59 @@
title: "昨夜星辰昨夜风，画楼西畔桂堂东",
},
],
userAddress: '',
addressId: 0
}
},
onLoad() {
setTabbar()
this.getUserAddress()
//更改收货地址
uni.$on('selectaddress', (params) => {
this.addressId = params.id
this.updateUserAddress()
})
},
onShow() {
this.getUser()
this.getCartNum()
},
onUnload() {
// 取消全局监听
uni.$off(['selectaddress'])
},
methods: {
// 选择门店
chooseStore() {
uni.navigateTo({
url: '/pages/store/choose_store'
...mapActions(['getCartNum', 'getUser']),
// 获取默认物流地址
getUserAddress() {
getDefaultAddress().then(res => {
if (res.code == 1) {
const {id, province, city, district, address} = res.data
this.userAddress = `${province} ${city} ${district} ${address}`
this.addressId = id
}
})
},
// 选择收货地址
chooseAddress() {
uni.navigateTo({
url: '/pages/store/choose_store'
// 用户切换物流地址
updateUserAddress() {
getOneAddress(this.addressId).then(res => {
if (res.code == 1) {
const {id, province, city, district, address} = res.data
this.userAddress = `${province} ${city} ${district} ${address}`
this.addressId = id
}
})
},
// 立即下单
buy() {
console.log(this.$buyType)
this.$buyType = 1
uni.navigateTo({
url: '/pages/store/store'
})