cte-share/components/foodxuangou/foodxuangou.vue

<template>
	<view>
		<foodItem style="width:100%;" :food="spindexSP" :shuliang="shuliang" :otherPrice="otherPrice" v-on:Ejiajian="jiajian"></foodItem>
		<danxuanlist style="width:100%;" :infolistD="skuGuige" :isedit="false" v-on:ElistDatachange="listDatachange"></danxuanlist>
		<view class="contentInRowL" style="margin-top: 10rpx;margin-left:6%;align-items: center;">
			<text>{{$t('order.beizhu')}}</text>
			<textarea class="textinput" auto-height="true"
				:always-embed='false' 
				:adjust-position='true'
				cursor-spacing='30'
				confirm-hold='true'
				confirm-type='done'
				:focus='false'
				maxlength='100'
				v-model='beizhu'
				@confirm='mineSendBT' 
			></textarea>
			
		</view>
		<view style="display: flex;width:88%;margin-left:6%; margin-bottom: 20rpx;">
			<label class="querenBt" @click="jiagouwuche()">{{$t('gouwu.jiarugouwc')}}</label>
		</view>
		<uni-popup ref="bzPop":maskClick="false">
			<view class="contentColumnC" style="width:700rpx;background-color: white;margin-left: 25rpx;border-radius: 10rpx;">
				<view class="contentInRowS" style="width: 90%;margin-top: 16rpx;">
					<text style="color: chocolate;">{{$t('order.quxiao')}}</text>
					<text style="font-weight: bold;">{{$t('order.beizhu')}}</text>
					<text style="color: #00A6FF;" @click="querenBZ">{{$t('comp.queren')}}</text>
				</view>
				<textarea class="textinput" auto-height="true"
					:always-embed='false' 
					:adjust-position='true'
					cursor-spacing='30'
					confirm-hold='true'
					confirm-type='done'
					:focus='false'
					maxlength='100'
					v-model='beizhu'
					@confirm='mineSendBT' 
				></textarea>
				<view style="height: 40rpx;"></view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name:"foodxuangou",
		props: {
			food:''
		},
		data() {
			return {
				spindexSP:'',
				skuGuige:'',
				shuliang:1,
				otherPrice:0,
				tempsku:'',
				beizhu:'',
				gouwuche:{
					foodlist:[],
					mendid:'',
					userid:'',
					mendname:''
				}
			};
		},
		watch: {
			food(val){
				//console.log(this.food);
				this.spindexSP = this.food;
				this.skuGuige = this.food.shangpin.foodSku;
				this.otherPrice = this.getotherPrice(this.skuGuige);
				this.tempsku = this.gettempSKU(this.skuGuige);
				this.beizhu='';
				this.$refs.bzPop.close();
			}
		},
		methods: {
			jiagouwuche(){
				this.gengxingouwuche();
				this.$emit('Ejiagouwuche');
			},
			
			gengxingouwuche(){
				if(this.shuliang<1){
					uni.showToast({
					    title: this.$t('comp.qingxzsp'),
					    icon: 'none',
					    duration: 2500
					})
					return;
				}
				
				var gwc = uni.getStorageSync('gouwuche');
				if(''==gwc||null==gwc||undefined==gwc){
					this.gouwuche={
						foodlist:[],
						mendid:'',
						userid:'',
						mendname:''
					};
				}
				else{
					this.gouwuche = JSON.parse(gwc);
				}
				
				var sp = this.food.shangpin;
				if(this.gouwuche.mendid!=sp.store.id){
					this.gouwuche={
						foodlist:[],
						mendid:sp.store.id,
						userid:sp.store.userId,
						mendname:sp.store.posName,
					};
				}
				for(var i=0;i<this.gouwuche.foodlist.length;i++){
					var gwf = this.gouwuche.foodlist[i];
					var ask = JSON.stringify(gwf.ask);
					var tempsku = JSON.stringify(this.tempsku);
					if(gwf.id == sp.id &&ask === tempsku){
						this.gouwuche.foodlist[i].number = this.shuliang;
						let sgwc = JSON.stringify(this.gouwuche);
						uni.setStorageSync('gouwuche',sgwc);
						return;
					}
				}
				
				var f={
					"id": sp.id,
					"name": sp.name, 
					"image": sp.image, 
					"price": sp.price, 
					"otherPrice":this.otherPrice,
					"number": this.shuliang, 
					"ask": this.tempsku,
					"beizhu":this.beizhu
				}
				this.gouwuche.foodlist.push(f);
				let tgwc = JSON.stringify(this.gouwuche);
				uni.setStorageSync('gouwuche',tgwc);
			},
			
			jiajian(e){
				this.shuliang = this.shuliang+e; 
			},
			listDatachange(listData){
				this.tempsku = this.gettempSKU(listData);
				this.otherPrice = this.getotherPrice(listData);
				//console.log(this.tempsku,this.otherPrice)
			},
			gettempSKU(foodSku){
				var selectsku=[];
				if(''==foodSku||null==foodSku||undefined==foodSku){
					return selectsku;
				}
				for(var i=0;i<foodSku.length;i++){
					if(foodSku[i].objects.length>0){
						for(var j=0;j<foodSku[i].objects.length;j++){
							if(foodSku[i].objects[j].state==1){
								selectsku.push(foodSku[i].objects[j].name);
							}
						}
					}
				}
				return selectsku;
			},
			getotherPrice(foodSku){
				console.log('getotherPrice',foodSku);
				var jiner=0;
				if(''==foodSku||null==foodSku||undefined==foodSku){
					return 0;
				}
				for(var i=0;i<foodSku.length;i++){
					if(foodSku[i].objects.length>0){
						for(var j=0;j<foodSku[i].objects.length;j++){
							if(foodSku[i].objects[j].state==1){
								if(foodSku[i].objects[j].price==0||!foodSku[i].objects[j].price){
									jiner=jiner+0;
								}
								else{
									jiner=jiner+parseFloat(foodSku[i].objects[j].price);
								}
							}
						}
					}
				}
				if(parseFloat(jiner)){
					console.log('111',jiner);
					return parseFloat(jiner);
				}
				else{
					console.log('222',jiner);
					return 0;
				}
			},
			editBeizhu(){
				console.log('11111111')
				this.$refs.bzPop.open('top');
			},
			mineSendBT(){
				console.log(this.beizhu)
				this.$refs.bzPop.close();
			},
			querenBZ(){
				console.log(this.beizhu)
				this.$refs.bzPop.close();
			},
		},
	}
</script>

<style>
.querenBt{
	margin-top: 30rpx;
	width: 100%;
	height: 60rpx;
	line-height: 60rpx;
	padding: 10rpx;
	border-radius: 20rpx;
	border: solid #00A6FF;
	border-width: 0px 0px 6rpx 0px;
	text-align: center;
	justify-content: center;
	background-color: #00A6FF;
	color: white;
	box-shadow: 0rpx 0rpx 10rpx 0rpx #00A6FF;
}
.beizhuBt{
	padding: 10rpx 16rpx 10rpx 16rpx;
	color: white;
	border-radius: 8rpx;
	background-color:chocolate;
}
.beizhutext{
	color:darkgray;
	font-size: 30rpx;
	margin-left: 30rpx;
	width: 500rpx;
}
.textinput{
	margin-left: 8rpx;
	padding-top: 10rpx;
	padding-bottom: 10rpx;
	width: 80%;
	border-radius: 6rpx;
	border: 1rpx solid darkgray;
	font-size: 32upx;
	background-color: white;
}

</style>