diff --git a/pages/nongKe/cloud_entrepot/index.vue b/pages/nongKe/cloud_entrepot/index.vue index 760c1ff..644c650 100644 --- a/pages/nongKe/cloud_entrepot/index.vue +++ b/pages/nongKe/cloud_entrepot/index.vue @@ -16,33 +16,34 @@ --> - - + - - + + - + - - + {{town}}里海云仓 - - + - + - {{street}} + {{street}} - 全部 + 全部 @@ -50,16 +51,17 @@ - +
- 供销综合云市场 - - 供销综合云商品 + + 供销综合云商品 + - @@ -67,8 +69,6 @@ - - @@ -98,8 +98,8 @@ - - + + - + - - - - - {{item.tit}} - - - - + + + + {{item.tit}} + + + - - - - - - - - - - - - {{item.store_info}} - - - - {{item.rate}} - {{item.reply_count}}评论 - - - - - ￥{{item.price}} - - - ￥30.00 - - - - - - - - - - - - - - - - - - + + + + - - - - - - - 暂无商品 - - - - - - + - - - - - {{goodsNum}} - - - - - ￥{{totalMoney}} - - - 支持配送 售后无忧 - - + - 去结算 + + + {{item.store_info}} + + + + {{item.rate}} + {{item.reply_count}}评论 + + + + + ￥{{item.price}} + + + ￥30.00 + + + + + + + + + + + + + + + + + + + + + + + + 暂无商品 + - + + + + + + + + {{goodsNum}} + + + + + ￥{{totalMoney}} + + + 支持配送 售后无忧 + + + + + 去结算 + + + + - - - - - - - - 里海云仓 + + + + + + + + 里海云仓 + - - - - - - - {{item.category_name}}云仓服务 - - - {{item.description}} + + + + + + {{item.category_name}}云仓服务 + + + {{item.description}} + - + + + - + - - - + --> + - - - 当前区域暂无云仓 + + + 当前区域暂无云仓 + + + + + + + + + + + - - - - - + + + + @@ -313,8 +318,6 @@ - - 尺码 @@ -323,7 +326,6 @@ {{item.sku}} - @@ -335,9 +337,7 @@ - 确定 - @@ -345,20 +345,6 @@ - - - - - - - - - - - - - @@ -410,10 +396,8 @@ data() { let src = 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13'; return { - skuform: { - - - }, + skuform: {}, + defaInd: [0, 0], showPicker: false, columnData: [], skusize: 0, @@ -482,10 +466,38 @@ this.getCloundShop() this.street = e.town this.Area() + let that = this + setTimeout(() => { + uni.createSelectorQuery() + .in(this) + .select('.flags') + .boundingClientRect(rect => { + that.headtop = rect.top + }) + .exec(); + uni.createSelectorQuery() + .in(this) + .select('.flags') + .boundingClientRect(rect => { + this.headtop = rect.top + }) + .exec(); + uni.createSelectorQuery() + .in(this) + .select('.cart') + .boundingClientRect(rect => { + // console.log(this.cartTagInfo, 6666) + this.cartTagInfo = rect + }) + .exec(); + // console.log(that.headtop) + }, 500) + // console.log(this.appInfo, "手机信息") }, onShow() { this.cartFn() + this.showSelect = false }, // 分页 onReachBottom() { @@ -524,8 +536,6 @@ // } // }) }, - - onPageScroll(e) { let that = this this.showtit = !Boolean(e.scrollTop) @@ -546,22 +556,6 @@ } }) .exec(); - if (this.headtop) return - uni.createSelectorQuery() - .in(this) - .select('.flags') - .boundingClientRect(rect => { - this.headtop = rect.top - }) - .exec(); - uni.createSelectorQuery() - .in(this) - .select('.cart') - .boundingClientRect(rect => { - this.cartTagInfo = rect - }) - .exec(); - }, onPullDownRefresh() { this.getCloundShop() @@ -569,11 +563,12 @@ this.cartFn() uni.stopPullDownRefresh() }, - // onReachBottom() { - // console.log("daidi") - - // }, methods: { + showpick() { + this.showPicker = !this.showPicker + + + }, swiperClick(item) { const url = item.info[1].value uni.navigateTo({ @@ -582,11 +577,10 @@ }, selectLocation() { this.isSelectPlace ? this.showPicker = true : '' - console.log(this.columnData) + }, confirm(e) { - this.showPicker = false this.$emit('selectPlce', e) this.$emit('change', e) @@ -595,11 +589,12 @@ this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code); }) + + // this.sotreParam.street_id = e.value[1].code this.street_code = e.value[1].code - this.getCloundShop() - - + this.town = e.value[1].name + // this.storeMerchantList() }, changeHandler(e) { @@ -619,11 +614,14 @@ } }, Area() { + let that = this getArea({ city_code: 510500 }).then(res => { + this.$refs.uPicker.setColumnValues(0, res.data); this.Street(res.data[0]['code']); + // console.log(res.data, 66666) }); }, Street(code) { @@ -631,6 +629,7 @@ area_code: code }).then(res => { this.$refs.uPicker.setColumnValues(1, res.data); + }); }, @@ -652,24 +651,6 @@ let m = obj.map(key => data[key]); return m; }, - async getBanner(id) { - let that = this; - const { - data - } = await getDiy({ - id: 0 - }) - that.styleConfig = that.objToArr(data.value); - /* 循环数组得到数据*/ - that.styleConfig.forEach((item, index, arr) => { - if (item.name == 'headerSerch' || item.name == 'homeComb') { - if (item.name == 'homeComb') { - that.swiper.url = item.swiperConfig.list - } - } - }) - this.bgColor = this.swiper.url[0].img - }, skusizechange(i) { this.skusize = i @@ -702,9 +683,8 @@ }, valChange(e) { - console.log(e.value) this.skuNumber = e.value - // this.valChange = e.value + }, closecartpop() { this.showcartpop = false @@ -726,7 +706,7 @@ }, cartFn() { getCartList().then(res => { - console.log(res) + // console.log(res) this.totalMoney = 0 this.cartList = res.data.list this.cartList.forEach(e => { @@ -765,7 +745,6 @@ }) }, serch() { - // console.log(this.keyword) this.getList() }, goBack() { @@ -814,14 +793,12 @@ }, addcart(item, i) { - - // console.log(this.isLogin) if (!this.isLogin) { this.isAuto = true; this.isShowAuth = true return } - // console.log(item.sku[''] ? "1" : "2") + if (item.sku['']) { let data = { cart_num: 1, @@ -831,14 +808,11 @@ product_type: item.product_type, spread_id: "", } - let that = this - // return - uni.createSelectorQuery().in(this).select(`.act_class${i}`).boundingClientRect(data1 => { that.trnList[i].left = this.cartTagInfo.left - data1.left; that.trnList[i].bottom = this.cartTagInfo.top - data1.top; - console.log(that.trnList[i]) + let timer = setTimeout(() => { that.trnList[i].left = 0 that.trnList[i].bottom = 0 @@ -858,7 +832,6 @@ }) }).catch(err => { - // this.act_cart = false uni.showToast({ title: err, icon: "none", @@ -873,11 +846,8 @@ this.showcartpop = true const keys = Object.keys(item.sku); const firstKey = keys[0]; - - - // console.log(keys[0]) this.skusize = keys[0] - // console.log(this.skuform) + } return @@ -906,6 +876,7 @@ street_code: this.street_code, category_id: this.cloudList[this.current].category_id }).then(res => { + this.trnList = [] this.goodsList = res.data.list this.goodsList.forEach(item => { this.trnList.push({ @@ -914,8 +885,6 @@ }) }) }) - // console.log(this.cloudList) - data.length < 1 ? Toast("暂无云仓") : ''; } } } @@ -942,7 +911,9 @@ left: 100rpx; font-size: 29.79rpx; z-index: 9999; - top: 100rpx; + // top: 100rpx; + opacity: 0; + transition: 0.5s; @@ -957,7 +928,10 @@ } .selected-li { - margin-bottom: 35rpx; + margin-top: 35rpx; + color: #F84221; + display: flex; + align-items: center; } } @@ -1543,4 +1517,20 @@ display: flex; align-items: center; } + + .sl { + margin-left: 20rpx; + transform: rotate(180deg); + transition: 0.5s; + } + + .actsl { + transform: rotate(0deg); + } + + .actSel { + opacity: 1; + // transform: translateX(100rpx); + + } \ No newline at end of file diff --git a/pages/nongKe/supply_chain/supplier.vue b/pages/nongKe/supply_chain/supplier.vue index 8e9ccef..2d73a0b 100644 --- a/pages/nongKe/supply_chain/supplier.vue +++ b/pages/nongKe/supply_chain/supplier.vue @@ -17,41 +17,42 @@ 供销综合云市场 - + - + - - + + placeholder="请输入..." v-model="sotreParam.keyword" @search="onInputConfirm" + class="serch_cls"> - --> - + src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"> + + + + {{street}} - - +
- 供销综合云市场 + 供销综合云市场 供销综合云商品 - @@ -62,8 +63,9 @@ - 热搜: 小张副食 正新酒店 + 热搜: + 小张副食 + 正新酒店 麻辣鸡 手撕椒麻鸡 @@ -297,7 +299,7 @@ - @@ -353,6 +355,7 @@ return { defaInd: [0, 0], columnData: [], + showSerch: false, imgList: [ "/static/images/GXSC/BBY.png", "/static/images/GXSC/NYSC.png", @@ -494,22 +497,18 @@ this.isSelectPlace ? this.showPicker = true : '' }, - confirm(e) { this.showPicker = false this.$emit('selectPlce', e) this.$emit('change', e) - console.log(e) this.street = e.value[1].name this.$nextTick(() => { this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code); }) - this.sotreParam.street_id = e.value[1].code this.street_id = e.value[1].code this.storeMerchantList() - }, changeHandler(e) { const { @@ -532,7 +531,8 @@ city_code: 510500 }).then(res => { this.$refs.uPicker.setColumnValues(0, res.data); - this.Street(res.data[0]['code']); + // this.Street(res.data[0]['code']); + // console.log(res.data, 66666) }); }, Street(code) { @@ -540,6 +540,7 @@ area_code: code }).then(res => { this.$refs.uPicker.setColumnValues(1, res.data); + console.log(res.data, 9999) }); }, @@ -554,7 +555,12 @@ } }, + onInputConfirm() { + this.showSerch = false + this.searchSubmit() + + }, // 对象转数组 objToArr(data) { let obj = Object.keys(data).sort(); @@ -584,7 +590,6 @@ if (this.sotreParam.keyword.length > 3) { this.sotreParam.keyword.slice(0, 3) this.sotreParam.keyword = this.sotreParam.keyword.slice(0, 3) + "..." - console.log(this.sotreParam.keyword) } // console.log(this.sotreParam.keyword.length) }, @@ -807,6 +812,7 @@ let that = this; that.$set(that.sotreParam, 'keyword', this.sotreParam.keyword); this.set_where(this.firstKey) + this.showSerch = false }, // 右侧切换 bindRight() { @@ -877,6 +883,9 @@ onPullDownRefresh() { uni.stopPullDownRefresh() }, + onShow() { + this.showSelect = false + }, //上划加载更多 onReachBottom() { if (this.count === this.storeList.length) { @@ -972,7 +981,7 @@ height: auto; background-color: white; padding: 20rpx; - border-radius: 20rpx; + // border-radius: 20rpx; display: flex; // align-items: center; @@ -1013,6 +1022,11 @@ } } + .selects { + transform: rotate(180deg); + } + + .search-right.styleType2 .right-text, .search-right.styleType3 .right-text { @@ -1041,6 +1055,15 @@ } } + .town_name { + // overflow: hidden; + // white-space: nowrap; + /* 设置文本不换行 */ + // text-overflow: ellipsis; + font-size: 14px; + /* 设置溢出文本为省略号 */ + } + .hot_serch { color: #B3B3B3; display: flex; @@ -1233,7 +1256,9 @@ position: absolute; left: 100rpx; font-size: 29.79rpx; - + opacity: 0; + transition: 0.5s; + height: 0; .triangle-up { @@ -1248,9 +1273,19 @@ .selected-li { margin-bottom: 35rpx; + color: #F84221; + display: flex; + align-items: center; } } + .actSel { + opacity: 1; + height: auto; + // transform: translateX(100rpx); + + } + .store-wrapper { margin-top: 235rpx; border-top: 1px solid #F6F6F6; diff --git a/static/images/GXSC/BSL.png b/static/images/GXSC/BSL.png new file mode 100644 index 0000000..ec02426 Binary files /dev/null and b/static/images/GXSC/BSL.png differ diff --git a/static/images/GXSC/SS.png b/static/images/GXSC/SS.png index 3c02ebb..96a12d3 100644 Binary files a/static/images/GXSC/SS.png and b/static/images/GXSC/SS.png differ diff --git a/static/images/GXSC/SSBT.png b/static/images/GXSC/SSBT.png new file mode 100644 index 0000000..3c02ebb Binary files /dev/null and b/static/images/GXSC/SSBT.png differ diff --git a/static/images/GXSC/XZ.png b/static/images/GXSC/XZ.png new file mode 100644 index 0000000..6c16781 Binary files /dev/null and b/static/images/GXSC/XZ.png differ