fix: 适配新获取商品返回结果

buyer/src/pages/GoodsList.vue

@@ -49,35 +49,35 @@
               class="goods-show-info"
               v-for="(item, index) in goodsList"
               :key="index"
-              @click="goGoodsDetail(item.id, item.content.goodsId)"
+              @click="goGoodsDetail(item.id, item.goodsId)"
             >
               <div class="goods-show-img">
-                <img width="220" height="220" :src="item.content.thumbnail" />
+                <img width="220" height="220" :src="item.thumbnail" />
               </div>
               <div class="goods-show-price">
                 <span>
                   <span class="seckill-price text-danger">{{
-                    item.content.price | unitPrice("￥")
+                    item.price | unitPrice("￥")
                   }}</span>
                 </span>
               </div>
               <div class="goods-show-detail">
                 <Tag
-                  v-if="item.content.salesModel === 'WHOLESALE'"
+                  v-if="item.salesModel === 'WHOLESALE'"
                   class="goods-show-tag"
                   color="purple"
                 >
                   批发
                 </Tag>
-                <span>{{ item.content.goodsName }}</span>
+                <span>{{ item.goodsName }}</span>
               </div>
               <div class="goods-show-num">
-                已有<span>{{ item.content.commentNum || 0 }}</span
+                已有<span>{{ item.commentNum || 0 }}</span
                 >人评价
               </div>
               <div class="goods-show-seller">
                 <span class="text-bottom" style="color: #e4393c">{{
-                  item.content.storeName
+                  item.storeName
                 }}</span>
               </div>
 
@@ -85,21 +85,21 @@
                 <Tag
                   class="goods-show-tag"
                   color="red"
-                  v-if="item.content.selfOperated"
+                  v-if="item.selfOperated"
                 >
                   自营
                 </Tag>
                 <Tag
                   class="goods-show-tag"
                   color="blue"
-                  v-if="item.content.goodsType == 'VIRTUAL_GOODS'"
+                  v-if="item.goodsType === 'VIRTUAL_GOODS'"
                 >
                   虚拟
                 </Tag>
                 <Tag
                   class="goods-show-tag"
                   color="blue"
-                  v-else-if="item.content.goodsType == 'PHYSICAL_GOODS'"
+                  v-else-if="item.goodsType === 'PHYSICAL_GOODS'"
                 >
                   实物
                 </Tag>
@@ -146,7 +146,6 @@ export default {
       ],
       goodsList: [], // 商品列表
       loading: false, // 加载状态
