clunt
/
dingdong-mall
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

对接后台接口

This commit is contained in:
donqi 2022-05-23 17:39:24 +08:00
parent 767b05e9fa
commit 6c3b7196ad
4 changed files with 374 additions and 165 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
common/js/globalData.js
View File

@ -1,5 +1,6 @@
export default { export default {
deptId: 101, deptId: 101,
from: 'customer',
initPageNum: 1, initPageNum: 1,
initPageSize: 5 initPageSize: 5
} }

47
common/js/request.js
View File

@ -6,9 +6,17 @@ export default {
uni.addInterceptor('request', { uni.addInterceptor('request', {
invoke(args) { invoke(args) {
// request 触发前拼接 url // request 触发前拼接 url
// args.url = 'https://www.opsoul.com' + args.url; args.url = 'https://www.opsoul.com' + args.url;
// args.url = 'http://192.168.2.3:80' + args.url; // args.url = 'http://192.168.2.3:80' + args.url;
args.url = 'http://127.0.0.1:80' + args.url; // args.url = 'http://127.0.0.1:80' + args.url;
if (args.data) {
args.data.deptId = globalData.deptId;
args.data.from = globalData.from;
}
if (args.header) {
args.header.deptId = globalData.deptId;
args.header.from = globalData.from;
}
// console.log("停止触发"); // console.log("停止触发");
// return false; // return false;
}, },
@ -61,14 +69,8 @@ export default {
} }
}) })
}, },
async login() { async login() {
// 从缓存中获取登录信息 let userInfo = await wx.getUserProfile({
let userInfo = uni.getStorageSync('userProfile');
if (userInfo) {
return true;
}
userInfo = await wx.getUserProfile({
desc: '用于小程序登录' desc: '用于小程序登录'
}); });
console.log("从微信获取基本用户信息：" + userInfo); console.log("从微信获取基本用户信息：" + userInfo);
@ -110,7 +112,7 @@ export default {
console.log("通过后台服务获取用户信息：" + userInfo); console.log("通过后台服务获取用户信息：" + userInfo);
if (!userInfo || userInfo.customerId == null || userInfo.customerId == undefined) { if (!userInfo || userInfo.customerId == null || userInfo.customerId == undefined) {
uni.showToast({ uni.showToast({
icon: 'error', icon: 'none',
title: '微信用户信息获取失败，请退出小程序重试' title: '微信用户信息获取失败，请退出小程序重试'
}) })
return false; return false;
@ -225,5 +227,26 @@ export default {
data: params data: params
}) })
return res[1].data; return res[1].data;
} },
async listByStep(params = {goodsCategoryId : null}) {
let res = await uni.request({
url: '/goods/deptcategory/listByStep',
method: 'POST',
data: params
})
return res[1].data;
},
async uploadFile(filePath) {
let res = await uni.uploadFile({
url: this.address + '/tool/qiniu/upload',
filePath: filePath,
name: 'uploadFile'
})
let resStr = res[1].data;
let resObj = {};
if (resStr != null && resStr.length > 0) {
resObj = JSON.parse(resStr);
}
return resObj;
},
} }

199
pages/index/home.vue
View File

