<template>
	<view style="page1">
		<view style="z-index: 99;width: 100%;height:15%;position: fixed;top: 0;background: #fff;">
			<view style="background: #fff;">
				<button size="default" type="default" @tap="goAddGoods" hover-class="is-hover">新增商品</button>
			</view>
			<view class="title-box">
				<uni-search-bar class="uni-mt-10" radius="5" placeholder="商品名称/货号/供应商" cancelButton="none"
					@input="search" @clear="clearSearch" />
			</view>
		</view>
		<view class="content-left" style="height: 76%;position: fixed;top: 16%;overflow: scroll;padding-top: 20rpx;">
			<view class="left-box" v-if="gateType == ''" v-for="(item, index) in indexList" :key="index"
				:class="item.parentId ? 'left-box-hover':''" @tap="clickLeftBtn(index)">
				<text style="width: 100%;height: 90rpx;line-height: 90rpx;display: inline-block;overflow: hidden;"
					:class="item.parentId ? 'red' :''">{{item.categoryName}}</text>
			</view>
		</view>
		<view class="content-right media-right">
			<view class="right-box" v-for="(item,index) in shopList" :key="index" @tap="toggle('bottom',item)">
				<!-- 当商品的delFlag=0和未入库状态时，显示此遮罩，点击弹出弹窗提示不能操作 -->
				<view class="shop-mask" v-if="item.delFlag == 0 || item.inStorageStatus == 0"
					@tap.stop="clickMask(item)"></view>
				<view class="box-left" @tap.stop="largeImg(item)">
					<img class="img-radius" :src="item.productPicture" alt="" v-if="item.productPicture">
					<view class="noPic" v-else>暂无图片</view>
					<view v-if="shopId == '1960543009070256129'" style="background: red;color: #fff;width: 23%;height: 30rpx;font-size: 20rpx;position: absolute;bottom: 0;    text-align: center;border-radius: 5px;">
						主播佣金{{item.commission == null ? 0:item.commission+'%'}}
					</view>
				</view>
				<view class="box-right">
					<view class="box-right-name">{{item.productSn==null?"":item.productSn}}({{item.productName == null ?'':item.productName}})</view>
					<view class="box-right-num">供应商:{{item.supplierName == null ?'':item.supplierName}}</view>
					<view class="box-right-price" v-if="shopId != '1960543009070256129'">
						<view class="price-box" v-if="storageType == 0">
							<text>{{item.inStorageStatus==0?'待入库':item.purchasePrice == null ?'新商品':item.purchasePrice}}</text>
							<text>采购价</text>
						</view>
						<view class="price-box">
							<text>{{item.wholesalePrice}}</text>
							<text>批发价</text>
						</view>
						<view class="price-box">
							<text>{{item.price}}</text>
							<text>零售价</text>
						</view>
						<view class="price-box" @tap.stop="seeStockCount(item.stockCount,item.minusStockCount)">
							<text>{{item.stockCount + item.minusStockCount}}</text>
							<view>
								库存
								<uni-icons type="help" size="15"></uni-icons>
							</view>
						</view>
					</view>
					<view class="box-right-price" v-else>
						<view class="price-box"  v-if='shopOwnerPhone == username || username == item.createBy'>
							<text>{{item.inStorageStatus==0?'待入库':item.purchasePrice == null ?'新商品':item.purchasePrice+'%'}}</text>
							<text>团长佣金</text>
						</view>
						<view class="price-box">
							<text>{{item.wholesalePrice}}</text>
							<text>直播价</text>
						</view>
						<view class="price-box">
							<text>{{item.price}}</text>
							<text>日常价</text>
						</view>
						<view class="price-box" @tap.stop="seeStockCount(item.stockCount,item.minusStockCount)">
							<text>{{item.stockCount + item.minusStockCount}}</text>
							<view>
								库存
								<uni-icons type="help" size="15"></uni-icons>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="right-box" v-for="(item,index) in shopList1" :key="index" @tap="toggle('bottom',item)">
				<!-- 当商品的delFlag=0和未入库状态时，显示此遮罩，点击弹出弹窗提示不能操作 -->
				<view class="shop-mask" v-if="item.delFlag == 0 || item.inStorageStatus == 0"
					@tap.stop="clickMask(item)"></view>
				<view class="box-left" @tap.stop="largeImg(item)">
					<img class="img-radius" :src="item.productPicture" alt="" v-if="item.productPicture">
					<view class="noPic" v-else>暂无图片</view>
					<view v-if="shopId == '1960543009070256129'" style="background: red;color: #fff;width: 23%;height: 30rpx;font-size: 20rpx;position: absolute;bottom: 0;    text-align: center;border-radius: 5px;">
						主播佣金{{item.commission == null ? 0:item.commission+'%'}}
					</view>
				</view>
				<view class="box-right">
					<view class="box-right-name">{{item.productSn}}({{item.productName == null ?'':item.productName}})</view>
					<view class="box-right-num">供应商:{{item.supplierName == null?'':item.supplierName}}</view>
					<view class="box-right-price" v-if="shopId != '1960543009070256129'">
						<view class="price-box" v-if="storageType == 0">
							<text>{{item.inStorageStatus==0?'待入库':item.purchasePrice == null ?'新商品':item.purchasePrice}}</text>
							<text>采购价</text>
						</view>
						<view class="price-box">
							<text>{{item.wholesalePrice}}</text>
							<text>批发价</text>
						</view>
						<view class="price-box">
							<text>{{item.price}}</text>
							<text>零售价</text>
						</view>
						<view class="price-box" @tap.stop="seeStockCount(item.stockCount,item.minusStockCount)">
							<text>{{item.stockCount + item.minusStockCount}}</text>
							<view>
								库存
								<uni-icons type="help" size="15"></uni-icons>
							</view>
						</view>
					</view>
					<view class="box-right-price" v-else>
						<view class="price-box" v-if='shopOwnerPhone == username || username == item.createBy'>
							<text>{{item.inStorageStatus==0?'待入库':item.purchasePrice == null ?'新商品':item.purchasePrice+'%'}}</text>
							<text>团长佣金</text>
						</view>
						<view class="price-box">
							<text>{{item.wholesalePrice}}</text>
							<text>直播价</text>
						</view>
						<view class="price-box">
							<text>{{item.price}}</text>
							<text>日常价</text>
						</view>
						<view class="price-box" @tap.stop="seeStockCount(item.stockCount,item.minusStockCount)">
							<text>{{item.stockCount + item.minusStockCount}}</text>
							<view>
								库存
								<uni-icons type="help" size="15"></uni-icons>
							</view>
						</view>
					</view>
				</view>
			</view>
			<u-loadmore :status="status" />
		</view>
		<view class="bottom-box">
			<view class="bottom-left" @tap="toggle('carPopup')">
				<view class="bottom-left-box">
					<uni-icons type="cart" size="20" color="#646566"></uni-icons>
					<text class="uni-tab__text">已选择</text>
				</view>
				<text style="background-color:#ff0000;color:#fff;position: absolute;top: 0;right: 10rpx;"
					class="uni-tab__dot">{{carList.length}}</text>
			</view>
			<view class="bottom-right">
				<view class="bottom-btn" @tap="backPrevPage">选好了</view>
			</view>
		</view>
		<!-- 弹出层 -->
		<view>
			<uni-popup ref="popup" background-color="#fff" @change="clickClose">
				<view class="popup-content">
					<view class="popup-title">
						<view class="popup-title-left">
							<img class="img-radius" :src="goodsDetail.productPicture" alt=""
								v-if="goodsDetail.productPicture">
							<view class="noPic" v-else>暂无图片</view>
						</view>
						<view class="popup-title-right">
							<view class="popup-title-right-box" style="color: #088FEB;">{{goodsDetail.productName == null ?'':goodsDetail.productName}}
							</view>
							<view class="popup-title-right-box">{{goodsDetail.productSn}}</view>
							<view class="popup-title-right-box" style="color: darkorange;">
								<!-- <text style="margin-right:20rpx;">￥{{goodsDetail.price}}</text> -->
							</view>
						</view>
					</view>
					<view class="popup-container" style="position: relative;">
						<view @tap="saveCheck" 
							style="z-index: 99;position: absolute;top: 10rpx;right: 20rpx;color: #088FEB;text-decoration: underline;">
							保存已选
						</view>
						<ul style="border-top:20rpx;">
							<li v-for="(items,index) in goodsDetail.attributeList" :key="index" style="position: relative;">
								<view class="title-fur">
									<view class="name">{{items.name}}</view>
								</view>
								<view @tap="getScanCodeCategroyId(items.name)"
									style="position: absolute;top: 18rpx;left: 100rpx;color: #088FEB;text-decoration: underline;font-size: 24rpx;">
									新增{{items.name}}
								</view>
								<view class="attrs">
									<uni-data-checkbox v-model="value" :localdata="range"
										@change="change"></uni-data-checkbox>
									<text v-for="(itemTag, index1) in items.value" :key="index1"
										@tap.stop="attrNameChange(index,itemTag.value,index1) "
										:class="itemTag.isChecked ? 'checkedText' : '' "> {{itemTag.value}}</text>
								</view>
							</li>
						</ul>
						<view style="padding-bottom: 100rpx;">
							<view class="checkList" v-if="temporaryList != ''">
								<view class="checkList-box" style="width: 69.5%;">
									<text style="width: 69%;display: inline-block;font-size: 30rpx;font-weight: bold;padding-left: 40rpx;">规格</text> 
									<text style="font-size: 30rpx;color: #000;font-weight: bold;width: 25%;display: inline-block;text-align: center;">库存</text>
								</view>
								<view class="zuni-numbox">
									<view @tap="minusNum" class="zuni-numbox__minus zuni-numbox-btns" style="background: #f5f5f5;">
										<text class="zuni-numbox--text">-</text>
									</view>
									<input v-model="allChangeNum" @blur="allChange" @focus="obtainPrice($event,'zongjishu')" class="zuni-numbox__value" type="number" />
									<view @tap="plusNum" class="zuni-numbox__plus zuni-numbox-btns" style="background: #f5f5f5;">
										<text class="zuni-numbox--text">+</text>
									</view>
								</view>
								<!-- <uni-number-box max='1000000' @minus='minusNum' @plus="plusNum" v-model="allChangeNum" @blur="allChange"  /> -->
							</view>
							<view class="checkList" v-for="(item,index) in temporaryList" :key="index">
								<view @tap.stop="delCarData(index)" style="margin-right: 20rpx;width: 7%;">
									<uni-icons color="red" type="minus" size="26"></uni-icons>
								</view>
								<view class="checkList-box">
									<text style="width: 69%;display: inline-block;">{{item.name}}</text> <text
										style="color:#777;font-size: 24rpx;width: 25%;display: inline-block;">{{item.productNum==null?'无库存':item.productNum}}</text>
								</view>
								<!-- <uni-number-box max="100000" v-model="item.productCount" @change="temporaryChange"  /> -->
								<view class="zuni-numbox">
									<view @tap="oneMinusNum(index,'','')" class="zuni-numbox__minus zuni-numbox-btns" style="background: #f5f5f5;">
										<text class="zuni-numbox--text">-</text>
									</view>
									<input v-model="item.productCount" @blur="numChange($event,index)" @focus="obtainPrice($event,'danjishu',index)" class="zuni-numbox__value" type="number" />
									<view @tap="onePlusNum(index,'','')" class="zuni-numbox__plus zuni-numbox-btns" style="background: #f5f5f5;">
										<text class="zuni-numbox--text">+</text>
									</view>
								</view>
							</view>
						</view>
					</view>
					
				</view>
				<view class="popup-bottom">
					<view class="popup-bottom-left">
						<text>数量：{{zNum}} 件</text>
						<!-- <text>￥{{zPrice}}</text> -->
					</view>
					<view class="popup-bottom-right">
						<view class="bottom-btn" @tap="temporaryCheck">选好了</view>
					</view>
				</view>
			</uni-popup>
		</view>
		<!-- 购物车弹出层 -->
		<uni-popup ref="carPopup" background-color="#fff" @change="change">
			<view class="popup-content">
				<view v-for="(item,index) in carList" :key="index" style="position: relative;">
					<view class="popup-title">
						<view class="popup-title-left">
							<img class="img-radius" :src="item.productPicture" alt="" v-if="item.productPicture">
							<view class="noPic" v-else>暂无图片</view>
						</view>
						<view class="popup-title-right">
							<view class="popup-title-right-box" style="color: #088FEB;">{{item.productName==null?'':item.productName}}</view>
							<view class="popup-title-right-box">{{item.productSn}}</view>
							<view class="popup-title-right-box" style="color: darkorange;">
								<text style="margin-right:20rpx;">￥{{item.price}}</text>
								<!-- <uni-icons color="#088FEB" type="compose" size="16"></uni-icons> -->
								<view style="position: absolute;top: 30rpx;right: 30rpx;" @tap.stop="delShop(item)">
									<uni-icons color="red" type="trash" size="26"></uni-icons>
								</view>
							</view>
						</view>
					</view>
					<view style="padding-bottom: 100rpx;">
						<view class="popup-container" v-for="(item1,index1) in item.saleDetailQueryDTO" :key="index1">
							<view class="checkList">
								<view style="margin-right:5%;" @tap="delShopSpec(item.id,item1.attributeList)">
									<uni-icons color="red" type="minus" size="26"></uni-icons>
								</view>
								<view class="checkList-box">
									{{item1.attributeList | sliceMsg}}
								</view>
								<!-- <uni-number-box max="100000" v-model="item1.productCount"
									@change="carChange($event,index,index1)" /> -->
								<view class="zuni-numbox">
									<view @tap="oneMinusNum(index,index1,'che')" class="zuni-numbox__minus zuni-numbox-btns" style="background: #f5f5f5;">
										<text class="zuni-numbox--text">-</text>
									</view>
									<input v-model="item1.productCount" @blur="chenumChange($event,index,index1)" @focus="obtainPrice($event,'chejishu',index,index1)" class="zuni-numbox__value" type="number" />
									<view @tap="onePlusNum(index,index1,'che')" class="zuni-numbox__plus zuni-numbox-btns" style="background: #f5f5f5;">
										<text class="zuni-numbox--text">+</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>

				<view class="popup-bottom">
					<view class="popup-bottom-left">
						<text>{{carType}} 款 {{carNum}} 件</text>
					</view>
					<view class="popup-bottom-right">
						<view class="bottom-btn" @tap="this.$refs.carPopup.close()">关闭</view>
					</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="inputDialog" background-color="#fff" :is-mask-click="true">
			<view class="type-popup"
				style="width:100%;margin-bottom: 0;border-radius: 0;height: 450rpx;border-radius: 10px;">
				<view style="height: 120rpx;font-size: 36rpx;font-weight: bold;line-height: 120rpx;text-align: center;">
					新增规格值
				</view>
				<view style="height: 80rpx;font-size: 28rpx;line-height: 80rpx;text-align: center;">
					请在下方输入框中输入新规格
				</view>
				<view style="width: 90%;margin: 40rpx auto 0;">
					<uni-easyinput type="text" v-model="categoryText" @blur="handleBlur" placeholder="请输入规格值" ref="clearInput" />
				</view>
				<view
					style="width: 100%;height: 90rpx;line-height: 90rpx;text-align: center;border-radius: 0;background: linear-gradient(90deg, #60F3FF, #088FEB);color: #fff;display: flex;position: absolute;bottom: 0;">
					<view style="width:50%;" @tap="dialogClose">取消</view>
					<view style="width:50%;background: linear-gradient(90deg, #FF9797, #FFC1E0);"
						@tap="dialogInputConfirm">确认</view>
				</view>
			</view>
		</uni-popup>
		<!-- 弹出多图轮播 -->
		<uni-popup ref="imgPopup" background-color="#fff">
			<view class="showImg-box">
				<swiper indicator-dots class="swiper-box" @change="lunbochange" circular autoplay :current="swiperDotIndex">
					<swiper-item v-for="(item, index) in bigImg" :key="index">
						<view class="swiper-item">
							<image mode='aspectFit' :src="item.productPicture" alt="" style="width: 100%;height: 100%;border-radius: 10px;" /></image>
						</view>
					</swiper-item>
				</swiper>
			</view>
		</uni-popup>
		<!-- 显示正负库存弹窗 -->
		<uni-popup ref="showPopup" background-color="#fff">
			<view class="popup-pay-content" style="width: 550rpx;">
				<view class="popup-pay-title">
					<text>库存数</text>
				</view>
				<view style="width: 100%;height: 150rpx;">
					<view
						style="width: 200rpx;height: 130rpx;border: 3px solid #FFE4C4;border-radius: 10px;margin-top: 20rpx;padding-top: 20rpx;display: flex;flex-direction: column;text-align: center;float: left;margin-left: 20rpx;">
						<text style="font-weight: bold;">
							正数库存
						</text>
						<text style="font-size: 30rpx;color: #000;font-weight: bold;">
							{{zheng}}
						</text>
					</view>
					<view
						style="width: 200rpx;height: 130rpx;border: 3px solid #FFE4C4;border-radius: 10px;margin-top: 20rpx;padding-top: 20rpx;display: flex;flex-direction: column;text-align: center;float: left;margin-left: 40rpx;">
						<text style="font-weight: bold;">
							负数库存
						</text>
						<text style="font-size: 30rpx;color: #000;font-weight: bold;">
							{{fu}}
						</text>
					</view>
				</view>
				<view class="popup-pay-container" style="display: flex;margin-top: 50rpx;background: #89CFF0;">
					<view @tap='$refs.showPopup.close()'
						style="flex:1;text-align: center;border-right: 1px solid #eee;background: #088FEB;font-size:32rpx;">
						确认
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				indexList: [],
				pageNum: 1, //分页的页码
				shopList: [],
				shopList1: [],
				shopOwnerPhone:uni.getStorageSync('shopOwnerPhone'),
				username:uni.getStorageSync('username'),
				info: 0,
				shopId:uni.getStorageSync('shopId'),
				zheng:'',
				fu:'',
				categoryId: '', //分类id
				searchName: '', //搜索框输入值
				temporaryNum: 0,
				allChangeNum:0,
				goodsDetail: [],
				attrNameList: [],
				temporaryList: [],
				carList: [],
				bigImg:[],
				columns: [],
				keyList: [],
				evalue: [],
				customerCategoryList:[],
				show: false,
				attributeList: {},
				purchasePrice: "",
				zPrice: 0,
				zNum: 0,
				storageType: 0,
				carNum: 0,
				swiperDotIndex:0,
				carType: 0,
				productId: '',
				productNum: 0,
				isPlusAndMinus:false,
				height: 0,
				oldTemList:[],
				pageOldTemList:[],
				goodsList:[],
				newTemList:[],
				pecsList:[],
				gateType:'',
				dataObj :new Map() //拿到的 规格值为key的
			}
		},
		filters: {
			sliceMsg(val) {
				var name = ''
				if (typeof(val) == 'string') {
					let newObj = JSON.parse(val)
					for (let as in newObj) {
						name += newObj[as] + '/'
					}
				}
				return name;
			},
			maxNum(val) {
				if (val >= 10) {
					return 10
				} else if (val < 0) {
					return 0
				}
			}
		},
		onLoad() {
			this.height = wx.getSystemInfoSync().windowHeight
			this.storageType = uni.getStorageSync('type')
		},
		onShow() {
			this.pageNum = 1
			this.searchName = ""
			this.shopList = []
			this.shopList1 = []
			this.getGategoryList()
			this.getCustomerCategoryList()
		},
		onReachBottom() {
			
			if (this.pageNum >= this.pages) return;
			// this.status = 'loading';
			this.pageNum ++;
			if(this.gateType == 'search'){
				this.getShareList('search');
			}else{
				this.getShareList();
			}
		},
		methods: {
			//初始化获取分类列表
			getGategoryList() {
				this.tui.request("/app/productCategory/list", "get", {
					// shopId: 1,
				}, false, true).then((res) => {
					if (res.code == 200) {
						this.indexList = res.result;
						for (var i = 0; i < this.indexList.length; i++) {
							if (i == 0) {
								this.indexList[i].parentId = true
							} else {
								this.indexList[i].parentId = false
							}
						}
						this.categoryId = this.indexList[0].id
						this.getShareList();
					} else {
						this.tui.toast(res.message)
					}
				}).catch((res) => {})
			},
			combination(arr) {
				let result = [
					[]
				]

				arr.map(x => {
					var res = []
					result.map(y => {
						x.specs.map(z => {
							res.push([...y, z])
						})
					})
					result = res
				})
				return result;
			},
			//保存已选
			saveCheck(){
				this.pageOldTemList = this.temporaryList
				for(var i=0;i<this.goodsDetail.attributeList.length;i++){
					this.goodsList[i].specs = []
					for(var m=0;m<this.goodsDetail.attributeList[i].value.length;m++){
						this.goodsDetail.attributeList[i].value[m].isChecked = false
					}
				}
			},
			clickClose(){
				this.evalue = []
				this.allChangeNum = 0
			},
			allChange(e){
				if(this.linshiPrice == e.target.value){
					this.allChangeNum = e.target.value
				}else{
					if(e.target.value == ''){
						this.allChangeNum = this.linshiPrice
					}else{
						this.allChangeNum = e.target.value
					}
					
				}
				//监听到输入框改变，给所有的都赋值
				if(this.isPlusAndMinus == false){
					for(var i=0;i<this.temporaryList.length;i++){
						if(this.evalue.length == 0){
							this.temporaryList[i].productCount = Number(this.allChangeNum)
						}else{
							for(var j=0;j<this.evalue.length;j++){
								if(this.evalue[j] == this.temporaryList[i].name){
									this.temporaryList[i].productCount = Number(this.allChangeNum)
								}
							}
						}
						
						for(var m=0;m<this.pageOldTemList.length;m++){
							if(this.temporaryList[i].attributeList == this.pageOldTemList[m].attributeList){
								this.pageOldTemList[m].productCount = this.temporaryList[i].productCount
							}
						}
						for(var j=0;j<this.oldTemList.length;j++){
							if(this.temporaryList[i].attributeList == this.oldTemList[j].attributeList){
								this.oldTemList[j].productCount = this.temporaryList[i].productCount
							}
						}
					}
				}
				this.isPlusAndMinus == false
				this.temporaryChange('')
			},
			seeStockCount(zheng,fu){
				this.zheng = zheng;
				this.fu = fu;
				this.$refs.showPopup.open()
			},
			plusNum(){
				this.isPlusAndMinus == true
				//监听到点击+的操作，给所有的都+1
				for(var i=0;i<this.temporaryList.length;i++){
					if(this.evalue.length == 0){
						if(this.temporaryList[i].productCount == undefined){
							this.temporaryList[i].productCount = 1
						}else{
							this.temporaryList[i].productCount++
						}
					}else{
						for(var j=0;j<this.evalue.length;j++){
							if(this.evalue[j] == this.temporaryList[i].name){
								if(this.temporaryList[i].productCount == undefined){
									this.temporaryList[i].productCount = 1
								}else{
									if(this.temporaryList[i].productCount >= 0){
										this.temporaryList[i].productCount++
									}
									
								}
							}
						}
					}
					
					for(var m=0;m<this.pageOldTemList.length;m++){
						if(this.temporaryList[i].attributeList == this.pageOldTemList[m].attributeList){
							this.pageOldTemList[m].productCount = this.temporaryList[i].productCount
						}
					}
					for(var j=0;j<this.oldTemList.length;j++){
						if(this.temporaryList[i].attributeList == this.oldTemList[j].attributeList){
							this.oldTemList[j].productCount = this.temporaryList[i].productCount
						}
					}
				}
				this.temporaryChange('')
			},
			minusNum(){
				this.isPlusAndMinus == true
				//监听到点击-的操作，给所有的都-1
				for(var i=0;i<this.temporaryList.length;i++){
					
					if(this.evalue.length == 0){
						this.temporaryList[i].productCount--
					}else{
						for(var j=0;j<this.evalue.length;j++){
							if(this.evalue[j] == this.temporaryList[i].name){
								if(this.temporaryList[i].productCount > 0){
									this.temporaryList[i].productCount--
								}
							}
						}
					}
					for(var m=0;m<this.pageOldTemList.length;m++){
						if(this.temporaryList[i].attributeList == this.pageOldTemList[m].attributeList){
							this.pageOldTemList[m].productCount = this.temporaryList[i].productCount
						}
					}
					for(var j=0;j<this.oldTemList.length;j++){
						if(this.temporaryList[i].attributeList == this.oldTemList[j].attributeList){
							this.oldTemList[j].productCount = this.temporaryList[i].productCount
						}
					}
				}
				this.temporaryChange('')
			},
			attrNameChange(index, data1,index1) {
				uni.showLoading({
					title: '加载中...'
				})
				this.goodsDetail.attributeList[index].isChecked = !this.goodsDetail.attributeList[index].isChecked;
				this.goodsDetail.attributeList[index].value[index1].isChecked = !this.goodsDetail.attributeList[index].value[index1].isChecked;
				if(this.goodsList[index].specs.indexOf(data1) != -1){
					this.goodsList[index].specs.splice(this.goodsList[index].specs.indexOf(data1),1)
				}else{
					this.goodsList[index].specs.push(data1)
				}
				let jishuqi = 0
				for(var i = 0; i < this.goodsList.length; i++){
					if(this.goodsList[i].specs.length > 0){
						jishuqi++
					}
				}
				var resultList = []
				if(jishuqi == this.goodsList.length){
					
					resultList = this.combination(this.goodsList);
				}
				this.evalue = []
				var value = []
				for (var m = 0; m < resultList.length; m++) {
					var name = ''
					let value1 = "{"
					for (var j = 0; j < resultList[m].length; j++) {
						if(j != resultList[m].length - 1){
							name += resultList[m][j] + '/'
							value1 += '"'+this.dataObj.get(resultList[m][j]) + '":"' + resultList[m][j] + '",'
						}else{
							name += resultList[m][j]
							value1 +=  '"'+this.dataObj.get(resultList[m][j]) + '":"' + resultList[m][j] + '"'
						}
					}
					value1 += "}"
					value.push(value1)
					this.evalue.push(name)
				}
				if(jishuqi == 0){
					this.oldTemList = []
					this.temporaryList = this.pageOldTemList
				}
				if(this.temporaryList.length == 0){
					if(jishuqi == this.goodsList.length){
						for (var i = 0; i < value.length; i++) {
							this.attributeList = {
								attributeList: value[i],
								productCount: this.temporaryNum,
								productNum:null,
								name: this.evalue[i],
								price: this.purchasePrice
							}
							this.temporaryList.push(this.attributeList);
						}	
					}		
				}else{
					let newProductCount = 0;
					for (var i = 0; i < value.length; i++) {
						for (var m = 0; m < this.temporaryList.length; m++) {
							if(this.temporaryList[m].attributeList == value[i]){
								newProductCount = this.temporaryList[m].productCount
							}
						}
						this.attributeList = {
							attributeList: value[i],
							productCount: newProductCount,
							productNum:null,
							name: this.evalue[i],
							price: this.purchasePrice
						}
						
						this.newTemList.push(this.attributeList);
						newProductCount = 0;
					}
					for (var i = 0; i < this.oldTemList.length; i++) {
						let oldAttributeList = '';
						let oldProductCount = '';
						let notChcek = true;
						for (var m = 0; m < this.newTemList.length; m++) {
							if(this.oldTemList[i].attributeList == this.newTemList[m].attributeList){
								this.newTemList[m].productCount = this.oldTemList[i].productCount
								notChcek = false;
							}
						}
						if(this.newTemList.length > 0 && notChcek){
							this.newTemList.push(this.oldTemList[i]);
						}
					}
					
					for (var i = 0; i < this.pageOldTemList.length; i++) {
						let oldAttributeList = '';
						let oldProductCount = '';
						let notChcek = true;
						for (var m = 0; m < this.newTemList.length; m++) {
							if(this.pageOldTemList[i].attributeList == this.newTemList[m].attributeList){
								this.newTemList[m].productCount = this.pageOldTemList[i].productCount
								notChcek = false;
							}
						}
						if(this.newTemList.length > 0 && notChcek){
							this.newTemList.push(this.pageOldTemList[i]);
						}
					}
				}
				this.$nextTick(()=>{
					for(var i=0;i<this.temporaryList.length;i++){
						for(var m=0;m<this.pecsList.length;m++){
							if(this.temporaryList[i].attributeList == this.pecsList[m].attributeList){
								this.temporaryList[i].productNum = this.pecsList[m].stockCount
							}
						}
					}
				})
				if(jishuqi != this.goodsList.length){
					if(this.oldTemList.length ==0 && this.pageOldTemList.length ==0){
						this.newTemList = []
						this.temporaryList = [] 
					}
				}
				if(this.newTemList.length != 0 && jishuqi == this.goodsList.length){
					this.temporaryList = this.newTemList;
					this.oldTemList = []
					this.newTemList = []
				}
				setTimeout(res => {
					uni.hideLoading();
				}, 200)
			},
			temporaryChange(val) {
				if(val != ''){
					this.carNum = 0
					for (let i = 0; i < this.carList.length; i++) {
						this.carNum += this.carList[i].num
					}
					this.carType = this.carList.length
				}else{
					this.zNum = 0
					for (var i = 0; i < this.temporaryList.length; i++) {
						this.zNum += this.temporaryList[i].productCount || 0
					}
					this.zPrice = this.zNum * this.purchasePrice
				}
				
			},
			//点击底部选好了，返回上一页
			backPrevPage() {
				
				let pages = getCurrentPages();
				let prevPage = pages[pages.length - 2];
				prevPage.$vm.carList1 = this.carList
				uni.navigateBack({
					delta: 1
				})
			},
			getShareList(type) {
				let data = {}
				if(type=='search'){
					this.gateType = 'search'
					data = {
						categoryId: "",
						searchStr: this.searchName,
						pageNum: this.pageNum,
						pageSize: '10'
					}
				}else{
					this.gateType = ''
					data = {
						categoryId: this.categoryId,
						searchStr: this.searchName,
						pageNum: this.pageNum,
						pageSize: '10'
					}
				}
				this.tui.request("/app/product/getShareList", "POST", data, false, false).then((res) => {
					if (res.code == 200) {
						if(type=='search'){
							this.shopList = []
							this.status = 'nomore';
							if (this.pages == 1) {
								this.shopList1 = res.result.records
							} else {
								this.shopList1 = [...this.shopList1, ...res.result.records]
							}
							this.pages = res.result.pages
						}else{
							this.shopList1 = []
							this.status = 'nomore';
							if (this.pages == 1) {
								this.shopList = res.result.records
							} else {
								this.shopList = [...this.shopList, ...res.result.records]
							}
							this.pages = res.result.pages
						}
					} else {
						this.tui.toast(res.message)
					}
				}).catch((res) => {})
			},
			carChange(e, index, index1) {

				this.carNum = 0
				for (let i = 0; i < this.carList.length; i++) {
					this.carList[i].num = 0
					for (let m = 0; m < this.carList[i].saleDetailQueryDTO.length; m++) {
						this.carList[i].num += this.carList[i].saleDetailQueryDTO[m].productCount
					}
					this.carNum += this.carList[i].num
				}
			},
			//跳转新增商品
			goAddGoods() {
				uni.navigateTo({
					url: "/package1/inventory/addGoods"
				})
			},
			handleBlur(e) {
				this.categoryText = e.detail.value
			},
			//弹出购物车或者商品规格选择弹窗
			toggle(type, item) {

				this.type = type
				if (type == 'carPopup') {
					this.carNum = 0
					for (let i = 0; i < this.carList.length; i++) {
						this.carNum += this.carList[i].num
					}
					this.carType = this.carList.length
					this.$refs.carPopup.open('bottom')
				} else {
					uni.showLoading({
						title: '加载中...'
					})
					this.productId = item.id
					this.goodsList = []
					this.allChangeNum = 0
					this.checkGoods(item);
					this.$refs.popup.open('bottom')
				}

			},
			//选择商品查询商品规格
			checkGoods(item) {
				let that = this;
				this.goodsDetail = item;
				this.temporaryList = []
				this.pageOldTemList = []
				if (this.carList != '') {
					this.zNum = 0
					for (let i = 0; i < this.carList.length; i++) {

						if (item.id == this.carList[i].id) {
							this.zNum = this.carList[i].num
							this.temporaryList = this.carList[i].saleDetailQueryDTO
							this.pageOldTemList = this.carList[i].saleDetailQueryDTO
							this.oldTemList = this.carList[i].saleDetailQueryDTO
						}
					}
					
				}
				
				this.tui.request("/app/productAttribute/selectAttributeAndValueByCategoryId", "POST", {
					categoryId: this.goodsDetail.attrId
				}, false, true).then((res1) => {
					if (res1.code == 200) {
						if (typeof(res1.result.attributeAndValue) == 'string') {
							let newObj = JSON.parse(res1.result.attributeAndValue)
							let newArr = []
							let dataArr = []
							for (let val in newObj) {
								let valueObj = [];
								let isTrue = false
								for (var i = 0; i < newObj[val].length; i++) {
									for (var m = 0; m < this.oldTemList.length; m++) {
										var data = this.oldTemList[m].name.split('/')
										for(var j = 0; j < data.length; j++){
											if(data[j] == newObj[val][i]){
												isTrue = true
											}
										}
									}
									for (var m = 0; m < this.pageOldTemList.length; m++) {
										var data = this.pageOldTemList[m].name.split('/')
										for(var j = 0; j < data.length; j++){
											if(data[j] == newObj[val][i]){
												isTrue = true
											}
										}
									}
									valueObj.push({
										value: newObj[val][i],
										isChecked: false
									})
									that.dataObj.set(newObj[val][i],val)
									isTrue = false
								}
								newArr.push({
									name: val,
									value: valueObj
								})
							}
							
							this.goodsDetail.attributeList = newArr;
							
							for (var i = 0; i < this.goodsDetail.attributeList.length; i++) {
								let oldCheck = false
								let oldValue = []
								for (var m = 0; m < this.goodsDetail.attributeList[i].value.length; m++) {
									if(this.goodsDetail.attributeList[i].value[m].isChecked == true){
										oldCheck = true
										oldValue.push(this.goodsDetail.attributeList[i].value[m].value)
									}
								}
								if(oldCheck){
									let specs1 = {
										specs:[]
									}
									
									specs1.specs = oldValue
									this.goodsList.push(specs1)
								}else{
									let specs1 = { 
										specs:[]
									}
									this.goodsList.push(specs1)
								}
								oldCheck = false
								oldValue = []
							}
							
						}
						this.getKCList(res1.result.stock);
					} else {
						this.tui.toast(res.message)
					}
				}).catch((res) => {})
			},
			//库存商品详情
			getKCList(list) {
				// this.tui.request("/app/stock/productCount", "GET", {
				// 	productId: id
				// }, false, true).then((res) => {
				// 	if (res.code == 200) {
						this.pecsList = list
				// 	} else {
				// 		this.tui.toast(res.message)
				// 	}
				// }).catch((res) => {})
				setTimeout(res => {
					uni.hideLoading();
				}, 200)
			},
			//顶部搜索框
			search(e) {
				this.pageNum = 1
				this.shopList1 = []
				this.shopList = []
				if(e == ''){
					this.searchName = ""
					this.getShareList()
				}else{
					this.searchName = e
					this.getShareList('search')
					
				}
			},
			//清空搜索条件
			clearSearch(){
				this.pageNum = 1
				this.shopList1 = []
				this.shopList = []
				this.searchName = ''
				this.getShareList()
			},
			chenumChange(e,index,index1){
				
				if(this.linshiPrice == e.target.value){
					this.carList[index].saleDetailQueryDTO[index1].productCount = Number(e.target.value)
				}else{
					if(e.detail.value == ''){
						this.carList[index].saleDetailQueryDTO[index1].productCount = Number(this.linshiPrice)
					}else if(e.detail.value == 0){
						this.carList[index].saleDetailQueryDTO[index1].productCount = 0
					}else{
						this.carList[index].saleDetailQueryDTO[index1].productCount = Number(e.detail.value);
					}
					this.$forceUpdate()
				}
				this.carChange()
			},
			lunbochange(e) {
				this.current = e.detail.current
			},
			//查看大图
			largeImg(img) {
				if((img.productPicture == null &&img.productPictures == null) || (img.productPicture == '' &&img.productPictures == null)){
					this.tui.toast("暂无可展示的图片",300)
					return
				}
				this.bigImg = []
				if(img.productPicture != null){
					let data = {
						productPicture:img.productPicture
					}
					this.bigImg.push(data)
				}
				if(img.productPictures != null){
					for(let i=0;i<img.productPictures.length;i++){
						this.bigImg.push(img.productPictures[i])
					}
				}
				this.$refs.imgPopup.open()
			},
			numChange(e,index){
				if(this.linshiPrice == e.target.value){
					this.temporaryList[index].productCount = Number(e.target.value)
				}else{
					if(e.detail.value == ''){
						this.temporaryList[index].productCount =  Number(this.linshiPrice)
					}else if(e.detail.value == 0){
						this.temporaryList[index].productCount = 0
					}else{
						this.temporaryList[index].productCount =  Number(e.detail.value);
					}
					this.$forceUpdate()
				}
				this.temporaryChange('')
			},
			oneMinusNum(index,index1,type){
				if(type != ''){
					if(this.carList[index].saleDetailQueryDTO[index1].productCount > 0){
						this.carList[index].saleDetailQueryDTO[index1].productCount --
						this.carList[index].num --
					}
					this.temporaryChange('che')
				}else{
					if(this.temporaryList[index].productCount <= 0){
						this.temporaryList[index].productCount = 0
					}else{
						this.temporaryList[index].productCount --
					}
					this.temporaryChange('')
				}
				
			},
			onePlusNum(index,index1,type){
				if(type != ''){
					if(this.carList[index].saleDetailQueryDTO[index1].productCount >= 0){
						this.carList[index].saleDetailQueryDTO[index1].productCount ++
						this.carList[index].num ++
					}
					
					this.temporaryChange('che')
				}else{
					if(this.temporaryList[index].productCount < 0){
						this.temporaryList[index].productCount = 0
					}else{
						this.temporaryList[index].productCount ++
					}
					this.temporaryChange('')
				}
			},
			dialogInputConfirm(e) {
				if (this.categoryText == '') {
					this.tui.toast("请输入规格值后提交")
					return
				}
				//this.goodsDetail[0]  颜色
				//this.goodsDetail[1]  尺码
				this.$refs.inputDialog.close()
				let data = {
					isChecked: false,
					value: this.categoryText
				}
				if (this.isOpenId == '0') {
					this.goodsDetail.attributeList[0].value.push(data)
					this.dataObj.set(data.value, '颜色')
				} else if (this.isOpenId == '1') {
					this.goodsDetail.attributeList[1].value.push(data)
					this.dataObj.set(data.value, '尺码')
				}
				this.categoryText = ''
				this.$refs.clearInput.onClear()
				this.$forceUpdate()
					
			},
			dialogClose() {
				this.inputVal = '';
				this.$refs.inputDialog.close()
				this.$refs.clearInput.onClear()
				this.categoryText = ''
			},
			obtainPrice(e,type,index,index1){
				this.linshiPrice = e.target.value
				if(type=='zongjishu'){
					this.allChangeNum = ''
				}else if(type=='danjishu'){
					this.temporaryList[index].productCount = ''
					this.$forceUpdate()
				}else if(type=='chejishu'){
					this.carList[index].saleDetailQueryDTO[index1].productCount = ''
					this.$forceUpdate()
				}
			},
			//未入库遮罩
			clickMask(item) {
				let title = ''
				if (item.delFlag == 0) {
					title = '请将商品上架后再操作！'
				} else {
					title = '请将上次入库的采购价维护后再进行操作！'
				}
				uni.showToast({
					title: title,
					icon: 'none'
				})
			},
			//获取客户分类
			getCustomerCategoryList(){
				this.tui.request("/app/customerCategory/getCustomerCategoryListByShopId", "POST", {
					shopId:uni.getStorageSync('shopId')
				}, false, true).then((res) => {
					if (res.code == 200) {
						if(res.result.length > 0){
							this.customerCategoryList = res.result
							for(let i=0;i<this.customerCategoryList.length;i++){
								let data = {
									categoryName:this.customerCategoryList[i].categoryName,
									categoryId:this.customerCategoryList[i].id,
									categoryPrice:""
								}
								this.customerCategoryList[i] = data
							}
						}else{
							this.customerCategoryList = null
						}
						
					} else {
						this.tui.toast(res.message)
					}
				}).catch((res) => {})
			},
			//点击左侧菜单切换
			clickLeftBtn(index) {
				for (var i = 0; i < this.indexList.length; i++) {
					if (i == index) {
						this.indexList[i].parentId = true
					} else {
						this.indexList[i].parentId = false
					}
				}
				this.pageNum = 1
				this.searchName = ""
				this.shopList1 = []
				this.shopList = []
				this.categoryId = this.indexList[index].id
				this.getShareList(this.indexList[index].id)
			},
			//临时改价
			changePrice(val) {
				this.goodsDetail.price = this.temporaryList[0].price = val
			},
			//弹窗选择规格后，点击弹窗中选好了按钮
			temporaryCheck() {
				this.evalue = []
				let data = {
					attrId:this.goodsDetail.attrId,
					id: this.goodsDetail.id,
					price: this.goodsDetail.price,
					categoryId:this.goodsDetail.categoryId,
					num: this.zNum,
					productId:this.goodsDetail.id,
					customerCategoryRule:this.goodsDetail.customerCategoryRule != null?JSON.parse(this.goodsDetail.customerCategoryRule):this.customerCategoryList,
					wholesalePrice: this.goodsDetail.wholesalePrice,
					purchasePrice: this.goodsDetail.purchasePrice,
					productName: this.goodsDetail.productName,
					productSn: this.goodsDetail.productSn,
					productPicture: this.goodsDetail.productPicture,
					supplierName: this.goodsDetail.supplierName,
					createBy: this.goodsDetail.createBy,
					saleDetailQueryDTO: this.temporaryList
				}
				if (this.carList.length == 0) {
					this.carList.push(data)
				} else {
					let aa = true;
					for (let i = 0; i < this.carList.length; i++) {
						if (this.carList[i].id == data.id) {
							this.carList[i] = data
							aa = false
						}
					}
					if (aa) {
						this.carList.push(data)
					}
				}


				for (let i = 0; i < this.carList.length; i++) {
					this.carList[i].num = 0
					for (let m = 0; m < this.carList[i].saleDetailQueryDTO.length; m++) {
						this.carList[i].num += this.carList[i].saleDetailQueryDTO[m].productCount
					}
				}
				this.temporaryList = []
				this.purchasePrice = ""
				this.oldTemList = []
				this.zPrice = ''
				this.zNum = ''
				for (let i = 0; i < this.goodsDetail.attributeList.length; i++) {
					this.goodsDetail.attributeList[i].isChecked = false;
					for (let m = 0; m < this.goodsDetail.attributeList[i].value.length; m++) {
						this.goodsDetail.attributeList[i].value[m].isChecked = false
					}
				}
				this.$refs.popup.close()
				
			},
			//删除整条商品
			delShop(item) {
				var that = this;
				uni.showModal({
					title: "提示",
					content: "确定删除此条商品吗？",
					success: function(res) {
						if (res.confirm) {
							for (let i = 0; i < that.carList.length; i++) {
								if (that.carList[i].id == item.id) {
									that.carNum -= that.carList[i].num
									that.carList.splice(i, 1)
								}
							}
							that.carType = that.carList.length
						}
						that.$forceUpdate()
					}
				})
			},
			change() {
				this.oldTemList = []
			},
			//选商品的时候能删除规格
			delCarData(index) {
				
				this.temporaryList.splice(index, 1);
				this.temporaryChange('')
				// uni.showModal({
				// 	title: "提示",
				// 	content: "确定删除此条商品吗？",
				// 	success: function(res) {
				// 		if(res.confirm){
				// 			that.carList.get(id).productCount -= that.carList.get(id).stockLogList.get(name);
				// 			that.carList.get(id).stockLogList.delete(name)
				// 			that.carList.get(id).price = that.carList.get(id).productCount * that.carList.get(id).purchasePrice
				// 			if(that.carList.get(id).stockLogList.size == 0){
				// 				that.carList.delete(id)
				// 			}

				// 			that.getAllPrice()
				// 		}
				// 		that.$forceUpdate()
				// 	}
				// })

			},
			getScanCodeCategroyId(num) {
				num = num == '颜色' ? 0 : 1
				this.isOpenId = num
				this.goodsId = this.goodsDetail.id
				this.$refs.inputDialog.open('bottom')
				this.isBottom = true
			},
			//删除商品下的某一个规格
			delShopSpec(index, index1) {
				var that = this;
				uni.showModal({
					title: "提示",
					content: "确定删除此条商品吗？",
					success: function(res) {
						if (res.confirm) {
							for (let i = 0; i < that.carList.length; i++) {
								for (let m = 0; m < that.carList[i].saleDetailQueryDTO.length; m++) {
									if (that.carList[i].id == index) {
										if (that.carList[i].saleDetailQueryDTO[m].attributeList == index1) {
											that.carList[i].num -= that.carList[i].saleDetailQueryDTO[m]
												.productCount
											that.carNum -= that.carList[i].saleDetailQueryDTO[m].productCount
											that.carList[i].saleDetailQueryDTO.splice(m, 1)
											continue;
										}
									}

								}
								if (that.carList[i].saleDetailQueryDTO.length == 0) {
									that.carList.splice(i, 1)
								}
							}
							that.carType = that.carList.length
						}
						that.$forceUpdate()
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		height: 100%;
		font-size: 24rpx;
	}

	button {
		color: #ffffff !important;
		background: #5fd9ee !important;
		width: 95%;
		margin-top: 20rpx;
	}

	.page1 {
		display: flex;
		flex-direction: column;
		height: 92%;
		font-size: 28rpx;
	}

	.uni-tab__dot {
		padding: 0 8rpx;
		line-height: 30rpx;
		color: #ffffff;
		text-align: center;
		font-size: 24rpx;
		background-color: #ff0000;
		border-radius: 30rpx;
	}

	.popup-content {
		align-items: center;
		justify-content: center;
		padding: 30rpx;
		height: 1200rpx;
		background-color: #fff;
		overflow: scroll;
	}

	.popup-title-right-box {
		height: 50rpx;
		line-height: 50rpx;
	}

	.popup-title-right {
		width: 400rpx;
		margin-left: 30rpx;
	}

	.popup-title-left {
		width: 150rpx;
		height: 150rpx;
	}

	.popup-title-left image {
		width: 150rpx;
		height: 150rpx;

	}

	.popup-title {
		display: flex;
		height: 180rpx;
		border-bottom: 1px solid #eee;
		margin-top: 20rpx;
	}

	.popup-container {
		width: 100%;
		background: #fff;
		height: 50rpx;
		position: relative;
	}

	.uni-tab__text {
		font-size: 24rpx;
		color: #646566;
	}

	.title-box {
		background: #fff;
	}

	.bottom-box {
		width: 100%;
		height: 120rpx;
		position: fixed;
		bottom: 0;
		display: flex;
		background: #fff;
	}

	.bottom-left {
		width: 15%;
		position: relative;
		padding-top: 20rpx;
	}

	.bottom-right {
		width: 85%;
		padding-top: 20rpx;

		.bottom-btn {
			width: 85%;
			line-height: 70rpx;
			height: 70rpx;
			text-align: center;
			margin-top: 10rpx;
			color: #fff;
			font-size: 28rpx;
			margin: 0 auto;
			background: linear-gradient(90deg, #60F3FF, #088FEB);
			border-radius: 70rpx;
		}
	}

	.bottom-left-box {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.content-box {
		background: #fff;
		flex: 1;
		display: flex;
	}

	.content-left {
		width: 170rpx;
		background: #eee;
		height: 100%;
		overflow: scroll;
	}

	.left-box {
		width: 100%;
		height: 90rpx;
		font-size: 30rpx;
		text-align: center;
		line-height: 90rpx;
		border-bottom: 1px solid #fff;
	}

	.purchase-price {
		display: flex;
		line-height: 80rpx;
		height: 80rpx;
		width: 95%;
		margin: 20rpx auto;
	}

	.left-box-hover {
		width: 100%;
		height: 90rpx;
		font-size: 30rpx;
		text-align: center;
		line-height: 90rpx;
		border-bottom: 1px solid #fff;
		background-color: #fff;
	}

	.red {
		border-right: 3px solid red;
	}
	.media-right{
		width: 570rpx;
		background: #fff;
		margin: 0 0 120rpx 170rpx;
		height: 76%;
		padding-bottom: 50rpx;
		padding-top: 32%;
	}
	.content-right {
		flex: 1;
		height: 100%;
		overflow-y: scroll;
	}

	.right-box {
		width: 100%;
		height: 190rpx;
		display: flex;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	.box-left {
		width: 130rpx;
		height: 131rpx;
		background-size: 100%;
		margin: 25rpx 30rpx 35rpx 10rpx;
		border-radius: 20rpx;
	}

	.box-left img {
		width: 100%;
		height: 100%;

	}

	.box-right {
		margin-top: 17rpx;
	}

	.box-right-name {
		font-size: 30rpx;
		font-weight: bold;
	}

	.box-right-num {
		padding: 5rpx 0;
		color: #777;
	}

	.box-right-price {
		display: flex;
		font-size: 25rpx;
	}

	.checkbox {
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		top: 20rpx;
		right: 30rpx;
	}

	.price-box {
		display: flex;
		flex-direction: column;
		margin-right: 20rpx; 
	}

	.price-box text:first-child {
		color: #ffa200
	}

	.uni-tab__cart-button-right,
	.uni-tab__cart-sub-right {
		display: none;
		flex: none;
	}

	.title-fur {
		width: 95%;
		height: 50rpx;
		margin: 0 auto;
	}

	.name {
		font-size: 30rpx;
		width: 50%;
		float: left;
		height: 50rpx;
		line-height: 70rpx;
	}

	.content-fur {
		padding-bottom: 25rpx;
	}

	.content-low {
		width: auto;
		border: 1px solid #eee;
		display: inline-block;
		min-width: 90rpx;
		padding: 5rpx;
		font-size: 35rpx;
		text-align: center;
		color: #777;
		margin: 20rpx 0 0 20rpx;
	}

	.content-low:hover {
		background: #eee;
	}

	.checkList {
		display: flex;
		height: 50rpx;
		font-size: 28rpx;
		line-height: 50rpx;
		margin: 20rpx 0;
	}

	.checkList-box {
		height: 50rpx;
		width: 60%;
	}

	.popup-bottom {
		width: 95%;
		height: 100rpx;
		position: fixed;
		bottom: 0;
		left: 2.5%;
		display: flex;
		z-index: 99;
		background: #fff;
	}

	.popup-bottom-left {
		width: 50%;
		line-height: 80rpx;
	}

	.popup-bottom-right {
		width: 50%;
		line-height: 100rpx;

		.bottom-btn {
			width: 70%;
			line-height: 70rpx;
			height: 70rpx;
			text-align: center;
			/* margin-top: 10rpx; */
			color: #fff;
			font-size: 28rpx;
			margin: 0 auto;
			background: linear-gradient(90deg, #60F3FF, #088FEB);
			border-radius: 70rpx;
		}
	}

	.attrs {
		text {
			display: inline-block;
			border: 1px solid #5fd9ee;
			margin: 20rpx;
			    margin-bottom: 0;
			    margin-left: 0;
			background-color: #fff;
			color: #5fd9ee;
			padding: 0 20rpx;
			min-width: 100rpx;
			line-height: 70rpx;
			height: 70rpx;
			text-align: center;
			border-radius: 20rpx;
		}

		.checkedText {
			background-color: #5fd9ee;
			color: #fff;
			border-radius: 20rpx;
		}
	}

	.shop-mask {
		width: 100%;
		height: 190rpx;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.1);
	}

	.noPic {
		border-radius: 10px;
		width: 150rpx;
		height: 150rpx;
		// margin: 30rpx 0 0 30rpx;
		text-align: center;
		line-height: 140rpx;
		color: #777;
		background: #eee;
	}
	.zuni-numbox {
		    height: 60rpx;
		display: flex;
		flex-direction: row;
	}
	
	.zuni-numbox-btns {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 0 16rpx;
		cursor: pointer;
	}
	
	.zuni-numbox__value {
		margin: 0 4rpx;
		width: 80rpx;
		text-align: center;
		font-size: 40rpx;
		line-height: 60rpx;
		height: 60rpx;
		border-left-width: 0;
		border-right-width: 0;
	}
	
	
	.zuni-numbox--text {
		line-height: 40rpx;
	
		font-size: 64rpx;
		font-weight: 300;
	}
	
	.zuni-numbox .zuni-numbox--disabled {
		color: #c0c0c0 !important;
		cursor: not-allowed;
	}
	.showImg-box{
		width: 700rpx;
		height: 1100rpx;
		border-radius: 10px;
	}
	.swiper-box {
		height: 1100rpx;
	}
	.swiper-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 1100rpx;
		color: #fff;
		background-color: #cee1fd;
		border-radius: 10px;
	}
	@media screen and (min-width: 470px) {
		/* 适配宽度为470px及以上的屏幕 */
		.popup-content {
			height: 900rpx;
		}
	}
	@media screen and (min-width: 760px) {
		/* 适配宽度为768px及以上的屏幕 */
		.popup-content {
			height: 800px !important;
		}
		.vue-ref{
			padding-bottom:0 !important;
		}
		.media-right{
			width: 570rpx;
			background: #fff;
			margin: 0 0 120rpx 170rpx;
			height: 88%;
			padding-bottom: 100rpx;
			padding-top: 20%;
		}
		.popup-bottom {
			height:90px;
		}
		.popup-bottom-left {
		    line-height: 50px;
		}
		.popup-bottom-right {
		    line-height: 50px;
		}
	}
	.popup-pay-content {
		align-items: center;
		justify-content: center;
		padding: 30rpx;
		width: 500rpx;
		height: auto;
		background-color: #fff;
	}
	.popup-pay-title {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		position: relative;
	}
	
	.popup-pay-container {
		margin-top: 20rpx;
		height: 100rpx;
		border-radius: 10px;
		background: #088FEB;
		line-height: 100rpx;
		text-align: center;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		color: #fff;
	}
</style>