<!-- 销售商品 -->
<template>
	<view class="page1">
		<!-- <view class="content"> -->
		<view class="content-box" style="z-index: 98;width: 100%;margin-bottom: 0;">
			<!-- <view class="notice">
					<u-notice-bar mode='horizontal' bgColor="#088FEB" color="#eee" :text="noticeData"></u-notice-bar>
				</view> -->
			<view class="content-box">
				<view class="content-list" @tap.stop="goPopleList('khName')">
					<view class="list-name">客户</view>
					<view class="list-val">
						<input type="text" placeholder="请选择客户" disabled :value="((shopId=='1863043415453863936'|| shopId=='1810179818189361152') && khName.name == '散客')?'客户':khName.name"
							style="border-bottom: 1px solid #fff;text-align: center;">
						<uni-icons type="right" size="16" style="margin-left: 80rpx;line-height: 80rpx;"></uni-icons>
					</view>
				</view>
				<view class="shop-box" style="border-bottom: 1px solid #eee;margin-bottom: 20rpx;">
					<view style="height: 80rpx;display: flex;padding: 5px 0;border-bottom: 1px solid #eee;">
						<view @tap.stop="scanCodeAdd" style="width: 33.33%;text-align: center;line-height: 70rpx;">
							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/b3d67b975feb44edb12f0fd0a6e1afdf.png"
								alt="" style="width: 28%;height: 77% !important;padding-right: 20rpx;" @tap.stop="checksaoma()" />
							<uni-icons type="scan" size="12"></uni-icons> 
							<text>扫一扫</text>
						</view>
						<view @tap.stop="isSnList('')"
							style="width: 33.33%;text-align: center;line-height: 70rpx;border-left: 1px solid #eee;">
							<uni-icons type="plusempty" size="12"></uni-icons>
							<text>新增商品</text>
						</view>
						<view @tap.stop="goodsAdd"
							style="width: 33.33%;text-align: center;line-height: 70rpx;border-left: 1px solid #eee;">
							<uni-icons type="plusempty" size="12"></uni-icons>
							<text>选库存</text>
						</view>
					</view>
					<view style="height: 150rpx;width: 100%;display: flex;" @tap="toggle('center',item)">
						<view style="width: 70rpx;height: 70rpx;margin: 40rpx;display: block;overflow: hidden;">
							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/27e2655fe19f454d93970f968d91fbef.png"
								alt="" style="width: 100%;height: 100%;" />
						</view>
						<view style="padding-left: 11rpx;">
							<view style="height: 80rpx;font-size: 30rpx;font-weight: bold;line-height: 80rpx;">
								AI开单
							</view>
							<view>
								<radio @tap.stop="voiceGetOne" :checked="voiceGetOneData"/>
								<text>根据货号模糊搜索</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="scroll-content" style="overflow: scroll;">
			<view class="content-box">
				<view class="shop-box" style="border-top:10rpx solid #eee;" v-for="(value,key) in Array.from(carList)"
					:key="key">
					<view class="shop-name" style="height: 310rpx;position: relative;" v-if="value[1].isNew">
						<view class="new-logo">新</view>
						<view class="u-upload"
							v-if="(value[1].productPicture == '' || value[1].productPicture == undefined) && value[1].isNew == true"
							@tap="uploadFilePromise(value)"></view>
						<view class="u-upload"
							v-if="value[1].productPicture != '' && value[1].productPicture != undefined && value[1].isNew == true"
							@longpress="uploadFilePromise(value)" @tap="getZhuBigImage(value[1].productPicture)"></view>
						<view
							style="width: 140rpx;height: 280rpx;margin: 30rpx 0 0 30rpx;display: flex;flex-direction: column;">
							<img class="img-radius" :src="value[1].productPicture" alt=""
								style="width: 140rpx;height: 140rpx;"
								v-if="value[1].productPicture !=null && value[1].productPicture !=''">
							<view v-else
								style="width: 100%;height: 140rpx;border-radius: 10px;border: 1px solid #eee;line-height: 140rpx;text-align: center;">
								<uni-icons type='plusempty' size='26'></uni-icons>
							</view>
							<view style="width: 140rpx;height:34rpx;line-height: 34rpx;margin-top: 20rpx;">
								<view @tap.stop="delShop(value[0])" style="background:#088FEB" class="left-btn">
									删除
								</view>
							</view>
							<view class="one-goods" @tap="pictureAdd(value[0])">
								上传多图
								<view class="jiaobiao" v-if="value[1].productPictures != ''">
									{{value[1].productPictures.length}}
								</view>
							</view>
						</view>
						<view class="shop-productName" style="margin-top: 20rpx;">
							<view style="display: flex;height: 55rpx;line-height: 55rpx;">
								品名:<input type="text" :value="value[1].productName" @blur="getName($event,value[0])"
									style="height: 55rpx;border-bottom: 1px solid #eee;color:#777;width: 318rpx;padding-left: 20rpx;">
							</view>
							<view style="display: flex;height: 55rpx;line-height: 55rpx;">
								货号:<input type="text" @focus="newProductId=''" @input="sninput($event,value[0])"
									@blur="getSnIsRepeat($event,value[0])" v-model="value[1].productSn"
									style="height: 55rpx;border-bottom: 1px solid #eee;color:#777;width: 252rpx;padding-left: 20rpx;">
								<uni-icons type="refresh" color="#777" size='30' @tap="getOneId(value[0])"></uni-icons>
							</view>
							<view style="display: flex;height: 55rpx;line-height: 55rpx;" v-if="value[1].isNew">
								分类: <text
									style="color: #777;padding-left: 20rpx;">{{value[1].categoryName==null?'':value[1].categoryName}}</text>
								<uni-icons type="compose" color="#777" size='25'
									@tap="toggle('typePopup',value[0])"></uni-icons>
							</view>
							<view style="display: flex;height: 55rpx;line-height: 55rpx;">
								单价:<input type="digit" v-model="value[1].discountAmount"
									@tap="obtainPrice($event,'danjia',value[0])" disabled
									style="height: 55rpx;border-bottom: 1px solid #eee;color:#777;width: 230rpx;padding-left: 20rpx;">
							</view>
							<view style="display: flex;height: 55rpx;line-height: 55rpx;">
								数量: <text
									style="height: 55rpx;border-bottom: 1px solid #eee;color:#777;width: 100rpx;padding-left: 20rpx;">
									{{value[1].productCount}}
								</text>
								总价: <text
									style="height: 55rpx;border-bottom: 1px solid #eee;color:#777;width: 140rpx;padding-left: 20rpx;">
									{{value[1].price}}
								</text>
							</view>
							<!-- <view style="color:#FF5809;">{{value[1].productName}} （{{value[1].productSn}}）</view> -->
							<!-- <view>￥{{value[1].discountAmount}} * {{value[1].productCount}} 总价：{{value[1].price}}
							</view> -->
							<!-- <view v-if="value[1].supplierName !=undefined">供应商：{{value[1].supplierName}}</view> -->
						</view>
						<view @tap="toggle('oneGoods',value[0])"
							style="height: 54rpx;width: 140rpx;background: #088FEB;color: #fff;border-radius: 5px;text-align: center;position: absolute;bottom: 90rpx;right: 0px;line-height: 54rpx;">
							语音录入
						</view>
						<view @tap="AiAddSpec(value[1],1)" class="tianjiaguige"
							style="height: 54rpx;width: 140rpx;background: #088FEB;color: #fff;border-radius: 5px;text-align: center;position: absolute;top: 236rpx;right: 0px;line-height: 54rpx;">
							添加规格
						</view>
						<!-- <view @tap.stop="getHistoryPrice(value[1].productId,value[0])"
							v-if="khName !=''&&khName.name !='散客'"
							style="background:#088FEB;position: absolute;bottom: 165rpx;right: 0;" class="left-btn">
							上次价格
						</view> -->
					</view>
					<view class="shop-name" style="position: relative;" v-else :style="{height:(shopId == '1819188261260759042' || shopId == '1811579958284390400')?'300rpx':'290rpx'}">
						<view v-if="value[1].buyCount !=null && value[1].buyCount!=undefined && value[1].buyCount!='' && khName.name !='散客'" style="position: absolute;top: 110rpx;left: 31rpx;color: #fff;background: red;width: 140rpx;height: 40rpx;font-size: 22rpx;text-align: center;line-height: 40rpx;border-radius: 5px;">
							购买次数:{{value[1].buyCount}}
						</view>
						<img @tap="getZhuBigImage(value[1].productPicture)" class="img-radius"
							:src="value[1].productPicture" alt=""
							style="width: 140rpx;height: 140rpx;margin: 30rpx 0 0 30rpx;"
							v-if="value[1].productPicture">
						<view class="noPic" v-else>暂无图片</view>
						<view class="shop-productName">
							<view style="color:#FF5809;">{{value[1].productName == null?'':value[1].productName}}
								（{{value[1].productSn}}）</view>
							<view>
								销售价:{{value[1].discountAmount}} 数量: {{value[1].productCount}}
							</view>
							<view>
								总价：{{value[1].price}}
							</view>
							<view v-if="value[1].returnCount > 0">
								退货价:{{value[1].returnPrice}} 退货数: {{value[1].returnCount}}
							</view>
							<!-- <view v-if="value[1].supplierName !=undefined">供应商：{{value[1].supplierName}}</view> -->
						</view>
						
						<view @tap.stop="AiAddReturnSpec(value[1].productId)"
							style="background:#088FEB;position: absolute;bottom: 70rpx;left: 34rpx;" class="left-btn">
							同款退货
						</view>
						<view @tap.stop="clickPrice(value[0])"
							style="background:#088FEB;position: absolute;bottom: 150rpx;right: 0;" class="left-btn">
							改价
						</view>
						<view @tap.stop="AiAddSpec(value[1].productId)"
							style="background:#088FEB;position: absolute;bottom: 10rpx;right: 0;" class="left-btn">
							添加规格
						</view>
						<view @tap.stop="getHistoryPrice(value[1].productId,value[0])"
							v-if="khName !=''&&khName.name !='散客'"
							style="background:#088FEB;position: absolute;bottom: 223rpx;right: 0;" class="left-btn">
							上次价格
						</view>
						<view @tap="toggle('oneGoodsOld',value[0])"
							style="background:#088FEB;position: absolute;bottom: 80rpx;right: 0;" class="left-btn">
							语音录入
						</view>
						<view @tap.stop="delShop(value[0])"
							style="background:#088FEB;position: absolute;bottom: 10rpx;left: 30rpx;" class="left-btn">
							移除商品
						</view>
					</view>
					<view class="shop-type">
						<view class="shop-collapse-item" v-if="discountType == '0'">
							<view class="collapse-1">
								<text>单价</text>
								<input class="input" type="text" :value='value[1].unitPrice' disabled>
							</view>
							<view class="collapse-1">
								<text>折扣(0-10)</text>
								<input class="input" type="digit" @focus="obtainPrice($event,'danzhe',value[0])"
									:value='value[1].discount' @blur="changeDis($event,value[0])">
							</view>
							<view class="collapse-1">
								<text>折后价</text>
								<input class="input" type="text" :value='value[1].price' disabled>
							</view>
							<view class="collapse-1">
								<text>数量</text>
								<input class="input" type="number" :value='value[1].productCount' disabled>
							</view>
						</view>
						<view class="shop-checkList" v-if="value[1].stockLogList !=''">
							<view class="shop-checkList-box" style="width: 67%;">
								<text
									style="text-align:center;width: 400rpx;display: inline-block;font-size: 30rpx;font-weight: bold;padding-left: 40rpx;">
									规格
								</text>
								<text
									style="font-size: 30rpx;color: #000;font-weight: bold;width: 60rpx;display: inline-block;text-align: center;">
									库存
								</text>
							</view>
							<view
								style="font-size: 30rpx;color: #000;font-weight: bold;width: 152rpx;display: inline-block;text-align: right;">
								数量
							</view>
						</view>
						<view v-for="(values,keys) in Array.from(value[1].stockLogList)" :key='keys'
							:id="values[1].uuid">
							<view class="shop-collapse">
								<view @tap.stop="delShopSpec(value[0],values[0])">
									<uni-icons color="red" type="minus" size="26"></uni-icons>
								</view>
								<text @tap="checkSpec('颜色',value[0],values[0],numData(values[0])[0])">
									{{numData(values[0])[0]}}
								</text>
								<text @tap="checkSpec('尺码',value[0],values[0],numData(values[0])[1])">
									{{numData(values[0])[1]}}
								</text>
								<text style="width: 25%;font-size: 22rpx;color:red" v-if="values[1].productNum == null || values[1].productNum === '' || values[1].productNum == undefined">
									无库存
								</text>
								<text style="width: 25%;font-size: 22rpx;" v-if="values[1].productNum != null && values[1].productNum !== ''">
									{{values[1].productNum}}
								</text>
								<view style="text-align: left;padding-left: 10rpx;width:50%;display: flex;">
									<view class="zuni-numbox">
										<view @tap="oneMinusNum(value[0],values[0])"
											class="zuni-numbox__minus zuni-numbox-btns" style="background: #f5f5f5;">
											<text class="zuni-numbox--text">-</text>
										</view>
										<input v-model="values[1].productCount" disabled
											@tap="obtainPrice($event,'mapdanjishu',value[0],values[0])"
											class="zuni-numbox__value" type="number" />
										<view @tap="onePlusNum(value[0],values[0])"
											class="zuni-numbox__plus zuni-numbox-btns" style="background: #f5f5f5;">
											<text class="zuni-numbox--text">+</text>
										</view>
									</view>
								</view>
							</view>
						</view>
						<view v-for="(values1,keys1) in Array.from(value[1].returnList)" :key='keys1'
							:id="values1[1].uuid" v-if="value[1].returnList !=''" style="color:red;">
							<view class="shop-collapse">
								<view @tap.stop="delShopReturnSpec(value[0],values1[0])">
									<uni-icons color="red" type="minus" size="26"></uni-icons>
								</view>
								<text @tap="checkSpec('颜色',value[0],values1[0],numData(values1[0])[0])">
									{{numData(values1[0])[0]}}
								</text>
								<text @tap="checkSpec('尺码',value[0],values1[0],numData(values1[0])[1])">
									{{numData(values1[0])[1]}}
								</text>
								<text style="width: 25%;font-size: 22rpx;color:red" v-if="values1[1].productNum == null || values1[1].productNum ==='' ||values1[1].productNum==undefined">
									无库存
								</text>
								<text style="width: 25%;font-size: 22rpx;" v-if="values1[1].productNum != null">
									{{values1[1].productNum}}
								</text>
								<view style="text-align: left;padding-left: 10rpx;width:50%;display: flex;">
									<view class="zuni-numbox">
										<view @tap="oneMinusReturnNum(value[0],values1[0])"
											class="zuni-numbox__minus zuni-numbox-btns" style="background: #f5f5f5;">
											<text class="zuni-numbox--text">-</text>
										</view>
										<input v-model="values1[1].productCount" disabled
											@tap="obtainPrice($event,'returnmapdanjishu',value[0],values1[0])"
											class="zuni-numbox__value" type="number" />
										<view @tap="onePlusReturnNum(value[0],values1[0])"
											class="zuni-numbox__plus zuni-numbox-btns" style="background: #f5f5f5;">
											<text class="zuni-numbox--text">+</text>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class="shop-box" style="border-top:5px solid #eee;">
					<view class="content-list">
						<view class="list-name" style="width:30%;padding-left:0;">选择价格</view>
						<view class="list-val" style="width:70%;display: flex;" v-if = 'shopId != "1960543009070256129"'>
							<radio-group style="display: flex;">
								<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in priceItems"
									:key="item.value"  @tap="priceChange(item.value,index)" style="margin-right:0">
									<view>
										<radio :value="item.value"
											:checked="index === priceCurrent" />
									</view>
									<view style="width: 100rpx;">{{item.name}}</view>
								</label>
							</radio-group>
						</view>
						<view class="list-val" style="width:70%;display: flex;" v-else>
							<radio-group style="display: flex;">
								<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in priceItems1"
									:key="item.value"  @tap="priceChange(item.value,index)" style="margin-right:0">
									<view>
										<radio :value="item.value"
											:checked="index === priceCurrent" />
									</view>
									<view style="width: 100rpx;">{{item.name}}</view>
								</label>
							</radio-group>
						</view>
					</view>
				</view>
				<view class="shop-box">
					<view class="content-list">
						<view class="list-name" style="width:30%;padding-left:0;">折扣类型</view>
						<view class="list-val" style="width:70%;display: flex;">
							<radio-group @change="discountChange" style="display: flex;">
								<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items"
									:key="item.value" style="margin-right:0">
									<view>
										<radio :value="item.value" :checked="index == discountCurrent" />
									</view>
									<view style="width: 100rpx;">{{item.name}}</view>
								</label>
							</radio-group>
							<view class="discount-num" v-if="discountType == '1'">
								<input type="digit" style="width:150rpx;padding:0;text-align: center;"
									v-model="discountNum" @focus="obtainPrice($event,'zhengti')" @blur="change($event)">
							</view>

						</view>
					</view>
				</view>
			</view>

			<view class="content-box" style="z-index: 97;">
				<view class="price-box-list" style="">
					<view class="price-box">
						<view style="flex: 1;text-align: left;padding-left: 20rpx;">
							客户:{{((shopId=='1863043415453863936'|| shopId=='1810179818189361152') && khName.name == '散客')?'客户':khName.name?khName.name:''}}
						</view>
						<view v-if="zhiqianqiankuan >= 0" style="flex: 1;text-align: right;padding-right: 20rpx;">
							之前欠款:{{zhiqianqiankuan}}
						</view>
						<view v-if="zhiqianqiankuan < 0" style="flex: 1;text-align: right;padding-right: 20rpx;">
							客户余额:{{Math.abs(zhiqianqiankuan)}}
						</view>
					</view>
					<view class="content-list">
						<view class="list-name">支付类型</view>
						<uni-data-select class="uni-data-select" :localdata="payTypeList" v-model="payType"
							placeholder="请选择支付类型" style="width: 60%;">
						</uni-data-select>
					</view>
					<view class="content-list">
						<view class="list-name">销售员</view>
						<uni-data-select class="uni-data-select" :localdata="categoryList" v-model="xsyId"
							placeholder="请选择销售员" style="width: 60%;"></uni-data-select>
					</view>
					<view class="content-list">
						<view class="list-name">销售金额</view>
						<view class="list-val">
							<input type="digit" v-model="shouldPay" @blur="xiaoshouChange($event)"
								@focus="obtainPrice($event,'xiaoshou')">
						</view>
					</view>
					<view class="content-list">
						<view class="list-name">退货金额</view>
						<view class="list-val">
							<input type="digit" v-model="returnPay" @blur="tuihuoChange($event)"
								@focus="obtainPrice($event,'tuihuo')">
						</view>
					</view>
					<view class="content-list">
						<view class="list-name" @tap="getCountMethod">应收金额<uni-icons type="help" size="15"></uni-icons>
						</view>
						<view class="list-val">
							<input type="digit" ref="relPriceinput" placeholder="请输入应收金额" v-model="relPrice"
								@tap="obtainPrice($event,'relPrice')" disabled>
						</view>
					</view>
					<view class="content-list">
						<view class="list-name" style="width: 190rpx;">已收金额</view>
						<view class="list-val" style="width: 400rpx;">
							<input type="digit" placeholder="请输入已收金额" v-model="priceOk"
								@tap="obtainPrice($event,'priceOk')" disabled>
						</view>
						<view v-if="priceOk < 0" @tap="noReturn"
							style="flex: 1;height: 60rpx;line-height: 60rpx;margin-top: 10rpx;font-size: 24rpx;background: #00BFFF;text-align: center;color: #fff;border-radius: 20px;">
							不退款
						</view>
					</view>
					<view v-if="priceOk < 0"
						style="color: red;font-size: 22rpx;text-align: left;width: 100%;padding-left: 40rpx;">
						*已收金额为负，默认您已为客户退款，如不退款请更改已收金额
					</view>
					<view @tap="priceMore = !priceMore"
						style="width: 95%;height: 80rpx;line-height: 80rpx;color:#777;font-size: 24rpx;text-align: center;border-bottom: 1px solid #eee;margin: 0 auto;">
						<text>查看更多</text>
						<uni-icons type="down" size="11" v-if="priceMore == false"></uni-icons>
						<uni-icons type="up" size="11" v-if="priceMore"></uni-icons>
					</view>
					<view v-if="priceMore">
						<view class="content-list" v-if="qiankuandikou != 0">
							<view class="list-name">欠款抵退货</view>
							<view class="list-val">
								<input type="digit" v-model="qiankuandikou" disabled>
							</view>
						</view>
						<view class="content-list" v-if="yuedikou != 0">
							<view class="list-name">余额抵扣</view>
							<view class="list-val">
								<input type="digit" v-model="yuedikou" disabled>
							</view>
						</view>
						<view class="content-list" v-if="xiaoshoudikou != 0">
							<view class="list-name">销售抵退货</view>
							<view class="list-val">
								<input type="digit" v-model="xiaoshoudikou" disabled>
							</view>
						</view>
						<view class="content-list" v-if="zhiqianqiankuan > 0">
							<view class="list-name">累计欠款</view>
							<view class="list-val">
								<input type="digit" v-model="leijiqiankuan" disabled>
							</view>
						</view>
						<view class="content-list" v-if="leijiqiankuan < 0">
							<view class="list-name">累计余额</view>
							<view class="list-val">
								<input type="digit" v-model="Math.abs(leijiqiankuan)" disabled>
							</view>
						</view>

						<view class="content-list" v-if="noPay >= 0">
							<view class="list-name">本次欠款</view>
							<view class="list-val">
								<input type="digit" v-model="noPay" disabled>
							</view>
						</view>
						<view class="content-list" v-if="noPay < 0">
							<view class="list-name">本次余额</view>
							<view class="list-val">
								<input type="digit" v-model="Math.abs(noPay)" disabled>
							</view>
						</view>
						<view class="content-list">
							<view class="list-name">其他费用</view>
							<view class="list-val">
								<input type="digit" placeholder="如无其他费用可忽略" v-model="otherExpense">
							</view>
						</view>
					</view>
					
					<view class="content-list" style="height: 193rpx;">
						<view class="list-name">备注</view>
						<view class="">
							<textarea maxlength="-1" @input='changeRemark($event)' v-model="remark" />
						</view>
					</view>
					<view class="content-list" style="height: 100rpx;padding-top: 15rpx;margin: 0 auto 150rpx;">
						<view class="list-name" style="width: 195rpx;">开单时间</view>
						<uni-datetime-picker type="date" :clear-icon="false" v-model="single"
								@maskClick="maskClick"/>
							
					</view>
				</view>
			</view>
			<!--<view class="content-box" style="margin-bottom: 130rpx;">
				
				 <view class="shop-box">
					<view class="" style="border-bottom: 1px solid #eee;">
						<view class="list-name" style="width: 100%;">发货方式</view>
						<view class="list-val" style="width: 100%;padding-left:20rpx;height:200rpx;">
							<radio-group @change="radioChange">
								<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in logisticsType"
									:key="item.value">
									<view>
										<radio :value="item.value" :checked="index === lunbocurrent" />
									</view>
									<view>{{item.name}}</view>
								</label>
							</radio-group>
						</view>
					</view>
					<view class="" v-if="radioType != '2'">
						<view class="content-list" v-if="radioType == '0' || radioType == '1'"
							@tap.stop="goPopleList(radioType == '0'? 'wlName' :'kdName')">
							<view class="list-name" style="width:150rpx;padding-left: 0;">
								{{radioType == '0'? '选择物流' :'选择快递'}}
							</view>
							<view class="list-val">
								<input type="text" placeholder="请选择" disabled
									:value="wlName.companyName || wlName.shippingMethod"
									style="border-bottom: 1px solid #fff;text-align: center;padding-right: 54rpx;">
								<uni-icons type="right" size="16"
									style="margin-left: 80rpx;line-height: 80rpx;"></uni-icons>
							</view>
						</view>
						<view class="content-list" v-if="radioType == '4'" @tap.stop="goPopleList('fcName')">
							<view class="list-name" style="width:150rpx;padding-left:0;">选择车号</view>
							<view class="list-val">
								<input type="text" placeholder="请选择" disabled
									:value="wlName.companyName || wlName.shippingMethod"
									style="border-bottom: 1px solid #fff;text-align: center;">
								<uni-icons type="right" size="16"
									style="margin-left: 80rpx;line-height: 80rpx;"></uni-icons>
							</view>
						</view>
						<view class="content-list" v-if="radioType == '5'" @tap.stop="goPopleList('dbName')">
							<view class="list-name" style="width:150rpx;padding-left:0;">选择车号</view>
							<view class="list-val">
								<input type="text" placeholder="请选择" disabled
									:value="wlName.companyName || wlName.shippingMethod"
									style="border-bottom: 1px solid #fff;text-align: center;">
								<uni-icons type="right" size="16"
									style="margin-left: 80rpx;line-height: 80rpx;"></uni-icons>
							</view>
						</view>
						<view class="content-list" v-if="radioType =='0' || radioType =='5' || radioType =='4'">
							<view class="list-name" style="width:150rpx;padding-left:0;">配送方式</view>
							<view class="list-val" style="line-height: 90rpx;">
								<uni-data-select clear='true' class="uni-data-select" :localdata="sex" v-model="value"
									placeholder="请选择配送方式" @change="checkBoxChange"></uni-data-select>
							</view>
						</view>
						<view class="content-list" v-if="radioType1 == '0' && radioType !=''"
							@tap.stop="goPopleList(radioType == '1'? 'kdyName' :'lbgName')">
							<view class="list-name" style="width:150rpx;padding-left:0;">
								{{radioType == '1'? '快递员' :'拉包工'}}
							</view>
							<view class="list-val">
								<input type="text" placeholder="可指定人员" disabled
									:value="radioType == '1'? kdyName.workerName : lbgName.workerName"
									style="border-bottom: 1px solid #fff;text-align: center;">
								<uni-icons type="right" size="16"
									style="margin-left: 80rpx;line-height: 80rpx;"></uni-icons>
							</view>
						</view>
						<view class="content-list" v-if="radioType == '3'">
							<view class="list-name" style="padding-left:0;">拼包地址</view>
							<view class="">
								<textarea maxlength="-1" @input='changePbAddress($event)' :value='pbAddress' />
							</view>
						</view>
					</view>
				</view> 
			</view>-->
			<view @click="qushuju" v-if="isProductData" style="height: 60rpx;line-height: 60rpx;text-align: center;">
				您有一笔订单未开单，点此<text style="color: #00BFFF;">一键恢复数据</text>
			</view>
		</view>
		<!-- </view> -->
		<view class="bottom-box">
			<view class="bottom-left">
				<text style="color: #FF7F00;font-weight: bold;">销:{{totalAmount}}件 共{{shouldPay}}元</text>
				<text style="font-weight: bold;">退:{{returnTotalAmount}}件 共{{returnPay}}元</text>
				<!-- <text style="color: #ffa200;">￥{{shouldPay == null ?0:shouldPay}}</text> -->
			</view>
			<view class="bottom-right">
				<button class="bottom-btn" @tap.stop="hangOrderFn">挂单</button>
				<button class="bottom-btn" @tap.stop="clearAll">清空</button>
				<button class="bottom-btn" @tap.stop="showPrice1">开单</button>
			</view>
		</view>
		<!-- 弹出输入框 -->
		<uni-popup ref="inputDialog" background-color="#fff">
			<view class="popup-pay-content">
				<view class="popup-pay-title">
					<text>选择商品价格</text>
				</view>
				<view class="popup-pay-container" @tap.stop="checkPay(lsprice,'')">
					<text style="display: inline-block">{{shopId == '1960543009070256129' ? '日常价: ' : '零售价: '}}￥{{lsprice}}</text>
				</view>
				<view class="popup-pay-container" @tap.stop="checkPay(wholesalePrice,'')">
					<text style="display: inline-block">{{shopId == '1960543009070256129' ? '直播价: ' : '批发价: '}}￥{{wholesalePrice}}</text>
				</view>
				<view class="popup-pay-container"
					style="background: #fff;display: flex;width: 100%;height: 70rpx;color: #000;border: none;line-height: 70rpx;">
					<view style="width:230rpx;">自定义售价：</view>
					<input ref='priceD' type="digit"
						style="height: 70rpx;line-height: 70rpx;color: #000;width: 200rpx;border-bottom: 1px solid #eee;"
						placeholder="请输入售价" v-model="customPrice" @input="changePay">
				</view>
				<view class="popup-pay-container"
					style="background: #fff;display: flex;width: 100%;height: 70rpx;color: #000;border: none;line-height: 70rpx;">
					<view style="width:230rpx;">自定义退货：</view>
					<input ref='returnPriceD' type="digit"
						style="height: 70rpx;line-height: 70rpx;color: #000;width: 200rpx;border-bottom: 1px solid #eee;"
						placeholder="请输入退货价" v-model="returnPrice" @input="changeReturnPay">
				</view>
				<view
					style="width: 100%;color: #fff;height: 70rpx;background: #088FEB;border-radius: 5px;font-size: 30rpx;text-align: center;line-height: 70rpx;margin-top: 20rpx;"
					@tap.stop="checkPay(customPrice,returnPrice)">确定</view>
			</view>
		</uni-popup>
		<!-- 弹出分类选择 -->
		<uni-popup ref="typePopup" background-color="#fff" :is-mask-click="true">
			<view class="type-popup" style="margin-bottom: 0;">
				<view style="height: 80rpx;font-size: 36rpx;font-weight: bold;line-height: 80rpx;text-align: center;">
					选择分类
				</view>
				<view style="position: absolute;bottom: 0;height: 90rpx;width: 100%;background: #fff;z-index: 99;">
					<view @tap="toggle('addGateDialog')"
						style="width: 95%;height: 70rpx;line-height: 70rpx;text-align: center;background: linear-gradient(90deg, #60F3FF, #088FEB);border-radius: 5px;color: #fff;margin: 10rpx auto 0;">
						新增分类
					</view>
				</view>
				<view style="overflow: scroll;height: 630rpx;padding-bottom: 90rpx;">
					<view v-for="(item,index) in indexList" :key="index" @tap="clickGategroy(item)"
						style="height: 80rpx;font-size: 32rpx;width: 90%;line-height:80rpx;margin: 0 auto;border-top: 1px solid #eee;">
						<view style="width: 89%;padding-left: 20rpx;float:left">{{item.categoryName}}</view>
						<uni-icons type="right" size="18"></uni-icons>
					</view>
				</view>
			</view>
		</uni-popup>
		<!-- 新增分类输入框 -->
		<uni-popup ref="addGateDialog" type="dialog">
			<view class="type-popup"
				style="width:100%;margin-bottom: 0;border-radius: 0;height: 400rpx;border-radius: 10px;">
				<view style="height: 80rpx;font-size: 36rpx;font-weight: bold;line-height: 80rpx;text-align: center;">
					新增分类
				</view>
				<view style="width: 90%;margin: 80rpx auto;">
					<uni-easyinput type="text" v-model="categoryText" @blur="handleBlur" placeholder="请输入规格值" />
				</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="$refs.addGateDialog.close()">取消</view>
					<view style="width:50%;background: linear-gradient(90deg, #FF9797, #FFC1E0);" @tap="addGategory">确认
					</view>
				</view>
			</view>
		</uni-popup>
		<!-- 弹出层 -->
		<view class="tanchuceng">
			<uni-popup ref="shopPopup" background-color="#fff">
				<view class="shop-popup-content">
					<view class="shop-popup-title">
						<view class="shop-popup-title-left">
							<img class="img-radius" :src="goodsDetail.productPicture" alt=""
								v-if="goodsDetail.productPicture">
							<view class="noPic" style="margin: 0;" v-else>暂无图片</view>
						</view>
						<view class="shop-popup-title-right">
							<view class="shop-popup-title-right-box" style="color: #088FEB;">{{(goodsDetail.productName == undefined || goodsDetail.productName == null)?'':goodsDetail.productName}}
							</view>
							<view class="shop-popup-title-right-box">{{goodsDetail.productSn}}</view>
						</view>
					</view>
					<view class="shop-popup-container" style="position: relative;">
						<view @tap="saveCheck"
							style="position: absolute;top: 46rpx;right: 20rpx;color: #088FEB;text-decoration: underline;z-index: 99;">
							保存已选</view>
						<view style="padding-left: 20rpx;color: #777;">*实心蓝色框为选中状态</view>
						<ul style="border-top:20rpx;">
							<li v-for="(items,index) in goodsDetail.attributeList" v-if="goodsDetail.isNew == true"
								:key="index" style="position: relative;">
								<view class="shop-title-fur">
									<view class="shop-title-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="shop-attrs">
									<view class="suibian" @longpress="longPrec(index,itemTag.value,index1)"
										v-for="(itemTag, index1) in items.value" :key="index1"
										@tap.stop="attrNameChange(index,itemTag.value,index1) "
										:class="itemTag.isChecked ? 'checkedText' : '' " style="position: relative;">
										{{itemTag.value}}
										<view class="kucun" v-if="itemTag.isKucun"></view>
									</view>
								</view>
							</li>
							<li v-for="(items,index) in goodsDetail.attributeList"
								v-if="goodsDetail.isNew != true && index == 0" :key="index" style="position: relative;">
								<view class="shop-title-fur">
									<view class="shop-title-name">{{items.name}}</view>
								</view>
								<view @tap="getScanCodeCategroyId(items.name)" v-if="goodsDetail.isNew == true"
									style="position: absolute;top: 18rpx;left: 100rpx;color: #088FEB;text-decoration: underline;font-size: 24rpx;">
									新增{{items.name}}
								</view>
								<view class="shop-attrs">
									<view class="suibian" v-for="(itemTag, index1) in items.value" :key="index1"
										@tap.stop="attrNameChange(index,itemTag.value,index1) "
										:class="itemTag.isChecked ? 'checkedText' : '' " style="position: relative;">
										{{itemTag.value}}
										<view class="kucun" v-if="itemTag.isKucun"></view>
									</view>
								</view>
							</li>
						</ul>
						<view style="padding-bottom:100rpx;">
							<view class="shop-checkList" v-if="temporaryList != ''">
								<view class="shop-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" @tap="obtainPrice($event,'zongjishu')" disabled
										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="shop-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="shop-checkList-box">
									<text style="width: 69%;display: inline-block;">{{item.name}}</text>
									<text style="color:#777;font-size: 24rpx;color:red;width: 25%;display: inline-block;" v-if="item.productNum == null || item.productNum === '' || item.productNum ==undefined ">
										无库存
									</text>
									<text style="color:#777;font-size: 24rpx;" v-if="item.productNum != null">
										{{item.productNum}}
									</text>
								</view>
								<!-- <uni-number-box max='1000000' min="-10000" v-model="item.productCount"
									@change="temporaryChange($event,item)" /> -->
								<view class="zuni-numbox">
									<view @tap="mapMinusNum(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)"
										@tap="obtainPrice($event,'danjishu',index)" disabled class="zuni-numbox__value"
										type="number" />
									<view @tap="mapPlusNum(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="shop-popup-bottom" v-for="(item,index) in temporaryList" :key="index">
					<view class="shop-popup-bottom-left">
						<text>{{zNum}} 件</text>
						<!-- <text>￥{{zPrice}}</text> -->
					</view>
					<view class="shop-popup-bottom-right">
						<view class="bottom-btn" @tap.stop="temporaryCheck(false)">选好了</view>
					</view>
				</view>
			</uni-popup>
		</view>
		<!-- 历史价格弹出层 -->
		<uni-popup ref="historyPopup" background-color="#fff">
			<view class="popup-content">
				<view class="popup-title">
					<text>拿货历史价格</text>
					<uni-icons @tap='this.$refs.historyPopup.close()' type="closeempty" color='red' size="16"
						style="height:40rpx;line-height: 40rpx;position: absolute !important;bottom:0;right: 30rpx;"></uni-icons>
				</view>
				<view class="popup-container" v-if="historyList != null && historyList.discountAmount != null">
					<view style="height: 60rpx;line-height: 60rpx;">上次拿货时间：</view>
					<view style="height: 60rpx;line-height: 60rpx;">{{historyList.createTime}}</view>
					<view style="height: 60rpx;line-height: 60rpx;">上次拿货数：{{historyList.productCount}}</view>
					<view style="height: 60rpx;line-height: 60rpx;font-size: 36rpx;font-weight: bold;">
						上次拿货价：{{historyList.discountAmount}}</view>
				</view>
				<view class="popup-container" v-else>
					<view style="height: 150rpx;line-height: 150rpx;text-align: center;">暂无拿货历史</view>
				</view>
				<view class="popup-bottom" v-if="historyList != null">
					<view class="popup-btn" @tap="checkPay(historyList.discountAmount,historyList.discountAmount)">一键使用历史价格</view>
				</view>
			</view>
		</uni-popup>
		<!-- 语音识别弹出层 -->
		<uni-popup ref="popup" background-color="#fff">
			<view class="voice-popup-content" :style="{height:(oneGoodsId != ''?'650rpx':'600rpx'),'margin-bottom':(isChangeHeight?'500rpx':'0')}">
				<view class="voice-popup-title">
					<text>语音录入</text>
					<uni-icons @tap='close' type="closeempty" color='red' size="16"
						style="height:40rpx;line-height: 40rpx;position: absolute !important;bottom:0;right: 30rpx;"></uni-icons>
				</view>
				<view style="text-align: center;width: 100%;line-height: 40rpx;font-size: 22rpx;color: #777;">
					{{oneGoodsId != ''?'语音示例：货号0237,数量10件,单价88,名称:裙子':'语音示例：货号02-37，白色M码，数量10件'}}
				</view>
				<view class="voice-popup-container">
					<textarea maxlength="-1" name="" id="" @input="getText"  @focus="isChangeHeight = true" @blur="isChangeHeight = false"
						style="width:100%;height:248rpx;border:1px solid #eee;margin:0;" v-model="voiceText1"
						placeholder="等待语音识别中..."></textarea>
					<view>
						<text style="color:red;font-size:22rpx;">*长按“语音”按钮录入，系统将自动识别</text>
					</view>
					<view class="voice-popup-bottom">
						<view class="voice-popup-btn" @tap="clearText">清空</view>
						<view class="voice-popup-btn" v-if="voiceType == 'new'" @tap="setDetail">确认</view>
						<view class="voice-popup-btn" v-if="voiceType == 'old'"  @tap="setOneDetailOld">确认</view>
					</view>
				</view>
				<view class="voice-btn" @touchstart="kaishi" @touchend="jieshu">
					<img src="/static/images/maikefeng.png" style="width: 80%;height: 80%;margin: 10%;" alt="">
				</view>
			</view>
		</uni-popup>
		<view class="voice-model" v-if="recordState == true">
			<img src="/static/images/maikefeng.png" alt="">
			<view class="voice-text">语音识别中...</view>
		</view>
		<!-- 金额展示框 -->
		<uni-popup ref="showPopup" background-color="#fff">
			<view class="popup-pay-content" style="width: 550rpx;">
				<view class="popup-pay-title">
					<text>请再次确认</text>
					<uni-icons @tap='$refs.showPopup.close()' type="closeempty" color='red' size="16"
						style="height:40rpx;line-height: 40rpx;position: absolute !important;bottom:0;right: 30rpx;"></uni-icons>
				</view>
				<view style="width: 90%;margin: 0 auto;height: 70rpx;line-height: 80rpx;font-size: 30rpx;">
					开单客户：<text style="font-weight:bold;color:red;">{{((shopId=='1863043415453863936'|| shopId =='1810179818189361152') && khName.name == '散客')?'客户':khName.name}}</text>
				</view>
				<view>
					<view style="width:100%;height: 140rpx">
						<view
							style="width: 200rpx;height: 120rpx;border: 3px solid #FFE4C4;border-radius: 10px;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;">
								￥{{shouldPay}}
							</text>
						</view>
						<view v-if="noPay >= 0"
							style="width: 200rpx;height: 120rpx;border: 3px solid #FFE4C4;border-radius: 10px;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;">
								￥{{noPay}}
							</text>
						</view>
						<view v-if="noPay < 0"
							style="width: 200rpx;height: 120rpx;border: 3px solid #FFE4C4;border-radius: 10px;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;">
								￥{{Math.abs(noPay)}}
							</text>
						</view>
					</view>
					<view style="width: 100%;height: 140rpx;">
						<view
							style="width: 200rpx;height: 120rpx;border: 3px solid #FFE4C4;border-radius: 10px;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;">
								￥{{relPrice}}
							</text>
						</view>
						<view
							style="width: 200rpx;height: 120rpx;border: 3px solid #FFE4C4;border-radius: 10px;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;">
								￥{{priceOk}}
							</text>
						</view>
					</view>

				</view>
				<view
					style="width: 90%;height: auto;border: 3px solid #FFE4C4;border-radius: 10px;display: flex;flex-direction: column;text-align: center;margin: 0 auto 0;">
					<view style="height: 50rpx;display: flex;">
						<text style="font-size: 24rpx;flex: 1;">退货金额：</text>
						<text style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{returnPay}}</text>
					</view>
					<view style="height: 50rpx;display: flex;" v-if="zhiqianqiankuan > 0">
						<text style="font-size: 24rpx;flex: 1;">之前欠款：</text>
						<text style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{zhiqianqiankuan}}</text>
					</view>
					<view style="height: 50rpx;display: flex;" v-if="zhiqianqiankuan < 0">
						<text style="font-size: 24rpx;flex: 1;">客户余额：</text>
						<text style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{Math.abs(zhiqianqiankuan)}}</text>
					</view>
					<view style="height: 50rpx;display: flex;">
						<text style="font-size: 24rpx;flex: 1;">欠款抵退货：</text>
						<text style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{qiankuandikou}}</text>
					</view>
					<view style="height: 50rpx;display: flex;">
						<text style="font-size: 24rpx;flex: 1;">余额抵扣：</text>
						<text style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{yuedikou}}</text>
					</view>
					<view style="height: 50rpx;display: flex;">
						<text style="font-size: 24rpx;flex: 1;">销售抵退货：</text>
						<text style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{xiaoshoudikou}}</text>
					</view>
					<view style="height: 50rpx;display: flex;" v-if="leijiqiankuan >= 0">
						<text style="font-size: 24rpx;flex: 1;">累计欠款：</text>
						<text style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{leijiqiankuan}}</text>
					</view>
					<view style="height: 50rpx;display: flex;" v-if="leijiqiankuan < 0">
						<text style="font-size: 24rpx;flex: 1;">累计余额：</text>
						<text style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{Math.abs(leijiqiankuan)}}</text>
					</view>
					<view style="height: 50rpx;display: flex;">
						<text style="font-size: 24rpx;flex: 1;">其他费用：</text>
						<text
							style="font-size: 24rpx;flex: 1;font-weight: bold;">￥{{otherExpense == ''?'0':otherExpense}}</text>
					</view>
				</view>
				<view class="popup-pay-container" style="display: flex;margin-top: 50rpx;background: #89CFF0;">
					<view @tap='goSell'
						style="flex:1;line-height: 80rpx;text-align: center;border-right: 1px solid #eee;">
						确认无误去开单
					</view>
				</view>
			</view>
		</uni-popup>
		<!-- AI开单选中未入库不展示的框 -->
		<uni-popup ref="AiNoPopup" background-color="#fff">
			<view class="popup-pay-content" style="max-height: 1000rpx;overflow: scroll;">
				<view class="popup-pay-title">
					<text>识别结果</text>
				</view>
				<view style="border-bottom: 1px solid #eee;" v-if="aiNotRecognition != ''">
					<view style="margin-top:20rpx;">抱歉：小助手对“{{getMsg}}”的部分商品未识别，请检查识别信息是否正确：</view>
					<view class="box-right" style="margin: 20rpx 0 20rpx;text-align: left;width: 100%;">
						<text class="box-right-name"
							style="font-size: 24rpx;padding: 20rpx 0;">{{aiNotRecognition}}</text>
					</view>
				</view>
				<view style="background: #fff;width: 440rpx;">
					<view @tap='$refs.AiNoPopup.close()'
						style="width: 100%;line-height: 100rpx;text-align: center;background: #088FEB;margin-bottom: 10rpx;border-radius: 10px;color: #fff;">
						确认
					</view>
				</view>
			</view>
		</uni-popup>
		
		<!-- 弹出生成货号 -->
		<uni-popup ref="SNDialog" background-color="#fff" :is-mask-click="true">
			<view class="type-popup" style="max-height: 1000rpx;overflow: scroll;margin-bottom: 0;border-radius: 0;">
				<view v-if="snList.length > 0"
					style="height: 80rpx;font-size: 36rpx;font-weight: bold;line-height: 80rpx;text-align: center;">
					点击选择已有规则
				</view>
				<view v-if="snList.length > 0" style="width: 90%;margin: 0 auto;">
					<view v-for="(item,index) in snList" @tap="generateSn(item.value)" :key="index"
						style="height: 80rpx;line-height: 80rpx;font-size: 28rpx;border-bottom: 1px solid #eee;display: flex;">
						<view style="width: 90%;">{{index + 1}} 、 {{item.text}}</view>
						<uni-icons type="right" size="16" style="width: 10%;text-align: center;"></uni-icons>
					</view>
				</view>
				<view style="height: 80rpx;font-size: 36rpx;font-weight: bold;line-height: 80rpx;text-align: center;">
					生成新规则
				</view>
				<view
					style="height: 80rpx;font-size: 22rpx;font-weight: bold;line-height: 80rpx;color:red;text-align: center;">
					*如生成新的货号规则，可在下方输入框新增
				</view>
				<view class="sn-content-list">
					<view class="sn-list-name" style="width: 156rpx;">前缀</view>
					<view class="sn-list-val" style="width: 245rpx;">
						<input type="text" placeholder="请输入前缀规则" v-model="prefixRule" style="width:245rpx;">
					</view>
				</view>
				<view class="sn-content-list">
					<view class="sn-list-name" style="width: 156rpx;">生成位数</view>
					<view class="sn-list-val" style="width: 245rpx;">
						<input type="number" placeholder="请输入位数规则" v-model="numRule" style="width: 245rpx;">
					</view>
				</view>
				<view @tap="startGetSn"
					style="width: 100%;height: 70rpx;line-height: 70rpx;margin-top:20rpx;text-align: center;border-radius: 0;background: linear-gradient(90deg, #60F3FF, #088FEB);color: #fff;">
					<view>开始生成</view>
				</view>
			</view>
		</uni-popup>
		
		<!-- 弹出规格选择 -->
		<uni-popup ref="getaPopup" background-color="#fff" :is-mask-click="true">
			<view class="type-popup" style="margin-bottom: 0;border-radius: 0;">
				<view style="height: 80rpx;font-size: 36rpx;font-weight: bold;line-height: 80rpx;text-align: center;">
					修改当前规格
				</view>
				<view class="card-list">
					<ul>
						<li v-for="items in attrList" :key="items.id">
							<view class="title-fur">
								<view class="name">{{items.attributeName}}</view>
							</view>
							<view class="content-fur">
								<view class="content-low" v-for="item in attributeValue" :key="item.id"
									@tap="changeSpec(item.value)">{{item.value}}
								</view>
							</view>
						</li>
					</ul>
				</view>
				<view style="color: #333;width: 90%;margin: 0 auto 20rpx;">
					<uni-easyinput v-model="specifications" placeholder="请输入规格值"></uni-easyinput>
				</view>

				<view @tap="changeSpec(specifications)"
					style="width: 100%;height: 70rpx;line-height: 70rpx;text-align: center;border-radius: 0;background: linear-gradient(90deg, #60F3FF, #088FEB);color: #fff;">
					<view>确认修改</view>
				</view>
			</view>
		</uni-popup>
		<!-- 新增规格值弹窗 -->
		<uni-popup ref="specDialog" 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="请输入规格值" />
				</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="returnDialog" background-color="#fff" :is-mask-click="true">
			<view class="shop-popup-content">
				<view class="shop-popup-title">
					<view class="shop-popup-title-left">
						<img class="img-radius" :src="goodsReturnDetail.productPicture" alt=""
							v-if="goodsReturnDetail.productPicture">
						<view class="noPic" style="margin: 0;" v-else>暂无图片</view>
					</view>
					<view class="shop-popup-title-right">
						<view class="shop-popup-title-right-box" style="color: #088FEB;">{{(goodsReturnDetail.productName == undefined || goodsReturnDetail.productName == null)?'':goodsReturnDetail.productName}}
						</view>
						<view class="shop-popup-title-right-box">{{goodsReturnDetail.productSn}}</view>
					</view>
				</view>
				<view class="shop-popup-container" style="position: relative;">
					<view style="padding-left: 20rpx;color: #777;">*实心蓝色框为选中状态</view>
					<ul style="border-top:20rpx;">
						<li v-for="(items,index) in goodsReturnDetail.attributeList"
							v-if="goodsReturnDetail.isNew != true && index == 0" :key="index" style="position: relative;">
							<view class="shop-title-fur">
								<view class="shop-title-name">{{items.name}}</view>
							</view>
							<view class="shop-attrs">
								<view class="suibian" v-for="(itemTag, index1) in items.value" :key="index1"
									@tap.stop="attrReturnNameChange(index,itemTag.value,index1) "
									:class="itemTag.isChecked ? 'checkedText' : '' " style="position: relative;">
									{{itemTag.value}}
									<view class="kucun" v-if="itemTag.isKucun"></view>
								</view>
							</view>
						</li>
					</ul>
					<view style="padding-bottom:100rpx;">
						<view class="shop-checkList" v-if="temporaryReturnList != ''">
							<view class="shop-checkList-box" style="width: 100%;">
								<text
									style="width: 300rpx;display: inline-block;font-size: 30rpx;font-weight: bold;padding-left: 40rpx;">
									规格
								</text>
								<text
									style="font-size: 30rpx;color: #000;font-weight: bold;width: 110rpx;display: inline-block;text-align: right;">
									库存
								</text>
							</view>
							<view class="zuni-numbox">
								<view @tap="minusReturnNum" class="zuni-numbox__minus zuni-numbox-btns"
									style="background: #f5f5f5;">
									<text class="zuni-numbox--text">-</text>
								</view>
								<input v-model="allChangeNum" @tap="obtainPrice($event,'zongReturnjishu')" disabled
									class="zuni-numbox__value" type="number" />
								<view @tap="plusReturnNum" 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="shop-checkList" v-for="(item,index) in temporaryReturnList" :key="index">
							<view @tap.stop="delReturnCarData(index)" style="margin-right: 20rpx;width: 7%;">
								<uni-icons color="red" type="minus" size="26"></uni-icons>
							</view>
							<view class="shop-checkList-box">
								<text style="width: 300rpx;display: inline-block;">{{item.name}}</text>
								<text style="color:#777;font-size: 24rpx;color:red" v-if="item.productNum == null || item.productNum === '' || item.productNum ==undefined ">
									无库存
								</text>
								<text style="color:#777;font-size: 24rpx;" v-if="item.productNum != null">
									{{item.productNum}}
								</text>
							</view>
							<!-- <uni-number-box max='1000000' min="-10000" v-model="item.productCount"
								@change="temporaryChange($event,item)" /> -->
							<view class="zuni-numbox">
								<view @tap="mapMinusReturnNum(index)" class="zuni-numbox__minus zuni-numbox-btns"
									style="background: #f5f5f5;">
									<text class="zuni-numbox--text">-</text>
								</view>
								<input v-model="item.productCount" @blur="numReturnChange($event,index)"
									@tap="obtainPrice($event,'returndanjishu',index)" disabled class="zuni-numbox__value"
									type="number" />
								<view @tap="mapPlusReturnNum(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="shop-popup-bottom" v-for="(item,index) in temporaryReturnList" :key="index">
				<view class="shop-popup-bottom-left">
					<text>{{zReturnNum}} 件</text>
					<!-- <text>￥{{zPrice}}</text> -->
				</view>
				<view class="shop-popup-bottom-right">
					<!-- 退货选好了 -->
					<view class="bottom-btn" @tap.stop="temporaryReturnCheck">选好了</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="customPopup" background-color="#fff">
			<view class="popup-content" style="width:600rpx;height: auto;max-height: 644px;margin-bottom: 0;overflow: scroll;">
				<view style="height: 80rpx;font-size: 36rpx;font-weight: bold;line-height: 80rpx;text-align: center;">
					超出最大可退货数量
				</view>
				<view v-for="(item,index) in checkCanBuy" :key="index">
					<view style="height: auto;line-height: 60rpx;border-bottom: 1px solid #eee;">
						<view style="font-weight: bold;">货号:{{item.productSn}}规格:{{item.attributeList}}</view>
						<view>总售出数:{{item.buyCountAll}} 总退回数:{{item.returnCountAll}} <text style="color:red;">本次退货数:{{item.returnCountAllNew}}</text></view>
					</view>
					
				</view>
				<view @tap="closeCustomPopup"
					style="text-align:center;margin-top:20rpx;width: 100%;height: 60rpx;line-height: 60rpx;background: #088FEB;color: #fff;">
					确认
				</view>
			</view>
		</uni-popup>
		<!-- 顶部语音开单单商品选择弹窗 -->
		<uni-popup ref="oneDataPopup" background-color="#fff" :is-mask-click="true" v-show="showTan">
			<view class="type-popup" style="margin-bottom: 0;border-radius: 0;">
				<view style="height: 80rpx;font-size: 36rpx;font-weight: bold;line-height: 80rpx;text-align: center;">
					查询到多个商品
				</view>
				<view class="card-list" style="margin:0 auto;">
					<view class="right-box" v-for="(item,index) in moreData[currentPopupIndex]" :key='index'
						@tap="clickGetOne(item)">
						<view class="box-left">
							<img :src="item.productPicture" alt="" v-if="item.productPicture">
							<view class="noPic" style="margin:0;" v-else>暂无图片</view>
						</view>
						<view class="box-right">
							<view class="box-right-name">
								{{item.productSn}}
								<text style="color: red;" v-if="item.delFlag == 0">(已下架)</text>
							</view>
							<view class="box-right-num">{{item.productName == null ?'':item.productName}}</view>
							<view class="box-right-price">
								<view class="voice-price-box" v-if="storageType== 0 && shopId != '1960543009070256129'">
									<text>{{item.inStorageStatus==0?'待入库':item.purchasePrice == null ?'新商品':item.purchasePrice}}</text>
									<text>采购价</text>
								</view>
								<view class="voice-price-box">
									<text>{{item.wholesalePrice}}</text>
									<text>{{shopId == '1960543009070256129' ? '直播价' : '批发价'}}</text>
								</view>
								<view class="voice-price-box">
									<text>{{item.price}}</text>
									<text>{{shopId == '1960543009070256129' ? '日常价' : '零售价'}}</text>
								</view>
								<view class="voice-price-box">
									<text>{{item.stockCount}}</text>
									<text>库存</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
		
		<view class="mask-model" v-if="methodMask">
			<view>实收金额计算方式</view>
			<view>
				{{methodText}}
			</view>
		</view>
		<view class="mask-model" v-if="isVoice">貌似没有检测到您上次的语音录入信息，正在反复识别中...</view>
		<u-keyboard ref="uKeyboard" @confirm='keyboardConfirm' @cancel="keyCancel" @close="keyCancel"
			@change="valChange" @backspace="backspace" :overlay='true' :closeOnClickOverlay='true'
			:defaultText="keyboardNum" mode="card" :show="showFu"></u-keyboard>
		<u-keyboard ref="uKeyboard" @confirm='keyboardConfirm' @cancel="keyCancel" @close="keyCancel"
			@change="valChange" @backspace="backspace" :overlay='true' :closeOnClickOverlay='true'
			:defaultText="keyboardNum" mode="price" :show="showPrice"></u-keyboard>
			
		<uni-popup ref="saomaType" background-color="#fff">
			<view class="popup-pay-content">
				<view class="popup-pay-title">
					<text>选择开单方式</text>
				</view>
				<view class="popup-pay-container" @tap="checkSaomaType('0')">
					<text style="display: inline-block">销售</text>
				</view>
				<view class="popup-pay-container" @tap="checkSaomaType('1')">
					<text style="display: inline-block">退货</text>
				</view>
			</view>
		</uni-popup>
		<!-- 弹出多图轮播 -->
		<uni-popup ref="showImgDiaLog" 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 productPictures" :key="index" v-if="item.productPicture != ''">
						<view class="swiper-item">
							<image mode='aspectFit' :src="item.productPicture" alt=""
								style="width: 100%;height: 100%;" />
							</image>
						</view>
					</swiper-item>
				</swiper>
				<view @tap="pictureAdd(childrenId,'huan')" class="lb-btn">更换图片</view>
			</view>
		</uni-popup>
		<!-- 价格为零的提醒弹窗 -->
		<uni-popup ref="zeroDialog" background-color="#fff" :is-mask-click="true">
			<view class="type-popup"
				style="width:600rpx;margin-bottom: 0;border-radius: 0;height: 480rpx;border-radius: 10px;">
				<view style="height: 120rpx;font-size: 36rpx;font-weight: bold;line-height: 120rpx;text-align: center;">
					提示
				</view>
				<view style="font-size: 28rpx;line-height: 60rpx;text-align: center;padding: 0 20rpx 0;">
					您的货号为“
					<text v-for="(item,index) in zeroArr" :key="index" style="padding-right: 20rpx;">{{item}}</text>”的商品售价为0，是否继续开单？
				</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="$refs.zeroDialog.close()">取消</view>
					<view style="width:50%;background: linear-gradient(90deg, #FF9797, #FFC1E0);"
						@tap="showPrice1('zeroNo')">确认</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script src="@/utils/goodsList1.js">