-      goodsListType: "",
       total: 0, // 列表总数
       params: {
         // 请求参数
@@ -230,11 +229,8 @@ export default {
         .then((res) => {
           this.loading = false;
           if (res.success) {
-            this.goodsList = res.result.content;
+            this.goodsList = res.result;
-            this.total = res.result.totalElements;
+            this.total = res.result.total;
-            for (var i = 0; i < this.goodsList.length; i++) {
-              this.goodsListType = this.goodsList[i];
-            }
           }
         })
         .catch(() => {

buyer/src/pages/Merchant.vue

@@ -7,14 +7,14 @@
     <div class="shop-logo">
       <div>
         <p>{{ storeMsg.storeName || 'xx店铺' }}</p>
-        <p class="ellipsis" :alt="storeMsg.storeDesc" v-html="storeMsg.storeDesc"></p>
+        <p :alt="storeMsg.storeDesc" class="ellipsis" v-html="storeMsg.storeDesc"></p>
       </div>
       <div>
-        <span class="hover-pointer" @click="collect"><Icon type="ios-heart"
+        <span class="hover-pointer" @click="collect"><Icon :color="storeCollected ? '#ed3f14' : '#fff'"
-                                                           :color="storeCollected ? '#ed3f14' : '#fff'"/>{{
+                                                           type="ios-heart"/>{{
             storeCollected ? '已收藏店铺' : '收藏店铺'
           }}</span>
-        <span style="width:80px" class="hover-pointer ml_10" @click="IMService(storeMsg.storeId)"><Icon
+        <span class="hover-pointer ml_10" style="width:80px" @click="IMService(storeMsg.storeId)"><Icon
           custom="icomoon icon-customer-service"/>联系客服</span>
       </div>
     </div>
@@ -26,7 +26,7 @@
         >
           首页
         </li>
-        <li class="cate-item" v-for="(cate, index) in cateList" :key="index">
+        <li v-for="(cate, index) in cateList" :key="index" class="cate-item">
           <Dropdown v-if="cate.children.length">
             <div @click.self="searchByCate(cate)">
               {{ cate.labelName }}
@@ -34,10 +34,10 @@
             </div>
             <DropdownMenu slot="list">
               <DropdownItem
-                @click.native="searchByCate(sec)"
-                :name="sec.id"
                 v-for="sec in cate.children"
                 :key="sec.id"
+                :name="sec.id"
+                @click.native="searchByCate(sec)"
               >{{ sec.labelName }}
               </DropdownItem
               >
@@ -63,38 +63,38 @@
 
         <empty v-if="goodsList.length === 0"/>
         <div
-          v-else
-          class="goods-show-info"
           v-for="(item, index) in goodsList"
+          v-else
           :key="index"
-          @click="goGoodsDetail(item.content.id, item.content.goodsId)"
+          class="goods-show-info"
+          @click="goGoodsDetail(item.id, item.goodsId)"
         >
           <div class="goods-show-img">
-            <img width="220" height="220" :src="item.content.thumbnail"/>
+            <img :src="item.thumbnail" height="220" width="220" alt=""/>
           </div>
           <div class="goods-show-price">
             <span>
               <span class="seckill-price text-danger">{{
-                  item.content.price | unitPrice("￥")
+                  item.price | unitPrice("￥")
                 }}</span>
             </span>
           </div>
           <div class="goods-show-detail">
-            <span>{{ item.content.goodsName }}</span>
+            <span>{{ item.goodsName }}</span>
           </div>
           <div class="goods-show-num">
-            已有<span>{{ item.content.commentNum || 0 }}</span
+            已有<span>{{ item.commentNum || 0 }}</span
           >人评价
           </div>
         </div>
       </div>
       <div class="goods-page">
         <Page
+          :page-size="params.pageSize"
+          :total="total"
           show-sizer
           @on-change="changePageNum"
           @on-page-size-change="changePageSize"
-          :total="total"
-          :page-size="params.pageSize"
         ></Page>
       </div>
 
@@ -107,15 +107,14 @@
 
 <script>
 
-import {getDetailById, getCateById} from "@/api/shopentry";
+import {getCateById, getDetailById} from "@/api/shopentry";
-import {cancelStoreCollect, collectStore, isStoreCollection} from "@/api/member";
+import {cancelStoreCollect, collectStore} from "@/api/member";
 import {goodsList} from "@/api/goods";
 import Search from "@/components/Search";
 import ModelForm from "@/components/indexDecorate/ModelForm";
 import HoverSearch from "@/components/header/hoverSearch";
 import storage from "@/plugins/storage";
 import {getFloorStoreData} from "@/api/index.js";
-import {seckillByDay} from "@/api/promotion";
 import imTalk from '@/components/mixes/talkIm'
 
 export default {
@@ -165,8 +164,8 @@ export default {
             let dataJson = JSON.parse(res.result.pageData);
             // 秒杀活动不是装修的数据，需要调用接口判断是否有秒杀商品
             // 轮播图根据不同轮播，样式不同
-            for (let i = 0; i < dataJson.list.length; i++) {
+            for (const element of dataJson.list) {
-              let type = dataJson.list[i].type;
+              let type = element.type;
               if (type === "carousel2") {
                 this.carouselLarge = true;
               } else if (type === "carousel1") {
@@ -255,8 +254,8 @@ export default {
       goodsList(this.params)
         .then((res) => {
           if (res.success) {
-            this.goodsList = res.result.content;
+            this.goodsList = res.result;
-            this.total = res.result.totalElements;
+            this.total = res.result.total;
           }
         })
         .catch(() => {
@@ -313,7 +312,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 @import "../assets/styles/goodsList.scss";
 
 .merchant {