From 5926a843e223118392670f97d75444ba3c39ff70 Mon Sep 17 00:00:00 2001
From: sjeam <359824901@qq.com>
Date: Sun, 7 Sep 2025 17:42:20 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 env/.env                             |   1 +
 src/pages.json                       |   4 +-
 src/pages/index/detail.vue           | 212 +++++++++++++++++++--------
 src/pages/index/index.vue            |  23 +--
 src/pages/my/components/wx-login.vue |   2 +-
 src/pages/my/uploadProduct.vue       |   2 +-
 src/service/crmeb/product.ts         |   5 +
 7 files changed, 170 insertions(+), 79 deletions(-)

diff --git a/env/.env b/env/.env
index 9fc7ece..519a7a7 100644
--- a/env/.env
+++ b/env/.env
@@ -10,6 +10,7 @@ VITE_APP_PUBLIC_BASE=/
 # 登录页面
 VITE_LOGIN_URL = '/pages/login/index'
 
+# https://test.data-middle.lihaink.cn
 # 数字乡村
 VITE_SERVER_BASEURL = 'https://test.data-middle.lihaink.cn'
 VITE_UPLOAD_BASEURL = 'https://test.data-middle.lihaink.cn/api/upload/image'
diff --git a/src/pages.json b/src/pages.json
index 1e1574b..71526a2 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -82,7 +82,7 @@
       "type": "page",
       "layout": "default",
       "style": {
-        "navigationStyle": "custom"
+        "navigationBarTitleText": "店铺街"
       }
     },
     {
@@ -121,7 +121,7 @@
       "path": "pages/my/uploadProduct",
       "type": "page",
       "style": {
-        "navigationBarTitleText": "上传商品"
+        "navigationBarTitleText": "委托销售"
       }
     },
     {
diff --git a/src/pages/index/detail.vue b/src/pages/index/detail.vue
index fa926af..72572d8 100644
--- a/src/pages/index/detail.vue
+++ b/src/pages/index/detail.vue
@@ -1,9 +1,7 @@
 <route lang="json5" type="page">
 {
   layout: 'default',
-  style: {
-    navigationStyle: 'custom',
-  },
+  style: { navigationBarTitleText: '店铺街' },
 }
 </route>
 <style>
@@ -12,6 +10,7 @@
   background-color: rgba(0, 0, 0, 0) !important;
 }
 .wd-tabs__nav {
+  background-color: none;
   background: rgba(0, 0, 0, 0) !important;
   background-color: rgba(0, 0, 0, 0) !important;
 }
@@ -19,18 +18,27 @@
 <template>
   <view>
     <view class="background_home">
-      <wd-navbar
+      <!-- <wd-navbar
         title=""
         left-text=""
         left-arrow
         :bordered="false"
         @click-left="handleBack"
         custom-style="background: rgba(0, 0, 0, 0) !important;--wot-navbar-color:white;--wot-font-gray-1:white;position: fixed"
-      ></wd-navbar>
-      <view class="p-6"></view>
+      ></wd-navbar> -->
+
       <!-- 顶部搜索栏 -->
-      <wd-search hide-cancel placeholder-left placeholder="请输入内容"></wd-search>
-      <view class="p-2">
+      <view class="px-2">
+        <wd-search
+          v-model="param.keyword"
+          hide-cancel
+          placeholder-left
+          placeholder="请输入内容"
+          @change="change"
+        ></wd-search>
+      </view>
+
+      <!-- <view class="p-2">
         <wd-tabs
           v-model="currentTab"
           @change="handleChange"
@@ -45,6 +53,8 @@
               { name: '土地流转', icon: 'gift', color: 'orange' },
               { name: '技术服务', icon: 'secured', color: 'red' },
               { name: '乡村旅游', icon: 'secured', color: 'red' },
+              { name: '乡村旅游', icon: 'secured', color: 'red' },
+              { name: '乡村旅游', icon: 'secured', color: 'red' },
             ]"
             :key="index"
             :title="`${item.name}`"
@@ -52,72 +62,146 @@
             setActive="item.name"
           ></wd-tab>
         </wd-tabs>
-      </view>
+      </view> -->
     </view>
 
