首页修改准备

hope-winery/src/main/java/com/ruoyi/winery/controller/goods/GoodsMainController.java

@@ -49,7 +49,7 @@ public class GoodsMainController extends BaseController {
      */
     @PreAuthorize("@ss.hasPermi('goods:goods_main:list')")
     @GetMapping("/list")
-    public TableDataInfo list(UsernamePasswordAuthenticationToken token, GoodsMain goodsMain) {
+    public TableDataInfo list(GoodsMain goodsMain) {
         startPage();
         LambdaQueryWrapper<GoodsMain> lqw = Wrappers.lambdaQuery(goodsMain);
 

hope-winery/src/main/java/com/ruoyi/winery/controller/goods/GoodsSpecController.java

@@ -1,5 +1,6 @@
 package com.ruoyi.winery.controller.goods;
 
+import cn.hutool.core.collection.CollUtil;
 import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
 import com.baomidou.mybatisplus.core.toolkit.Wrappers;
 
@@ -128,4 +129,16 @@ public class GoodsSpecController extends BaseController {
     public AjaxResult remove(@PathVariable Long[] ids) {
         return toAjax(iWineryGoodsSpecService.removeByIds(Arrays.asList(ids)) ? 1 : 0);
     }
+
+
+    /**
+     * 查询商品规格列表
+     */
+    @PreAuthorize("@ss.hasPermi('goods:goods_spec:list')")
+    @GetMapping("/listByIds/{ids}")
+    public TableDataInfo listByIds(@PathVariable String[] ids) {
+        startPage();
+        List<GoodsSpec> list = iWineryGoodsSpecService.listByIds(Arrays.asList(ids));
+        return getDataTable(list);
+    }
 }

hope-winery/src/main/java/com/ruoyi/winery/domain/goods/GoodsMain.java

@@ -68,6 +68,10 @@ private static final long serialVersionUID=1L;
     @Excel(name = "商品图片")
     private String goodsImg;
 
+    /** 商品图片 */
+    @Excel(name = "商品价格")
+    private BigDecimal goodsPrice;
+
     /** 创建者 */
     private String createBy;
 

mini-app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hope_wine",
-  "version": "0.0.2",
+  "version": "1.0.0",
-  "description": "A WePY project",
+  "description": "希望软件小程序",
   "main": "weapp/app.js",
   "scripts": {
     "dev": "./node_modules/.bin/wepy build --watch",

mini-app/project.config.json

@@ -104,6 +104,14 @@
 					"id": -1,
 					"name": "商品详情",
 					"pathName": "pages/mall/goods-detail",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "酒庄详情",
+					"pathName": "pages/winery/winery-detail",
+					"query": "",
 					"scene": null
 				}
 			]

mini-app/src/apis/mailApis.js

@@ -13,6 +13,17 @@ class MallApis {
       data: data
     })
   }
+  getGoodsById(id) {
+    return request.get({
+      url: baseUrl + 'goods/goods_main/' + id,
+    })
+  }
+
+  getGoodsSpecByIds(ids) {
+    return request.get({
+      url: baseUrl + 'goods/goods_spec/listByIds/' + ids,
+    })
+  }
 }
 
 export default new MallApis()

mini-app/src/app.wpy

@@ -100,7 +100,8 @@ pages: [
 'pages/form5',
 'pages/form6',
 'pages/mall/index',
-'pages/mall/goods-detail'
+'pages/mall/goods-detail',
+'pages/winery/winery-detail'
 ],
 navigateToMiniProgramAppIdList: [
 'wx88736d7d39e2eda6'
@@ -141,7 +142,8 @@ usingComponents: {
 "van-grid": "./vant/grid/index",
 "van-grid-item": "./vant/grid-item/index",
 "van-dialog": "./vant/dialog/index",
-"van-image": "./vant/image/index"
+"van-image": "./vant/image/index",
+"van-loading": "./vant/loading/index"
 }
 }
 </config>

