yxt_product
/
yxt-yythmall-ui-miniprogram
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

111

master
wong1988 1 year ago
parent
c81f4a322e
commit
e6c1c58dc5
1 changed files with 136 additions and 111 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 247
      pages/home/cloudCard2.vue

247
pages/home/cloudCard2.vue
View File

@ -11,87 +11,91 @@
</view> </view>
<loading-state ref="pageView" @request="request">
<view
style="background: #fff; height: calc(100vh - 45px - 50vw);width: 100%; border-radius: 15px;display: flex;flex-direction: column; box-sizing: border-box;margin-top: -15px;box-sizing: border-box;">
<view <view class="center">
style="background: #fff; height: calc(100vh - 45px - 50vw);width: 100%; border-radius: 15px;display: flex;flex-direction: column; box-sizing: border-box;margin-top: -15px;box-sizing: border-box;">
<view class="center"> <view style="width: 22%;display: flex;flex-direction: column;overflow-y: auto;padding-top: 10px;">
<view style="width: 22%;display: flex;flex-direction: column;overflow-y: auto;padding-top: 10px;"> <view style="width: 100%;display: flex;flex-direction: column; ">
<view v-for="(item,index) in data.typeVos" @click="labelClick(index,item)"
style="display: flex;flex-direction: column;justify-content: center;">
<text class="label" :class="{'label2':selectIndex==index}">{{item.name}}</text>
</view>
<view style="width: 100%;display: flex;flex-direction: column; ">
<view v-for="(item,index) in data.typeVos" @click="labelClick(index,item)"
style="display: flex;flex-direction: column;justify-content: center;">
<text class="label" :class="{'label2':selectIndex==index}">{{item.name}}</text>
</view> </view>
</view> </view>
</view> <view style="width: 78%;background-color: #fff;overflow-y: auto;">
<view style="width: 78%;background-color: #fff;overflow-y: auto;">
<view style="z-index: 1;background: #FFFFFF;position: sticky;top: 0;padding: 10px;"> <view style="z-index: 1;background: #FFFFFF;position: sticky;top: 0;padding: 10px;">
<view style="display: flex;flex-direction: row;overflow-x: auto;"> <view style="display: flex;flex-direction: row;overflow-x: auto;">
<view v-for="(item,index2) in data.brandVos" <view v-for="(item,index2) in data.brandVos"
style="display: flex;flex-direction: column; justify-content: center;align-items: center;margin-right: 10px;" style="display: flex;flex-direction: column; justify-content: center;align-items: center;margin-right: 10px;"
@click.stop="brandClick(index2)"> @click.stop="brandClick(index2)">
<image src="https://supervise.yxtsoft.com/lpk/image/family_icon.png" mode="aspectFill" <image src="https://supervise.yxtsoft.com/lpk/image/family_icon.png"
:class="selectIndex2 == index2?'top_img1':'top_img2'" mode="aspectFill" :class="selectIndex2 == index2?'top_img1':'top_img2'"
style="width: 60px;height:60px;border-radius: 50%;padding:5px;"></image> style="width: 60px;height:60px;border-radius: 50%;padding:5px;"></image>
<text :class="selectIndex2 == index2?'top_text1':'top_text2'">{{item.brandName}}</text> <text
:class="selectIndex2 == index2?'top_text1':'top_text2'">{{item.brandName}}</text>
</view>
</view> </view>
</view> </view>
</view>
<view style="width: 100%; display: flex;flex-direction: column;overflow-y: auto;"> <view style="width: 100%; display: flex;flex-direction: column;overflow-y: auto;">
<view v-for="(item,index) in goods" @click="itemClick(item.goodsSid)" <view v-for="(item,index) in goods" @click="itemClick(item.goodsSid)"
style="display: flex;flex-direction: column;justify-content: center;width: 95%; margin-top: 15px; margin-left: 3%;"> style="display: flex;flex-direction: column;justify-content: center;width: 95%; margin-top: 15px; margin-left: 3%;">
<view style="display: flex;flex-direction: row;align-items: center;width: 100%; "> <view style="display: flex;flex-direction: row;align-items: center;width: 100%; ">
<image :src="item.iconUrl" style="width: 90px;height: 90px; border-radius: 10px; " <image :src="item.iconUrl" style="width: 90px;height: 90px; border-radius: 10px; "
mode="aspectFill"></image> mode="aspectFill"></image>
<view <view
style="display: flex;flex-direction: column;flex: 1; padding-bottom: 15px; margin-left: 10px;" style="display: flex;flex-direction: column;flex: 1; padding-bottom: 15px; margin-left: 10px;"
:style="{'border-bottom':(index == goods.length-1 ? 'none' : '1px #EFEFEF solid')}"> :style="{'border-bottom':(index == goods.length-1 ? 'none' : '1px #EFEFEF solid')}">
<text style="font-size: 13px;color: #000;">{{item.name}}</text> <text style="font-size: 13px;color: #000;">{{item.name}}</text>
<text style="font-size: 10px;color: #999;margin-top: 5px;">{{item.remark}}</text> <text
style="font-size: 10px;color: #999;margin-top: 5px;">{{item.remark}}</text>
<view <view
style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;"> style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;">
<text style="border: 1px #EE752F solid; border-radius: 5px; padding: 0px 8px; <text style="border: 1px #EE752F solid; border-radius: 5px; padding: 0px 8px;
font-size: 10px;color: #EE752F;">{{item.jprice}}元/{{item.specificationUnit}}</text> font-size: 10px;color: #EE752F;">{{item.jprice}}元/{{item.specificationUnit}}</text>
<text <text
style="border: 1px #EE752F solid; border-radius: 5px; padding: 0px 8px; style="border: 1px #EE752F solid; border-radius: 5px; padding: 0px 8px;
font-size: 10px;color: #EE752F; margin-left: 10px; margin-right: 10px; ">{{item.weight}}{{item.specificationUnit}}/{{item.unitName}}</text> font-size: 10px;color: #EE752F; margin-left: 10px; margin-right: 10px; ">{{item.weight}}{{item.specificationUnit}}/{{item.unitName}}</text>
</view> </view>
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between; margin-top: 15px; <view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between; margin-top: 15px;
margin-right: 15px;"> margin-right: 15px;">
<text style="font-size: 14px;color: #FF5006;">￥{{item.mefenPrice}}</text> <text style="font-size: 14px;color: #FF5006;">￥{{item.mefenPrice}}</text>
<view style="display: flex;flex-direction: row;align-items: center;"> <view style="display: flex;flex-direction: row;align-items: center;">
<image src="../../static/jian_icon.png" mode="aspectFill" <image src="../../static/jian_icon.png" mode="aspectFill"
style="width: 20px;height: 20px;" @click.stop="jian(item)"></image> style="width: 20px;height: 20px;" @click.stop="jian(item)"></image>
<text <text
style="font-size: 14px;margin-left: 8px;margin-right: 8px;">{{item.goodsNumber}}</text> style="font-size: 14px;margin-left: 8px;margin-right: 8px;">{{item.goodsNumber}}</text>
<image src="../../static/jia_icon.png" mode="aspectFill" <image src="../../static/jia_icon.png" mode="aspectFill"
style="width: 20px;height: 20px;" @click.stop="jia(item)"></image> style="width: 20px;height: 20px;" @click.stop="jia(item)"></image>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -104,66 +108,68 @@
</view> </view>
</view> <view class="bottom">
<view class="bottom">
<view style="display: flex;flex-direction: row;align-items: center; padding-left: 30px;"> <view style="display: flex;flex-direction: row;align-items: center; padding-left: 30px;">
<view style="width: 35px;height: 35px;position: relative; visibility: hidden; "> <view style="width: 35px;height: 35px;position: relative; visibility: hidden; ">
<image style="width: 25px;height: 25px;margin-left: 5px; margin-top: 5px; " <image style="width: 25px;height: 25px;margin-left: 5px; margin-top: 5px; "
src="../../static/basket_icon.png" mode="aspectFill"></image> src="../../static/basket_icon.png" mode="aspectFill"></image>
<view style="border-radius: 50%;text-align: center;background: #f00;color: #fff;font-size: 8px; <view style="border-radius: 50%;text-align: center;background: #f00;color: #fff;font-size: 8px;
position: absolute; position: absolute;
top: 2px; top: 2px;
right: 0px; right: 0px;
padding: 2px 5px; padding: 2px 5px;
width: auto;">{{page.count}}</view> width: auto;">{{page.count}}</view>
</view>
<view id="bomView"
style="display: flex;flex-direction: row;align-items: center; margin-left: 15px;">
<view style="color: #888;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;">
温馨提示：已定制了</view>
<view style="color: #FF5006;font-size: 15px;height: 15px;line-height: 15px;font-weight: bold;">
{{page.weight}}斤
</view> </view>
<view style="color: #888;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;"> <view id="bomView"
，100-200斤有配送费，200斤以上免运费。</view> style="display: flex;flex-direction: row;align-items: center; margin-left: 15px;">
<view style="color: #888;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;">
温馨提示：已订</view>
<view
style="color: #FF5006;font-size: 15px;height: 15px;line-height: 15px;font-weight: bold;">
{{page.weight}}斤
</view>
<view style="color: #888;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;">
，100起订，200斤以上免配送费</view>
</view>
</view> </view>
</view>
<view <view
style="display: flex;flex-direction: row; justify-content: center;align-items: center;padding-bottom: 10px;margin-top: 5px;padding: 0px 10px;"> style="display: flex;flex-direction: row; justify-content: center;align-items: center;padding-bottom: 10px;margin-top: 5px;padding: 0px 10px;">
<button open-type="share">分享新人有礼</button> <button open-type="share">分享新人有礼</button>
<view style="border: 1px #FF5006 solid;margin-left: 5px;margin-right: 5px;padding: 0px 10px;height: 42px;flex: 1; <view style="border: 1px #FF5006 solid;margin-left: 5px;margin-right: 5px;padding: 0px 10px;height: 42px;flex: 1;
display: flex;flex-direction: row;align-items: center;box-sizing: border-box;" @click="gotoCart()"> display: flex;flex-direction: row;align-items: center;box-sizing: border-box;" @click="gotoCart()">
<image src="../../static/shoppCart_icon.png" mode="aspectFill" <image src="../../static/shoppCart_icon.png" mode="aspectFill"
style="height: 20px;width: 20px;flex-shrink: 0;"> style="height: 20px;width: 20px;flex-shrink: 0;">
</image> </image>
<view style="display: flex;flex-direction: column;flex: 1;"> <view style="display: flex;flex-direction: column;flex: 1;">
<text <text
style="font-size: 15px;color: #FF5006;margin-left: 10px;height: 20px;line-height: 20px;margin-top: 5px;font-weight: bold;">￥{{page.price}}</text> style="font-size: 15px;color: #FF5006;margin-left: 10px;height: 20px;line-height: 20px;margin-top: 5px;font-weight: bold;">￥{{page.price}}</text>
<text <text
style="font-size: 10px;color: #666;margin-left: 10px; height: 10px;line-height: 10px;margin-bottom: 5px;">配送费：￥{{page.reduce}}</text> style="font-size: 10px;color: #666;margin-left: 10px; height: 10px;line-height: 10px;margin-bottom: 5px;">配送费：￥{{page.reduce}}</text>
</view>
</view> </view>
</view>
<text style="background: #FF9900; color: #fff;font-size: 13px; padding: 0px 15px;height: 40px;line-height: 40px; <text style="background: #FF9900; color: #fff;font-size: 13px; padding: 0px 15px;height: 40px;line-height: 40px;
border: 1px #FF5006 solid; border-top-right-radius: 25px; border-bottom-right-radius: 25px;flex-shrink: 0;" border: 1px #FF5006 solid; border-top-right-radius: 25px; border-bottom-right-radius: 25px;flex-shrink: 0;"
@click="settlement()">结算</text> @click="settlement()">结算</text>
</view>
</view> </view>
</view> </view>
</loading-state>
</view>
<uni-popup ref="inputDialog" type="dialog"> <uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputClose" mode="base" title="订购协议" :showConfirm="true" <uni-popup-dialog ref="inputClose" mode="base" title="订购协议" :showConfirm="true"
@ -228,6 +234,7 @@
initReduce: "0", initReduce: "0",
initWeight: "0", initWeight: "0",
shareSid: "", shareSid: "",
baseDataSuccess: false
} }
}, },
onShow() { onShow() {
@ -237,8 +244,10 @@
}) })
} }
this.getAllPriceOrWeight() // 状态对才获取
this.getgoods() if (this.changeLoading) {
this.getgoods()
}
}, },
onLoad(options) { onLoad(options) {
@ -279,30 +288,34 @@
}, },
brandClick(val) { brandClick(val) {
this.selectIndex2 = val this.selectIndex2 = val
this.request() this.getgoods()
}, },
request() { request() {
let _this = this
_this.$api.getGoodsTypeAndBrand(_this.brandType).then((resp) => { if (this.baseDataSuccess) {
console.log("------------", resp); this.getgoods()
_this.data = resp } else {
_this.searchInfo.sid = _this.data[0].sid let _this = this
_this.selectIndex = 0 _this.$api.getGoodsTypeAndBrand(_this.brandType).then((resp) => {
_this.getgoods() _this.data = resp
_this.getAllPriceOrWeight() console.log("======", resp);
_this.scrollLeftTop = _this.scrollLeftTop == 0 ? -1 : 0 _this.baseDataSuccess = true
_this.scrollRightTop = _this.scrollRightTop == 0 ? -1 : 0 _this.getgoods()
}).catch(e => {}) }).catch(e => {
_this.$nextTick(() => {
_this.$refs.pageView.setLoadState(1)
})
})
}
}, },
getAllPriceOrWeight() { getAllPriceOrWeight() {
let _this = this let _this = this
var params = { var params = {
customerSid: getApp().globalData.sid, customerSid: getApp().globalData.sid,
affiliation: this.brandType, affiliation: this.data.brandVos[this.selectIndex2].id,
} }
_this.$api.getGoodsWeight(params).then((resp) => { _this.$api.getGoodsWeight(params).then((resp) => {
@ -314,17 +327,31 @@
_this.initPrice = resp.totalPrice _this.initPrice = resp.totalPrice
_this.initWeight = resp.totalWeight _this.initWeight = resp.totalWeight
}).catch(e => {}) _this.$nextTick(() => {
_this.$refs.pageView.setLoadState(2)
})
}).catch(e => {
_this.$nextTick(() => {
_this.$refs.pageView.setLoadState(1)
})
})
}, },
getgoods() { getgoods() {
let _this = this let _this = this
_this.searchInfo.customerSid = getApp().globalData.sid _this.searchInfo.customerSid = getApp().globalData.sid
_this.searchInfo.affiliation = this.brandType _this.searchInfo.brandId = this.data.brandVos[this.selectIndex2].id
_this.searchInfo.categoryId = this.data.typeVos[this.selectIndex].id
_this.$api.getGoodsByType(_this.searchInfo).then((resp) => { _this.$api.getGoodsByType(_this.searchInfo).then((resp) => {
_this.goods = resp _this.goods = resp
}).catch(e => {}) _this.getAllPriceOrWeight()
}).catch(e => {
_this.$nextTick(() => {
_this.$refs.pageView.setLoadState(1)
})
})
}, },
itemShow(item) { itemShow(item) {
item.showCart = true item.showCart = true
@ -370,8 +397,7 @@
console.log('用户点击确定') console.log('用户点击确定')
item.goodsNumber = 0 item.goodsNumber = 0
item.subtotal = 0 item.subtotal = 0
that.getallPrice()
that.getweight()
that.upDateShoppCart(item) that.upDateShoppCart(item)
} else if (res.cancel) { } else if (res.cancel) {
@ -385,8 +411,7 @@
} }
item.subtotal = Number(item.goodsNumber) * Number(item.mefenPrice) item.subtotal = Number(item.goodsNumber) * Number(item.mefenPrice)
that.getallPrice()
that.getweight()
that.upDateShoppCart(item) that.upDateShoppCart(item)
} }
}, },
@ -395,8 +420,6 @@
item.goodsNumber = Number(item.goodsNumber) + 1 item.goodsNumber = Number(item.goodsNumber) + 1
item.subtotal = Number(item.goodsNumber) * Number(item.mefenPrice) item.subtotal = Number(item.goodsNumber) * Number(item.mefenPrice)
this.getallPrice()
this.getweight()
this.upDateShoppCart(item) this.upDateShoppCart(item)
}, },
@ -453,7 +476,7 @@
goodsSid: item.goodsSid, goodsSid: item.goodsSid,
goodsName: item.name, goodsName: item.name,
goodsNumber: item.goodsNumber, goodsNumber: item.goodsNumber,
affiliation: this.brandType, affiliation: this.data.brandVos[this.selectIndex2].id,
price: item.mefenPrice, price: item.mefenPrice,
weight: item.weight, weight: item.weight,
customerSid: getApp().globalData.sid customerSid: getApp().globalData.sid
@ -461,8 +484,10 @@
let _this = this let _this = this
_this.$api.addShoppingCart(good).then((resp) => { _this.$api.addShoppingCart(good).then((resp) => {
_this.getgoods()
}).catch(e => {}) }).catch(e => {
_this.getgoods()
})
}, },

Write Preview
Loading…
Cancel
Save