-    <view class="pt-2" style="" @click="more">
-      <wd-card custom-class=" ">
-        <view class="relative pt-2" style="height: 280rpx">
-          <wd-img
-            radius="20rpx"
-            :width="'100%'"
-            :height="'100%'"
-            src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
-          />
-        </view>
-        <view class="content" style="align-items:">
-          <view style="width: 100rpx; height: 100rpx">
-            <wd-img
-              :width="'100%'"
-              :height="'100%'"
-              round
-              src="https://img11.360buyimg.com/imagetools/jfs/t1/143248/37/5695/265818/5f3a8546E98d998a4/745897ca9c9e474b.jpg"
-              alt="joy"
-            />
+    <view class="p-2" style="" v-for="item in merchant">
+      <view
+        @click="
+          more({
+            type: 2,
+            url: `/pages/store/home/index?id=${item.mer_id}`,
+          })
+        "
+      >
+        <wd-card custom-class=" ">
+          <view class="relative" style="height: 280rpx">
+            <wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.mer_banner" />
           </view>
-          <view class="ps-2 flex-content-column">
-            <view class="ps-2">
-              <view class="p-1 font-size-4 font-bold color-black">
-                泸州市江阳区分水岭董允坝村
-                <wd-rate :modelValue="5" readonly />
-              </view>
-              <view class="p-1">
-                <wd-tag custom-class="space me-2" mark>景区服务</wd-tag>
-                <wd-tag custom-class="space me-2" type="primary" mark>景区服务</wd-tag>
-                <wd-tag custom-class="space me-2" type="danger" mark>标签</wd-tag>
-                <wd-tag custom-class="space me-2" type="warning" mark>标签</wd-tag>
-                <wd-tag custom-class="space me-2" type="success" mark>标签</wd-tag>
-              </view>
-              <view class="p-1 font-size-3">
-                <wd-icon name="location" size="24rpx" />
-                泸州市江阳区分水岭镇董允坝村1队2号
+          <view class="content px-2" style="align-items:">
+            <view style="width: 100rpx; height: 100rpx">
+              <wd-img :width="'100%'" :height="'100%'" round :src="item.mer_avatar" alt="joy" />
+            </view>
+            <view class="p-2 flex-content-column">
+              <view class="px-2">
+                <view class="p-1 font-size-4 font-bold color-black">
+                  {{ item.mer_name }}
+
+                  <wd-tag v-if="item.is_trader" custom-class="space me-2" type="danger" mark>
+                    自营
+                  </wd-tag>
+                </view>
+
+                <view class="p-1 font-size-3 color-gary">
+                  <!-- <wd-icon name="location" size="24rpx" /> -->
+                  {{
+                    item.care_count < 10000
+                      ? item.care_count
+                      : (item.care_count / 10000).toFixed(2) + '万'
+                  }}人关注
+                </view>
               </view>
             </view>
           </view>
-        </view>
-      </wd-card>
+        </wd-card>
+      </view>
     </view>
     <view class="p-1" />
   </view>
 </template>
+<!-- getMerchantAPI -->
 
-<script lang="ts" setup>
-const currentTab = ref<number>(0)
-function handleChange(e) {
-  console.log(e)
-  // currentTab.value = e.id
-}
-function handleBack() {
-  uni.navigateBack({})
-}
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { getMerchantAPI } from '@/service/crmeb/product.ts'
+import { getUrl, getWebUrl, getShopWebUrl, hasLogin } from '@/utils'
+export default defineComponent({
+  data() {
+    return {
+      currentTab: 0,
+      param: {
+        limit: 100,
+        page: 1,
+        keyword: '',
+      },
+      merchant: {},
 
-function handleBackHome() {
-  uni.reLaunch({ url: '/pages/index/index' })
-}
-function more() {
-  console.log('查看更多')
-  uni.navigateTo({
-    url: '/pages/index/list',
-  })
-}
+      // isLogin: false,
+      // userIsLogin: false,
+      // show: false,
+      // userStore: {},
+    }
+  },
+  async onLoad(option) {
+    this.merchant = await this.getMerchant()
+    console.log('获取商户信息', this.merchant)
+    // this.userStore = useUserStore()
+    // this.userIsLogin = useUserStore().userInfo.id ? true : false
+    // console.log('获取用户信息', this.userIsLogin)
+    // console.log('获取用户信息', this.userStore.userInfo)
+  },
+  methods: {
+    async getMerchant() {
+      const res = await getMerchantAPI(this.param)
+      // 使用正确的 map 方法返回新数组
+      return res.data['list']
+    },
+
+    async change() {
+      this.merchant = await this.getMerchant()
+    },
+    handleChange(e) {
+      // console.log(e)
+      // currentTab.value = e.id
+    },
+    // toLogin() {
+    //   uni.navigateTo({
+    //     url: '/pages/login/login',
+    //   })
+    // },
+    // uni.navigateTo({
+    // 	url: `/pages/store/home/index?id=${id}`
+    // })
+
+    //  url: '/pages/columnGoods/goods_list/index?id=38&title=名优特产',
+    more(item) {
+      this.islogin = hasLogin()
+      if (this.islogin === false) {
+        uni.navigateTo({
+          url: '/pages/login/login',
+        })
+        return
+      }
+      if (this.islogin === true) {
+        // console.log(item)
+        if (item.type == 1) {
+          getUrl(item.url)
+        } else if (item.type == 2) {
+          getWebUrl(item.url)
+        } else if (item.type == 3) {
+          getShopWebUrl(item.url)
+        }
+      }
+    },
+  },
+})
+
+// const currentTab = ref<number>(0)
+// function handleChange(e) {
+//   console.log(e)
+//   // currentTab.value = e.id
+// }
+// function handleBack() {
+//   uni.navigateBack({})
+// }
+
+// function handleBackHome() {
+//   uni.reLaunch({ url: '/pages/index/index' })
+// }
+// function more() {
+//   console.log('查看更多')
+//   uni.navigateTo({
+//     url: '/pages/index/list',
+//   })
+// }
 </script>
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index ec98b2a..4e88d7a 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -51,7 +51,7 @@
 
       <view class="p-2">
         <wd-card>
