供应商黄页产品列表

src/views/homepage/project/index.vue

@@ -61,7 +61,7 @@
           </el-row>
         </div>
         <div class="line-btn" style="padding: 30px 0 45px 0;">
-          <div class="btn-l">未找到所需信息，想咨询</div>
+          <div class="btn-l" @click="inquiry({}, 'project')">未找到所需信息，想咨询</div>
         </div>
       </div>
     </div>

src/views/homepage/supplier/details.vue

@@ -140,7 +140,7 @@
                   <div class="grid-label" style="line-height: 154px">经营范围</div>
                 </el-col>
                 <el-col :span="19" class="grid-content">
-                  <div style="padding: 12px 20px;line-height: 28px;height: 154px;overflow: auto;">
+                  <div style="padding: 8px 20px;line-height: 28px;height: 154px;overflow: auto;">
                     {{ supplierObj.businessScopeIntroduction||'-' }}
                   </div>
                 </el-col>
@@ -148,16 +148,104 @@
             </div>
           </div>
         </div>
-        <div class="pagination">
-          <el-pagination
-            :hide-on-single-page="true"
-            :background="true"
-            :current-page.sync="page"
-            :page-size="pageSize"
-            :total="total"
-            layout=" prev, pager, next"
-            @current-change="pageChange"
-          />
+        <div v-show="tabIndex==='3'">
+          <div class="page-title">产品列表</div>
+          <!--查询面板-->
+          <div class="search-box">
+            <el-row style="padding-top: 10px">
+              <el-col :span="2">
+                <div class="search-item" :class="query.type===undefined?'active':''">
+                  <span class="touch label" @click="setQuertType()">默认排序</span>
+                  <span v-if="query.type===undefined">
+                    <i v-if="query.sort" class="el-icon-sort-up touch" />
+                    <i v-else class="el-icon-sort-down touch" />
+                  </span>
+                </div>
+              </el-col>
+              <el-col :span="2">
+                <div class="search-item" :class="query.type==='hot'?'active':''">
+                  <span class="touch label" @click="setQuertType('hot')">人气排序</span>
+                  <span v-if="query.type==='hot'">
+                    <i v-if="query.sort" class="el-icon-sort-up touch" />
+                    <i v-else class="el-icon-sort-down touch" />
+                  </span>
+                </div>
+              </el-col>
+              <el-col :span="2">
+                <div class="search-item" :class="query.type==='time'?'active':''">
+                  <span class="touch label" @click="setQuertType('time')">上架时间</span>
+                  <span v-if="query.type==='time'">
+                    <i v-if="query.sort" class="el-icon-sort-up touch" />
+                    <i v-else class="el-icon-sort-down touch" />
+                  </span>
+                </div>
+              </el-col>
+              <el-col :span="18">
+                <div class="search-item">
+                  <span>产品价格区间</span>
+                  <div style="position: absolute;top: 15px;left: 35%;">
+                    <el-input v-model="query.minPrice" placeholder="请输入价格（元）" clearable style="width: 140px" />
+                    ~
+                    <el-input v-model="query.maxPrice" placeholder="请输入价格（元）" clearable style="width: 140px" />
+                    <div class="btn touch">确 定</div>
+                  </div>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
+          <!--硬件产品展柜-->
+          <div style="padding-top: 6px">
+            <div v-for="(item,index) in productList" :key="'p_'+index" class="box-card">
+              <img v-if="item.isGood" src="@/assets/home_images/recommend.png" class="stamp" title="推荐" style="top: 10px;right: 8px">
+              <img v-if="item.isHot" src="@/assets/home_images/hot.png" class="stamp" title="热门" style="top: 0;left: 0">
+              <el-image
+                :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct"
+                :preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]"
+                style="width:284px;height: 284px;margin: 0 32px 4px"
+              >
+                <div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div>
+              </el-image>
+              <el-row>
+                <el-col :span="21">
+                  <div class="title touch" :title="item.title" @click="goToDetails(item, 'product')">{{ item.title }}</div>
+                </el-col>
+                <el-col :span="3">
+                  <img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" title="点击取消收藏" @click="storeShowcase(item, 'product')">
+                  <img v-else class="touch" src="@/assets/home_images/to_like.png" title="点击收藏" @click="storeShowcase(item, 'product')">
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="24">
+                  <div class="subTitle" :title="item.subTitle">{{ item.subTitle }}</div>
+                </el-col>
+              </el-row>
+              <el-row style="margin-top: 6px">
+                <el-col :span="3" style="padding-left: 20px">
+                  <img src="@/assets/home_images/locate.png">
+                </el-col>
+                <el-col :span="13">
+                  <div class="area">{{ item.area }}</div>
+                </el-col>
+                <el-col :span="8">
+                  <div class="date">{{ item.date }}</div>
+                </el-col>
+              </el-row>
+              <div class="line-btn" style="margin-top: 4px">
+                <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>
+          <div class="pagination">
+            <el-pagination
+              :hide-on-single-page="true"
+              :background="true"
+              :current-page.sync="page"
+              :page-size="pageSize"
+              :total="total"
+              layout=" prev, pager, next"
+              @current-change="pageChange"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -189,7 +277,7 @@ export default {
       imgSrcStart: process.env.VUE_APP_BASE_API,
       page: 1,
       pageSize: 10,
-      total: 0,
+      total: 33,
       query: {
         keyword: '',
         area: undefined,
@@ -361,7 +449,7 @@ export default {
           this.mapDom.addOverlay(new BMapGL.Marker(point))
           this.mapDom.addOverlay(new BMapGL.Label(this.supplierObj.enterpriseAddress, {
             position: point,
-            offset: new BMapGL.Size(-40, 6)
+            offset: new BMapGL.Size(-40, 8)
           }));
         }else {
           this.mapDom.resize()
@@ -863,7 +951,7 @@ export default {
     border: 1px solid #ACC9F2;
     padding: 0;
     line-height: 60px;
-    font-size: 20px;
+    font-size: 19px;
     color: #666;
     span {
       color: #0C37F1;