<template>
	<view class="content">
		<view class="titletop flex-start" @click="addfourshow=!addfourshow">
			<text class="titletoptext">数电票类型</text>
			<view class="flex-center titletopone" style="margin-left: 16rpx;">
				<view>
					{{form.typename?form.typename:'请选择'}}
				</view>
				<image src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/static/electric/type1.png" mode="">
				</image>
				<!-- <u-icon name="arrow-rightward" color="#F39D52" size="14"></u-icon> -->
			</view>
		</view>
		<view class="titletop flex-start">
			<text class="titletoptext">购买方信息</text>
			<view class="flex-center">
				<u-checkbox-group class="titletopcheckbox">
					<u-checkbox v-model="form.user_type"></u-checkbox>
				</u-checkbox-group>
				<text
					style="font-family: Source Han Sans CN, Source Han Sans CN;font-weight: 400;font-size: 28rpx;color: #666666;">开票给自然人</text>
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left" style="position: relative;">
				<input type="text" placeholder="请输入购方名称" v-model="form.user_name" @input="onInput" />
				<view class="position" v-if="subCategoryList.length != 0">
					<view class="positionitem" v-for="(item, index) in subCategoryList" :key="index"
						@click="categorySubClick(item)">
						{{ item.companyName }}
					</view>
				</view>
			</view>

		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.user_duty" placeholder="请输入统一社会信用代码/纳税人识别号" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.c_address" placeholder="请输入购买方地址" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.c_phone" placeholder="请输电话" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.c_bank_name" placeholder="请输入购方开户行" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.c_bank_account" placeholder="请输入银行账号" />
			</view>
		</view>
		<view class="titletop flex-start">
			<text class="titletoptext">销售方信息</text>
			<view class="flex-center" style="margin-left: 16rpx;">
				<u-icon name="reload" color="#7db5fe" size="14"></u-icon>
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.title" disabled style="background: #f6f6f6;height: 100%;" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.nsrsbh" disabled style="background: #f6f6f6;height: 100%;" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.xfdz" placeholder="请输入销售方地址" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.xflxdh" placeholder="请输电话" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.xfkhh" placeholder="请输入销售开户行" />
			</view>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.xfyhzh" placeholder="请入销售银行账号" />
			</view>
		</view>
		<view class="titletop flex-start">
			<text class="titletoptext">收票方式</text>
			<!-- <view class="flex-center" style="margin-left: 16rpx;">
				<u-icon name="question-circle" color="#585858" size="14" @click="clickicon">
				</u-icon>
			</view> -->
		</view>
		<!-- <view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.mobile" placeholder="请输入手机号" />
			</view>
		</view> -->
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.email" placeholder="请输入邮箱地址" />
			</view>
		</view>
		<view class="titletop flex-start">
			<text class="titletoptext">开票商品({{`${form.is_tax?'含税':'不含税'}`}})</text>
			<view class="flex-start" style="margin-right: 10rpx;">
				<text
					style="font-family: Source Han Sans CN, Source Han Sans CN;font-weight: 400;font-size: 28rpx;color: #333333;margin-right: 16rpx;"></text>
				<u-switch v-model="form.is_tax" @change="changetexatx" size="18"></u-switch>
			</view>
		</view>
		<view class="includingtax">
			<view class="includingtaxbetween flex-between">
				<text>商品</text>
				<text>单价</text>
				<text>数量</text>
				<text>金额</text>
				<text>税率</text>
			</view>
			<view class="includingtaxitem flex-between" v-for="(item,index) in form.mxListes" :key="index"
				@click.stop="clickmxList(item,index)">
				<text :style="item.fphxz == 1?'color: red;':''">{{item.spmc}}</text>
				<text>{{item.dj}}</text>
				<text>{{item.spsl}}</text>
				<text :style="item.fphxz == 1?'color: red;':''">{{item.fphxz == 1?'-':''}}{{item.je}}</text>
				<text :style="item.fphxz == 1?'color: red;':''">{{item.sl}}%</text>
				<text v-if="item.fphxz != 2" @click.stop="clickdelete(item,index)" class="absolutetext">删除</text>
			</view>

			<view class="includingtaxbox flex-between">
				<view class="flex-start">
					<text style="color:#D6444C;">金额：</text>
					<text>￥{{amountes.toFixed(2)}}</text>
				</view>
				<view>
					<text style="color:#D6444C;">税额：</text>
					<text>￥{{taxamountes.toFixed(2)}}</text>
				</view>
			</view>
			<view class="includingtaxadd" @click="invoicegoodslist()">
				+新增商品
			</view>
		</view>
		<view class="titletop flex-start">
			<text class="titletoptext">备注信息</text>
		</view>
		<view class="listinput flex-between">
			<view class="listinput_left">
				<input type="text" v-model="form.notes" placeholder="请输入备注" />
			</view>
		</view>
		<view class="people flex-center">
			<view class="peopleitem">
				<view class="flex-colum">
					<text>收款人</text>
					<input type="text" v-model="form.skr" placeholder="请输入" />
				</view>
			</view>
			<view class="peopleitem">
				<view class="flex-colum">
					<text>复核人</text>
					<input type="text" v-model="form.fhr" placeholder="请输入" />
				</view>
			</view>
			<view class="peopleitem">
				<view class="flex-colum">
					<text>开票人</text>
					<input type="text" v-model="form.dlzhname" disabled style="background: #f6f6f6;"
						placeholder="请输入" />
				</view>
			</view>
		</view>
		<view class="Issued" @click="clickIssued">
			开具
		</view>
		<u-popup :show="addshow" @close="addshow = false" mode="center" :round="16">
			<view class="popupaddclass">
				<view class="addshowtop">
					<text @click="addviewshow = !addviewshow" :class="addviewshow?'select':''">选择商品</text>
					<text @click="addviewshow = !addviewshow" :class="addviewshow?'':'select'">新增商品</text>
				</view>
				<view class="addshowbox" v-if="addviewshow">
					<view class="addshowinput flex-start">
						<u-icon name="search" color="#666666" size="20"></u-icon>
						<input type="text" placeholder="请输入商品名称" v-model="invoicegoodslikeanme"
							@input="$u.throttle(invoicegoodslist, 500) " />
					</view>
					<view class="boxaddshowitem">
						<u-checkbox-group v-model="checkboxtianjia" placement="column">
							<view class="addshowitem flex-start" v-for="(item,index) in invoicegoodslistdata"
								:key="index">
								<u-checkbox :key="index" :name="index"></u-checkbox>
								<view class="addshowitembox flex-colum-start">
									<text class="addshowitemboxtext">*{{item.abbreviation}}*{{item.title}}</text>
									<view class="flex-start">
										<text>商品税率：{{item.tax_rate}}</text>
										<text>商品单价：{{item.unit_price}}</text>
									</view>
								</view>
							</view>
						</u-checkbox-group>
					</view>
					<view class="tianjia" @click="changetianjia">
						添加
					</view>
				</view>
				<view class="addshowbox" v-else>
					<view class="addshowboxinput flex-colum-start">
						<text class="addshowboxinputtext">*商品编码</text>
						<view class="addshowboxinput_inp">
							<input type="text" placeholder="请选择" v-model="addform.spbm" disabled
								style="background: #f6f6f6;" />
							<view class="absolute" @click="clickspbm">
								选择商品名称
							</view>
						</view>
					</view>

					<view class="addshowboxinput flex-colum-start">
						<text class="addshowboxinputtext">编码简称</text>
						<view class="addshowboxinput_inp">
							<input type="text" placeholder="请选择" v-model="addform.abbreviation" disabled
								style="background: #f6f6f6;" />
						</view>
					</view>
					<view class="addshowboxinput flex-colum-start">
						<text class="addshowboxinputtext">*商品名称</text>
						<view class="addshowboxinput_inp">
							<input type="text" placeholder="请输入" v-model="addform.title" />
							<view class="absolute" @click="titlecoding">
								赋码
							</view>
						</view>
					</view>
					<view class="addshowboxinput flex-colum-start">
						<text class="addshowboxinputtext">规格型号</text>
						<view class="addshowboxinput_inp">
							<input type="text" placeholder="请输入" v-model="addform.spec" />
						</view>
					</view>
					<view class="addshowboxinput flex-colum-start">
						<text class="addshowboxinputtext">计量单位</text>
						<view class="addshowboxinput_inp">
							<input type="text" placeholder="请输入" v-model="addform.unit" />
						</view>
					</view>
					<view class="addshowboxinput flex-colum-start">
						<text class="addshowboxinputtext">单价(元)</text>
						<view class="addshowboxinput_inp flex-between">
							<input style="width: auto;" type="text" placeholder="请输入" v-model="addform.unit_price" />
							<!-- <view class="flex-start" style="margin-right: 10rpx;">
								<text
									style="font-family: Source Han Sans CN, Source Han Sans CN;font-weight: 400;font-size: 28rpx;color: #333333;margin-right: 16rpx;">含税</text>
								<u-switch v-model="addform.priceswitch" size="18"></u-switch>
							</view> -->
						</view>
					</view>
					<view class="addshowboxinput flex-colum-start" @click="selectshowlslbs = !selectshowlslbs">
						<text class="addshowboxinputtext">免税类型</text>
						<view class="addshowboxinput_inp flex-between">
							<view class="listinput_leftrelative">
								<text class="leftrelativetext">{{addform.lslbsname}}</text>
								<u-icon style="padding-right: 16rpx;" :name="selectshowlslbs?'arrow-up':'arrow-down'"
									color="#999999" size="14"></u-icon>
								<view class="listinput_leftabsolute" v-if="selectshowlslbs">
									<view v-for="(item,index) in lslbslist.lslbs" :key="index"
										:class="addform.lslbs == item.id?'class':''" @click="taxexempttype(item,index)">
										{{ item.name }}
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="addshowboxinput flex-colum-start"
						@click="taxrateselectionshow = !taxrateselectionshow">
						<text class="addshowboxinputtext">*税率</text>
						<view class="addshowboxinput_inp flex-between">
							<view class="listinput_leftrelative">
								<text class="leftrelativetext">{{addform.tax_ratename}}</text>
								<u-icon style="padding-right: 16rpx;"
									:name="taxrateselectionshow?'arrow-up':'arrow-down'" color="#999999"
									size="14"></u-icon>
								<view class="listinput_leftabsolute" v-if="taxrateselectionshow">
									<view v-for="(item,index) in lslbslist.taxrateselection" :key="index"
										:class="addform.tax_rate == item.id?'class':''"
										@click="taxrateselectiontype(item,index)">
										{{ item.name }}
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="addshowboxinput flex-colum-start" @click="zzstsglshow = !zzstsglshow">
						<text class="addshowboxinputtext">优惠政策类型</text>
						<view class="addshowboxinput_inp flex-between">
							<view class="listinput_leftrelative">
								<text class="leftrelativetext">{{addform.zzstsgl}}</text>
								<u-icon style="padding-right: 16rpx;" :name="zzstsglshow?'arrow-up':'arrow-down'"
									color="#999999" size="14"></u-icon>
								<view class="listinput_leftabsolute" v-if="zzstsglshow">
									<view v-for="(item,index) in lslbslist.zzstsgl" :key="index"
										:class="addform.zzstsgl == item.id?'class':''" @click="zzstsgltype(item,index)">
										{{ item.name }}
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="flex-start" style="margin-top: 48rpx;">
						<u-checkbox-group>
							<u-checkbox @change="addform.addcheckbox = !addform.addcheckbox"
								v-model="addform.addcheckbox"></u-checkbox>
						</u-checkbox-group>
						<text
							style="font-family: Source Han Sans CN, Source Han Sans CN;font-weight: 400;font-size: 28rpx;color: #666666;">保存至我的“开票商品”</text>
					</view>
					<view
						style="margin:32rpx 0 32rpx auto;width: 112rpx;height: 56rpx;background: #318AFE;border-radius: 4rpx 4rpx 4rpx 4rpx;font-family: Source Han Sans CN, Source Han Sans CN;font-weight: 400;font-size: 28rpx;color: #FFFFFF;line-height: 56rpx;text-align: center;"
						@click="addinvoicegoods">
						添加
					</view>
				</view>
			</view>
		</u-popup>

		<u-popup :show="addtowshow" @close="addtowshow = false" mode="bottom" :round="16">
			<view class="addtowshowclass">
				<view class="addtowshowclasstop">
					<!-- 	<text class="addtowshowclassabsolute">x</text> -->
					商品编码(税局)选择
					<u-icon class="addtowshowclassabsolutelet" v-if="this.selectencodinglists.length>1"
						@click="selectencodingicon" name="arrow-left" color="#999999" size="20"></u-icon>
					<u-icon @click="addtowshow = false" class="addtowshowclassabsolute" name="close" color="#999999"
						size="20"></u-icon>
				</view>
				<view v-if="selectencodingitem.tax_rate">
					<view class="addtowshowpositionitem flex-between">
						<view>
							商品编码
						</view>
						<view style="color: #999999;">
							{{selectencodingitem.pid}}
						</view>
					</view>
					<view class="addtowshowpositionitem flex-between">
						<view>
							编码名称

						</view>
						<view style="color: #999999;">
							{{selectencodingitem.catalog_name}}
						</view>
					</view>
					<view class="addtowshowpositionitem flex-between">
						<view>
							编码简称
						</view>
						<view style="color: #999999;">
							{{selectencodingitem.catalog_name_short}}
						</view>
					</view>
					<view class="addtowshowpositionitem flex-between">
						<view>
							商品税率
						</view>
						<view style="color: #999999;">
							{{selectencodingitem.tax_rate}}
						</view>
					</view>
					<view class="selecconfirm" @click="selecconfirm">
						确认选择
					</view>
				</view>
				<view v-else class="addtowshowpositionitem flex-between" v-for="(item,index) in selectencodinglist"
					:key="index" @click="selectencoding(item,index)">
					<view>
						{{item.catalog_name}}
					</view>
					<view class="flex-start">
						{{item.tax_rate?item.tax_rate:''}}
						<u-icon name="arrow-right" color="#999999" size="18"></u-icon>
					</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="addthereshow" @close="addthereshow = false" mode="center" :round="16">
			<view class="addthereshowclass">
				<view class="addthereshowclasstop flex-between">
					<text>开票商品信息修改</text>
					<u-icon name="close" color="#999999" size="20" @click="addthereshow = false"></u-icon>
				</view>
				<view class="addthereshowclassbox">
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							商品简称
						</view>
						<view class="addthereshowclassboxitemtow">
							<input type="text" style="background:rgb(246, 246, 246);" placeholder="请输入商品简称"
								v-model="mxListform.abbreviation" disabled />
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							商品名称
						</view>
						<view class="addthereshowclassboxitemtow">
							<input type="text" placeholder="请输入商品名称" v-model="mxListform.spmc" />
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							含税单价
						</view>
						<view class="addthereshowclassboxitemtow">
							<input type="text" placeholder="请输入含税单价" v-model="mxListform.dj"
								@input="clickmxListformdj" />
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							商品数量
						</view>
						<view class="addthereshowclassboxitemtow">
							<input type="number" placeholder="请输入商品数量" v-model="mxListform.spsl"
								@input="handleInputChange" />
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							商品规格
						</view>
						<view class="addthereshowclassboxitemtow">
							<input type="text" placeholder="请输入商品规格" v-model="mxListform.ggxh" />
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							计量单位
						</view>
						<view class="addthereshowclassboxitemtow">
							<input type="text" placeholder="请输入计量单位" v-model="mxListform.dw" />
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							商品税率
						</view>
						<view class="addthereshowclassboxitemtow" @click="mxListformslshow = !mxListformslshow">
							<view class="listinput_leftrelative">
								<text class="leftrelativetext">{{mxListform.slname}}</text>
								<u-icon style="padding-right: 16rpx;" :name="mxListformslshow?'arrow-up':'arrow-down'"
									color="#999999" size="14"></u-icon>
								<view class="listinput_leftabsolute" v-if="mxListformslshow">
									<view v-for="(item,index) in lslbslist.taxrateselection" :key="index"
										:class="mxListform.sl == item.id?'class':''"
										@click="mxListformslshowtype(item,index)">
										{{ item.name }}
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							商品折扣
						</view>
						<view class="addthereshowclassboxitemtow flex-start">
							<input type="number" placeholder="请输入商品折扣" v-model.number="mxListform.fphxzshow" />%
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							含税金额
						</view>
						<view class="addthereshowclassboxitemtow">
							<input type="text" placeholder="请输入含税金额" v-model="mxListform.je"
								@input="inputmxListformje" />
						</view>
					</view>
					<view class="addthereshowclassboxitem flex-between">
						<view class="addthereshowclassboxitemone">
							合计税额
						</view>
						<view class="addthereshowclassboxitemtow">
							<input style="background:rgb(246, 246, 246);" type="text" placeholder="请输入合计税额"
								v-model="mxListform.se" disabled />
						</view>
					</view>
					<view class="addtheredetermine" @click="addthereshowclick">
						确定
					</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="addfourshow" @close="addfourshow = false" mode="right" :round="16">
			<view class="addfourclass">
				<view class="addfourclassclasstop flex-between">
					<text>开票类型选择</text>
					<u-icon name="close" color="#999999" size="20" @click="addfourshow = false"></u-icon>
				</view>
				<view class="addfourclassclassbox">
					<view class="addfourclassclassboxitem">
						*发票类型
					</view>
					<view class="addfourclassclassboxitemone flex-start"
						@click="addfourshowupicker= !addfourshowupicker">
						<view style="padding: 0 16rpx;">{{form.typename}}</view>
						<u-icon class="icon" name="arrow-right" color="#999999" size="18"></u-icon>
					</view>
					<view class="addfourclassclassboxitemtow flex-start">
						<u-switch v-model="defaultvalue" size="20"></u-switch><text
							style="margin-left: 10rpx;">设置为默认发票类型</text>
					</view>
				</view>
			</view>
		</u-popup>
		<u-picker :show="addfourshowupicker" :columns="columns" keyName="label" @confirm='addfourupickerconfirm'
			@cancel='addfourshowupicker = false'></u-picker>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				defaultvalue: false,
				checkboxtianjia: [],
				addviewshow: true, //切换选择和增加商品
				addtowshow: false, //行业搜索显示
				addthereshow: false,
				addfourshow: false,
				addfourshowupicker: false,
				addshow: false, //新增点击切换
				selectshowlslbs: false, //免税类型
				taxrateselectionshow: false, //税率
				zzstsglshow: false,
				taxamountes: 0, //税额
				amountes: 0, //金额
				keyword: '', //搜索查询
				subCategoryList: [], //模糊快速搜索
				form: {
					zsgfyh: '', //1展示购方银行信息 0不展示
					zsxfyh: '', //1展示销方银行信息 0不展示
					title: '', //销方名称
					nsrsbh: '', //销方税号
					xfdz: '', //销方地址
					xfkhh: '', //销方开户行名称
					xflxdh: '', //销方联系方式
					xfyhzh: '', //销方银行账号
					user_name: '', //购方抬头
					user_duty: '', //购方税号
					c_address: '', //购方地址
					c_phone: '', //购方联系电话
					c_bank_name: '', //购买方开户行
					c_bank_account: '', //购买方开户行账号
					dlzh: '', //开票人账户
					dlzhname: '', //开票人账户
					user_type: false, //1 个人 2企业
					email: '', //邮箱
					mobile: '', //电话
					is_tax: true, //1 含税 2 不含税
					notes: '', //备注
					type: '', //票类型
					typename: "",
					mxListes: [], //购方抬头
					mxListes: [],
					skr: '', //收款人
					fhr: '', //复核人
					lslbs: '', //税率标识
					zzstsgl: '', //增值税特殊管理标识
				},
				addform: {
					title: '', //名称
					abbreviation: '', //简称
					spbm: '', //编码
					spec: '', //规格
					unit: '', //计量单位
					unit_price: '', //单价
					priceswitch: true,
					tax_rate: '', //税率
					lslbs: '', //税率标识
					zzstsgl: '', //增值税特殊管理标识
					lslbsname: '',
					tax_ratename: '',
					zzstsglname: '',
					addcheckbox: false, //是否保存到我的开票商品
					fphxz: ''
				},
				selectlist: [{
						value: '1',
						label: '江'
					},
					{
						value: '2',
						label: '湖'
					}
				],
				columns: [
					[{
						label: '数电普票',
						id: 82
					}, {
						label: '数电专票',
						id: 81,
					}]
				],
				checkboxlist: [{
					name: '开票给自然人',
					checked: false,
					disabled: false
				}],
				value: 'orange',
				lslbslist: {},
				selectencodinglist: [],
				selectencodinglists: [], //总数据
				selectencodingitem: {},
				selected: false, //是否显示返回键
				pid: '',
				// 商品列表
				invoicegoodslikeanme: '', //搜索
				invoicegoodslistdata: [],
				// 修改
				mxListform: {
					spsl: 0,
					se: '',
					sl: '',
					spbm: '',
					spmc: '',
					dj: '',
					dw: '',
					ggxh: '',
					lslbs: '',
					je: ''

				},
				mxListformslshow: false
			}
		},
		async onLoad() {
			// 企业信息  销售方信息
			let res = await this.api.hfivegetstoreinfo()
			this.form.title = res.data.title
			this.form.nsrsbh = res.data.creditCode
			let {
				data
			} = await this.api.hfivelslbs()
			this.lslbslist = data
			// 开票人列表
			this.newissuedbylist()
			// 初始化数电补票
			let value = this.columns[0]
			this.form.type = value[0].id
			this.form.typename = value[0].label
		},
		methods: {
			// 选项卡
			clickspbm() {
				console.log(1111)
				this.addtowshow = !this.addtowshow
				this.selectencoding({
					selected: true,
					pid: ''
				}, 'index')
			},
			//返回键
			selectencodingicon() {
				this.selectencodingitem = {}
				this.selectencodinglists.splice(this.selectencodinglists.length - 1, 1)
				this.selectencodinglist = this.selectencodinglists[this.selectencodinglists.length - 1]
			},
			//行业列表 （选择编码）列表
			async selectencoding(item, index) {
				this.selectencodingitem = {}
				if (index == 'index') {
					this.selectencodinglists = []
				}
				if (item.selected) {
					let {
						data
					} = await this.api.selectencoding({
						pid: item.pid
					})
					this.selectencodinglist = data
					this.selectencodinglists.push(this.selectencodinglist) //暂存一个空数组
					console.log(this.selectencodinglists)

				} else {
					this.selected = false
					this.selectencodingitem = item
				}

			},
			//编码简称点击确定
			selecconfirm() {
				this.addtowshow = false
				this.addform.abbreviation = this.selectencodingitem.catalog_name_short
				this.addform.title = this.selectencodingitem.catalog_name
				this.addform.spbm = this.selectencodingitem.pid
			},
			// 进行赋码
			async titlecoding() {
				this.selectencodingitem = {}
				let {
					data
				} = await this.api.invoicecoding({
					name: this.addform.title
				})
				if (data.length == 0) {
					uni.showToast({
						title: '赋码失败，请检查商品名称！',
						icon: 'none'
					});
					return false;
				} else {
					this.addform.abbreviation = data[0].catalog_name_short
					this.addform.title = data[0].catalog_name
					this.addform.spbm = data[0].catalog_code
				}

			},
			// 行业点击
			onInput(e) {
				if ([...e.detail.value].length >= 4) {
					console.log(100000);
					uni.$u.debounce(this.handleClick(), 500)
				}
			},
			async handleClick() {
				let res = await this.api.hfiveenterprise({
					like: this.form.user_name,
					sign: uni.utils.md5(this.form.user_name + 'd2e862a1-02b5-4405-8c69-c74ca871bcfe')
				})
				if (res.code == 1) {
					this.subCategoryList = res.data
				}
			},
			categorySubClick(category) {
				setTimeout(() => {
					this.$set(this.form, 'user_name', category.companyName);
					this.$set(this.form, 'user_duty', category.creditCode);
					this.subCategoryList = [];
				}, 500)

			},
			// 开票人列表
			async newissuedbylist() {
				let res = await this.api.newissuedbylist()
				res.data.forEach((i) => {
					if (i.is_default == 1) {
						this.form.dlzh = i.dlzh
						this.form.dlzhname = i.name
					}
				})
				if (this.form.dlzh == '') {
					this.form.dlzh = res.data[0].dlzh
					this.form.dlzhname = res.data[0].name
				}
				console.log(res)
			},

			//免税类型
			taxexempttype(item, index) {
				console.log(item)
				this.addform.lslbsname = item.name
				this.addform.lslbs = item.id
			},
			//税率
			taxrateselectiontype(item, index) {
				this.addform.tax_ratename = item.name
				this.addform.tax_rate = item.id
			},

			//优惠政策类型
			zzstsgltype(item, index) {
				this.addform.zzstsglname = item.name
				this.addform.zzstsgl = item.id
			},
			// 添加商品
			async addinvoicegoods() {
				this.addform.priceswitch = this.addform.priceswitch ? 1 : 0 //是否含税  0是不含税 1是含税
				if (this.addform.title == null || this.addform.title == '') {
					uni.showToast({
						title: '请选择商品名称',
						icon: 'none'
					});
					return false;
				}
				if (this.addform.spbm == null || this.addform.spbm == '') {
					uni.showToast({
						title: '请输入商品编码',
						icon: 'none'
					});
					return false;
				}
				console.log(this.addform.tax_rate)
				if (this.addform.tax_rate == null || this.addform.tax_rate === '') {
					uni.showToast({
						title: '请选择税率',
						icon: 'none'
					});
					return false;
				}
				if (this.addform.addcheckbox) { //addcheckbox  请求后是否保存
					let res = await this.api.addinvoicegoods({
						title: this.addform.title,
						spbm: this.addform.spbm,
						spec: this.addform.spec,
						unit: this.addform.unit,
						unit_price: this.addform.unit_price,
						tax_rate: this.addform.tax_rate,
						lslbs: this.addform.lslbs,
						zzstsgl: this.addform.zzstsgl,
						priceswitch: this.addform.priceswitch,
						abbreviation: this.addform.abbreviation,
						spsl: 1 //初始化数量
					})
				} else {
					this.form.mxListes.push({
						spbm: this.addform.spbm, //税收编号
						spmc: this.addform.title,
						sl: this.addform.tax_rate, //税率
						dj: this.addform.unit_price, //单价
						ggxh: this.addform.spec, //规格型号
						dw: this.addform.unit, //计量单位
						spsl: 1 //初始化数量
					})
				}
				this.addshow = false
			},
			changetianjia(n) {
				// 添加商品
				// 默认添加初始化数量
				this.invoicegoodslistdata.forEach((i) => {
					i.spsl = ''
					i.je = ''
					i.fphxzshow = 0
					i.fphxz = 0
					i.se = 0
					return i
				})
				this.checkboxtianjia.map((item, index) => {
					this.form.mxListes.push(this.invoicegoodslistdata[item])
				})
				this.addshow = false
			},
			// 修改开票商品
			clickmxList(item, index) {
				if (item.fphxz == 2 || item.fphxz == 1) {
					return false;
				}
				this.mxListform = item
				this.lslbslist.taxrateselection.forEach((i) => {
					if (item.sl == i.id) {
						this.mxListform.slname = i.name
						this.mxListform.indexid = index
					}
				})
				this.addthereshow = true
			},
			//商品列表
			async invoicegoodslist() {
				let {
					data
				} = await this.api.invoicegoodslist({
					page: 1,
					like: this.invoicegoodslikeanme
				})
				this.addform = {
						title: '', //名称
						abbreviation: '', //简称
						spbm: '', //编码
						spec: '', //规格
						unit: '', //计量单位
						unit_price: '', //单价
						priceswitch: true,
						tax_rate: '', //税率
						lslbs: '', //税率标识
						zzstsgl: '', //增值税特殊管理标识
						lslbsname: '',
						tax_ratename: '',
						zzstsglname: '',
						addcheckbox: false, //是否保存到我的开票商品
					},
					this.invoicegoodslistdata = data
				this.addshow = true
				this.addviewshow = true
			},
			// 含税金额
			inputmxListformje(value) {
				// 判断输入框
				let naben = value.detail.value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace(
					/^(-)*(\d+)\.(\d{0,2}).*$/, '$1$2.$3'); // 只能输入两个小数
				this.$nextTick(() => {
					this.$set(this.mxListform, 'je', naben);
				})
				if (this.mxListform.dj || this.mxListform.spsl) {
					if (this.mxListform.spsl) {
						this.mxListform.dj = this.mxListform.je / this.mxListform.spsl
					}
					if (this.mxListform.dj) {
						this.mxListform.spsl = this.mxListform.je / this.mxListform.dj
					}
					this.$u.debounce(this.zongshui, 500)
				} else {
					return false;
				}
			},
			// 填写数量 填写单价  计算含税金额
			handleInputChange(value) {
				// 判断输入框
				let naben = value.detail.value.replace(/\D+/, '')
				this.$nextTick(() => {
					this.$set(this.mxListform, 'spsl', naben);
				})
				if (this.mxListform.dj || this.mxListform.je) {
					if (this.mxListform.dj) {
						this.mxListform.je = this.mxListform.dj * this.mxListform.spsl
					}
					if (this.mxListform.je) {
						this.mxListform.dj = this.mxListform.je / this.mxListform.spsl
					}
					if (this.mxListform.spsl == 0) {
						this.mxListform.se = 0
					}
					this.$u.debounce(this.zongshui, 500)
					this.$forceUpdate()
				} else {
					return false;
				}
			},
			// 填写单价
			clickmxListformdj(value) {
				// 判断输入框
				let naben = value.detail.value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace(
					/^(-)*(\d+)\.(\d{0,2}).*$/, '$1$2.$3'); // 只能输入两个小数
				this.$nextTick(() => {
					this.$set(this.mxListform, 'dj', naben);
				})
				if (this.mxListform.spsl || this.mxListform.je) {
					if (this.mxListform.spsl) {
						this.mxListform.je = this.mxListform.spsl * this.mxListform.dj
					}
					if (this.mxListform.je) {
						this.mxListform.spsl = this.mxListform.je / this.mxListform.dj
					}
					this.$u.debounce(this.zongshui, 500)
					this.$forceUpdate()
				} else {
					return false;
				}
			},
			zongshui() {
				// 判断是否有税率
				if (this.mxListform.sl == null || this.mxListform.sl == '') {
					return false;
				}
				this.mxListformslshowtype()
			},
			// 算税率
			async mxListformslshowtype(item) {
				if (this.mxListform.dj == '') {
					uni.showToast({
						title: '单价不能为空',
						icon: 'none'
					});
					return false;
				}
				if (this.mxListform.spsl == '') {
					uni.showToast({
						title: '数量不能为空',
						icon: 'none'
					});
					return false;
				}
				if (this.mxListform.je == '') {
					uni.showToast({
						title: '含税金额不能为空',
						icon: 'none'
					});
					return false;
				}
				if (item) {
					this.mxListform.slname = item.name
					this.mxListform.sl = item.id
				}
				if (this.mxListform.je == 0 || this.mxListform.je == '') { //商品税率金额为0时
					this.mxListform.dj = 0
					this.mxListform.spsl = 0
					this.mxListform.je == 0
					return false;
				}
				if (this.mxListform.sl == 0) { //商品税率金额为0时
					this.$set(this.mxListform, 'se', 0);
					return false;
				}
				let res = await this.api.storese({
					amount: this.mxListform.je,
					se_amount: this.mxListform.sl,
					is_tax: this.form.is_tax ? 1 : 2
				})
				if (res) {
					this.mxListform.se = res.data.tx
					this.$forceUpdate()
					// this.mxListform.se = res.data.d_amount
				}

			},
			// 计算封装计算税率
			// 单价 = 金额 / (1 + (税率/100));
			// 税额（含税） = 单价 * (税率/100);
			// 税额（不含税） = 金额 * (税率/100);
			etexatx(je, sl) { //金额//税率
				// 单价
				let dj = je / (1 + (sl / 100))
				let data = null
				// 含税
				if (this.form.is_tax) {
					data = dj * (sl / 100)
				} else {
					data = je * (sl / 100)
				}
				return data
			},
			changetexatx(e) {
				this.form.mxListes.forEach(async (item, index) => {
					let data = await this.etexatx(item.je, item.sl)
					item.se = data.toFixed(2)
					return item
				})
				console.log(this.form.mxListes, '执行完了上面')
				this.$nextTick(() => {
					try {
						// 计算总数
						this.amountes = this.form.mxListes.reduce((accumulator, currentValue) => {
							if (currentValue.je) {
								if (currentValue.fphxz == 2 || currentValue.fphxz == 0) {
									return accumulator + Number(currentValue.je);
								} else {
									return accumulator + Number(-currentValue.je);
								}
							}
							return accumulator;
						}, 0);
						this.taxamountes = this.form.mxListes.reduce((accumulator, currentValue) => {
							if (currentValue.se) {
								if (currentValue.fphxz == 2 || currentValue.fphxz == 0) {
									return Number(accumulator) + Number(currentValue.se);
								} else {
									return Number(accumulator) + Number(-currentValue.se);
								}
							}
							return accumulator;
						}, 0);
					} catch (e) {
						//TODO handle the exception
					}
				})

			},
			// 删除
			clickdelete(item, index) {
				if (this.form.mxListes.length == 1) {
					this.form.mxListes = []
					this.amountes = 0
					this.taxamountes = 0
					return false;
				}
				this.form.mxListes[index - 1].fphxz = 0
				this.form.mxListes[index - 1].fphxzshow = 0
				this.form.mxListes.splice(index, 1)

				try {
					// 计算总数
					this.amountes = this.form.mxListes.reduce((accumulator, currentValue) => {
						if (currentValue.je) {
							if (currentValue.fphxz == 2 || currentValue.fphxz == 0) {
								return accumulator + Number(currentValue.je);
							} else {
								return accumulator + Number(-currentValue.je);
							}
						}
						return accumulator;
					}, 0);
					this.taxamountes = this.form.mxListes.reduce((accumulator, currentValue) => {
						if (currentValue.se) {
							if (currentValue.fphxz == 2 || currentValue.fphxz == 0) {
								return Number(accumulator) + Number(currentValue.se);
							} else {
								return Number(accumulator) + Number(-currentValue.se);
							}
						}
						return accumulator;
					}, 0);
				} catch (e) {
					//TODO handle the exception
				}
			},
			async addthereshowclick() {
				if (this.mxListform.dj == null || this.mxListform.dj == '') {
					uni.showToast({
						title: '单价不能为空',
						icon: 'none'
					});
					return false;
				}
				if (this.mxListform.dj == null || this.mxListform.dj == '') {
					uni.showToast({
						title: '单价不能为空',
						icon: 'none'
					});
					return false;
				}
				if (this.mxListform.spsl == null || this.mxListform.spsl == '') {
					uni.showToast({
						title: '数量不能为空',
						icon: 'none'
					});
					return false;
				}
				if (this.mxListform.spmc == null || this.mxListform.spmc == '') {
					uni.showToast({
						title: '商品名称不能为空',
						icon: 'none'
					});
					return false;
				}
				if (this.mxListform.fphxzshow != 0) {
					// 计算单个税额
					let {
						data
					} = await this.api.storese({
						amount: this.mxListform.je * (this.mxListform.fphxzshow / 100),
						se_amount: this.mxListform.sl,
						is_tax: this.form.is_tax ? 1 : 2
					})
					// 添加修改后的跟随数据
					let datapush = {
						spmc: this.mxListform.spmc,
						fphxz: 1,
						je: (this.mxListform.je * (this.mxListform.fphxzshow / 100)),
						sl: this.mxListform.sl,
						se: data.tx,
						spbm: this.mxListform.spbm,
						spsl: '',
						dj: '',
						dw: '',
						ggxh: '',
						lslbs: '',
						fphxzshow: this.mxListform.fphxzshow
					}
					this.form.mxListes.splice(this.mxListform.indexid + 1, 0, datapush)
					this.mxListform.fphxz = 2
					this.mxListform.fphxzshow = ''
				} else {
					this.mxListform.fphxzshow = ''
					this.mxListform.fphxz = 0
				}
				try {
					// 对数组中满足条件的元素进行求和
					this.amountes = this.form.mxListes.reduce((accumulator, currentValue) => {
						console.log(accumulator, currentValue)
						if (currentValue.je) {
							if (currentValue.fphxz == 2 || currentValue.fphxz == 0) {
								return accumulator + Number(currentValue.je);
							} else {
								return accumulator + Number(-currentValue.je);
							}
						}
						return accumulator;
					}, 0);
					this.taxamountes = this.form.mxListes.reduce((accumulator, currentValue) => {
						if (currentValue.se) {
							if (currentValue.fphxz == 2 || currentValue.fphxz == 0) {
								return Number(accumulator) + Number(currentValue.se);
							} else {
								return Number(accumulator) + (-Number(currentValue.se));
							}
						}

						return accumulator;
					}, 0);
				} catch (e) {
					//TODO handle the exception
				}
				this.addthereshow = false
			},
			// 选项普票还是专票
			addfourupickerconfirm(e) {
				this.form.type = e.value[0].id
				this.form.typename = e.value[0].label
				this.addfourshowupicker = false
			},
			async clickIssued() {
				// console.log(this.form.mxListes)
				if (this.form.type == null || this.form.type == '') {
					uni.showToast({
						title: '发票类型不能为空',
						icon: 'none'
					});
					return false;
				}
				if (this.form.user_name == null || this.form.user_name == '') {
					uni.showToast({
						title: '购方抬头不能为空',
						icon: 'none'
					});
					return false;
				}
				if (this.form.mxListes.length == 0) {
					uni.showToast({
						title: '开票商品不能为空',
						icon: 'none'
					});
					return false;
				}
				// 执行下面的数据
				const hasUndefined = this.form.mxListes.some(obj => {
					for (const key in obj) {
						if (obj.fphxz != 1 && (obj.spsl === '' || obj.je === '')) {
							return true; // 如果找到true，否则false
						}
					}
					return false;
				});
				if (hasUndefined) {
					uni.showToast({
						title: '请填写开票商品的单价，数量，金额等',
						icon: 'none'
					});
					return false;
				}
				if (this.form.email == null || this.form.email == '') {
					uni.showToast({
						title: '邮箱地址不能为空',
						icon: 'none'
					});
					return false;
				}
				this.form.is_tax = this.form.is_tax ? 1 : 2
				this.form.user_type = this.form.user_type ? 1 : 2 // 1 个人 2企业
				this.form.mxList = JSON.stringify(this.form.mxListes)
				let res = await this.api.directinvoicingopen(this.form)
				if (res.code == 1) {
					uni.showToast({
						title: '提交成功!',
						icon: 'none'
					});
					setTimeout(() => {
						uni.navigateBack()
					}, 700)
				}
			}

		}
	}
