购物车

src/store/modules/lxshop/lxshop.js

@@ -12,7 +12,8 @@ const state = {
     supplierList:[],
     supplierIds:"",
     isLyData:false,
-    lyData:[]
+    lyData:[],
+    isHaveData:false
 
 }
 

src/views/common/GoodsOne.vue

@@ -56,7 +56,7 @@
               <p class="mui-col-sm-6 mui-col-xs-6" v-html="itemPrice.purchases+'+'"></p>
               <p class="mui-col-sm-6 mui-col-xs-6">￥{{itemPrice.price_cn}}</p>
             </div>
-            <div class="mui-row list_data f-fff" v-if="itemchild.ladder_price.length==0">
+            <div class="mui-row list_data f-fff" v-if="itemchild.ladder_price&&itemchild.ladder_price.length==0">
               <p class="mui-col-sm-6 mui-col-xs-6">- -</p>
               <p class="mui-col-sm-6 mui-col-xs-6">- -</p>
             </div>
@@ -71,7 +71,7 @@
               <p class="mui-col-sm-4 mui-col-xs-4">￥{{itemPrice.price_cn}}</p>
               <p class="mui-col-sm-4 mui-col-xs-4">${{itemPrice.price_us}}</p>
             </div>
-            <div class="mui-row list_data f-fff" v-if="itemchild.ladder_price.length==0">
+            <div class="mui-row list_data f-fff" v-if="itemchild.ladder_price&&itemchild.ladder_price.length==0">
               <p class="mui-col-sm-4 mui-col-xs-4">- -</p>
               <p class="mui-col-sm-4 mui-col-xs-4">- -</p>
               <p class="mui-col-sm-4 mui-col-xs-4">- -</p>
@@ -79,7 +79,7 @@
           </template>
           <div
             class="more-height"
-            v-if="itemchild.ladder_price.length>limitLength"
+            v-if="itemchild.ladder_price&&itemchild.ladder_price.length>limitLength"
             @click="priceRow(indexdata)"
             v-html="itemchild.checkBtn||defaultBtn"
           >

src/views/lxshop/lxshop.vue

@@ -24,18 +24,15 @@
                 </div>
             </div>
             <!--数据渲染部分-->
-            <div class="search-list-box" v-if="lyData.length!=0">
-                <div class="data-group-supplier data-group-supplier-no" v-if="lyData.length==0">
-                    <div class="toisx">
-                        暂时没有数据,换个供应商看看吧
-                    </div>
-                </div>
-                <div class="data-group-supplier" v-else v-for="item in lyData">
-                    <div class="name-shop">
+            <div class="search-list-box" v-if="lyData">
+
+                <div class="data-group-supplier"  v-for="item in lyData">
+                    <div class="name-shop" >
                         <img :src="item.supplier_logo||'https://www.ichunt.com/v3/dist/res/m/images/materiel_img_3.png'" class="name-img" alt="aipco">
-                        <a :href="item.supplier_ad.url" class="ad">{{item.supplier_ad.ad}}</a>
+                        <a  v-if="item.supplier_ad" :href="item.supplier_ad.url" class="ad">{{item.supplier_ad.ad}}</a>
+                        <a  v-else  class="ad"></a>
                     </div>
-                    <GoodsOne :dataList="item.data" ></GoodsOne>
+                    <GoodsOne :dataList="item.data" @placeOrder="placeOrder"></GoodsOne>
                     <div class="more-number" v-if="item.fished">
                         为您找到<span>{{item.total}}</span>个商品，已全部显示
                     </div>
@@ -47,10 +44,16 @@
                         </span>
                     </div>
                 </div>
+                <div class="data-group-supplier data-group-supplier-no" style="display:none;">
+                    <div class="toisx">
+                        暂时没有数据,换个供应商看看吧
+                    </div>
+                </div>
             </div>
         </div>
         <van-loading type="spinner" color="#000" class="loading-background" v-if="loading"/>
         <SideBar :isWindow="isWindow" :carshow="carshow"></SideBar>
+        <goodsDetail :detailsData="detailsData"></goodsDetail>
     </section>
 </template>
 
@@ -61,6 +64,7 @@
     import {Loading} from 'vant';
     import Header from '@/views/common/Header.vue';
     import GoodsOne from '@/views/common/GoodsOne.vue';
+    import goodsDetail from '@/views/common/goodsDetail.vue';
     import SideBar from '@/views/common/SideBar.vue';
     Vue.use(Loading);
 
@@ -68,6 +72,7 @@
         name: 'news',
         data() {
             return {
+                detailsData: { isShow: false, id: "" },
                 carshow:true,
                 isWindow:true,
                 inputShow:true,
@@ -87,6 +92,7 @@
                 supplierIds: state => state.lxshop.supplierIds,
                 isLyData: state => state.lxshop.isLyData,
                 lyData:state => state.lxshop.lyData,
+                isHaveData:state => state.lxshop.isHaveData,
 
             })
         },
@@ -188,6 +194,12 @@
                     isMore:1
                 })
             },
+            placeOrder(id) {
+                this.detailsData = {
+                    isShow: true,
+                    id: id
+                };
+            },
             scrollFns() {
                 var self=this;
                 window.onscroll= function(){
@@ -205,7 +217,8 @@
         components: {
             Header,
             GoodsOne,
-            SideBar
+            SideBar,
+            goodsDetail
 
         }
     }