@ -1,24 +1,28 @@
<template name="index"> <template name="index">
<view> <view>
<!-- 轮播图--> <!-- 轮播图-->
<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true" <swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"
:autoplay="true" interval="5000" duration="500"> :autoplay="true" interval="5000" duration="500">
<swiper-item v-for="(item,index) in swiperList" :key="item.id"> <swiper-item v-for="(item,index) in swiperList" :key="item.id">
<image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image> <image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image>
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover" <video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover"
v-if="item.type=='video'"></video> v-if="item.type=='video'"></video>
</swiper-item> </swiper-item>
</swiper> </swiper>
<!-- 搜索栏 --> <!-- 搜索栏 -->
<view class="cu-bar search bg-white"> <view class="cu-bar search bg-white">
<view class="search-form round"> <view class="search-form round">
<text class="cuIcon-search"></text> <text class="cuIcon-search"></text>
<input @confirm="searchGoods" :adjust-position="true" type="text" <input @confirm="searchGoods" :adjust-position="true" type="text" placeholder="输入搜索内容"
placeholder="输入搜索内容" confirm-type="search"></input> confirm-type="search"></input>
</view> </view>
<!-- 区域筛选picker -->
<view class="action"> <view class="action">
<text>广州</text> <picker :mode="'multiSelector'" @change="regionChange"
<text class="cuIcon-location"></text> @columnchange="regionColChange" :value="areaMultiIndex" :range-key="'areaName'" :range="areaList">
<text>{{searchInfo.area && searchInfo.area.length ? searchInfo.area[2].areaName : areaList[2][0].areaName}}</text>
<text class="cuIcon-location"></text>
</picker>
</view> </view>
</view> </view>
<view class="margin-lr-sm margin-bottom-with-bar"> <view class="margin-lr-sm margin-bottom-with-bar">
@ -42,7 +46,8 @@
</view> </view>
<!-- 热门细类 --> <!-- 热门细类 -->
<view class="cu-list grid no-border hot-sub-category" :class="['col-5']"> <view class="cu-list grid no-border hot-sub-category" :class="['col-5']">
<view class="cu-item" v-for="(item,index) in subCategories" :key="index" v-if="index < 5" @click="searchGoods(item)"> <view class="cu-item" v-for="(item,index) in subCategories" :key="index" v-if="index < 5"
@click="searchGoods(item)">
<view class="hot-sub-category-icon" :class="['cuIcon-' + item.cuIcon,'text-' + item.color]"> <view class="hot-sub-category-icon" :class="['cuIcon-' + item.cuIcon,'text-' + item.color]">
<view class="cu-tag badge" v-if="item.badge!=0"> <view class="cu-tag badge" v-if="item.badge!=0">
<block v-if="item.badge!=1">{{item.badge}}</block> <block v-if="item.badge!=1">{{item.badge}}</block>
@ -66,20 +71,20 @@
<!-- 超值服务 --> <!-- 超值服务 -->
<vertical-goods-card ref="discountGoodsCard" :goodsInfos="discountGoods.goodsInfos" <vertical-goods-card ref="discountGoodsCard" :goodsInfos="discountGoods.goodsInfos"
:title="discountGoods.title"></vertical-goods-card> :title="discountGoods.title"></vertical-goods-card>
<!-- 热门服务 --> <!-- 热门服务 -->
<vertical-goods-card ref="hotGoodsCard" :goodsInfos="hotGoods.goodsInfos" <vertical-goods-card ref="hotGoodsCard" :goodsInfos="hotGoods.goodsInfos" :title="hotGoods.title">
:title="hotGoods.title"></vertical-goods-card> </vertical-goods-card>
</view> </view>
<!-- 强制要求用户授权登录的弹窗 --> <!-- 强制要求用户授权登录的弹窗 -->
<view class="cu-modal" :class="isAuthWxLoginModal?'show':''"> <view class="cu-modal" :class="isAuthWxLoginModal?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">
<view class="padding-xl"> <view class="padding-xl">
需先授权微信登录才可正常使用功能 需先授权微信登录才可正常使用功能
</view> </view>
<view class="cu-bar bg-white"> <view class="cu-bar bg-white">
<view class="action margin-0 flex-sub text-main-color solid-left" @tap="authWxLogin">确认授权</view> <view class="action margin-0 flex-sub text-main-color solid-left" @tap="authWxLogin">确认授权</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
@ -87,7 +92,7 @@
<script> <script>
import verticalGoodsCard from '@/components/goods-card/vertical-goods-card.vue'; import verticalGoodsCard from '@/components/goods-card/vertical-goods-card.vue';
export default { export default {
name: 'index', name: 'index',
components: { components: {
verticalGoodsCard verticalGoodsCard
@ -100,39 +105,103 @@
categories: [], categories: [],
subCategories: [], subCategories: [],
hotGoods: {}, hotGoods: {},
discountGoods: {}, discountGoods: {},
InputBottom: 0, InputBottom: 0,
isAuthWxLoginModal: false isAuthWxLoginModal: false,
searchInfo: {},
areaList: [],
areaMultiIndex: [0, 0, 0],
} }
}, },
mounted() { mounted() {
this.bindEvent(); this.bindEvent();
}, },
beforeDestroy() { beforeDestroy() {
this.offBindEvent(); this.offBindEvent();
}, },
onReady() { onReady() {
this.loadData(); this.loadData();
}, },
methods: { methods: {
async loadData() { async loadData() {
let curUserInfo = this.$request.getCurUserInfo(); let curUserInfo = this.$request.getCurUserInfo();
this.isAuthWxLoginModal = curUserInfo ? false : true; this.isAuthWxLoginModal = curUserInfo ? false : true;
if (this.isAuthWxLoginModal) { if (this.isAuthWxLoginModal) {
return; return;
} }
this.loadRegionList();
this.swiperList = await this.$api.data('swiperList'); this.swiperList = await this.$api.data('swiperList');
this.categories = await this.$api.data('categories'); this.categories = await this.$api.data('categories');
this.subCategories = await this.$api.data('subCategories'); this.subCategories = await this.$api.data('subCategories');
this.moduleBarInfos = await this.$api.data('moduleBarInfos'); this.moduleBarInfos = await this.$api.data('moduleBarInfos');
this.hotGoods = await this.$api.data('hotGoods'); this.hotGoods = await this.$api.data('hotGoods');
this.discountGoods = await this.$api.data('discountGoods'); this.discountGoods = await this.$api.data('discountGoods');
}, },
bindEvent() { bindEvent() {
uni.$on('index_showProductDetail', this.showDetails); uni.$on('index_showProductDetail', this.showDetails);
}, },
offBindEvent() { offBindEvent() {
uni.$off('index_showProductDetail'); uni.$off('index_showProductDetail');
},
async loadRegionList() {
let regionList = await this.$request.areaListByStep();
regionList = regionList.data;
let subRegionList = [];
let subSubRegionList = [];
if (regionList && regionList.length > 0) {
subRegionList = await this.$request.areaListByStep({
parentCode: regionList[0].areaCode
});
subRegionList = subRegionList.data;
}
if (subRegionList && subRegionList.length > 0) {
subSubRegionList = await this.$request.areaListByStep({
parentCode: subRegionList[0].areaCode
});
subSubRegionList = subSubRegionList.data;
}
this.areaList.push(regionList);
this.areaList.push(subRegionList);
this.areaList.push(subSubRegionList);
},
regionChange(e) {
this.areaMultiIndex = e.detail.value;
let chosenArea = [];
for (let i = 0; i < this.areaList.length; i++) {
chosenArea.push(this.areaList[i][this.areaMultiIndex[i]]);
}
this.searchInfo.area = chosenArea;
},
async regionColChange(e) {
let colObj = e.detail;
if (colObj.column == 0) {
// 通过一级查二级
let subAreaList = await this.$request.areaListByStep({
parentCode: this.areaList[0][colObj.value].areaCode
});
subAreaList = subAreaList.data;
let subSubAreaList = [];
if (subAreaList.length) {
subSubAreaList = await this.$request.areaListByStep({
parentCode: subAreaList[0].areaCode
});
subSubAreaList = subSubAreaList.data;
}
this.areaList.pop();
this.areaList.pop();
this.areaList.push(subAreaList);
this.areaList.push(subSubAreaList);
this.areaMultiIndex = [colObj.value, 0, 0];
} else if (colObj.column == 1) {
// 通过二级查三级
let subAreaList = await this.$request.areaListByStep({
parentCode: this.regionList[0][colObj.value].areaCode
});
subAreaList = subAreaList.data;
this.areaList.pop();
this.areaList.push(subAreaList);
this.areaMultiIndex = [this.areaMultiIndex[0], colObj.value, 0];
}
}, },
async tabSelect(e) { async tabSelect(e) {
this.tabCur = e.currentTarget.dataset.id; this.tabCur = e.currentTarget.dataset.id;
@ -142,26 +211,26 @@
let allSubCategories = await this.$api.data('subCategories'); let allSubCategories = await this.$api.data('subCategories');
this.subCategories = allSubCategories.slice(0, (4 - categoryId) * 5); this.subCategories = allSubCategories.slice(0, (4 - categoryId) * 5);
}, },
searchGoods(item) { searchGoods(item) {
console.log("搜索条件信息: " + item) console.log("搜索条件信息: " + item)
console.log("商品搜索中..."); console.log("商品搜索中...");
}, },
showDetails(productItem) { showDetails(productItem) {
uni.navigateTo({ uni.navigateTo({
url: '../product/product-detail' url: '../product/product-detail'
}); });
}, },
showProductCategories() { showProductCategories() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/product/product-category' url: '/pages/product/product-category'
}) })
}, },
authWxLogin() { authWxLogin() {
this.$request.login().then(res => { this.$request.login().then(res => {
if (res) { if (res) {
this.loadData(); this.loadData();
} }
}) })
} }
} }
} }

