云仓修改
This commit is contained in:
parent
8a5ffda1bb
commit
e70850d2fa
@ -16,33 +16,34 @@
|
|||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
<view class="" v-if="cloudList.length>0">
|
|
||||||
|
|
||||||
<view class="">
|
<view class="">
|
||||||
<view style="padding-top: var(--status-bar-height);" v-if="showtit">
|
<view class="">
|
||||||
<view :class="{'head':true,'show':showtit}">
|
<view v-if="showtit">
|
||||||
|
<view :class="{'head':true,'show':showtit}" style="padding-top: var(--status-bar-height);">
|
||||||
<view style="display: flex;align-items: center;">
|
<view style="display: flex;align-items: center;">
|
||||||
<u--image :showLoading="true" src="/static/images/LHYC/FH.png" width="50.82rpx"
|
<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>
|
height="50.82rpx" @click='goBack'></u--image>
|
||||||
|
<view class="head_tit" :style="{color:cloudList.length>0?'':'black'}">
|
||||||
<view class="head_tit">
|
|
||||||
{{town}}里海云仓
|
{{town}}里海云仓
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-left: 20rpx;" @click="showSelect=true">
|
<view class="sl" :class="{actsl:showSelect}" @click="showSelect=!showSelect">
|
||||||
<u--image :showLoading="true" src="/static/images/GXSC/XL.png" width="33.29rpx"
|
<u--image :showLoading="true" src="/static/images/GXSC/BSL.png" width="33.29rpx"
|
||||||
height="33.29rpx"></u--image>
|
height="33.29rpx"></u--image>
|
||||||
</view>
|
</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;" @click="showPicker=!showPicker">
|
<view style="display: flex;align-items: center;z-index: 999999;">
|
||||||
<u--image :showLoading="true" src="/static/images/GXSC/DW.png" width="50.82rpx"
|
<u--image :showLoading="true" src="/static/images/GXSC/DW.png" width="50.82rpx"
|
||||||
height="50.82rpx"></u--image>
|
height="50.82rpx"></u--image>
|
||||||
<view class="town_name">{{street}}</view>
|
<view class="town_name" :style="{color:cloudList.length>0?'':'black'}"
|
||||||
|
@click="showpick">{{street}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="head_r" @click="showPop=true">
|
<view class="head_r" @click="showPop=true">
|
||||||
<u--image :showLoading="true" src="/static/images/LHYC/QB.png" width="50.82rpx"
|
<u--image :showLoading="true" src="/static/images/LHYC/QB.png" width="50.82rpx"
|
||||||
height="50.82rpx"></u--image>
|
height="50.82rpx"></u--image>
|
||||||
<text>全部</text>
|
<text :style="{color:cloudList.length>0?'':'black'}">全部</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@ -50,16 +51,17 @@
|
|||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="selected-list" v-show="showSelect">
|
<view class="selected-list" :style="`top:${headtop}px`" :class="{actSel:showSelect}">
|
||||||
<div class="triangle-up"></div>
|
<div class="triangle-up"></div>
|
||||||
<view class="selected-li"
|
<view
|
||||||
@click="navgo(`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_code}&townName=${street}`)">
|
@click="navgo(`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_code}&townName=${street}`)">
|
||||||
供销综合云市场 <text></text>
|
供销综合云市场 <text></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="">
|
<view class="selected-li">
|
||||||
供销综合云商品
|
供销综合云商品 <text> <u--image style="margin-left: 40rpx;" :showLoading="true"
|
||||||
|
src="/static/images/GXSC/XZ.png" width="24.53rpx" height="24.53rpx"></u--image>
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<!-- SDFSDF -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -67,8 +69,6 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- </transition> -->
|
|
||||||
<!-- <transition name="fade"> -->
|
|
||||||
<!-- 滚动 -->
|
<!-- 滚动 -->
|
||||||
<view :class="{'heads':true,'show':!showtit}" style="padding-top: var(--status-bar-height);">
|
<view :class="{'heads':true,'show':!showtit}" style="padding-top: var(--status-bar-height);">
|
||||||
<view style="align-items: center;display: flex;justify-content: space-between;">
|
<view style="align-items: center;display: flex;justify-content: space-between;">
|
||||||
@ -98,8 +98,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- </transition> -->
|
|
||||||
<view class="box">
|
<view class="box" v-if="cloudList.length>0">
|
||||||
<view :class="act_swiper">
|
<view :class="act_swiper">
|
||||||
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swipers"
|
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swipers"
|
||||||
:circular="true" previous-margin='0rpx' next-margin='0rpx' :current="current"
|
:circular="true" previous-margin='0rpx' next-margin='0rpx' :current="current"
|
||||||
@ -114,8 +114,7 @@
|
|||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/BG.png" width="750rpx"
|
|
||||||
height="998.83rpx"></u--image> -->
|
|
||||||
<view class="menu" v-if="showtit" style="transition: 1s;">
|
<view class="menu" v-if="showtit" style="transition: 1s;">
|
||||||
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swiper"
|
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swiper"
|
||||||
:circular="true" previous-margin='270rpx' next-margin='270rpx' :current="current"
|
:circular="true" previous-margin='270rpx' next-margin='270rpx' :current="current"
|
||||||
@ -130,7 +129,6 @@
|
|||||||
</swiper>
|
</swiper>
|
||||||
</view>
|
</view>
|
||||||
<!-- 商品列表 -->
|
<!-- 商品列表 -->
|
||||||
<transition name="fade">
|
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="content_sift" :style="{position:pocls,top:(headtop)+'px'}" v-if="!showtit">
|
<view class="content_sift" :style="{position:pocls,top:(headtop)+'px'}" v-if="!showtit">
|
||||||
<view :class="{act:item.act,price_sift:true}" v-for="item,index in actList" :key="index"
|
<view :class="{act:item.act,price_sift:true}" v-for="item,index in actList" :key="index"
|
||||||
@ -173,13 +171,6 @@
|
|||||||
¥30.00
|
¥30.00
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- :style="{'transform': `translateY(${trnList[index].bottom}) translateX(${trnList[index].left})`,'transition':'1s'}" -->
|
|
||||||
<!-- <view class="good_price_r" @click.stop="addcart(item)">
|
|
||||||
<u--image :class="'act_class'+index" class="act_class"
|
|
||||||
:showLoading="true" src="/static/images/LHYC/J.png"
|
|
||||||
width="49.07rpx" height="49.07rpx"></u--image>
|
|
||||||
|
|
||||||
</view> -->
|
|
||||||
<view class="good_price_r">
|
<view class="good_price_r">
|
||||||
<view :class="{x_tra:trnList[index].bottom }"
|
<view :class="{x_tra:trnList[index].bottom }"
|
||||||
:style="`transform:translateY(${trnList[index].bottom}px);transition:${trnList[index].bottom?1:0}s cubic-bezier(0.4, -0.9, 0.75, 1);`"
|
:style="`transform:translateY(${trnList[index].bottom}px);transition:${trnList[index].bottom?1:0}s cubic-bezier(0.4, -0.9, 0.75, 1);`"
|
||||||
@ -239,13 +230,13 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</transition>
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<!-- http://192.168.1.5:8080/ -->
|
|
||||||
</view>
|
</view>
|
||||||
<!-- 组件 -->
|
<!-- 组件 -->
|
||||||
<view<u-popup mode="right" :show="showPop" @close="showPop=false" @open="showPop=true">
|
<view class="" v-if="showPop">
|
||||||
|
<u-popup mode="right" :show="showPop" @close="showPop=false" @open="showPop=true">
|
||||||
<view class="pop">
|
<view class="pop">
|
||||||
<view style="height: var(--status-bar-height);"></view>
|
<view style="height: var(--status-bar-height);"></view>
|
||||||
<view class="pop_head" style="display: flex;">
|
<view class="pop_head" style="display: flex;">
|
||||||
@ -271,13 +262,16 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="empty" style="" v-else>
|
|
||||||
|
</view>
|
||||||
|
<view class="empty" style="" v-if="cloudList.length<=0">
|
||||||
<view style="height: var(--status-bar-height);"></view>
|
<view style="height: var(--status-bar-height);"></view>
|
||||||
<view style="padding: 10rpx;">
|
<view style="padding: 10rpx;">
|
||||||
<u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx" height="50.82rpx"
|
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx" height="50.82rpx"
|
||||||
@click='goBack'></u--image>
|
@click='goBack'></u--image>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="info">
|
<view class="info">
|
||||||
|
|
||||||
<u--image :showLoading="true" src="/static/images/noCart.png" width="400.09rpx"
|
<u--image :showLoading="true" src="/static/images/noCart.png" width="400.09rpx"
|
||||||
@ -291,7 +285,18 @@
|
|||||||
|
|
||||||
|
|
||||||
<!-- 多规格购物车 -->
|
<!-- 多规格购物车 -->
|
||||||
<view class="" style="z-index: 9999;">
|
|
||||||
|
|
||||||
|
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
|
||||||
|
</authorize>
|
||||||
|
<view class="" :style="`height:${appInfo.bottom}px;background-color:white`">
|
||||||
|
</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>
|
||||||
|
</view>
|
||||||
|
<view class="" v-if="showcartpop">
|
||||||
<u-popup :show="showcartpop" @close="closecartpop" @open="opencartpop">
|
<u-popup :show="showcartpop" @close="closecartpop" @open="opencartpop">
|
||||||
<view class="sku">
|
<view class="sku">
|
||||||
<view class="sku_head">
|
<view class="sku_head">
|
||||||
@ -313,8 +318,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<view class="sku_size">
|
<view class="sku_size">
|
||||||
<view class="" style="margin-bottom: 10rpx;">
|
<view class="" style="margin-bottom: 10rpx;">
|
||||||
尺码
|
尺码
|
||||||
@ -323,7 +326,6 @@
|
|||||||
<text class="size_li" :class="{act_size_li:item.sku==skusize}"
|
<text class="size_li" :class="{act_size_li:item.sku==skusize}"
|
||||||
v-for="(item,index) in skuform.sku" @click="skusizechange(item.sku)">{{item.sku}}</text>
|
v-for="(item,index) in skuform.sku" @click="skusizechange(item.sku)">{{item.sku}}</text>
|
||||||
|
|
||||||
<!-- <text class="size_li">{item.sku}</text> -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="sku_num">
|
<view class="sku_num">
|
||||||
@ -335,9 +337,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="skuaddcart" @click="skuaddcart">
|
<view class="skuaddcart" @click="skuaddcart">
|
||||||
|
|
||||||
确定
|
确定
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@ -345,20 +345,6 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<u-picker :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm" @cancel="showPicker = false"
|
|
||||||
@change="changeHandler" keyName="name"></u-picker>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
|
|
||||||
</authorize>
|
|
||||||
<view class="" :style="`height:${appInfo.bottom}px;background-color:white`">
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
@ -410,10 +396,8 @@
|
|||||||
data() {
|
data() {
|
||||||
let src = 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13';
|
let src = 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13';
|
||||||
return {
|
return {
|
||||||
skuform: {
|
skuform: {},
|
||||||
|
defaInd: [0, 0],
|
||||||
|
|
||||||
},
|
|
||||||
showPicker: false,
|
showPicker: false,
|
||||||
columnData: [],
|
columnData: [],
|
||||||
skusize: 0,
|
skusize: 0,
|
||||||
@ -482,10 +466,38 @@
|
|||||||
this.getCloundShop()
|
this.getCloundShop()
|
||||||
this.street = e.town
|
this.street = e.town
|
||||||
this.Area()
|
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, "手机信息")
|
// console.log(this.appInfo, "手机信息")
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.cartFn()
|
this.cartFn()
|
||||||
|
this.showSelect = false
|
||||||
},
|
},
|
||||||
// 分页
|
// 分页
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
@ -524,8 +536,6 @@
|
|||||||
// }
|
// }
|
||||||
// })
|
// })
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
let that = this
|
let that = this
|
||||||
this.showtit = !Boolean(e.scrollTop)
|
this.showtit = !Boolean(e.scrollTop)
|
||||||
@ -546,22 +556,6 @@
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
.exec();
|
.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() {
|
onPullDownRefresh() {
|
||||||
this.getCloundShop()
|
this.getCloundShop()
|
||||||
@ -569,11 +563,12 @@
|
|||||||
this.cartFn()
|
this.cartFn()
|
||||||
uni.stopPullDownRefresh()
|
uni.stopPullDownRefresh()
|
||||||
},
|
},
|
||||||
// onReachBottom() {
|
|
||||||
// console.log("daidi")
|
|
||||||
|
|
||||||
// },
|
|
||||||
methods: {
|
methods: {
|
||||||
|
showpick() {
|
||||||
|
this.showPicker = !this.showPicker
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
swiperClick(item) {
|
swiperClick(item) {
|
||||||
const url = item.info[1].value
|
const url = item.info[1].value
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
@ -582,11 +577,10 @@
|
|||||||
},
|
},
|
||||||
selectLocation() {
|
selectLocation() {
|
||||||
this.isSelectPlace ? this.showPicker = true : ''
|
this.isSelectPlace ? this.showPicker = true : ''
|
||||||
console.log(this.columnData)
|
|
||||||
},
|
},
|
||||||
|
|
||||||
confirm(e) {
|
confirm(e) {
|
||||||
|
|
||||||
this.showPicker = false
|
this.showPicker = false
|
||||||
this.$emit('selectPlce', e)
|
this.$emit('selectPlce', e)
|
||||||
this.$emit('change', e)
|
this.$emit('change', e)
|
||||||
@ -595,11 +589,12 @@
|
|||||||
this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code);
|
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.street_code = e.value[1].code
|
||||||
|
|
||||||
this.getCloundShop()
|
this.getCloundShop()
|
||||||
|
this.town = e.value[1].name
|
||||||
|
// this.storeMerchantList()
|
||||||
|
|
||||||
},
|
},
|
||||||
changeHandler(e) {
|
changeHandler(e) {
|
||||||
@ -619,11 +614,14 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
Area() {
|
Area() {
|
||||||
|
let that = this
|
||||||
getArea({
|
getArea({
|
||||||
city_code: 510500
|
city_code: 510500
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
|
|
||||||
this.$refs.uPicker.setColumnValues(0, res.data);
|
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) {
|
Street(code) {
|
||||||
@ -631,6 +629,7 @@
|
|||||||
area_code: code
|
area_code: code
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.$refs.uPicker.setColumnValues(1, res.data);
|
this.$refs.uPicker.setColumnValues(1, res.data);
|
||||||
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -652,24 +651,6 @@
|
|||||||
let m = obj.map(key => data[key]);
|
let m = obj.map(key => data[key]);
|
||||||
return m;
|
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) {
|
skusizechange(i) {
|
||||||
|
|
||||||
this.skusize = i
|
this.skusize = i
|
||||||
@ -702,9 +683,8 @@
|
|||||||
|
|
||||||
},
|
},
|
||||||
valChange(e) {
|
valChange(e) {
|
||||||
console.log(e.value)
|
|
||||||
this.skuNumber = e.value
|
this.skuNumber = e.value
|
||||||
// this.valChange = e.value
|
|
||||||
},
|
},
|
||||||
closecartpop() {
|
closecartpop() {
|
||||||
this.showcartpop = false
|
this.showcartpop = false
|
||||||
@ -726,7 +706,7 @@
|
|||||||
},
|
},
|
||||||
cartFn() {
|
cartFn() {
|
||||||
getCartList().then(res => {
|
getCartList().then(res => {
|
||||||
console.log(res)
|
// console.log(res)
|
||||||
this.totalMoney = 0
|
this.totalMoney = 0
|
||||||
this.cartList = res.data.list
|
this.cartList = res.data.list
|
||||||
this.cartList.forEach(e => {
|
this.cartList.forEach(e => {
|
||||||
@ -765,7 +745,6 @@
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
serch() {
|
serch() {
|
||||||
// console.log(this.keyword)
|
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
goBack() {
|
goBack() {
|
||||||
@ -814,14 +793,12 @@
|
|||||||
|
|
||||||
},
|
},
|
||||||
addcart(item, i) {
|
addcart(item, i) {
|
||||||
|
|
||||||
// console.log(this.isLogin)
|
|
||||||
if (!this.isLogin) {
|
if (!this.isLogin) {
|
||||||
this.isAuto = true;
|
this.isAuto = true;
|
||||||
this.isShowAuth = true
|
this.isShowAuth = true
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
// console.log(item.sku[''] ? "1" : "2")
|
|
||||||
if (item.sku['']) {
|
if (item.sku['']) {
|
||||||
let data = {
|
let data = {
|
||||||
cart_num: 1,
|
cart_num: 1,
|
||||||
@ -831,14 +808,11 @@
|
|||||||
product_type: item.product_type,
|
product_type: item.product_type,
|
||||||
spread_id: "",
|
spread_id: "",
|
||||||
}
|
}
|
||||||
|
|
||||||
let that = this
|
let that = this
|
||||||
// return
|
|
||||||
|
|
||||||
uni.createSelectorQuery().in(this).select(`.act_class${i}`).boundingClientRect(data1 => {
|
uni.createSelectorQuery().in(this).select(`.act_class${i}`).boundingClientRect(data1 => {
|
||||||
that.trnList[i].left = this.cartTagInfo.left - data1.left;
|
that.trnList[i].left = this.cartTagInfo.left - data1.left;
|
||||||
that.trnList[i].bottom = this.cartTagInfo.top - data1.top;
|
that.trnList[i].bottom = this.cartTagInfo.top - data1.top;
|
||||||
console.log(that.trnList[i])
|
|
||||||
let timer = setTimeout(() => {
|
let timer = setTimeout(() => {
|
||||||
that.trnList[i].left = 0
|
that.trnList[i].left = 0
|
||||||
that.trnList[i].bottom = 0
|
that.trnList[i].bottom = 0
|
||||||
@ -858,7 +832,6 @@
|
|||||||
|
|
||||||
})
|
})
|
||||||
}).catch(err => {
|
}).catch(err => {
|
||||||
// this.act_cart = false
|
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: err,
|
title: err,
|
||||||
icon: "none",
|
icon: "none",
|
||||||
@ -873,11 +846,8 @@
|
|||||||
this.showcartpop = true
|
this.showcartpop = true
|
||||||
const keys = Object.keys(item.sku);
|
const keys = Object.keys(item.sku);
|
||||||
const firstKey = keys[0];
|
const firstKey = keys[0];
|
||||||
|
|
||||||
|
|
||||||
// console.log(keys[0])
|
|
||||||
this.skusize = keys[0]
|
this.skusize = keys[0]
|
||||||
// console.log(this.skuform)
|
|
||||||
}
|
}
|
||||||
return
|
return
|
||||||
|
|
||||||
@ -906,6 +876,7 @@
|
|||||||
street_code: this.street_code,
|
street_code: this.street_code,
|
||||||
category_id: this.cloudList[this.current].category_id
|
category_id: this.cloudList[this.current].category_id
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
|
this.trnList = []
|
||||||
this.goodsList = res.data.list
|
this.goodsList = res.data.list
|
||||||
this.goodsList.forEach(item => {
|
this.goodsList.forEach(item => {
|
||||||
this.trnList.push({
|
this.trnList.push({
|
||||||
@ -914,8 +885,6 @@
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
// console.log(this.cloudList)
|
|
||||||
data.length < 1 ? Toast("暂无云仓") : '';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -942,7 +911,9 @@
|
|||||||
left: 100rpx;
|
left: 100rpx;
|
||||||
font-size: 29.79rpx;
|
font-size: 29.79rpx;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
top: 100rpx;
|
// top: 100rpx;
|
||||||
|
opacity: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -957,7 +928,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.selected-li {
|
.selected-li {
|
||||||
margin-bottom: 35rpx;
|
margin-top: 35rpx;
|
||||||
|
color: #F84221;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1543,4 +1517,20 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sl {
|
||||||
|
margin-left: 20rpx;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actsl {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.actSel {
|
||||||
|
opacity: 1;
|
||||||
|
// transform: translateX(100rpx);
|
||||||
|
|
||||||
|
}
|
||||||
</style>
|
</style>
|
@ -17,41 +17,42 @@
|
|||||||
<view class="" style="font-size: 40rpx;font-weight: 700;">
|
<view class="" style="font-size: 40rpx;font-weight: 700;">
|
||||||
供销综合云市场
|
供销综合云市场
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-left: 20rpx;" @click="showSelect=true">
|
<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"
|
<u--image :showLoading="true" src="/static/images/GXSC/XL.png" width="33.29rpx"
|
||||||
height="33.29rpx"></u--image>
|
height="33.29rpx"></u--image>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view style="margin-left: 20rpx;">
|
|
||||||
<u--image :showLoading="true" src="/static/images/GXSC/SL.png" width="33.29rpx"
|
|
||||||
height="33.29rpx"></u--image>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
|
<view class="">
|
||||||
|
|
||||||
|
</view>
|
||||||
<!-- <view style="position: relative;width: 289.14rpx;">
|
<!-- 搜索框 -->
|
||||||
|
<view style="position: relative;width: 289.14rpx;" v-if="showSerch">
|
||||||
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
|
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
|
||||||
placeholder="请输入..." v-model="sotreParam.keyword" class="serch_cls"></u-search>
|
placeholder="请输入..." v-model="sotreParam.keyword" @search="onInputConfirm"
|
||||||
|
class="serch_cls"></u-search>
|
||||||
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||||
src="/static/images/GXSC/SS.png" width="115.65rpx" height="56.82rpx"></u--image>
|
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
|
||||||
</view> -->
|
</view>
|
||||||
<view class='iconfont search-right' style="display: flex;align-items: center;"
|
<!-- 位置 -->
|
||||||
@click="showPicker=!showPicker">
|
<view v-else style="display: flex;align-items: center;" @click="showPicker=!showPicker">
|
||||||
|
<u--image @tap="showSerch=!showSerch" :showLoading="true" src="/static/images/GXSC/SS.png"
|
||||||
|
width="49rpx" height="49rpx"></u--image>
|
||||||
<u--image :showLoading="true" src="/static/images/GXSC/DW.png" width="50.82rpx"
|
<u--image :showLoading="true" src="/static/images/GXSC/DW.png" width="50.82rpx"
|
||||||
height="50.82rpx"></u--image>
|
height="50.82rpx"></u--image>
|
||||||
<view class="town_name">{{street}}</view>
|
<view class="town_name">{{street}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="selected-list" :class="{actSel:showSelect}">
|
||||||
<view class="selected-list" v-show="showSelect">
|
|
||||||
<div class="triangle-up"></div>
|
<div class="triangle-up"></div>
|
||||||
<view class="selected-li">
|
<view class="selected-li">
|
||||||
供销综合云市场 <text></text>
|
供销综合云市场 <text> <u--image style="margin-left: 40rpx;" :showLoading="true"
|
||||||
|
src="/static/images/GXSC/XZ.png" width="24.53rpx" height="24.53rpx"></u--image> </text>
|
||||||
</view>
|
</view>
|
||||||
<view class=""
|
<view class=""
|
||||||
@click="navGoto(`/pages/nongKe/cloud_entrepot/index?street=${street_id}&town=${street}`)">
|
@click="navGoto(`/pages/nongKe/cloud_entrepot/index?street=${street_id}&town=${street}`)">
|
||||||
供销综合云商品
|
供销综合云商品
|
||||||
</view>
|
</view>
|
||||||
<!-- SDFSDF -->
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
@ -62,8 +63,9 @@
|
|||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="hot_serch">
|
<view class="hot_serch">
|
||||||
<text>热搜:</text> <text @click="hotSerchFn('小张副食')">小张副食</text> <text
|
<text>热搜:</text>
|
||||||
@click="hotSerchFn('正新酒店')">正新酒店</text>
|
<text @click="hotSerchFn('小张副食')">小张副食</text>
|
||||||
|
<text @click="hotSerchFn('正新酒店')">正新酒店</text>
|
||||||
<text @click="hotSerchFn('麻辣鸡')">麻辣鸡</text>
|
<text @click="hotSerchFn('麻辣鸡')">麻辣鸡</text>
|
||||||
<text @click="hotSerchFn('手撕椒麻鸡')">手撕椒麻鸡</text>
|
<text @click="hotSerchFn('手撕椒麻鸡')">手撕椒麻鸡</text>
|
||||||
</view>
|
</view>
|
||||||
@ -297,7 +299,7 @@
|
|||||||
<image src="@/static/images/guanbi.png" class="guanbi" @click="close"></image>
|
<image src="@/static/images/guanbi.png" class="guanbi" @click="close"></image>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
<view class="">
|
<view class="">
|
||||||
<u-picker :defaultIndex=" defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -353,6 +355,7 @@
|
|||||||
return {
|
return {
|
||||||
defaInd: [0, 0],
|
defaInd: [0, 0],
|
||||||
columnData: [],
|
columnData: [],
|
||||||
|
showSerch: false,
|
||||||
imgList: [
|
imgList: [
|
||||||
"/static/images/GXSC/BBY.png",
|
"/static/images/GXSC/BBY.png",
|
||||||
"/static/images/GXSC/NYSC.png",
|
"/static/images/GXSC/NYSC.png",
|
||||||
@ -494,22 +497,18 @@
|
|||||||
this.isSelectPlace ? this.showPicker = true : ''
|
this.isSelectPlace ? this.showPicker = true : ''
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
confirm(e) {
|
confirm(e) {
|
||||||
this.showPicker = false
|
this.showPicker = false
|
||||||
this.$emit('selectPlce', e)
|
this.$emit('selectPlce', e)
|
||||||
this.$emit('change', e)
|
this.$emit('change', e)
|
||||||
console.log(e)
|
|
||||||
this.street = e.value[1].name
|
this.street = e.value[1].name
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code);
|
this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code);
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
this.sotreParam.street_id = e.value[1].code
|
this.sotreParam.street_id = e.value[1].code
|
||||||
this.street_id = e.value[1].code
|
this.street_id = e.value[1].code
|
||||||
this.storeMerchantList()
|
this.storeMerchantList()
|
||||||
|
|
||||||
},
|
},
|
||||||
changeHandler(e) {
|
changeHandler(e) {
|
||||||
const {
|
const {
|
||||||
@ -532,7 +531,8 @@
|
|||||||
city_code: 510500
|
city_code: 510500
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.$refs.uPicker.setColumnValues(0, res.data);
|
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) {
|
Street(code) {
|
||||||
@ -540,6 +540,7 @@
|
|||||||
area_code: code
|
area_code: code
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.$refs.uPicker.setColumnValues(1, res.data);
|
this.$refs.uPicker.setColumnValues(1, res.data);
|
||||||
|
console.log(res.data, 9999)
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -554,7 +555,12 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
onInputConfirm() {
|
||||||
|
|
||||||
|
this.showSerch = false
|
||||||
|
this.searchSubmit()
|
||||||
|
|
||||||
|
},
|
||||||
// 对象转数组
|
// 对象转数组
|
||||||
objToArr(data) {
|
objToArr(data) {
|
||||||
let obj = Object.keys(data).sort();
|
let obj = Object.keys(data).sort();
|
||||||
@ -584,7 +590,6 @@
|
|||||||
if (this.sotreParam.keyword.length > 3) {
|
if (this.sotreParam.keyword.length > 3) {
|
||||||
this.sotreParam.keyword.slice(0, 3)
|
this.sotreParam.keyword.slice(0, 3)
|
||||||
this.sotreParam.keyword = 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)
|
// console.log(this.sotreParam.keyword.length)
|
||||||
},
|
},
|
||||||
@ -807,6 +812,7 @@
|
|||||||
let that = this;
|
let that = this;
|
||||||
that.$set(that.sotreParam, 'keyword', this.sotreParam.keyword);
|
that.$set(that.sotreParam, 'keyword', this.sotreParam.keyword);
|
||||||
this.set_where(this.firstKey)
|
this.set_where(this.firstKey)
|
||||||
|
this.showSerch = false
|
||||||
},
|
},
|
||||||
// 右侧切换
|
// 右侧切换
|
||||||
bindRight() {
|
bindRight() {
|
||||||
@ -877,6 +883,9 @@
|
|||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
uni.stopPullDownRefresh()
|
uni.stopPullDownRefresh()
|
||||||
},
|
},
|
||||||
|
onShow() {
|
||||||
|
this.showSelect = false
|
||||||
|
},
|
||||||
//上划加载更多
|
//上划加载更多
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
if (this.count === this.storeList.length) {
|
if (this.count === this.storeList.length) {
|
||||||
@ -972,7 +981,7 @@
|
|||||||
height: auto;
|
height: auto;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
border-radius: 20rpx;
|
// border-radius: 20rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
// align-items: center;
|
// align-items: center;
|
||||||
|
|
||||||
@ -1013,6 +1022,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.selects {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.search-right.styleType2 .right-text,
|
.search-right.styleType2 .right-text,
|
||||||
.search-right.styleType3 .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 {
|
.hot_serch {
|
||||||
color: #B3B3B3;
|
color: #B3B3B3;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -1233,7 +1256,9 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 100rpx;
|
left: 100rpx;
|
||||||
font-size: 29.79rpx;
|
font-size: 29.79rpx;
|
||||||
|
opacity: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
height: 0;
|
||||||
|
|
||||||
|
|
||||||
.triangle-up {
|
.triangle-up {
|
||||||
@ -1248,9 +1273,19 @@
|
|||||||
|
|
||||||
.selected-li {
|
.selected-li {
|
||||||
margin-bottom: 35rpx;
|
margin-bottom: 35rpx;
|
||||||
|
color: #F84221;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.actSel {
|
||||||
|
opacity: 1;
|
||||||
|
height: auto;
|
||||||
|
// transform: translateX(100rpx);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.store-wrapper {
|
.store-wrapper {
|
||||||
margin-top: 235rpx;
|
margin-top: 235rpx;
|
||||||
border-top: 1px solid #F6F6F6;
|
border-top: 1px solid #F6F6F6;
|
||||||
|
BIN
static/images/GXSC/BSL.png
Normal file
BIN
static/images/GXSC/BSL.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 2.7 KiB |
BIN
static/images/GXSC/SSBT.png
Normal file
BIN
static/images/GXSC/SSBT.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.7 KiB |
BIN
static/images/GXSC/XZ.png
Normal file
BIN
static/images/GXSC/XZ.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 942 B |
Loading…
x
Reference in New Issue
Block a user