From 2be2423c3e15a6b78eab6878c533e26accb6989f Mon Sep 17 00:00:00 2001
From: "lenovo008\\lenovo" <lenovo008>
Date: Fri, 26 Jul 2024 17:43:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=93=81=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=BA=97=E9=93=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fuintUniapp/config.js                |  13 +-
 fuintUniapp/jsconfig.json            |   9 +
 fuintUniapp/pages/goods/detail.scss  |   3 +-
 fuintUniapp/pages/goods/detail.vue   | 376 +++++++++++++++++----------
 fuintUniapp/pages/index/index.vue    |  10 +-
 fuintUniapp/pages/location/index.vue |   2 +-
 6 files changed, 263 insertions(+), 150 deletions(-)
 create mode 100644 fuintUniapp/jsconfig.json

diff --git a/fuintUniapp/config.js b/fuintUniapp/config.js
index 31b0454..60a029e 100644
--- a/fuintUniapp/config.js
+++ b/fuintUniapp/config.js
@@ -1,8 +1,9 @@
 module.exports = {
-   // 系统名称
-   name: "会员系统",
-   // 必填: 后端api地址, 斜杠/结尾
-   apiUrl: "http://127.0.0.1:8080/",
-   // 必填: 默认商户号，从后台商户列表获取
-   merchantNo: "10001"
+  // 系统名称
+  name: '会员系统',
+  // 必填: 后端api地址, 斜杠/结尾
+  // apiUrl: 'http://192.168.1.103:8999/',
+  apiUrl: 'http://192.168.10.31:8999/',//服务器
+  // 必填: 默认商户号，从后台商户列表获取
+  merchantNo: '10001',
 }
