优质供应商搜素

.env.development

 ENV = 'development'
 
 # 接口地址
-#VUE_APP_BASE_API  = 'http://192.168.3.23:7001'
-#VUE_APP_WS_API = 'ws://192.168.3.23:7001'
+VUE_APP_BASE_API  = 'http://192.168.3.23:7001'
+VUE_APP_WS_API = 'ws://192.168.3.23:7001'
 
-VUE_APP_BASE_API  = 'http://60.217.78.224:7001'
-VUE_APP_WS_API = 'ws://60.217.78.224:7001'
+#VUE_APP_BASE_API  = 'http://60.217.78.224:7001'
+#VUE_APP_WS_API = 'ws://60.217.78.224:7001'
 
 # 是否启用 babel-plugin-dynamic-import-node插件
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

src/views/homepage/product/index.vue

@@ -121,7 +121,7 @@
               <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'product')">询 价</div>
             </div>
           </div>
-          <div style="padding: 15px 50px;text-align: center"><span v-show="page*pageSize<=total" class="more touch" title="点击查看更多..." @click="moreTo('product')">更多展开<i class="el-icon-arrow-down" /></span></div>
+          <div style="padding: 15px 50px;text-align: center"><span v-show="page*pageSize<total" class="more touch" title="点击查看更多..." @click="moreTo('product')">更多展开<i class="el-icon-arrow-down" /></span></div>
         </div>
         <!--解决方案展柜-->
         <div v-show="projectList.length">

src/views/homepage/supplier/index.vue

@@ -129,6 +129,7 @@
           </div>
           <div v-else style="width:240px;height:278px;" />
         </div>
+        <div style="padding: 15px 50px;text-align: center"><span v-show="page*pageSize<total" class="more touch" title="点击查看更多..." @click="moreTo('supplier')">更多展开<i class="el-icon-arrow-down" /></span></div>
         <div class="pagination">
           <!--          <span style="font-size: 14px; color: #666; margin-right: 8px">共 {{ total }} 条记录</span>-->
           <el-pagination
@@ -172,7 +173,7 @@ export default {
       defaultImgSystem: default_system,
       imgSrcStart: process.env.VUE_APP_BASE_API,
       page: 1,
-      pageSize: 10,
+      pageSize: 4,
       total: 0,
       query: {
         keyword: '',
@@ -208,14 +209,21 @@ export default {
     },
     search() {
       HttpReq.webClientApi.supplierGetSupplierList({
-        // page: this.page - 1,
-        // pageSize: this.pageSize,
+        page: this.page - 1,
+        pageSize: this.pageSize,
         ...this.query
       }).then((res) => {
         this.supplierList = res.data.suppliersList.data
         this.total = res.data.suppliersList.total
       })
     },
+    // 点击更多
+    moreTo(type) {
+      if (type === 'supplier') {
+        this.pageSize += 4
+        this.search()
+      }
+    },
     keywordClick(item, type) {
       this.query.keyword = item.name
       this.search()