商品详情页新增店铺

fuintUniapp/config.js

@@ -1,8 +1,9 @@
 module.exports = {
   // 系统名称
-   name: "会员系统",
+  name: '会员系统',
   // 必填: 后端api地址, 斜杠/结尾
-   apiUrl: "http://127.0.0.1:8080/",
+  // apiUrl: 'http://192.168.1.103:8999/',
+  apiUrl: 'http://192.168.10.31:8999/',//服务器
   // 必填: 默认商户号，从后台商户列表获取
-   merchantNo: "10001"
+  merchantNo: '10001',
 }

fuintUniapp/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}

fuintUniapp/pages/goods/detail.scss

@@ -156,7 +156,8 @@
     }
 
     &--home {
-      margin-right: 30rpx;
+      margin-right: 15rpx;
+      text-align: center;
     }
     
     &--cart {

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,15 +143,16 @@
 </template>
 
 <script>
-  import { setCartTabBadge, setCartTotalNum } from '@/utils/app'
+import { setCartTabBadge, setCartTotalNum } from '@/utils/app'
-  import * as GoodsApi from '@/api/goods'
+import * as GoodsApi from '@/api/goods'
-  import * as CartApi from '@/api/cart'
+import * as CartApi from '@/api/cart'
-  import jyfParser from '@/components/jyf-parser/jyf-parser'
+import jyfParser from '@/components/jyf-parser/jyf-parser'
-  import Shortcut from '@/components/shortcut'
+import Shortcut from '@/components/shortcut'
-  import SlideImage from './components/SlideImage'
+import SlideImage from './components/SlideImage'
-  import SkuPopup from './components/SkuPopup'
+import SkuPopup from './components/SkuPopup'
-
+import * as settingApi from '@/api/setting'
-  export default {
+
+export default {
   components: {
     jyfParser,
     Shortcut,
@@ -145,7 +172,10 @@
       // 显示/隐藏SKU弹窗
       showSkuPopup: false,
       // 模式 1:都显示 2:只显示购物车 3:只显示立即购买
-        skuMode: 1
+      skuMode: 1,
+
+      modalShow: false,//店主电话弹框
+      storeList: {},//店铺信息
     }
   },
 
@@ -157,6 +187,9 @@
     this.goodsId = parseInt(options.goodsId)
     // 加载页面数据
     this.onRefreshPage()
+
+    // 获取店主电话
+    this.getStoreList()
   },
 
   methods: {
@@ -177,7 +210,7 @@
           .then(result => {
             const goodsData = result.data;
             if (goodsData.skuList) {
-                    goodsData.skuList.forEach(function(sku, index) {
+              goodsData.skuList.forEach(function (sku, index) {
                 goodsData.skuList[index].specIds = sku.specIds.split('-');
                 goodsData.skuList[index].skuId = sku.id;
               })
@@ -228,7 +261,18 @@
     // 跳转到购物车页
     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');
+    },
+
   },
 
   /**
@@ -264,14 +308,64 @@
       path: `/pages/goods/detail?${params}`
     }
   }
-  }
+}
 </script>
 
 <style>
-  page {
+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>

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>

fuintUniapp/pages/location/index.vue

@@ -196,7 +196,7 @@
       }
       .loc-info {
         color: #666666;
-        dispaly:flex;
+        // dispaly:flex;
         line-height: 240rpx;
         float: left;
         overflow: hidden;