|
|
@@ -91,10 +91,10 @@
|
|
|
<template v-for="(item, index) in sellList" :key="index">
|
|
|
<div v-if="Number(index) < 5" class="sell-list">
|
|
|
<img class="sell-img" :src="item.productImage ? item.productImage.split(',')[0] : ''" alt="" />
|
|
|
- <div class="sell-name ellipsis2">{{ item.itemName || '格力KFR-72LW/定频冷暖空调柜机3P格力KFR行车自行车自行车行政村在' }}</div>
|
|
|
+ <div class="sell-name ellipsis2">{{ item.itemName || '' }}</div>
|
|
|
<div class="sell-price">
|
|
|
- <span class="price1">¥{{ item.memberPrice || '23.22' }}</span>
|
|
|
- <span class="price2">¥{{ item.marketPrice || '52.12' }}</span>
|
|
|
+ <span class="price1">¥{{ item.memberPrice || '' }}</span>
|
|
|
+ <span class="price2">¥{{ item.marketPrice || '' }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -104,13 +104,13 @@
|
|
|
<template v-for="(item, index) in tradeList" :key="index">
|
|
|
<div v-if="Number(index) < 4" class="trade-list flex-row-between">
|
|
|
<div class="trade-box flex-column-between">
|
|
|
- <div class="trade-title">新品推荐</div>
|
|
|
+ <div class="trade-title">{{ item.title||'' }}</div>
|
|
|
<div class="trade-info ellipsis2">
|
|
|
- 品质卓越,严选新品,直击企业效能升级需求,多场景适品质卓越,严选新品,直击企业效能升级需求,多场景适
|
|
|
+ {{ item.remark||'' }}
|
|
|
</div>
|
|
|
<img class="trade-look" src="@/assets/images/home/indexMro1.png" alt="" />
|
|
|
</div>
|
|
|
- <img class="trade-img" src="" alt="" />
|
|
|
+ <img class="trade-img" :src="item.imageUrl" alt="" />
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
@@ -118,7 +118,7 @@
|
|
|
<div class="goods-bos" v-for="(item, index) in goodsList" :key="index">
|
|
|
<div class="goods-title flex-row-center">
|
|
|
<img src="@/assets/images/home/indexMro2.png" alt="" />
|
|
|
- <span class="text-primary">电气控制产品</span>
|
|
|
+ <span class="text-primary">{{ item.name }}</span>
|
|
|
<span>精选</span>
|
|
|
<img src="@/assets/images/home/indexMro3.png" alt="" />
|
|
|
</div>
|
|
|
@@ -202,9 +202,9 @@ const classifyList = ref<any>([]);
|
|
|
const carouselList = ref<any>([]);
|
|
|
const realList = ref<any>([]);
|
|
|
const interestsList = ref<any>([]);
|
|
|
-const sellList = ref<any>([{}, {}, {}, {}, {}]);
|
|
|
-const tradeList = ref<any>([{}, {}, {}, {}, {}]);
|
|
|
-const goodsList = ref<any>([{}, {}, {}]);
|
|
|
+const sellList = ref<any>([]);
|
|
|
+const tradeList = ref<any>([]);
|
|
|
+const goodsList = ref<any>([]);
|
|
|
|
|
|
onMounted(() => {
|
|
|
if (getToken()) {
|
|
|
@@ -229,7 +229,9 @@ const enterClassify = (res: any) => {
|
|
|
};
|
|
|
|
|
|
//头部分类
|
|
|
-getProductCategoryTree({}).then((res) => {
|
|
|
+getProductCategoryTree({
|
|
|
+ platform:1
|
|
|
+}).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
classifyList.value = res.data;
|
|
|
}
|
|
|
@@ -259,21 +261,21 @@ getHomeIconAd({}).then((res) => {
|
|
|
//轮播展位商品(工业装修-轮播展位商品)
|
|
|
getCarouselDisplayProductList({}).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
- // sellList.value = res.data;
|
|
|
+ sellList.value = res.data;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//商业标签(工业装修-商业标签)
|
|
|
getBusinessLabelList({}).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
- // tradeList.value = res.data;
|
|
|
+ tradeList.value = res.data;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//循环
|
|
|
getIndustrialFloor({}).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
- // goodsList.value = res.data;
|
|
|
+ goodsList.value = res.data;
|
|
|
res.data.forEach((item: any) => {
|
|
|
getIndustrialFloorProductList({ floorId: item.id }).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
@@ -306,6 +308,7 @@ getRecommendedCategoryProductList({}).then((res) => {
|
|
|
.head-pages {
|
|
|
width: 100%;
|
|
|
background: #000000;
|
|
|
+ margin-top: 10px;
|
|
|
|
|
|
// 头部
|
|
|
.home-head {
|