mini-app/src/components/mall/tab/mall-shopping.wpy

@@ -1,3 +1,11 @@
+<wxs module="filters" lang="babel">
+const parseImage = (imageKey) => {
+return 'https://winery-1257413599.cos.ap-beijing.myqcloud.com/' + imageKey
+}
+module.exports.parseImage = parseImage;
+</wxs>
+
+
 <template>
 
   <van-nav-bar
@@ -19,37 +27,40 @@
     </van-row>
 
 
-    <!--    <div style="display: flex;flex-wrap: wrap;">-->
+        <div style="display: flex;flex-wrap: wrap;">
-    <!--      <div class="filter-button" v-for="(item,index) in filterButtons">-->
+          <div class="filter-button" v-for="(item,index) in filterButtons">
-    <!--        <van-button round size="small" :color=" currentFilter === item ? '#7232dd' : '#7232dd' "-->
+            <van-button round size="small" :color=" currentFilter === item ? '#7232dd' : '#7232dd' "
-    <!--                    :plain="currentFilter === item ? false : true" @tap="onFilterBtn(item)">{{item}}-->
+                        :plain="currentFilter === item ? false : true" @tap="onFilterBtn(item)">{{item}}
-    <!--        </van-button>-->
+            </van-button>
-    <!--      </div>-->
+          </div>
-    <!--    </div>-->
+        </div>
 
 
     <view v-for="(item, index) in records" :key="index"
           style="margin-top: 10px;border: #fafafa 1px solid; border-radius: 10px;">
       <van-card
-        price="2.00"
-        :desc="item.goodsDesc"
         :title="item.goodsName"
-        :thumb="parseImage(item.goodsFaceImg)"
+        :desc="item.goodsAlias"
+        :price="item.goodsPrice"
+        :thumb="filters.parseImage(item.goodsFaceImg)"
         @tap="onItem(item)"
       >
-        <view slot="num" style="float:right;">
+<!--        <view slot="num" style="float:right;">-->
-          <div>{{'已优惠¥xx元'}}</div>
+<!--          <div>{{'已优惠¥xx元'}}</div>-->
-        </view>
+<!--        </view>-->
 
       </van-card>
 
-      {{parseImage(item.goodsFaceImg)}}
+
     </view>
 
+
   </view>
 </template>
 
 <script>
+
+
 import wepy from '@wepy/core'
 import store from '@/store'
 import { mapActions, mapState } from '@wepy/x'