</script>

<style lang="scss">
	page {
		background: #fff;
	}

	.content {
		padding: 0 44rpx;

		.titletop {
			padding-top: 32rpx;

			.titletoptext {
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 500;
				font-size: 32rpx;
				color: #333333;
			}

			.titletopone {
				padding: 8rpx 10rpx;
				width: max-content;
				background: #FFF3E9;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				border: 2rpx solid #F39D52;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 24rpx;
				color: #F39D52;

				image {
					margin: 0 6rpx;
					width: 17.44rpx;
					height: 17.61rpx;
				}
			}

			.titletopcheckbox {
				margin-left: 32rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #666666;
			}
		}

		.listinput {
			margin-top: 32rpx;
			width: 100%;

			.listinput_left {
				flex: auto;
				height: 66rpx;
				background: #FFFFFF;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				border: 2rpx solid #D9D9D9;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;

				input {
					padding: 16rpx;
					width: auto;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 24rpx;
					color: #333333;
				}
			}

			.position {
				position: absolute;
				right: 0;
				top: 50rpx;
				background: #fff;
				width: 100%;
				max-height: 400rpx;
				overflow: auto;
				z-index: 99;
				box-shadow: 1rpx 3rpx 6rpx #ccc;

				.positionitem {
					padding: 16rpx 10px;
					border-bottom: 1rpx solid #ccc;
				}
			}
		}

		.includingtax {
			width: 100%;

			.includingtaxbetween {
				margin-top: 32rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #666666;

				text {
					width: 20%;
				}
			}


			.includingtaxitem {
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 24rpx;
				color: #666666;
				position: relative;
				padding-bottom: 16rpx;

				text {
					width: 20%;
					word-break: break-all;
				}

				.absolutetext {
					position: absolute;
					width: auto;
					right: 0;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 24rpx;
					color: blue;
				}

			}

			.includingtaxitem:last-child {
				border-bottom: 1rpx solid #ccc;
			}

			.includingtaxbox {
				margin-top: 16rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 24rpx;
				color: #333333;
			}

			.includingtaxadd {
				width: 100%;
				margin-top: 32rpx;
				text-align: center;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 500;
				font-size: 24rpx;
				color: #318AFE;
			}
		}

		.people {
			margin-top: 48rpx;
			width: 100%;
			padding: 32rpx 0;
			background: #FFFFFF;
			border-radius: 4rpx 4rpx 4rpx 4rpx;
			border: 2rpx solid #D9D9D9;

			.peopleitem {
				margin-left: 48rpx;
				width: 136rpx;

				.flex-colum {
					text {
						font-family: Source Han Sans CN, Source Han Sans CN;
						font-weight: 400;
						font-size: 28rpx;
						color: #333333;
					}

					input {
						width: 136rpx;
						margin-top: 16rpx;
						height: 48rpx;
						text-align: center;
						background: #FFFFFF;
						border-radius: 4rpx 4rpx 4rpx 4rpx;
						border: 2rpx solid #D9D9D9;
						font-family: Source Han Sans CN, Source Han Sans CN;
						font-weight: 400;
						font-size: 24rpx;
						color: #999999;
					}
				}
			}

			.peopleitem:nth-child(1) {
				margin-left: 0rpx;
			}
		}

		.Issued {
			margin: 48rpx auto;
			padding-bottom: 10rpx;
			width: 524rpx;
			height: 72rpx;
			text-align: center;
			background: #2F87FD;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 36rpx;
			color: #FFFFFF;
			line-height: 72rpx;
			border-radius: 28rpx;
		}

		.popupaddclass {
			padding: 32rpx 34rpx;
			width: 694rpx;
			background: #FFFFFF;
			border-radius: 24rpx 24rpx 24rpx 24rpx;

			.addshowtop {
				border-bottom: 2rpx solid #E5E5E5;

				text:nth-child(1) {
					margin-left: 0;
				}

				text {
					padding-bottom: 26rpx;
					display: inline-block;
					margin-left: 64rpx;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 28rpx;
					color: #666666;
				}

				.select {
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 500;
					font-size: 28rpx;
					color: #318AFE;
					border-bottom: 1rpx solid #318AFE;
				}
			}



			.addshowbox {
				max-height: 750rpx;
				overflow: auto;
				position: relative;

				.addshowboxinput {
					margin-top: 32rpx;

					.addshowboxinputtext {
						font-family: Source Han Sans CN, Source Han Sans CN;
						font-weight: 400;
						font-size: 28rpx;
						color: #333333;
					}

					.addshowboxinput_inp {
						margin-top: 24rpx;
						position: relative;
						width: 100%;
						height: 66rpx;
						background: #fff;
						border-radius: 4rpx 4rpx 4rpx 4rpx;
						border: 2rpx solid #D9D9D9;

						.listinput_leftrelative {
							position: relative;
							display: flex;
							justify-content: space-between;
							align-items: center;
							flex: auto;
							height: 100%;
							background: #FFFFFF;
							border-radius: 4rpx 4rpx 4rpx 4rpx;
							font-family: Source Han Sans CN, Source Han Sans CN;
							font-weight: 400;
							font-size: 26rpx;

							.leftrelativetext {
								padding: 6rpx 24rpx;
								color: #6f6f6f;
							}

							.listinput_leftabsolute {
								position: absolute;
								z-index: 999;
								width: 100%;
								top: 65rpx;
								max-height: 250rpx;
								overflow: auto;
								background: #fff;
								border: 1px solid #D9D9D9;

								view {
									padding: 6rpx 24rpx;
									color: #6f6f6f;
								}

								.class {
									font-weight: 500;
									font-size: 28rpx;
									color: #333;
									border-bottom: 1rpx solid #e3d8d8;
									background: #f1f1f1;
								}
							}
						}

						input {
							width: 100%;
							height: 100%;
							padding: 0 16rpx;
							font-family: Source Han Sans CN, Source Han Sans CN;
							font-weight: 400;
							font-size: 24rpx;
						}

						.absolute {
							padding: 8rpx 18rpx;
							position: absolute;
							background: #318AFE;
							border-radius: 4rpx 4rpx 4rpx 4rpx;
							font-family: Source Han Sans CN, Source Han Sans CN;
							font-weight: 400;
							font-size: 24rpx;
							color: #FFFFFF;
							right: 16rpx;
							top: 50%;
							z-index: 99;
							transform: translateY(-50%);
						}
					}
				}

				.addshowinput {
					margin-top: 30rpx;
					width: 100%;
					height: 64rpx;
					background: #F6F6F6;
					border-radius: 4rpx 4rpx 4rpx 4rpx;
					padding: 0 16rpx;

					input {
						padding-left: 16rpx;
						flex: auto;
						height: 64rpx;
						font-family: Source Han Sans CN, Source Han Sans CN;
						font-weight: 400;
						font-size: 24rpx;
						color: #999999;
						line-height: 64rpx;
					}
				}

				.boxaddshowitem {
					overflow: auto;
					max-height: 500rpx;

					.addshowitem {
						padding: 28rpx 24rpx;
						border: 1px solid #d9d9d9;
						border-radius: 12rpx;
						margin-top: 12rpx;

						.addshowitembox {
							margin-left: 12rpx;
							width: 80%;

							.addshowitemboxtext {
								width: 100%;
								font-weight: 700;
								font-size: 28rpx;
								overflow: hidden; //超出的文本隐藏
								text-overflow: ellipsis; //溢出用省略号显示
								white-space: nowrap; //溢出不换行
							}
						}
					}

				}

				.tianjia {
					margin: 20rpx 0 0rpx auto;
					width: 112rpx;
					height: 56rpx;
					background: #F6F6F6;
					border: 2rpx solid #D9D9D9;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 28rpx;
					color: #666666;
					line-height: 56rpx;
					text-align: center;
				}
			}
		}

		.addthereshowclass {
			width: 694rpx;
			background: #FFFFFF;
			border-radius: 24rpx 24rpx 24rpx 24rpx;

			.addthereshowclasstop {
				width: 100%;
				padding: 32rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 500;
				font-size: 28rpx;
				color: #333333;
			}

			.addthereshowclassbox {
				border-top: 2rpx solid #E5E5E5;
				padding: 0 32rpx;

				.addthereshowclassboxitem {

					.addthereshowclassboxitemone {
						width: 25%;
						font-family: Source Han Sans CN, Source Han Sans CN;
						font-weight: 400;
						font-size: 28rpx;
						color: #333333;
					}

					.addthereshowclassboxitemtow {
						width: 70%;
						border-bottom: 1rpx solid #E5E5E5;
						font-family: Source Han Sans CN, Source Han Sans CN;
						font-weight: 400;
						font-size: 28rpx;
						color: #333333;

						input {
							height: 80rpx;
							width: auto;
							font-family: Source Han Sans CN, Source Han Sans CN;
							font-weight: 400;
							font-size: 28rpx;
							color: #333333;
							line-height: 80rpx;
						}

						.listinput_leftrelative {
							padding: 16rpx 0;
							position: relative;
							display: flex;
							justify-content: space-between;
							align-items: center;
							flex: auto;
							height: 100%;
							background: #FFFFFF;
							border-radius: 4rpx 4rpx 4rpx 4rpx;
							font-family: Source Han Sans CN, Source Han Sans CN;
							font-weight: 400;
							font-size: 26rpx;

							.leftrelativetext {
								padding: 6rpx 24rpx;
								color: #6f6f6f;
							}

							.listinput_leftabsolute {
								position: absolute;
								z-index: 999;
								width: 100%;
								top: 65rpx;
								max-height: 250rpx;
								overflow: auto;
								background: #fff;
								border: 1px solid #D9D9D9;

								view {
									padding: 6rpx 24rpx;
									color: #6f6f6f;
								}

								.class {
									font-weight: 500;
									font-size: 28rpx;
									color: #333;
									border-bottom: 1rpx solid #e3d8d8;
									background: #f1f1f1;
								}
							}
						}
					}
				}

				.addtheredetermine {
					margin: 32rpx 0 32rpx auto;
					width: 112rpx;
					height: 56rpx;
					background: #318AFE;
					border-radius: 4rpx 4rpx 4rpx 4rpx;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 28rpx;
					color: #FFFFFF;
					line-height: 56rpx;
					text-align: center;
				}
			}
		}

		.addfourclass {
			width: 476rpx;
			padding: 32rpx 28rpx;

			.addfourclassclasstop {
				padding-bottom: 32rpx;
				border-bottom: 1rpx solid #E5E5E5;
				text-align: center;
				width: 100%;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 500;
				font-size: 32rpx;
				color: #333333;
			}

			.addfourclassclassbox {
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;

				.addfourclassclassboxitem {
					padding: 32rpx 0 24rpx 0;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
				}

				.addfourclassclassboxitemone {
					position: relative;
					width: 100%;
					height: 66rpx;
					background: #FFFFFF;
					border-radius: 4rpx 4rpx 4rpx 4rpx;
					border: 2rpx solid #D9D9D9;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 24rpx;
					color: #333333;

					.icon {
						position: absolute;
						top: 10rpx;
						right: 0;
					}

				}

				.addfourclassclassboxitemtow {
					margin-top: 20rpx;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 28rpx;
					color: #666666;
				}
			}
		}

		.addtowshowclass {
			height: 750rpx;
			overflow: auto;
			padding: 0 24rpx;

			.addtowshowclasstop {
				text-align: center;
				width: 100%;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 500;
				font-size: 32rpx;
				color: #333333;
				padding: 32rpx 0;
				position: relative;

				.addtowshowclassabsolutelet {
					position: absolute;
					left: 0;
					top: 32rpx;
				}

				.addtowshowclassabsolute {
					position: absolute;
					right: 0;
					top: 32rpx;
				}
			}

			.selecconfirm {
				margin: 42rpx auto;
				width: 524rpx;
				height: 72rpx;
				background: #2F87FD;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 36rpx;
				color: #FFFFFF;
				line-height: 72rpx;
				text-align: center;
				border-radius: 16rpx;
			}

			.addtowshowpositionitem {
				padding: 24rpx 0;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 500;
				font-size: 28rpx;
				color: #333333;
				border-bottom: 1rpx solid #E5E5E5;
			}
		}
	}
</style>