zhuce
/
lilishop-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

楼层装修问题处理

master
Chopper711 2022-12-07 16:58:51 +08:00
parent 29091739d4
commit 78b8a002e9
1 changed files with 101 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

188
buyer/src/pages/Merchant.vue
View File

@ -1,95 +1,104 @@
<template> <template>
<div class="merchant"> <div class="merchant">
<BaseHeader/> <BaseHeader/>
<!-- 搜索栏 --> <!-- 搜索栏 -->
<Search :store="true" @search="search"></Search> <Search :store="true" @search="search"></Search>
<!-- 店铺logo --> <!-- 店铺logo -->
<div class="shop-logo"> <div class="shop-logo">
<div> <div>
<p>{{storeMsg.storeName || 'xx店铺'}}</p> <p>{{ storeMsg.storeName || 'xx店铺' }}</p>
<p class="ellipsis" :alt="storeMsg.storeDesc" v-html="storeMsg.storeDesc"></p> <p class="ellipsis" :alt="storeMsg.storeDesc" v-html="storeMsg.storeDesc"></p>
</div>
<div>
<span class="hover-pointer" @click="collect"><Icon type="ios-heart" :color="storeCollected ? '#ed3f14' : '#fff'" />{{storeCollected?'已收藏店铺':'收藏店铺'}}</span>
<span style="width:80px" class="hover-pointer ml_10" @click="IMService()"><Icon custom="icomoon icon-customer-service" />联系客服</span>
</div>
</div> </div>
<div class="store-category"> <div>
<ul class="cate-list"> <span class="hover-pointer" @click="collect"><Icon type="ios-heart"
<li :color="storeCollected ? '#ed3f14' : '#fff'"/>{{
class="cate-item" storeCollected ? '已收藏店铺' : '收藏店铺'
@click="searchByCate({ id: '', labelName: '店铺推荐' })" }}</span>
> <span style="width:80px" class="hover-pointer ml_10" @click="IMService()"><Icon
首页 custom="icomoon icon-customer-service"/>联系客服</span>
</li>
<li class="cate-item" v-for="(cate, index) in cateList" :key="index">
<Dropdown v-if="cate.children.length">
<div @click.self="searchByCate(cate)">
{{ cate.labelName }}
<Icon type="ios-arrow-down"></Icon>
</div>
<DropdownMenu slot="list">
<DropdownItem
@click.native="searchByCate(sec)"
:name="sec.id"
v-for="sec in cate.children"
:key="sec.id"
>{{ sec.labelName }}
</DropdownItem
>
</DropdownMenu>
</Dropdown>
<span v-else @click.self="searchByCate(cate)">{{
cate.labelName
}}</span>
</li>
</ul>
</div> </div>
</div>
<div class="store-category">
<ul class="cate-list">
<li
class="cate-item"
@click="searchByCate({ id: '', labelName: '店铺推荐' })"
>
首页
</li>
<li class="cate-item" v-for="(cate, index) in cateList" :key="index">
<Dropdown v-if="cate.children.length">
<div @click.self="searchByCate(cate)">
{{ cate.labelName }}
<Icon type="ios-arrow-down"></Icon>
</div>
<DropdownMenu slot="list">
<DropdownItem
@click.native="searchByCate(sec)"
:name="sec.id"
v-for="sec in cate.children"
:key="sec.id"
>{{ sec.labelName }}
</DropdownItem
>
</DropdownMenu>
</Dropdown>
<span v-else @click.self="searchByCate(cate)">{{
cate.labelName
}}</span>
</li>
</ul>
</div>
<div v-if="storeMsg.pageShow&&storeMsg.pageShow==='1'">
<!-- 楼层装修部分 -->
<model-form ref="modelForm" :data="modelForm"></model-form>
</div>
<div v-else>
<div class="promotion-decorate">{{ cateName }}</div> <div class="promotion-decorate">{{ cateName }}</div>
<div class="goods-list">
<!-- <div class="goods-list">--> <empty v-if="goodsList.length === 0"/>
<!-- <empty v-if="goodsList.length === 0"/>--> <div
<!-- <div--> v-else
<!-- v-else--> class="goods-show-info"
<!-- class="goods-show-info"--> v-for="(item, index) in goodsList"
<!-- v-for="(item, index) in goodsList"--> :key="index"
<!-- :key="index"--> @click="goGoodsDetail(item.content.id, item.content.goodsId)"
<!-- @click="goGoodsDetail(item.content.id, item.content.goodsId)"--> >
<!-- >--> <div class="goods-show-img">
<!-- <div class="goods-show-img">--> <img width="220" height="220" :src="item.content.thumbnail"/>
<!-- <img width="220" height="220" :src="item.content.thumbnail"/>--> </div>
<!-- </div>--> <div class="goods-show-price">
<!-- <div class="goods-show-price">--> <span>
<!-- <span>--> <span class="seckill-price text-danger">{{
<!-- <span class="seckill-price text-danger">{{--> item.content.price | unitPrice("￥")
<!-- item.content.price | unitPrice("￥")--> }}</span>
<!-- }}</span>--> </span>
<!-- </span>--> </div>
<!-- </div>--> <div class="goods-show-detail">
<!-- <div class="goods-show-detail">--> <span>{{ item.content.goodsName }}</span>
<!-- <span>{{ item.content.goodsName }}</span>--> </div>
<!-- </div>--> <div class="goods-show-num">
<!-- <div class="goods-show-num">--> 已有<span>{{ item.content.commentNum || 0 }}</span
<!-- 已有<span>{{ item.content.commentNum || 0 }}</span--> >人评价
<!-- >人评价--> </div>
<!-- </div>--> </div>
<!-- </div>--> </div>
<!-- </div>--> <div class="goods-page">
<!-- <div class="goods-page">--> <Page
<!-- <Page--> show-sizer
<!-- show-sizer--> @on-change="changePageNum"
<!-- @on-change="changePageNum"--> @on-page-size-change="changePageSize"
<!-- @on-page-size-change="changePageSize"--> :total="total"
<!-- :total="total"--> :page-size="params.pageSize"
<!-- :page-size="params.pageSize"--> ></Page>
<!-- ></Page>--> </div>
<!-- </div>-->
<!-- -->
</div>
<!-- 楼层装修部分 -->
<model-form ref="modelForm" :data="modelForm"></model-form>
<BaseFooter/> <BaseFooter/>
@ -97,7 +106,7 @@
</template> </template>
<script> <script>
import { getIMDetail } from "@/api/common"; import {getIMDetail} from "@/api/common";
import Storage from "../plugins/storage"; import Storage from "../plugins/storage";
import {getDetailById, getCateById} from "@/api/shopentry"; import {getDetailById, getCateById} from "@/api/shopentry";
import {cancelCollect, collectGoods, isCollection} from "@/api/member"; import {cancelCollect, collectGoods, isCollection} from "@/api/member";
@ -131,7 +140,7 @@ export default {
cateList: [], // 店铺分裂 cateList: [], // 店铺分裂
goodsList: [], // 商品列表 goodsList: [], // 商品列表
total: 0, // 商品数量 total: 0, // 商品数量
IMLink:"", IMLink: "",
params: { params: {
// 请求参数 // 请求参数
pageNumber: 1, pageNumber: 1,
@ -234,8 +243,13 @@ export default {
this.storeMsg = res.result; this.storeMsg = res.result;
//判定如果开启楼层展示，则获取页面信息 否则读取商品信息
if (this.storeMsg.pageShow && this.storeMsg.pageShow === '1') {
this.getIndexData(); this.getIndexData();
} else {
this.getGoodsList();
}
let that = this; let that = this;
window.onscroll = function () { window.onscroll = function () {
let top = let top =