商家楼层装修

This commit is contained in:
lemon橪
2022-03-03 11:26:50 +08:00
parent 403ae0a963
commit 378ac39315
110 changed files with 9853 additions and 290 deletions

View File

@@ -3,10 +3,10 @@ var BASE = {
* @description api请求基础路径
*/
API_DEV: {
common: "https://common-api.pickmall.cn",
common: "http://192.168.0.102:8890",
buyer: "https://buyer-api.pickmall.cn",
seller: "https://store-api.pickmall.cn",
manager: "https://admin-api.pickmall.cn"
manager: "http://192.168.0.102:8887"
},
API_PROD: {
common: "https://common-api.pickmall.cn",

View File

@@ -4,19 +4,60 @@
<div class="query-wrapper">
<div class="query-item">
<div>搜索范围</div>
<Input placeholder="商品名称" @on-clear="goodsData=[]; goodsParams.goodsName=''; goodsParams.pageNumber = 1; getQueryGoodsList()" @on-enter="()=>{goodsData=[];goodsParams.pageNumber =1; getQueryGoodsList();}" icon="ios-search" clearable
style="width: 150px" v-model="goodsParams.goodsName" />
<Input
placeholder="商品名称"
@on-clear="
goodsData = [];
goodsParams.goodsName = '';
goodsParams.pageNumber = 1;
getQueryGoodsList();
"
@on-enter="
() => {
goodsData = [];
goodsParams.pageNumber = 1;
getQueryGoodsList();
}
"
icon="ios-search"
clearable
style="width: 150px"
v-model="goodsParams.goodsName"
/>
</div>
<div class="query-item">
<Cascader v-model="category" placeholder="请选择商品分类" style="width: 250px" :data="skuList"></Cascader>
<Cascader
v-model="category"
placeholder="请选择商品分类"
style="width: 250px"
:data="skuList"
></Cascader>
</div>
<div class="query-item">
<Button type="primary" @click="goodsData=[]; getQueryGoodsList();" icon="ios-search">搜索</Button>
<Button
type="primary"
@click="
goodsData = [];
getQueryGoodsList();
"
icon="ios-search"
>搜索</Button
>
</div>
</div>
<div style="positon:retavle;">
<Scroll class="wap-content-list" :on-reach-bottom="handleReachBottom" :distance-to-edge="[3,3]">
<div class="wap-content-item" :class="{ active: item.selected }" @click="checkedGoods(item, index)" v-for="(item, index) in goodsData" :key="index">
<div>
<Scroll
class="wap-content-list"
:on-reach-bottom="handleReachBottom"
:distance-to-edge="[3, 3]"
>
<div
class="wap-content-item"
:class="{ active: item.selected }"
@click="checkedGoods(item, index)"
v-for="(item, index) in goodsData"
:key="index"
>
<div>
<img :src="item.thumbnail" alt="" />
</div>
@@ -32,7 +73,6 @@
<div v-if="empty" class="empty">暂无商品信息</div>
</Scroll>
</div>
</div>
</div>
@@ -44,8 +84,9 @@ export default {
return {
type: "multiple", //单选或者多选 single multiple
skuList: [], // 商品sku列表
total: 0, // 商品总数
goodsParams: { // 商品请求参数
total: 0, // 商品总数
goodsParams: {
// 商品请求参数
pageNumber: 1,
pageSize: 18,
order: "desc",
@@ -62,12 +103,12 @@ export default {
};
},
props: {
selectedWay: {
selectedWay: {
type: Array,
default: function(){
return new Array()
}
}
default: function () {
return new Array();
},
},
},
watch: {
category(val) {
@@ -78,7 +119,7 @@ export default {
this.$emit("selected", this.selectedWay);
},
deep: true,
immediate: true
immediate: true,
},
"goodsParams.categoryPath": {
handler: function () {
@@ -112,22 +153,21 @@ export default {
},
// 获取列表方法
initGoods(res) {
if (res.result.records.length !=0) {
if (res.result.records.length != 0) {
res.result.records.forEach((item) => {
item.selected = false;
item.___type = "goods"; //设置为goods让pc wap知道标识
this.selectedWay.forEach(e => {
this.selectedWay.forEach((e) => {
if (e.id && e.id === item.id) {
item.selected = true
item.selected = true;
}
})
});
});
/**
* 解决数据请求中,滚动栏会一直上下跳动
*/
this.total = res.result.total;
this.goodsData.push(...res.result.records);
} else {
this.empty = true;
}
@@ -138,12 +178,12 @@ export default {
// 商品
this.initGoods(res);
});
if (localStorage.getItem('category')) {
this.deepGroup(JSON.parse(localStorage.getItem('category')))
if (localStorage.getItem("category")) {
this.deepGroup(JSON.parse(localStorage.getItem("category")));
} else {
setTimeout(() => {
this.deepGroup(JSON.parse(localStorage.getItem('category')))
},3000)
this.deepGroup(JSON.parse(localStorage.getItem("category")));
}, 3000);
}
},
@@ -203,9 +243,9 @@ export default {
this.selectedWay.push(val);
} else {
val.selected = false;
for (let i = 0; i<this.selectedWay.length; i++ ) {
if (this.selectedWay[i].id===val.id) {
this.selectedWay.splice(i,1)
for (let i = 0; i < this.selectedWay.length; i++) {
if (this.selectedWay[i].id === val.id) {
this.selectedWay.splice(i, 1);
break;
}
}

View File

@@ -1,9 +1,33 @@
<template>
<Modal :styles="{ top: '120px' }" width="1160" @on-cancel="clickClose" @on-ok="clickOK" v-model="flag" :mask-closable="false" scrollable>
<Modal
:styles="{ top: '120px' }"
width="1160"
@on-cancel="clickClose"
@on-ok="clickOK"
v-model="flag"
:mask-closable="false"
scrollable
>
<template v-if="flag">
<goodsDialog @selected="(val) => {goodsData = val;}"
v-if="goodsFlag" ref="goodsDialog" :selectedWay='goodsData'/>
<linkDialog @selectedLink="(val) => { linkData = val; }" v-else class="linkDialog" />
<goodsDialog
@selected="
(val) => {
goodsData = val;
}
"
v-if="goodsFlag"
ref="goodsDialog"
:selectedWay="goodsData"
/>
<linkDialog
@selectedLink="
(val) => {
linkData = val;
}
"
v-else
class="linkDialog"
/>
</template>
</Modal>
</template>
@@ -13,7 +37,7 @@ import linkDialog from "./link-dialog";
export default {
components: {
goodsDialog,
linkDialog
linkDialog,
},
data() {
return {
@@ -53,12 +77,11 @@ export default {
if (type == "goods") {
this.goodsFlag = true;
if (mutiple) {
this.singleGoods()
this.singleGoods();
}
} else {
this.goodsFlag = false;
}
},
// 关闭组件
close() {

View File

@@ -59,8 +59,8 @@
width="800"
:z-index="100"
:mask-closable="false"
>
<!-- 顶部广告 -->
<div class="modal-top-advert">
@@ -119,7 +119,7 @@
<liliDialog
ref="liliDialog"
@selectedLink="selectedLink"
></liliDialog>
<!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide>

View File

@@ -288,4 +288,4 @@ export default {
}
}
}
</style>
</style>