@@ -80,8 +91,7 @@ wepy.component({
   methods: {
 
     onItem(item) {
-      console.log(item)
+      appManager.navigateTo(`goods-detail?id=${item.id}`)
-      appManager.navigateTo(`goods-detail?id=${item}`)
     },
 
     onFilterBtn(item) {
@@ -94,14 +104,14 @@ wepy.component({
   },
 
   ready() {
-    // let i = 0
+    let i = 0
-    // while (true) {
+    while (true) {
-    //   this.filterButtons.push('按钮按钮' + i)
+      this.filterButtons.push('按钮按钮' + i)
-    //   i++
+      i++
-    //   if (i > 8) {
+      if (i > 8) {
-    //     break
+        break
-    //   }
+      }
-    // }
+    }
 
     mailApis.getGoodsList({}).then(r => {
 

mini-app/src/pages/mall/goods-detail.wpy

@@ -1,115 +1,124 @@
 <style lang="less">
 
-.header {
-  width: 100%;
-  height: 536rpx;
-  z-index: -10;
-
-}
 
 </style>
-<wxs module="m1" lang="babel">
+
-const getTime = (time) => {
+<wxs module="filters" lang="babel">
-let date = getDate(time);
+const parseImage = (imageKey) => {
-let hour = date.getHours();
+return 'https://winery-1257413599.cos.ap-beijing.myqcloud.com/' + imageKey
-let mins = date.getMinutes();
-let sec = date.getSeconds();
-let milli = date.getMilliseconds();
-return `${hour}:${mins}:${sec}.${milli}`;
 }
-module.exports.getTime = getTime;
+module.exports.parseImage = parseImage;
 </wxs>
 <template>
 
   <nav-bar title="商品详情" />
-  <swiper indicator-dots="true" autoplay="true" interval="3000">
+  <div class="container">
-    <block v-for="(item,index) in goodsImages" wx:key="index">
-      <swiper-item>
-        <view class="swiper-item">
-          <image :src="item" />
-        </view>
-      </swiper-item>
-    </block>
-  </swiper>
 
-  <van-cell title="标题能显示多长标题能显示多长" value="内容能显示多长" label="描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息" border="{{ false }}" />
-  <van-cell title="选择规格" is-link @tap="onShowSpec" />
 
-  <div style="margin: 10px 15px;">
+    <van-loading v-if="!goodsItem" style="margin-top: 20px;" />
-    <span>商品详情</span>
+
-    <div style="margin-top: 10px;">
+    <div v-else>
-      <rich-text :nodes="detail" />
+
+      <swiper indicator-dots="true" autoplay="true" interval="3000">
+        <block v-for="(item,index) in goodsImages" wx:key="index">
+          <swiper-item>
+            <view class="swiper-item">
+              <image :src="filters.parseImage(item)" style="width: 100%;height: 150px;" mode="scaleToFill" />
+            </view>
+          </swiper-item>
+        </block>
+      </swiper>
+
+      <van-cell :title="goodsItems.goodsName" value="内容能显示多长" label="描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息"
+                border="{{ false }}" />
+      <van-cell title="选择规格" is-link @tap="onShowSpec" />
+
+      <div style="margin: 10px 15px;">
+        <span>商品详情</span>
+        <div style="margin-top: 10px;">
+          <rich-text :nodes="goodsItem.goodsDesc" />
+        </div>
+      </div>
+
+
+      <van-popup
+        :show="isShowSpec"
+        closeable
+        position="bottom"
+        custom-style="height: 240px"
+        bind:close="onCloseSpec"
+      >
+        <van-card
+          :title="goodsSpec.specName"
+          :desc="goods.specDesc"
+          :price="goodsSpec.specPrice"
+          :thumb="filters.parseImage(goodsSpec.specImg)"
+        >
+          <view slot="num" style="float:right;">
+<!--            <div>{{'已优惠¥xx元'}}</div>-->
+          </view>
+
+        </van-card>
+
+        <van-divider />
+
+        <van-row>
+          <van-col offset="1" span="8">
+            <div style="display: flex; flex-direction: column;">
+              <span>购买数量</span>
+              <span style="font-size: 12px; color: #cccccc;">剩余:xx</span>
+            </div>
+          </van-col>
+          <van-col offset="7" span="8">
+            <van-stepper :value="count" bind:change="onChangeCount" />
+          </van-col>
+        </van-row>
+
+        <van-button round type="danger" size="small" style="float:right;margin-top:10px;margin-right: 10px;">下一步
+        </van-button>
+
+      </van-popup>
+
+      <van-goods-action>
+        <van-goods-action-icon icon="cart-o" text="购物车" info="5" />
+        <van-goods-action-icon icon="shop-o" text="酒庄" />
+        <van-goods-action-button color="#be99ff" text="加入购物车" type="warning" @tap="onShowSpec" />
+        <van-goods-action-button color="#7232dd" text="立即购买" @tap="onShowSpec" />
+      </van-goods-action>
     </div>
   </div>
 
-
-  <van-popup
-    :show="isShowSpec"
-    closeable
-    position="bottom"
-    custom-style="height: 240px"
-    bind:close="onCloseSpec"
-  >
-    <van-card
-      price="2.00"
-      desc="描述信息"
-      title="商品标题"
-      thumb="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg"
-    >
-      <view slot="num" style="float:right;">
-        <div>{{'已优惠¥xx元'}}</div>
-      </view>
-
-    </van-card>
-
-    <van-divider />
-
-    <van-row>
-      <van-col offset="1" span="8">
-        <div style="display: flex; flex-direction: column;">
-          <span>购买数量</span>
-          <span style="font-size: 12px; color: #cccccc;">剩余:xx</span>
-        </div>
-      </van-col>
-      <van-col offset="7" span="8">
-        <van-stepper :value="count" bind:change="onChangeCount" />
-      </van-col>
-    </van-row>
-
-    <van-button round type="danger" size="small" style="float:right;margin-top:10px;margin-right: 10px;">下一步</van-button>
-
-  </van-popup>
-
-  <van-goods-action>
-    <van-goods-action-icon icon="cart-o" text="购物车" info="5" />
-    <van-goods-action-icon icon="shop-o" text="酒庄" />
-    <van-goods-action-button color="#be99ff" text="加入购物车" type="warning" @tap="onShowSpec" />
-    <van-goods-action-button color="#7232dd" text="立即购买" @tap="onShowSpec" />
-  </van-goods-action>
 </template>
 
 <script>
 import wepy from '@wepy/core'
 import store from '@/store'
 import { mapActions } from '@wepy/x'
+import mailApis from '../../apis/mailApis'
 
 wepy.page({
   store,
   hooks: {},
 
   data: {
-    goodsImages: [
-      'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg',
-      'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg',
-      'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg'
-    ],
     detail: '<p style=\'color: #AC1630\'>富文本详情</p>',
 
     isShowSpec: false,
-    count: 1
+    count: 1,
+    goodsItem: null,
+    goodsSpec: null
   },
 
-  computed: {},
+  computed: {
+
+    goodsImages() {
+      if (!this.goodsItem || !this.goodsItem.goodsImg) {
+        return []
+      }
+
+      return this.goodsItem.goodsImg.split(',')
+    }
+  },
 
   methods: {
     ...mapActions([
@@ -134,11 +143,23 @@ wepy.page({
     },
 
     callAppLaunch() {
+    },
+    async init(id) {
+      const goodsReq = await mailApis.getGoodsById(id)
+      this.goodsItem = goodsReq.data
+      const ids = this.goodsItem.goodsSpec.split(',')
+      console.log(ids)
+      const goodsSpecReq = await mailApis.getGoodsSpecByIds(ids)
+
+      this.goodsSpec = goodsSpecReq.rows[0]
     }
   },
 
-  ready() {
+  onLoad(options) {
+    this.init(options.id)
   }
+
+
 })
 </script>
 <config>

mini-app/src/pages/winery/winery-detail.wpy

@@ -0,0 +1,152 @@
+<style lang="less">
+
+.bg {
+  z-index: -1;
+  height: 100%;
+  position: fixed;
+  width: 200rpx;
+  background-color: #AC1630;
+}
+
+.winery-item {
+
+  width: 400rpx;
+  height: 60px;
+
+  margin-bottom: 20px;
+  box-shadow: 4px 4px 10px #cccccc;
+  border: #ffffff 1px solid;
+  border-radius: 20px;
+
+  background-color: white;
+  padding: 15px 70rpx;
+
+}
+
+.winery-item-icon {
+  position: absolute;
+  width: 60px;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+  justify-content: center;
+  text-align: center;
+  background-color: white;
+  box-shadow: 4px 4px 10px #cccccc;
+  margin-top: 10px;
+  margin-left: -40rpx;
+  border: #ffffff 1px solid;
+  border-radius: 50%;
+}
+
+.winery-item-arrow {
+
+  position: absolute;
+  width: 45px;
+  height: 45px;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+  justify-content: center;
+  background-color: white;
+  box-shadow: 4px 4px 10px #cccccc;
+  margin-top: 18.5px;
+  margin-left: 500rpx;
+  border: #ffffff 1px solid;
+  border-radius: 50%;
+
+}
+
+
+</style>
+
+<wxs module="filters" lang="babel">
+const parseImage = (imageKey) => {
+return 'https://winery-1257413599.cos.ap-beijing.myqcloud.com/' + imageKey
+}
+module.exports.parseImage = parseImage;
+</wxs>
+<template>
+
+  <nav-bar title="了解酒庄" />
+  <div class="bg" />
+  <div class="container">
+
+
+    <div style="display: flex;" v-for="(item,index) in wineryDefine.WINERY_LIST" @tap="onTap(item)">
+      <div class="winery-item-icon">
+        <van-image style="margin-top: 5px;" round width="50px" height="50px" :src="userInfo.avatar" />
+      </div>
+
+      <div class="winery-item">
+        <div class="fxc" style="margin-left: 20px;">
+          <span style="font-size: 20px;font-weight: bold;">{{item.name}}</span>
+          <span style="color: #999;">{{item.desc}}</span>
+        </div>
+      </div>
+
+      <div class="winery-item-arrow">
+        <van-icon name="arrow" />
+      </div>
+    </div>
+
+
+  </div>
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions, mapState } from '@wepy/x'
+import defaultMix from '../../mixins/defaultMix'
+
+wepy.page({
+  store,
+  hooks: {},
+
+  mixins: [defaultMix],
+  data: {
+    pageIndex: 0
+  },
+
+  computed: {
+    ...mapState({
+      'imageDefine': state => state.imageDefine,
+      'userInfo': state => state.user.userInfo,
+      'wineryDefine': state => state.wineryDefine
+    })
+  },
+
+  methods: {
+    ...mapActions([
+      'setUserAction'
+    ]),
+    handleViewTap() {
+      console.log('handleVieTap clicked')
+    },
+    onTap(item) {
+      console.log(item)
+
+    },
+
+    async init(id) {
+
+    }
+  },
+
+  onLoad(options) {
+    this.init(options.id)
+  }
+
+})
+</script>
+<config>
+{
+navigationBarTitleText: '',
+usingComponents: {
+
+}
+}
+</config>

mini-app/src/store/constant/wineryDefine.js

@@ -0,0 +1,44 @@
+import { imgbaseUrl } from './imageDefine'
+
+export const wineryDefine = {
+  WINERY_LIST: [
+    {
+      id: '1',
+      name: '贺兰神',
+      icon: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      desc: 'since 1998'
+    }, {
+      id: '2',
+      name: '贺东庄园',
+      icon: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      desc: 'since 1998'
+    }, {
+      id: '3',
+      name: '志辉源石',
+      icon: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      desc: 'since 1998'
+    }, {
+      id: '4',
+      name: '银色高地',
+      icon: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      desc: 'since 1998'
+    }, {
+      id: '5',
+      name: '贺兰晴雪',
+      icon: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      desc: 'since 1998'
+    }, {
+      id: '6',
+      name: '贺兰神',
+      icon: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      desc: 'since 1998'
+    }, {
+      id: '7',
+      name: '贺兰神',
+      icon: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      desc: 'since 1998'
+    }
+
+  ]
+
+}

mini-app/src/store/index.js

@@ -2,6 +2,7 @@ import Vuex from '@wepy/x'
 import { wineryForm } from './wineryForm'
 import { imageDefine } from './constant/imageDefine'
 import { navDefine } from './constant/navDefine'
+import { wineryDefine } from './constant/wineryDefine'
 
 export default new Vuex.Store({
   state: {
@@ -13,11 +14,12 @@ export default new Vuex.Store({
         avatar: 'https://img.yzcdn.cn/vant/cat.jpeg'
       },
       token: '',
-      company: '企业名称',
+      company: '企业名称'
     },
     wineryForm,
     imageDefine,
-    navDefine
+    navDefine,
+    wineryDefine
   },
   mutations: {