diff --git a/fuintUniapp/jsconfig.json b/fuintUniapp/jsconfig.json
new file mode 100644
index 0000000..b1968ee
--- /dev/null
+++ b/fuintUniapp/jsconfig.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}
diff --git a/fuintUniapp/pages/goods/detail.scss b/fuintUniapp/pages/goods/detail.scss
index 947491b..afcb993 100644
--- a/fuintUniapp/pages/goods/detail.scss
+++ b/fuintUniapp/pages/goods/detail.scss
@@ -156,7 +156,8 @@
     }
 
     &--home {
-      margin-right: 30rpx;
+      margin-right: 15rpx;
+      text-align: center;
     }
     
     &--cart {
diff --git a/fuintUniapp/pages/goods/detail.vue b/fuintUniapp/pages/goods/detail.vue
index 0b7bdc1..c01abe4 100644
--- a/fuintUniapp/pages/goods/detail.vue
+++ b/fuintUniapp/pages/goods/detail.vue
@@ -56,7 +56,7 @@
     </view>
 
     <!-- 商品SKU弹窗 -->
-    <SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart"/>
+    <SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart" />
 
     <!-- 商品描述 -->
     <view v-if="!isLoading" class="goods-content m-top20">
@@ -85,9 +85,35 @@
               <text>首页</text>
             </view>
           </view>
+
+          <!-- 客服 -->
+          <view class="fast-item fast-item--home" @click="modalShow = true">
+            <view class="fast-icon">
+              <u-icon name="phone" size="32"></u-icon>
+            </view>
+            <view class="fast-text">
+              <text>客服</text>
+            </view>
+          </view>
+          <u-modal v-model="modalShow" title="店铺信息" width="650rpx" class="store-list">
+            <view class="store-info">
+              <view class="base-info">
+                <view class="name">{{ storeList.name }}</view>
+                <view class="hours">营业时间：{{ storeList.hours }}</view>
+                <view class="address"><text class="location-icon iconfont icon-dingwei"></text>{{ storeList.address }}
+                </view>
+                <view class="tel">联系电话：{{ storeList.phone }}</view>
+              </view>
+              <view class="loc-info">
+                <text class="dis"><text class="distance">{{ parseFloat(storeList.distance).toFixed(1) }}</text>公里</text>
+              </view>
+            </view>
+          </u-modal>
+
           <!-- 购物车-->
           <view class="fast-item fast-item--cart" @click="onTargetCart">
-            <view v-if="cartTotal > 0" class="fast-badge fast-badge--fixed">{{ cartTotal > 99 ? '99+' : cartTotal }}</view>
+            <view v-if="cartTotal > 0" class="fast-badge fast-badge--fixed">{{ cartTotal > 99 ? '99+' : cartTotal }}
+            </view>
             <view class="fast-icon">
               <text class="iconfont icon-gouwuche"></text>
             </view>
@@ -117,161 +143,229 @@
 </template>
 
 <script>
-  import { setCartTabBadge, setCartTotalNum } from '@/utils/app'
-  import * as GoodsApi from '@/api/goods'
-  import * as CartApi from '@/api/cart'
-  import jyfParser from '@/components/jyf-parser/jyf-parser'
-  import Shortcut from '@/components/shortcut'
-  import SlideImage from './components/SlideImage'
-  import SkuPopup from './components/SkuPopup'
-
-  export default {
-    components: {
-      jyfParser,
-      Shortcut,
-      SlideImage,
-      SkuPopup,
-    },
-    data() {
-      return {
-        // 正在加载
-        isLoading: true,
-        // 当前商品ID
-        goodsId: null,
-        // 商品详情
-        goods: {},
-        // 购物车总数量
-        cartTotal: 0,
-        // 显示/隐藏SKU弹窗
-        showSkuPopup: false,
-        // 模式 1:都显示 2:只显示购物车 3:只显示立即购买
-        skuMode: 1
-      }
-    },
+import { setCartTabBadge, setCartTotalNum } from '@/utils/app'
+import * as GoodsApi from '@/api/goods'
+import * as CartApi from '@/api/cart'
+import jyfParser from '@/components/jyf-parser/jyf-parser'
+import Shortcut from '@/components/shortcut'
+import SlideImage from './components/SlideImage'
+import SkuPopup from './components/SkuPopup'
+import * as settingApi from '@/api/setting'
 
-    /**
-     * 生命周期函数--监听页面加载
-     */
-    onLoad(options) {
-      // 商品ID
-      this.goodsId = parseInt(options.goodsId)
-      // 加载页面数据
-      this.onRefreshPage()
+export default {
+  components: {
+    jyfParser,
+    Shortcut,
+    SlideImage,
+    SkuPopup,
+  },
+  data() {
+    return {
+      // 正在加载
+      isLoading: true,
+      // 当前商品ID
+      goodsId: null,
+      // 商品详情
+      goods: {},
+      // 购物车总数量
+      cartTotal: 0,
+      // 显示/隐藏SKU弹窗
+      showSkuPopup: false,
+      // 模式 1:都显示 2:只显示购物车 3:只显示立即购买
+      skuMode: 1,
+
+      modalShow: false,//店主电话弹框
+      storeList: {},//店铺信息
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    // 商品ID
+    this.goodsId = parseInt(options.goodsId)
+    // 加载页面数据
+    this.onRefreshPage()
+
+    // 获取店主电话
+    this.getStoreList()
+  },
+
+  methods: {
+
+    // 刷新页面数据
+    onRefreshPage() {
+      const app = this
+      app.isLoading = true
+      Promise.all([app.getGoodsDetail(), app.getCartTotal()])
+        .finally(() => app.isLoading = false)
     },
 
-    methods: {
-
-      // 刷新页面数据
-      onRefreshPage() {
-        const app = this
-        app.isLoading = true
-        Promise.all([app.getGoodsDetail(), app.getCartTotal()])
-          .finally(() => app.isLoading = false)
-      },
-
-      // 获取商品信息
-      getGoodsDetail() {
-        const app = this
-        return new Promise((resolve, reject) => {
-          GoodsApi.detail(app.goodsId)
-            .then(result => {
-                const goodsData = result.data;
-                if (goodsData.skuList) {
-                    goodsData.skuList.forEach(function(sku, index) {
-                       goodsData.skuList[index].specIds = sku.specIds.split('-');
-                       goodsData.skuList[index].skuId = sku.id;
-                    })
-                }
-                app.goods = goodsData;
-                app.skuMode = 3;
-                resolve(result);
-            })
-            .catch(err => reject(err))
-        })
-      },
-
-      // 获取购物车总数量
-      getCartTotal() {
-        const app = this
-        return new Promise((resolve, reject) => {
-          CartApi.list()
-            .then(result => {
-              app.cartTotal = result.data.totalNum;
-              setCartTotalNum(app.cartTotal);
-              setCartTabBadge();
-              resolve(result);
-            })
-            .catch(err => reject(err));
-        })
-      },
-
-      // 更新购物车数量
-      onAddCart() {
-         this.$toast("添加购物车成功");
-         this.getCartTotal();
-      },
-
-      /**
-       * 显示/隐藏SKU弹窗
-       * @param {skuMode} 模式 1:都显示 2:只显示购物车 3:只显示立即购买
-       */
-      onShowSkuPopup(skuMode = 1) {
-        this.skuMode = skuMode;
-        this.showSkuPopup = !this.showSkuPopup;
-      },
-
-      // 跳转到首页
-      onTargetHome(e) {
-        this.$navTo('pages/index/index');
-      },
-
-      // 跳转到购物车页
-      onTargetCart() {
-        this.$navTo('pages/cart/index')
-      }
+    // 获取商品信息
+    getGoodsDetail() {
+      const app = this
+      return new Promise((resolve, reject) => {
+        GoodsApi.detail(app.goodsId)
+          .then(result => {
+            const goodsData = result.data;
+            if (goodsData.skuList) {
+              goodsData.skuList.forEach(function (sku, index) {
+                goodsData.skuList[index].specIds = sku.specIds.split('-');
+                goodsData.skuList[index].skuId = sku.id;
+              })
+            }
+            app.goods = goodsData;
+            app.skuMode = 3;
+            resolve(result);
+          })
+          .catch(err => reject(err))
+      })
     },
 
-    /**
-     * 分享当前页面
-     */
-    onShareAppMessage() {
+    // 获取购物车总数量
+    getCartTotal() {
       const app = this
-      // 构建页面参数
-      const params = app.$getShareUrlParams({
-          goodsId: app.goodsId,
+      return new Promise((resolve, reject) => {
+        CartApi.list()
+          .then(result => {
+            app.cartTotal = result.data.totalNum;
+            setCartTotalNum(app.cartTotal);
+            setCartTabBadge();
+            resolve(result);
+          })
+          .catch(err => reject(err));
       })
-      return {
-        title: app.goods.name,
-        imageUrl: app.goods.images[0],
-        path: `/pages/goods/detail?${params}`
-      }
+    },
+
+    // 更新购物车数量
+    onAddCart() {
+      this.$toast("添加购物车成功");
+      this.getCartTotal();
     },
 
     /**
-     * 分享到朋友圈
-     * 本接口为 Beta 版本，暂只在 Android 平台支持，详见分享到朋友圈 (Beta)
-     * https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
+     * 显示/隐藏SKU弹窗
+     * @param {skuMode} 模式 1:都显示 2:只显示购物车 3:只显示立即购买
      */
-    onShareTimeline() {
-      const app = this
-      // 构建页面参数
-      const params = app.$getShareUrlParams({
-        goodsId: app.goodsId,
-      })
-      return {
-        title: app.goods.name,
-        imageUrl: app.goods.images[0],
-        path: `/pages/goods/detail?${params}`
-      }
+    onShowSkuPopup(skuMode = 1) {
+      this.skuMode = skuMode;
+      this.showSkuPopup = !this.showSkuPopup;
+    },
+
+    // 跳转到首页
+    onTargetHome(e) {
+      this.$navTo('pages/index/index');
+    },
+
+    // 跳转到购物车页
+    onTargetCart() {
+      this.$navTo('pages/cart/index')
+    },
+
+    // 获取店铺列表
+    async getStoreList() {
+      let storeId = uni.getStorageSync("storeId");
+      let res = await settingApi.storeList()
+      let temp = res.data.data
+      this.storeList = (temp.filter(item => item.id === storeId))[0]
+
+      console.log(this.storeList, '123132');
+    },
+
+  },
+
+  /**
+   * 分享当前页面
+   */
+  onShareAppMessage() {
+    const app = this
+    // 构建页面参数
+    const params = app.$getShareUrlParams({
+      goodsId: app.goodsId,
+    })
+    return {
+      title: app.goods.name,
+      imageUrl: app.goods.images[0],
+      path: `/pages/goods/detail?${params}`
+    }
+  },
+
+  /**
+   * 分享到朋友圈
+   * 本接口为 Beta 版本，暂只在 Android 平台支持，详见分享到朋友圈 (Beta)
+   * https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
+   */
+  onShareTimeline() {
+    const app = this
+    // 构建页面参数
+    const params = app.$getShareUrlParams({
+      goodsId: app.goodsId,
+    })
+    return {
+      title: app.goods.name,
+      imageUrl: app.goods.images[0],
+      path: `/pages/goods/detail?${params}`
     }
   }
+}
 </script>
 
 <style>
-  page {
-    background: #fafafa;
-  }
+page {
+  background: #fafafa;
+}
 </style>
 <style lang="scss" scoped>
-  @import "./detail.scss";
+@import "./detail.scss";
+
+// 店铺列表
+.store-list {
+  // display: flex;
+  .store-info {
+    padding: 10px 0;
+    overflow: hidden;
+    border: 2rpx solid #cccccc;
+    min-height: 240rpx;
+    line-height: 55rpx;
+    border-radius: 5rpx;
+    margin-top: 10rpx;
+    margin-bottom: 10rpx;
+    padding: 30rpx;
+    background: #FFFFFF;
+
+    .base-info {
+      float: left;
+      width: 70%;
+
+      .name {
+        font-size: 34rpx;
+        font-weight: bold;
+        margin-top: 15rpx;
+        margin-bottom: 12rpx;
+        color: #666;
+      }
+
+      .location-icon {
+        color: #f03c3c;
+        font-weight: bold;
+      }
+    }
+
+    .loc-info {
+      color: #666666;
+      // dispaly:flex;
+      line-height: 75rpx;
+      float: left;
+      overflow: hidden;
+      width: 30%;
+      text-align: right;
+
+      .distance {
+        font-weight: bold;
+        color: #f03c3c;
+      }
+    }
+  }
+}
 </style>
diff --git a/fuintUniapp/pages/index/index.vue b/fuintUniapp/pages/index/index.vue
index 68bc1b8..cf3615a 100644
--- a/fuintUniapp/pages/index/index.vue
+++ b/fuintUniapp/pages/index/index.vue
@@ -13,9 +13,17 @@
       <block>
           <Blank v-if="storeInfo" :itemStyle="options.blankStyle"/>
       </block>
+
+      
       <block>
-          <NavBar v-if="storeInfo" :itemStyle="options.navStyle" :params="{}" :dataList="options.navBar"/>
+          咨讯
+          <!-- <News v-if="storeInfo" :itemStyle="options.newsStyle" :params="options.newsParam" :dataList="news"/> -->
       </block>
+
+
+      <!-- <block>
+          <NavBar v-if="storeInfo" :itemStyle="options.navStyle" :params="{}" :dataList="options.navBar"/>
+      </block> -->
       <block>
           <Blank v-if="storeInfo" :itemStyle="options.blankStyle"/>
       </block>
diff --git a/fuintUniapp/pages/location/index.vue b/fuintUniapp/pages/location/index.vue
index 22123dd..4ea765c 100644
--- a/fuintUniapp/pages/location/index.vue
+++ b/fuintUniapp/pages/location/index.vue
@@ -196,7 +196,7 @@
       }
       .loc-info {
         color: #666666;
-        dispaly:flex;
+        // dispaly:flex;
         line-height: 240rpx;
         float: left;
         overflow: hidden;