From da1f751bea60280504d7fa04e6a547c68ef4381a Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期五, 12 七月 2024 17:49:30 +0800 Subject: [PATCH] add 商铺信息数据和商铺详情,还todo订单相关的 --- sub_pages/customer/trade/trade.vue | 55 ++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 48 insertions(+), 7 deletions(-) diff --git a/sub_pages/customer/trade/trade.vue b/sub_pages/customer/trade/trade.vue index 4539785..1964099 100644 --- a/sub_pages/customer/trade/trade.vue +++ b/sub_pages/customer/trade/trade.vue @@ -1,6 +1,6 @@ <template> <view class="container-trade" style="min-height: calc(100vh - 20rpx );"> - <view class="search-container m-t-12 flex" v-if="!(!list||list.length==0)&&true"> + <view class="search-container m-t-12 flex" v-if="!(!list||list.length==0)&&true&&!hidefooter"> <view class="flex1 input"> <u-input placeholder="请输入分类名称" v-model="query.name"> <template slot="suffix"> @@ -23,8 +23,8 @@ </view> <view class="canteen-item-container"> <view class="component-filter-container" style="padding-top: 12rpx;"> - <view class="flex1"> - 销量 + <view class="flex1" @click="openParamPop"> + 筛选 </view> <view class="flex1"> 颜色<image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image> @@ -69,10 +69,30 @@ - <view style="min-height:200rpx"> + <view style="min-height:200rpx" v-if="!hidefooter"> </view> - <common-footer flg="1"></common-footer> + <common-footer flg="1" v-if="!hidefooter">></common-footer> + <uni-popup ref="popup_param" type="bottom"> + <view class="component-popup_input_all" v-if="currentCategory&¤tCategory.params"> + <view class="text-center m-b-40" style="font-size: 48rpx;font-weight: 600;">商品参数设置</view> + <!-- 输入框--> + <view v-for="(item,i) in currentCategory.params" :key="i" class="m-t-20"> + <view class="title topic-font" style="font-size: 40rpx;font-weight: 600;">{{item.name}}</view> + <view class="m-t-12 flex value-items"> + <view class="value-item" @click="updateValue(item,each)" :class="[item.value===each?'cur':'']" + v-for="(each, j) in item.values" :key="j"> + {{each || '-'}} + </view> + </view> + </view> + <view class="button-space"></view> + <view> + <view class="button-green button-white" @click="closeParamPop">关闭</view> + <view class="button-green" @click="updateParamsAndSearch">查询</view> + </view> + </view> + </uni-popup> </view> </template> @@ -81,6 +101,9 @@ mapState } from 'vuex' export default { + props: { + hidefooter: false, + }, data() { return { list: [], @@ -89,6 +112,7 @@ name: '', categoryId: '', }, + currentCategory: {} } }, @@ -98,6 +122,7 @@ this.list = data || [] if (this.list.length > 0) { this.query.categoryId = this.list[0].id || '' + this.currentCategory = this.list[0] || {} } }).finally(() => { uni.stopPullDownRefresh() @@ -111,10 +136,23 @@ this.list = data || [] if (this.list.length > 0) { this.query.categoryId = this.list[0].id || '' + this.currentCategory = this.list[0] || {} } }) }, - methods: { + methods: { + async updateParamsAndSearch(){ + //todo 设置参数并查询 + await this.refreshList() + this.$refs.popup_param.close() + }, + openParamPop() { + //todo 同时设置查询参数为空吧 + this.$refs.popup_param.open() + }, + closeParamPop() { + this.$refs.popup_param.close() + }, buttonSearchFlow() { //根据名称查询 this.$message.showLoading() @@ -127,8 +165,10 @@ this.list = data || [] if (this.list.length > 0) { this.query.categoryId = this.list[0].id || '' + this.currentCategory = this.list[0] || {} } else { this.query.categoryId = '' + this.currentCategory = {} } }).finally(() => { this.$message.hideLoading() @@ -142,6 +182,7 @@ }, changeType(item) { this.query.categoryId = item.id || '' + this.currentCategory = item }, @@ -193,7 +234,7 @@ margin: 0rpx 30rpx 20rpx 30rpx; } - + .type-list { max-width: 178rpx; -- Gitblit v1.9.3