This commit is contained in:
THK3121 2023-09-22 19:12:18 +08:00
parent c1528cea89
commit b4c35011c7
5 changed files with 206 additions and 103 deletions

View File

@ -1,5 +1,6 @@
<template>
<view class="">
<view class="">
<view class="">
<view v-if="showtit">
@ -9,14 +10,14 @@
width="50.82rpx" height="50.82rpx" @click='goBack'></u--image>
<u--image v-else :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
height="50.82rpx" @click='goBack'></u--image>
<view class="head_tit" v-if="cloudList.length>0"
style="font-size: 40rpx;transform: skewX(-10deg);"
<view class="head_tit" v-if="cloudList.length"
style="font-size: 40rpx;transform: skewX(-10deg);font-weight: bold;"
:style="{color:cloudList.length>0?'':'black'}">
{{town}}里海云仓
</view>
</view>
<view class="" v-if="cloudList.length>0" style="display: flex;align-items: center;">
<view class="head_r" @click="showPop=true">
<view class="" style="display: flex;align-items: center;">
<view class="head_r" @click="showPop=true" v-if="cloudList.length>0">
<u--image v-if="cloudList.length>0" :showLoading="true" src="/static/images/LHYC/QB.png"
width="50.82rpx" height="50.82rpx"></u--image>
<u--image v-else :showLoading="true" src="/static/images/LHYC/QB1.png" width="50.82rpx"
@ -41,7 +42,7 @@
<u--image :showLoading="true" src="/static/images/LHYC/FH.png" width="50.82rpx"
height="50.82rpx" @click='goBack'></u--image>
</view>
<view class="" style="font-size: 40rpx;transform: skewX(-10deg);">
<view class="" style="font-size: 40rpx;transform: skewX(-10deg);font-weight: 700;">
供销综合云市场
</view>
</view>
@ -246,8 +247,17 @@
</view>
</view>
<view class="empty" style="" v-if="cloudList.length<=0">
<view style="height: var(--status-bar-height);"></view>
<view style="padding: 10rpx;">
<view class="info">
@ -259,16 +269,21 @@
</view>
</view>
<!-- 多规格购物车 -->
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
</authorize>
<view class="" :style="`height:${appInfo.bottom}px;background-color:white`">
<view class="" :style="`height:${appInfo.bottom}px;`">
</view>
</view>
<view class="">
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
@ -510,7 +525,11 @@
},
onPageScroll(e) {
let that = this
// if (e.scrollTop > 0) {
this.showtit = !Boolean(e.scrollTop)
// }
// console.log(e)
uni.createSelectorQuery()
.in(this)
.select('.content')
@ -747,7 +766,7 @@
},
navgo(url) {
uni.navigateTo({
uni.redirectTo({
url
})
},

View File

@ -19,24 +19,39 @@
<view class="">
<view class="">
<view v-if="showtit">
<view :class="{'head':true,'show':showtit}" style="padding-top: var(--status-bar-height);">
<view :class="{'head':true,'show':showtit}"
style="padding-top: var(--status-bar-height);display: block;">
<view style="display: flex;align-items: center;">
<u--image :showLoading="true" v-if="cloudList.length>0" src="/static/images/LHYC/FH.png"
width="50.82rpx" height="50.82rpx" @click='goBack'></u--image>
<u--image v-else :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
height="50.82rpx" @click='goBack'></u--image>
<view class="head_tit" :style="{color:cloudList.length>0?'':'black'}">
{{town}}里海云仓
<view class="head_tit" style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);"
:style="{color:cloudList.length>0?'':'black'}"
@click="navgo(`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_code}&townName=${street}`)">
供销综合云市场
</view>
<view class="sl" :class="{actsl:showSelect}" @click="showSelect=!showSelect">
<view class="head_tit"
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);color: #F84221;">
供销综合云商品
</view>
<view class="" @click="showPop=true">
<u--image v-if="cloudList.length>0" :showLoading="true" src="/static/images/LHYC/QB.png"
width="50.82rpx" height="50.82rpx"></u--image>
<u--image v-else :showLoading="true" src="/static/images/LHYC/QB1.png" width="50.82rpx"
height="50.82rpx"></u--image>
</view>
<!-- <view class="sl" :class="{actsl:showSelect}" @click="showSelect=!showSelect">
<u--image :showLoading="true" v-if="cloudList.length>0"
src="/static/images/GXSC/BSL.png" width="33.29rpx" height="33.29rpx"></u--image>
<u--image v-else :showLoading="true" style="transform: rotate(180deg);"
src="/static/images/GXSC/XL.png" width="33.29rpx" height="33.29rpx"></u--image>
</view>
</view> -->
</view>
<view class="" style="display: flex;align-items: center;">
<!-- <view class="" style="display: flex;align-items: center;">
<view style="display: flex;align-items: center;z-index: 999999;">
<u--image :showLoading="true" v-if="cloudList.length>0"
src="/static/images/LHYC/DWB.png" width="50.82rpx" height="50.82rpx"></u--image>
@ -52,10 +67,29 @@
height="50.82rpx"></u--image>
</view>
</view>
-->
<view class="flags1">
</view>
</view>
<view class="selected-list" :style="`top:${headtop}px`" :class="{actSel:showSelect}">
<view class="dw_cls" @click="showFn" :style="`top:${headTop1+5}px`">
<view class="dw_text">
<u--image :showLoading="true" v-if="cloudList.length>0" src="/static/images/LHYC/DWB.png"
width="50.82rpx" height="50.82rpx"></u--image>
<u--image :showLoading="true" v-else src="/static/images/LHYC/DWB1.png" width="50.82rpx"
height="50.82rpx"></u--image>
<view class="town_name" :style="{color:cloudList.length>0?'':'black'}" @click="showpick">
{{street}}
</view>
<view class="sl" :class="{actsl:showSelect}">
<u--image :showLoading="true" style="transform: rotate(180deg);"
src="/static/images/GXSC/XL.png" width="31.54rpx" height="31.54rpx"></u--image>
</view>
</view>
</view>
<!-- <view class="selected-list" :style="`top:${headtop}px`" :class="{actSel:showSelect}">
<div class="triangle-up"></div>
<view
@click="navgo(`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_code}&townName=${street}`)">
@ -66,13 +100,11 @@
src="/static/images/GXSC/XZ.png" width="24.53rpx" height="24.53rpx"></u--image>
</text>
</view>
</view>
</view> -->
</view>
<!-- 滚动 -->
<view :class="{'heads':true,'show':!showtit}" style="padding-top: var(--status-bar-height);">
<view style="align-items: center;display: flex;justify-content: space-between;">
@ -103,6 +135,7 @@
</view>
</view>
<view class="box" v-if="cloudList.length>0">
<view :class="act_swiper">
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swipers"
@ -286,6 +319,7 @@
</view>
</view>
<view class="empty" style="" v-if="cloudList.length<=0">
<view style="height: var(--status-bar-height);"></view>
<view style="padding: 10rpx;">
@ -306,13 +340,15 @@
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
</authorize>
<view class="" :style="`height:${appInfo.bottom}px;background-color:white`">
<view class="" :style="`height:${appInfo.bottom}px;`">
</view>
</view>
<view class="">
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
@cancel="showPicker = false,showSelect = false" @change="changeHandler" keyName="name"></u-picker>
</view>
<view class="" v-if="showcartpop">
<u-popup :show="showcartpop" @close="closecartpop" @open="opencartpop">
<view class="sku">
@ -450,6 +486,7 @@
act_img: "",
cartTagInfo: {},
isAuto: false,
headTop1: "",
actList: [{
tit: '综合',
act: "",
@ -495,17 +532,20 @@
.exec();
uni.createSelectorQuery()
.in(this)
.select('.cart')
.select('.flags1')
.boundingClientRect(rect => {
// console.log(this.cartTagInfo, 6666)
that.cartTagInfo = rect
console.log(rect)
that.headTop1 = rect.top
})
.exec();
// console.log(that.headtop)
}, 500)
uni.createSelectorQuery()
.in(this)
.select('.cart')
.boundingClientRect(rect => {
that.cartTagInfo = rect
})
.exec();
}, 1)
// console.log(this.appInfo, "")
},
onShow() {
this.cartFn()
@ -525,7 +565,6 @@
page_num: this.page_num
}).then(res => {
// console.log(res.data.list[0].product_id, this.goodsList[0].product_id)
if (res.data.list[0].product_id == this.goodsList[0].product_id) {
this.status = "nomore"
this.flag = false
@ -537,16 +576,7 @@
this.goodsList = this.goodsList.concat(res.data.list)
}
})
// this.getList().then(res => {
// // console.log(res)
// return
// this.goodsList = this.goodsList.concat(res.data.data)
// this.flag = false
// if (!res.data.data.length) {
// this.status = "nomore"
// this.flag = true
// }
// })
},
onPageScroll(e) {
let that = this
@ -572,9 +602,7 @@
.in(this)
.select('.cart')
.boundingClientRect(rect => {
// console.log(this.cartTagInfo, 6666)
that.cartTagInfo = rect
// console.log(rect)
})
.exec();
},
@ -603,6 +631,7 @@
confirm(e) {
this.showPicker = false
this.showSelect = false
this.$emit('selectPlce', e)
this.$emit('change', e)
this.street = e.value[1].name
@ -618,6 +647,12 @@
// this.storeMerchantList()
},
showFn() {
this.showSelect = true
this.showPicker = true
console.log(this.showSelect)
// console.log(545)
},
changeHandler(e) {
const {
columnIndex,
@ -639,10 +674,10 @@
getArea({
city_code: 510500
}).then(res => {
this.$refs.uPicker.setColumnValues(0, res.data);
this.Street(res.data[0]['code']);
// console.log(res.data, 66666)
// (res.data, 66666)
});
},
Street(code) {
@ -722,12 +757,12 @@
this.isShowAuth = false;
},
clickSwiperFn(i) {
// console.log(i)
// (i)
this.current = i
},
cartFn() {
getCartList().then(res => {
// console.log(res)
// (res)
this.totalMoney = 0
this.cartList = res.data.list
this.cartList.forEach(e => {
@ -783,11 +818,11 @@
}
this.getList()
// console.log(this.type)
// (this.type)
},
navgo(url) {
uni.navigateTo({
uni.redirectTo({
url
})
},
@ -881,9 +916,9 @@
this.getList()
},
test(e) {
// console.log(e.target.current)
// (e.target.current)
this.current = e.target.current
// console.log(e)
// (e)
this.getList()
},
@ -1212,10 +1247,14 @@
color: white;
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 20rpx;
width: 100vw;
// background-color: red;
// padding: 0 20rpx;
align-items: center;
transition: .5s;
// padding-right: 10px;
@ -1248,13 +1287,12 @@
}
.town_name {
margin-right: 50rpx;
// margin-right: 50rpx;
// background-color: red;
max-width: 15vw;
white-space: nowrap;
overflow: hidden;
font-size: 26rpx;
text-overflow: ellipsis;
}
@ -1555,7 +1593,7 @@
}
.sl {
margin-left: 20rpx;
transform: rotate(180deg);
transition: 0.5s;
}
@ -1576,4 +1614,26 @@
flex-direction: column;
align-items: center
}
.dw_cls {
position: fixed;
z-index: 99;
width: 212.03rpx;
// width: 100vw;
height: 78.86rpx;
background-image: url(/static/images/LHYC/DWBG.png);
background-size: cover;
right: 0;
// top: 130rpx;
.dw_text {
display: flex;
align-items: center;
// background-color: red;
height: 78.86rpx;
justify-content: space-around;
}
}
</style>

View File

@ -4,46 +4,61 @@
<view class='productList' :style="viewColor">
<!-- 顶部 -->
<view class="top">
<view style="height: 10px;">
</view>
<view class="head_tit">
<view class="" style="display: flex;align-items: center;">
<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
<view class="iconfont icon-xiangzuo" style="color: #333333;"></view>
</view>
<view class="" style="font-size: 40rpx;font-weight: 700;transform: skewX(-10deg);">
<u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
height="50.82rpx" @click='backjJump'></u--image>
<view class=""
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);margin-left: 20rpx;color: #F84221;">
供销综合云市场
</view>
<view style="margin-left: 20rpx;transition: 0.3s;" @click="showSelect=!showSelect"
<view class=""
@click="navGoto(`/pages/nongKe/cloud_entrepot/indexa?street=${street_id}&town=${street}`)"
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);margin-left: 60rpx;">
供销综合云商品
</view>
<!-- <view style="margin-left: 20rpx;transition: 0.3s;" @click="showSelect=!showSelect"
:class="{selects:showSelect}">
<u--image :showLoading="true" src="/static/images/GXSC/XL.png" width="33.29rpx"
height="33.29rpx"></u--image>
</view>
</view> -->
</view>
<view class="">
</view>
<!-- 搜索框 -->
<view style="position: relative;width: 289.14rpx;" v-if="showSerch">
<!-- <view style="position: relative;width: 289.14rpx;" v-if="showSerch">
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
placeholder="请输入..." v-model="sotreParam.keyword" @search="onInputConfirm"
class="serch_cls"></u-search>
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
</view>
</view> -->
<!-- 位置 -->
<view v-else style="display: flex;align-items: center;" @click="showPicker=!showPicker">
<!-- <view v-else style="display: flex;align-items: center;">
<u--image @tap="showSerch=!showSerch" style="margin-right: 30rpx;" :showLoading="true"
src="/static/images/GXSC/SS.png" width="49rpx" height="49rpx"></u--image>
<u--image @click="showPicker=!showPicker" :showLoading="true" src="/static/images/GXSC/DW1.png"
width="50.82rpx" height="50.82rpx"></u--image>
<view class="town_name">{{street}}</view>
</view> -->
</view>
<view class="sswz">
<view style="position: relative;width: 501.17rpx;">
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
placeholder="搜索店铺或者名称" v-model="sotreParam.keyword" @search="onInputConfirm"
class="serch_cls"></u-search>
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
</view>
<view style="display: flex;align-items: center;" @click="showPicker=!showPicker">
<u--image :showLoading="true" src="/static/images/GXSC/DW1.png" width="50.82rpx"
height="50.82rpx"></u--image>
<view class="town_name">{{street}}</view>
</view>
</view>
<view class="selected-list" :class="{actSel:showSelect}">
<!-- <view class="selected-list" :class="{actSel:showSelect}">
<div class="triangle-up"></div>
<view class="selected-li">
供销综合云市场 <text> <u--image style="margin-left: 40rpx;" :showLoading="true"
@ -53,21 +68,24 @@
@click="navGoto(`/pages/nongKe/cloud_entrepot/indexa?street=${street_id}&town=${street}`)">
供销综合云商品
</view>
</view> -->
<view class="flags">
</view>
</view>
<view class="content">
<view style="height: 10px">
<view class="" :style="`height:${headTop}px`">
</view>
<view class="hot_serch">
<text>热搜:</text>
<!-- <text>热搜:</text>
<text @click="hotSerchFn('小张副食')">小张副食</text>
<text @click="hotSerchFn('正新酒店')">正新酒店</text>
<text @click="hotSerchFn('麻辣鸡')">麻辣鸡</text>
<text @click="hotSerchFn('手撕椒麻鸡')">手撕椒麻鸡</text>
<text @click="hotSerchFn('手撕椒麻鸡')">手撕椒麻鸡</text> -->
</view>
<view class="menu_cls">
@ -356,6 +374,7 @@
defaInd: [0, 0],
columnData: [],
showSerch: false,
headTop: 0,
imgList: [
"/static/images/GXSC/BBY.png",
"/static/images/GXSC/NYSC.png",
@ -473,6 +492,19 @@
this.menuList = res.data
})
this.Area()
let that = this
setTimeout(() => {
uni.createSelectorQuery()
.in(this)
.select('.flags')
.boundingClientRect(rect => {
// console.log(this.cartTagInfo, 6666)
// that.cartTagInfo = rect
that.headTop = rect.top
console.log(that.headTop)
})
.exec();
}, 100)
},
computed: {
downMenus: function() {
@ -531,7 +563,7 @@
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)
});
},
@ -587,10 +619,10 @@
},
test() {
if (this.sotreParam.keyword.length > 3) {
this.sotreParam.keyword.slice(0, 3)
this.sotreParam.keyword = this.sotreParam.keyword.slice(0, 3) + "..."
}
// 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.length)
},
hotSerchFn(keywords) {
@ -933,6 +965,7 @@
align-items: center;
box-sizing: border-box;
padding: 0 20rpx;
}
.productList {
@ -941,9 +974,7 @@
.top {
padding-top: var(--status-bar-height);
/* #ifdef H5 */
padding-top: 30rpx;
/* #endif */
// padding-top: 80rpx;
background-color: #F0F2F5;
position: fixed;
@ -954,6 +985,7 @@
.content {
padding: 20rpx;
padding-top: 0;
}
.menu_cls {
@ -1066,24 +1098,7 @@
}
.hot_serch {
color: #B3B3B3;
display: flex;
justify-content: space-around;
margin-top: 40rpx;
flex-wrap: wrap;
// margin-top: 50rpx;
// padding-top: 100rpx;
padding-top: var(--status-bar-height);
// margin-top: 10px;
/* #ifdef H5 */
padding-top: 50rpx;
/* #endif */
// margin-top: 200rpx;
text {
margin: 10rpx;
}
height: 20rpx;
}
.productList .search .input {
@ -1577,4 +1592,12 @@
.pop {
z-index: 1;
}
.sswz {
margin-top: 30rpx;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 0 20rpx;
}
</style>

View File

@ -15,7 +15,8 @@
<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
<view class="iconfont icon-xiangzuo" style="color: #333333;"></view>
</view>
<view class="" style="font-size: 40rpx;">
<view class=""
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);margin-left: 20rpx;">
{{titName}}
</view>
</view>

BIN
static/images/LHYC/DWBG.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB