123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259 |
- <template>
- <view class="content">
- <u-swiper height="320" :list="imageTopList" ></u-swiper>
- <!-- 导航按钮 -->
- <view class="nav">
- <u-grid :col="4" :border="false" @click="toPage">
- <u-grid-item :index="0">
- <u-image width="72rpx" height="72rpx" src="/static/zhinan.png"></u-image>
- <view class="grid-text">分类指南</view>
- </u-grid-item>
- <u-grid-item :index="1">
- <u-image width="72rpx" height="72rpx" src="/static/liucheng.png"></u-image>
- <view class="grid-text">投递流程</view>
- </u-grid-item>
- <u-grid-item :index="2">
- <u-image width="72rpx" height="72rpx" src="/static/shouyi.png"></u-image>
- <view class="grid-text">乐豆收益</view>
- </u-grid-item>
- <u-grid-item :index="3">
- <u-image width="72rpx" height="72rpx" src="/static/hexiao.png"></u-image>
- <view class="grid-text">扫码核销</view>
- </u-grid-item>
- </u-grid>
- </view>
- <!-- 网点 -->
- <view class="storeList">
- <u-section title="附近的网点" :right="false" line-color="#01c9b2"></u-section>
- <view class="stores-box">
- <view class="stores-item" v-for="item in 3" @click="viewStore(item)">
- <view class="s-name">
- <view>
- 网点名称啊撒地方就拉萨附近士大夫
- </view>
- </view>
- <view class="s-address">
- <view><text>陕西西安高新二路十字103号</text></view>
- <view><u-icon name="map-fill" color="#01c9b2" size="30"></u-icon> 1.3KM</view>
- </view>
- <view class="s-time">
- <view>
- 营业时间:<text>9:00 - 11:00 , 12:00 - 17:00</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import {
- getCartList,
- addGoodsToCart,
- deleteGoodsFormCart,
- updateGoodsBuyQty
- } from '@/api/shoppingCart.js'
- import {bannerList} from '@/api/banner.js'
- export default {
- data() {
- return {
- imageTopList:[
-
- ],
- goodsList:[
- {
- id: 21312312321,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: '/static/goods.png',
- price: 300,
- status: 0
- },
- {
- id: 6465465465,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: '/static/goods.png',
- price: 50,
- status: 1
- },
- ]
- }
- },
- onLoad() {
- // 获取顶部轮播图
- this.getbannerList()
- // 查询购物车列表
- this.getCartList()
- // 加入购物车
- uni.$on("addCart",item =>{
- this.addGoodToCart(item)
- })
- // 删除购物车的商品
- uni.$on("delCartGood",item => {
- this.delGoodFormCart(item)
- })
- // 更新购物车商品数量
- uni.$on("updateGoodsBuyQty",item=>{
- this.updateGoodsBuyQty(item)
- })
- },
- methods: {
- // 获取banner
- getbannerList(){
- bannerList({type:'banner',location:'MALL_TOP'}).then(res=>{
- if(res.status==200){
- this.imageTopList=res.data
- }
- })
- },
- // 查询购物车
- getCartList(){
- getCartList({}).then(res => {
- console.log(res)
- if(res.status == 200){
- this.$u.vuex('vuex_cartList', res.data)
- }
- })
- },
- // 添加购物车
- addGoodToCart(item){
- addGoodsToCart(item).then(res => {
- if(res.status == 200){
- uni.showToast({
- title:"商品添加成功",
- icon:"none"
- })
- // 刷新购物车
- this.getCartList()
- }
- })
- },
- // 删除购物车
- delGoodFormCart(ids){
- uni.showLoading({
- mask: true,
- title: "删除中..."
- })
- deleteGoodsFormCart({idList:ids}).then(res => {
- if(res.status == 200){
- uni.showToast({
- title:"商品删除成功",
- icon:"none"
- })
- // 刷新购物车
- this.getCartList()
- }
- uni.hideLoading()
- })
- },
- // 更新商品数量
- updateGoodsBuyQty(item){
- uni.showLoading({
- mask: true,
- title: "更新数量中..."
- })
- updateGoodsBuyQty(item).then(res => {
- uni.hideLoading()
- })
- },
- // 更多商品
- toGoods(clsId){
- uni.navigateTo({
- url:"/pages/goods/goods?id="+clsId
- })
- },
- // 快速导航
- toPage(e){
- let path=[
- '/pages/userCenter/zhinan',
- '/pages/userCenter/liucheng',
- '/pages/userCenter/ledouRecord',
- ''
- ]
- if(path[e]!=''){
- uni.navigateTo({
- url: path[e]
- })
- }else{
- // 核销
- this.smHx()
- }
- },
- // 扫码核销
- smHx(){
- uni.navigateTo({
- url: '/pages/checkOut/checkOut'
- })
- return
- uni.scanCode({
- success(e) {
- console.log(e)
- },
- fail(err) {
- console.log(err)
- }
- })
- },
- // 查看网点
- viewStore(item){
- uni.navigateTo({
- url: "/pages/store/store"
- })
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- .content {
- background: url(../../static/topBg.png) no-repeat top center;
- background-size: 100%;
- width: 100%;
- .nav{
- margin: 20upx 0;
- border-radius: 15upx;
- box-shadow: 0upx 3upx 6upx #eee;
- overflow: hidden;
- .grid-text{
- padding-top: 10upx;
- }
- }
- .storeList{
- padding: 25upx 20upx 20upx;
- background: #FFFFFF;
- border-radius: 15upx;
- box-shadow: 0upx 3upx 6upx #eee;
- .stores-box{
- padding-top: 5upx;
- .stores-item{
- border-bottom: 1px solid #F8F8F8;
- padding: 20upx 10upx;
- &:last-child{
- border: 0;
- }
- > view{
- padding: 10upx 0;
- display: flex;
- align-items: center;
- }
- .s-address,.s-time{
- justify-content: space-between;
- color: #666;
- font-size: 24rpx;
- }
- .s-address{
- > view{
- &:last-child{
- font-size: 24rpx;
- width: 30%;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- }
- }
- }
- }
- }
- }
- }
- </style>
|