</script>

<style lang="scss">
	page,
	.page1 {
		height: 100%;
		overflow-y: scroll;
		min-height: 100vh;
		font-size: 28rpx;
	}

	.popup-pay-content {
		align-items: center;
		justify-content: center;
		padding: 30rpx;
		width: 500rpx;
		height: auto;
		background-color: #fff;
	}

	.content {
		border-top: 1px solid #eee;

	}

	.content-box {
		width: 100%;
		height: auto;
		background: #fff;
		margin-bottom: 20rpx;

	}

	.popup-pay-title {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

	.popup-pay-container {
		margin-top: 20rpx;
		height: 80rpx;
		border-radius: 10px;
		background: #088FEB;
		line-height: 80rpx;
		text-align: center;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		color: #fff;
	}

	.content-list {
		width: 95%;
		margin: 0 auto;
		display: flex;
		height: 80rpx;
		border-bottom: 1px solid #eee;
	}

	.content-list:last-child {
		border-bottom: none;
		height: auto;
	}

	.list-name {
		width: 200rpx;
		text-align: left;
		line-height: 80rpx;
		height: 80rpx;
		padding-left: 20rpx;
	}

	.list-val {
		width: 560rpx;
		height: 80rpx;
		line-height: 80rpx;
	}

	.list-val input {
		width: 400rpx;
		height: 60rpx;
		display: inline-block;
		line-height: 60rpx;
		float: left;
		margin-top: 10rpx;
		padding-left: 20rpx;
		border-bottom: 1px solid #088FEB;
	}

	.uni-data-select {
		width: 80%;
		text-align: center;
	}

	.uni-select {
		border: none !important;
		border-radius: 0 !important;
	}

	.uni-select__input-placeholder {
		color: #6a6a6a;
		font-size: 28rpx !important;
		width: 400rpx;
	}

	.uni-select__input-box {
		.uni-icons {
			margin-left: 50rpx;
			margin-right: 10rpx;
		}
	}

	.shop-box {
		width: 95%;
		margin: 0 auto;
	}

	.shop-name {
		width: 100%;
		height: 250rpx;
		line-height: 80rpx;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		font-size: 28rpx;
		font-weight: bold;
		display: flex;
	}

	.discount-num {
		width: 160rpx;
	}

	.shop-productName {
		flex: 1;
		display: flex;
		flex-direction: column;
		padding-left: 20rpx;
	}

	.shop-productName view {
		height: 55rpx;
	}

	.checklist-group {
		height: 80rpx !important;
	}

	.shop-collapse {
		display: flex;
		height: 80rpx;
		font-size: 26rpx;
		line-height: 80rpx;
	}

	.shop-collapse text {
		width: 60%;
		text-align: center;
		border-right: 1px solid #eee;
	}

	.shop-collapse-item {
		display: flex;
		text-align: center;
		background: #eee;
		height: 110rpx;

		.input {
			border: 1px solid #eee;
			background: #fff;
			height: 60rpx;
		}
	}

	.price-box {
		width: 95%;
		margin: 20rpx auto;
		background: #eee;
		height: 80rpx;
		display: flex;
		line-height: 80rpx;
		text-align: center;
		overflow: hidden;
		border-radius: 10px;
		background: #FDF5E6;
		color: #EEB422;
		background: linear-gradient(180deg, #fff, #FDF5E6);
		border: 1px solid #FAEBD7;
	}

	.price-box-title {
		width: 95%;
		height: 80rpx;
		line-height: 80rpx;
		margin: 0 auto;
		display: flex;
		text-align: center;
		border-bottom: 1px solid #eee;
	}

	.price-box-title text {
		flex: 1;
	}

	.uni-list-cell {
		margin-right: 110rpx;
		display: flex;
		float: left;
	}

	.bottom-box {
		width: 100%;
		display: flex;
		background: #fff;
		border-top: 1px solid #eee;
		// height: 10%;
		position: fixed;
		bottom: 0;
		z-index: 98;
	}

	.bottom-left {
		flex: 1;
		height: 110rpx;
		font-size: 26rpx;
		display: flex;
		flex-direction: column;
	}

	.notice {
		width: 100%;
		height: 56rpx;
	}

	.bottom-right {
		width: 55%;
		display: flex;

		.bottom-btn {
			margin: 0;
			padding: 0;
			width: 30%;
			height: 70rpx;
			text-align: center;
			margin: 15rpx 0 0 2%;
			color: #fff;
			font-size: 28rpx;
			border-radius: 5px;
		}

		.bottom-btn:first-child {
			background: linear-gradient(90deg, #FF9797, #FFC1E0);
			border-top-left-radius: 70rpx;
			border-bottom-left-radius: 70rpx;
			margin-left: 20rpx;
		}

		.bottom-btn:last-child {
			background: linear-gradient(90deg, #60F3FF, #088FEB);
			border-top-right-radius: 70rpx;
			border-bottom-right-radius: 70rpx;
		}
	}

	.bottom-left text {
		display: inline-block;
		padding-left: 20rpx;
		padding-top: 10rpx;
	}

	.bottom-btn {
		width: 320rpx;
		background: #D8BFD8;
		color: #fff;
		border-radius: 50rpx;
		height: 85rpx;
		margin-top: 15rpx;
	}

	textarea {
		margin: 20rpx;
		border: 1px solid #eee;
		height: 150rpx;
		width: 500rpx;
	}

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

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

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

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

	}

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

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

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

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

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

	.shop-attrs {
		.suibian {
			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-checkList {
		display: flex;
		height: 50rpx;
		font-size: 28rpx;
		line-height: 50rpx;
		margin: 20rpx 0;
	}

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

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

	.popup-title {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

	.popup-container {
		margin-top: 20rpx;
		margin-top: 20rpx;
		font-size: 32rpx;
	}

	.popup-bottom {
		height: 80rpx;
		color: #fff;
		line-height: 80rpx;
		margin-top: 50rpx;
	}

	.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;
	}

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

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

	.popup-btn {
		text-align: center;
		background: linear-gradient(90deg, #60F3FF, #088FEB);
	}
	.uni-calendar__content{
		z-index:103 !important;
	}
	.shop-popup-bottom {
		width: 95%;
		height: 100rpx;
		position: fixed;
		bottom: 0;
		left: 2.5%;
		display: flex;
		z-index: 120;
		background: #fff;
	}

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

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

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

	.uni-numbox {
		input {
			padding-left: 0;
		}
	}

	.noPic {
		border-radius: 10px;
		width: 140rpx;
		height: 140rpx;
		margin: 16rpx 0 0 30rpx;
		text-align: center;
		line-height: 140rpx;
		color: #777;
		background: #eee;
	}

	.list-val {
		.uni-data-select {
			text-align: left;

		}

		.uni-select__input-text {
			padding-left: 120rpx;
		}

		.uni-select__selector {
			position: absolute;
			left: 0;
			top: -240rpx
		}

		.uni-popper__arrow {
			display: none;
		}

		.uni-select__selector-item text {
			display: inline-block;
			text-align: center;
		}
	}

	.voice-popup-content {
		align-items: center;
		justify-content: center;
		padding: 30rpx;
		width: 500rpx;
		border-radius: 10px;
		height: 600rpx;
		background-color: #fff;
	}

	.voice-popup-title {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

	.voice-popup-container {
		margin-top: 20rpx;
	}

	.voice-popup-bottom {
		display: flex;
		height: 80rpx;
		color: #fff;
		line-height: 80rpx;
		margin-top: 30rpx;
	}

	.voice-popup-btn {
		flex: 1;
		text-align: center;
		background: linear-gradient(90deg, #FF9797, #FFC1E0);
	}

	.voice-popup-btn:last-child {
		background: linear-gradient(90deg, #60F3FF, #088FEB);
	}

	.voice-model {
		width: 300rpx;
		height: 300rpx;
		display: flex;
		justify-content: center;
		flex-flow: column;
		position: fixed;
		top: 50%;
		left: 50%;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 20rpx;
		color: #fff;
		text-align: center;
		margin-left: -150rpx;
		z-index: 999;
	}

	.voice-model img {
		width: 200rpx;
		height: 200rpx;
		margin: 0 auto;
	}

	.voice-btn {
		position: absolute;
		bottom: -250rpx;
		left: 30%;
		width: 180rpx;
		height: 180rpx;
		background: #eee;
		border-radius: 50%;
	}

	.type-popup {
		width: 500rpx;
		height: auto;
		max-height: 900rpx;
		overflow: scroll;
		background: #fff;
		border-radius: 10px;
		position: relative;
		margin-bottom: 40rpx;
	}

	.card-list {
		width: 95%;
		border-radius: 10rpx;
		background: #fff;
		height: auto;
		margin: 40rpx auto 0;

	}

	.title-fur {
		width: 95%;
		height: 70rpx;
		margin: 0 auto;
		border-bottom: 1px solid #eee;
	}


	.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;
	}

	.scroll-content {
		height: 66%;
	}

	.kucun {
		background: url(https://jewel-shop.oss-cn-beijing.aliyuncs.com/9428d632981647728829da336a1d24b3.png) no-repeat;
		width: 50rpx;
		height: 25rpx;
		position: absolute;
		top: -14rpx;
		right: -15rpx;
		background-size: 100%;
	}

	.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;
	}

	.mask-model {
		width: 60%;
		height: 100rpx;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		text-align: center;
		background: rgba(0, 0, 0, 0.7);
		color: #eee;
		padding: 10rpx;
		border-radius: 5px;
		z-index: 99;
	}

	.new-logo {
		position: absolute;
		top: 35rpx;
		left: 131rpx;
		background: red;
		color: #fff;
		width: 40rpx;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		border-top-right-radius: 10px;
	}

	.u-upload {
		position: absolute;
		top: 30rpx;
		left: 30rpx;
		opacity: 0;
		width: 140rpx;
		height: 140rpx;
	}

	.left-btn {
		font-weight: 800;
		font-size: 28rpx;
		color: #fff;
		background: #088FEB;
		border-radius: 5px;
		width: 140rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
	}

	.one-goods {
		margin-top: 20rpx;
		width: 100%;
		height: 50rpx;
		background: #088FEB;
		font-size: 28rpx;
		text-align: center;
		line-height: 50rpx;
		color: #fff;
		border-radius: 5px;
		position: relative;
	}

	.jiaobiao {
		width: 40rpx;
		height: 40rpx;
		border-radius: 10px;
		color: #fff;
		background: red;
		position: absolute;
		top: -10rpx;
		right: -10rpx;
		text-align: center;
		line-height: 40rpx;
		font-size: 28rpx;
	}

	.sn-content-list {
		width: 95%;
		margin: 0 auto;
		display: flex;
		height: 80rpx;
		border-bottom: 1px solid #eee;
	}

	.sn-content-list:last-child {
		border-bottom: none;
		height: auto;
	}

	.sn-list-name {
		width: 200rpx;
		text-align: left;
		line-height: 80rpx;
		height: 80rpx;
		padding-left: 20rpx;
	}

	.showImg-box {
		width: 700rpx;
		height: 1000rpx;
	}

	.swiper-box {
		height: 900rpx;
	}

	.swiper-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 900rpx;
		color: #fff;
		background-color: #cee1fd;
	}

	.lb-btn {
		width: 100%;
		height: 100rpx;
		text-align: center;
		line-height: 100rpx;
		background: #088FEB;
		color: #fff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.sn-list-val {
		width: 560rpx;
		height: 80rpx;
		line-height: 80rpx;
	}

	.sn-list-val input {
		width: 400rpx;
		height: 60rpx;
		display: inline-block;
		line-height: 60rpx;
		float: left;
		margin-top: 10rpx;
		padding-left: 20rpx;
		border-bottom: 1px solid #088FEB;
	}
	.uni-calendar__mask {
		z-index: 103 !important;
	}
	@media screen and (min-width: 470px) {
		.shop-popup-content {
			height: 900rpx;
		}
		.yuyinluru{
			padding: 0 10rpx;
			width: auto !important;
			height: auto !important;
			font-size: 24rpx;
		}
		.tianjiaguige{
			padding: 0 10rpx;
			width: auto !important;
			height: auto !important;
			font-size: 24rpx;
		}
	}
	@media screen and (min-width: 760px) {
		.shop-popup-content {
			height: 700rpx !important;
		}
		.vue-ref{
			padding-bottom:0 !important;
		}
		.uni-date-single--x {
			left: -100px !important;
		}
	}
</style>