292
pages/product/filtered-products.vue
View File

@ -19,23 +19,32 @@
<view class="cu-item" v-for="(item,index) in taskConditions" v-if="item.type !== 1" :key="index" <view class="cu-item" v-for="(item,index) in taskConditions" v-if="item.type !== 1" :key="index"
@tap="tabSelect" :data-id="index"> @tap="tabSelect" :data-id="index">
<!-- 区域筛选picker --> <!-- 区域筛选picker -->
<picker v-if="item.code === 'area'" :mode="'multiSelector'" @change="regionChange" <picker v-if="item.code === 'area'" :mode="'multiSelector'" @change="regionChange" @columnchange="regionColChange"
:value="areaMultiIndex" :range-key="'name'" :range="areaList"> :value="areaMultiIndex" :range-key="'areaName'" :range="areaList">
{{item.title}} <view class="flex justify-start">
<text class="text-lg"><text class="cuIcon-triangledownfill"></text></text> <view class="text-cut search-nav-item-text">
{{taskConditions[0].value && taskConditions[0].value.length ? taskConditions[0].value[2].areaName : item.title}}
</view>
<text class="text-lg"><text class="cuIcon-triangledownfill"></text></text>
</view>
</picker> </picker>
<!-- 品类筛选picker --> <!-- 品类筛选picker -->
<picker v-else-if="item.code === 'category'" :mode="'multiSelector'" @change="categoryChange" <picker v-else-if="item.code === 'category'" :mode="'multiSelector'" @change="categoryChange"
:value="categoryMultiIndex" :range-key="'name'" :range="categoryList"> @columnchange="categoryColChange" :value="categoryMultiIndex" :range-key="'goodsCategoryName'"
{{item.title}} :range="categoryList">
<text class="text-lg"><text class="cuIcon-triangledownfill"></text></text> <view class="flex justify-start">
<view class="text-cut search-nav-item-text">
{{taskConditions[1].value && taskConditions[1].value.length ? taskConditions[1].value[2].goodsCategoryName : item.title}}
</view>
<text class="text-lg"><text class="cuIcon-triangledownfill"></text></text>
</view>
</picker> </picker>
<text v-else> <view v-else class="flex justify-start">
{{item.title}} <view class="search-nav-item-text">{{item.title}}</view>
<text v-if="item.type === 0" class="text-lg"><text <text v-if="item.type === 0" class="text-lg"><text
:class="item.value === 0 ? 'cuIcon-triangleupfill' : 'cuIcon-triangledownfill'"></text></text> :class="item.value === 0 ? 'cuIcon-triangleupfill' : 'cuIcon-triangledownfill'"></text></text>
<text v-else class="text-lg"><text class="cuIcon-triangledownfill"></text></text> <text v-else class="text-lg"><text class="cuIcon-triangledownfill"></text></text>
</text> </view>
</view> </view>
<view class="cu-item" v-else> <view class="cu-item" v-else>
<button class="cu-btn bg-grey round shadow-blur">{{item.title}}</button> <button class="cu-btn bg-grey round shadow-blur">{{item.title}}</button>
@ -48,13 +57,13 @@
v-for="(item, index) in productList"> v-for="(item, index) in productList">
<horizontal-goods-card :ifShowServArea="true" :product="item"></horizontal-goods-card> <horizontal-goods-card :ifShowServArea="true" :product="item"></horizontal-goods-card>
</view> </view>
</view> </view>
<view class="margin-bottom-lg"> <view class="margin-bottom-lg">
<view v-if="hasMoreData" class="text-center bg-main-color light padding-tb-sm" @click="loadData"> <view v-if="hasMoreData" class="text-center bg-main-color light padding-tb-sm" @click="loadProductData">
<text class="margin-right-xs">查看更多</text> <text class="margin-right-xs">查看更多</text>
<text class="text-bold cuIcon-unfold"></text> <text class="text-bold cuIcon-unfold"></text>
</view> </view>
<view class="cu-load" :class="loadMoreStatus"></view> <view class="cu-load" :class="loadMoreStatus"></view>
</view> </view>
</view> </view>
</template> </template>
@ -68,14 +77,14 @@
}, },
data() { data() {
return { return {
productList: [], productList: [],
loadMoreStatus: '', loadMoreStatus: '',
hasMoreData: false, hasMoreData: false,
pageNum: this.$globalData.initPageNum, pageNum: this.$globalData.initPageNum,
pageSize: this.$globalData.initPageSize, pageSize: this.$globalData.initPageSize,
stickyTop: this.CustomBar, stickyTop: this.CustomBar,
// type: 0=升降序，1=功能按钮；order: 0=升序，1=降序； // type: 0=升降序，1=功能按钮；order: 0=升序，1=降序；
tabCur: 0, tabCur: 0,
scrollLeft: 0, scrollLeft: 0,
taskConditions: [{ taskConditions: [{
code: 'area', code: 'area',
@ -97,88 +106,195 @@
code: 'reset', code: 'reset',
type: 1, type: 1,
title: '重置' title: '重置'
}], }],
areaList: [], areaList: [],
areaMultiIndex: [0, 0, 0], areaMultiIndex: [0, 0, 0],
categoryList: [], categoryList: [],
categoryMultiIndex: [0, 0, 0] categoryMultiIndex: [0, 0, 0]
} }
}, },
onLoad(options) { onLoad(options) {
let params = JSON.parse(decodeURIComponent(options.params)); let params = JSON.parse(decodeURIComponent(options.params));
if (typeof params.pageNum === 'number' && typeof params.pageSize === 'number') { if (typeof params.pageNum === 'number' && typeof params.pageSize === 'number') {
this.pageNum = params.pageNum; this.pageNum = params.pageNum;
this.pageSize = params.pageSize; this.pageSize = params.pageSize;
} }
this.loadData(params); this.loadData(params);
}, },
methods: { methods: {
async loadProductPage(params) { loadData(params) {
// let shopInfo = await this.$api.data('shopInfo'); this.loadCategoryList();
// this.productList = shopInfo.productList; this.loadRegionList();
let res = await this.$request.qryProductPage(params); this.loadProductData(params);
let rowsLength = res[1].data.rows.length; },
if (rowsLength == 0) { async loadProductData(params) {
return; params.pageNum = this.pageNum;
} else if (rowsLength === this.pageSize) { params.pageSize = this.pageSize;
this.hasMoreData = true; this.loadMoreStatus = 'loading bg-main-color light';
} this.hasMoreData = false;
this.productList = this.productList.concat(res[1].data.rows); try {
this.pageNum++; await this.loadProductPage(params);
}, this.loadMoreStatus = this.hasMoreData ? '' : 'over bg-grey';
async loadData(params) { } catch (e) {
params.pageNum = this.pageNum; this.loadMoreStatus = 'erro bg-red'
params.pageSize = this.pageSize; }
this.loadMoreStatus = 'loading bg-main-color light'; },
this.hasMoreData = false; async loadProductPage(params) {
try { // let shopInfo = await this.$api.data('shopInfo');
await this.loadProductPage(params); // this.productList = shopInfo.productList;
this.loadMoreStatus = this.hasMoreData ? '' : 'over bg-grey'; let res = await this.$request.qryProductPage(params);
} catch (e) { let rowsLength = res[1].data.rows.length;
this.loadMoreStatus = 'erro bg-red' if (rowsLength == 0) {
} return;
} else if (rowsLength === this.pageSize) {
this.hasMoreData = true;
}
this.productList = this.productList.concat(res[1].data.rows);
this.pageNum++;
},
async loadCategoryList(idArr) {
let typeList = await this.$request.listByStep();
typeList = typeList.data;
let col1Id = idArr ? idArr[0] : typeList[0].goodsCategoryId;
let subTypeList = await this.$request.listByStep({
goodsCategoryId: col1Id
});
subTypeList = subTypeList.data;
let col2Id = idArr ? idArr[1] : subTypeList[0].goodsCategoryId;
let subSubTypeList = await this.$request.listByStep({
goodsCategoryId: col2Id
});
subSubTypeList = subSubTypeList.data;
this.categoryList.push(typeList);
this.categoryList.push(subTypeList);
this.categoryList.push(subSubTypeList);
},
async loadRegionList() {
let regionList = await this.$request.areaListByStep();
regionList = regionList.data;
let subRegionList = [];
let subSubRegionList = [];
if (regionList && regionList.length > 0) {
subRegionList = await this.$request.areaListByStep({
parentCode: regionList[0].areaCode
});
subRegionList = subRegionList.data;
}
if (subRegionList && subRegionList.length > 0) {
subSubRegionList = await this.$request.areaListByStep({
parentCode: subRegionList[0].areaCode
});
subSubRegionList = subSubRegionList.data;
}
this.areaList.push(regionList);
this.areaList.push(subRegionList);
this.areaList.push(subSubRegionList);
}, },
searchGoods(e) { searchGoods(e) {
console.log("搜索" + e.detail.value) console.log("搜索" + e.detail.value)
},
tabSelect(e) {
this.tabCur = e.currentTarget.dataset.id;
this.scrollLeft = (e.currentTarget.dataset.id - 1) * 70;
let conditionType = this.taskConditions[this.tabCur].type;
let conditionCode = this.taskConditions[this.tabCur].code;
if (conditionType === 0) {
// 升降序类型的条件切换升降序
let orderVal = this.taskConditions[this.tabCur].value;
this.taskConditions[this.tabCur].value = orderVal === 0 ? 1 : 0;
}
}, },
showDetails(productItem) { tabSelect(e) {
let params = { this.tabCur = e.currentTarget.dataset.id;
id: productItem.goodsId this.scrollLeft = (e.currentTarget.dataset.id - 1) * 70;
let conditionType = this.taskConditions[this.tabCur].type;
let conditionCode = this.taskConditions[this.tabCur].code;
if (conditionType === 0) {
// 升降序类型的条件切换升降序
let orderVal = this.taskConditions[this.tabCur].value;
this.taskConditions[this.tabCur].value = orderVal === 0 ? 1 : 0;
}
},
showDetails(productItem) {
let params = {
id: productItem.goodsId
} }
uni.navigateTo({ uni.navigateTo({
url: '/pages/product/product-detail?params=' + encodeURIComponent(JSON.stringify(params)) url: '/pages/product/product-detail?params=' + encodeURIComponent(JSON.stringify(params))
}); });
},
regionChange(e) {
this.areaMultiIndex = e.detail.value;
let chosenArea = [];
for (let i = 0; i < this.areaList.length; i++) {
chosenArea.push(this.areaList[i][this.areaMultiIndex[i]]);
}
this.taskConditions[this.tabCur].value = chosenArea;
}, },
regionChange(e) { async regionColChange(e) {
this.areaMultiIndex = e.detail.value; let colObj = e.detail;
let chosenArea = []; if (colObj.column == 0) {
for(let i = 0; i < this.areaList.length; i++) { // 通过一级查二级
chosenArea.push(this.areaList[i][this.areaMultiIndex[i]]); let subAreaList = await this.$request.areaListByStep({parentCode: this.areaList[0][colObj.value].areaCode});
subAreaList = subAreaList.data;
let subSubAreaList = [];
if (subAreaList.length) {
subSubAreaList = await this.$request.areaListByStep({parentCode: subAreaList[0].areaCode});
subSubAreaList = subSubAreaList.data;
}
this.areaList.pop();
this.areaList.pop();
this.areaList.push(subAreaList);
this.areaList.push(subSubAreaList);
this.areaMultiIndex = [colObj.value, 0, 0];
} else if (colObj.column == 1) {
// 通过二级查三级
let subAreaList = await this.$request.areaListByStep({parentCode: this.regionList[0][colObj.value].areaCode});
subAreaList = subAreaList.data;
this.areaList.pop();
this.areaList.push(subAreaList);
this.areaMultiIndex = [this.areaMultiIndex[0], colObj.value, 0];
} }
this.taskConditions[this.tabCur].value = chosenArea; },
}, async categoryChange(e) {
categoryChange(e) { this.categoryMultiIndex = e.detail.value;
this.categoryMultiIndex = e.detail.value; let chosenCategory = [];
let chosenCategory = []; for (let i = 0; i < this.categoryList.length; i++) {
for(let i = 0; i < this.categoryList.length; i++) { chosenCategory.push(this.categoryList[i][this.categoryMultiIndex[i]]);
chosenCategory.push(this.categoryList[i][this.categoryMultiIndex[i]]); }
} this.taskConditions[this.tabCur].value = chosenCategory;
this.taskConditions[this.tabCur].value = chosenCategory; },
} async categoryColChange(e) {
let colObj = e.detail;
if (colObj.column == 0) {
// 通过一级查询二级
let subTypeList = await this.$request.listByStep({
goodsCategoryId: this.categoryList[0][colObj.value].goodsCategoryId
});
subTypeList = subTypeList.data;
let subSubTypeList = await this.$request.listByStep({
goodsCategoryId: subTypeList[0].goodsCategoryId
});
subSubTypeList = subSubTypeList.data;
this.categoryList.pop();
this.categoryList.pop();
this.categoryList.push(subTypeList);
this.categoryList.push(subSubTypeList);
this.categoryMultiIndex = [colObj.value, 0, 0];
} else if (colObj.column == 1) {
// 通过二级查三级
let subSubTypeList = await this.$request.listByStep({
goodsCategoryId: this.categoryList[1][colObj.value].goodsCategoryId
});
subSubTypeList = subSubTypeList.data;
this.categoryList.pop();
this.categoryList.push(subSubTypeList);
this.categoryMultiIndex = [this.categoryMultiIndex[0], colObj.value, 0];
}
},
}, },
} }
</script> </script>
<style> <style scoped>
.search-nav-item-text {
width: 100rpx;
}
.nav .cu-item {
height: 90rpx;
display: inline-block;
line-height: 90rpx;
margin: 0;
padding: 0 10rpx;
}
</style> </style>