-          <wd-grid :gutter="2" :column="4">
+          <wd-grid :gutter="2" :column="5">
             <view
               @click="more(item)"
               v-for="item in [
@@ -70,8 +70,8 @@
                   color: 'blue',
                 },
                 {
-                  name: '滞销产品',
-                  url: '/pages/columnGoods/goods_list/index?id=30&title=滞销产品',
+                  name: '助农产品',
+                  url: '/pages/columnGoods/goods_list/index?id=30&title=助农产品',
                   icon: '/static/icons/home3.png',
                   type: 2,
                   color: 'orange',
@@ -83,15 +83,15 @@
                   type: 2,
                   color: 'red',
                 },
+                {
+                  name: '店铺街',
+                  url: '/pages/index/detail',
+                  icon: '/static/icons/home5.png',
+                  type: 1,
+                  color: 'red',
+                },
               ]"
             >
-              <!-- // {
-                //   name: '景区景点',
-                //   url: '/pages/about/index',
-                //   icon: '/static/icons/home5.png',
-                //   type: 1,
-                //   color: 'red',
-                // }, -->
               <wd-grid-item use-slot>
                 <view class="p-2">
                   <wd-img radius="20rpx" :width="'60rpx'" :height="'60rpx'" :src="item.icon" />
@@ -527,7 +527,8 @@ export default defineComponent({
       })
     },
     more(item) {
-      const islogin = hasLogin()
+      // const islogin = hasLogin()
+      const islogin = true
       if (islogin === false) {
         uni.navigateTo({
           url: '/pages/login/login',
diff --git a/src/pages/my/components/wx-login.vue b/src/pages/my/components/wx-login.vue
index 6e01225..02e5f88 100644
--- a/src/pages/my/components/wx-login.vue
+++ b/src/pages/my/components/wx-login.vue
@@ -83,7 +83,7 @@
               },
 
               {
-                name: '上传商品',
+                name: '委托销售',
                 url: '/pages/my/uploadProduct',
                 type: 1,
                 icon: '/static/icons/my5.png',
diff --git a/src/pages/my/uploadProduct.vue b/src/pages/my/uploadProduct.vue
index c304401..5817a30 100644
--- a/src/pages/my/uploadProduct.vue
+++ b/src/pages/my/uploadProduct.vue
@@ -1,6 +1,6 @@
 <route lang="json5">
 {
-  style: { navigationBarTitleText: '上传商品' },
+  style: { navigationBarTitleText: '委托销售' },
 }
 </route>
 
diff --git a/src/service/crmeb/product.ts b/src/service/crmeb/product.ts
index a04be70..acb19e4 100644
--- a/src/service/crmeb/product.ts
+++ b/src/service/crmeb/product.ts
@@ -86,6 +86,11 @@ export function getUplaodImageAPI(data: any) {
   return http.post('/api/upload/image', data)
 }
 
+/** GET 请求 */
+export function getMerchantAPI(data: any) {
+  return http.get<IFooItem>(getUrlCrmebProxy() + 'api/store/merchant/lst', data)
+}
+
 /**
  * 打开导航
  * @param latitude 目标纬度