aiot-app/pages/pda/jobBooking/index/index.vue

<template>
	<view class="content-box">
		<uni-nav-bar fixed="true" statusBar="true" left-icon="back" :title="title" background-color="#F7F9FA"
			color="#000" @clickLeft="back" right-icon="scan" @clickRight="HandlScanCode">
		</uni-nav-bar>

		<view class="list_box">
			<u-list @scrolltolower="scrolltolower">

				<view class="card_box">

					<workOrderBom :item='objData' v-if='objData' @handleScan='handleScan'></workOrderBom>

					<paramBom v-if='paramDetailList.length != 0' :list='paramDetailList'></paramBom>

					<deviceBom v-if='objData.equipmentList.length != 0' :list='objData.equipmentList' :ishuoWei="false"></deviceBom>

					<modelBom v-if='objData.modelList.length != 0' :list='objData.modelList' pattern='job'
						ref='modelRef'>
					</modelBom>


					<jobBom v-if='isLoad' :item='objData' ref='jobRef' :notFormed='objData.notFormedList'
						@penalize='penalize' @modeNum='modeNum'></jobBom>

					<palletBom v-if="objData.palletList.length != 0" :palletList='objData.palletList'></palletBom>

					<revolvingDiskBom v-if="isLoad && objData.revolvingDiskList.length > 0" pattern='job'
						:revolvingDiskList="objData.revolvingDiskList"></revolvingDiskBom>

					<!-- 	<oneJobBom
						v-if='objData.instanceList &&  objData.instanceList.length != 0 && taskType != 4 && taskType != 6'
						:item='objData' :list='objData.instanceList'>
					</oneJobBom> -->


					<semiProductJobBom
						v-if='objData.semiProductList && objData.semiProductList.length != 0 && taskType != 4 && taskType != 6 && objData.singleReport == 1'
						:item='objData' :list='objData.semiProductList' :equipmentList="objData.equipmentList">
					</semiProductJobBom>


					<semiProductJobBomPL
						v-if='objData.semiProductList && objData.semiProductList.length != 0 && taskType != 4 && taskType != 6 && objData.singleReport == 0'
						:item='objData' :list='objData.semiProductList' :equipmentList="objData.equipmentList">
					</semiProductJobBomPL>


					<oneJobQualityBom
						v-if='objData.semiProductList && objData.semiProductList.length != 0 && taskType == 6 && clientEnvironmentId == 3 && objData.singleReport == 1'
						:item='objData' :list='objData.semiProductList'></oneJobQualityBom>

					<oneJobQualityBomPL
						v-if='objData.semiProductList && objData.semiProductList.length != 0 && taskType == 6 && clientEnvironmentId == 3 && objData.singleReport == 0'
						:item='objData' :list='objData.semiProductList'></oneJobQualityBomPL>


					<byProductBom v-if='objData.productRecycleList.length != 0' :list='objData.productRecycleList'
						@penalize='penalize'>
					</byProductBom>

					<turnoverBom v-if='objData.turnover.length != 0' :list='objData.turnover' :wordItem='objData'
						pattern='job' @handleScan='handleScan' @formedNumFn='formedNumFn'>
					</turnoverBom>


					<aridRegion v-if='objData.aridRegionList.length != 0' :list='objData.aridRegionList'
						:remainingTime='remainingTime' @handleScan='handleScan' :isType='true'></aridRegion>

					<packingBom :taskId='taskId' :workOrderId='id' :objData='objData' ref="packRef"
						v-if='taskType == 4 && clientEnvironmentId != 3 && objData'></packingBom>

					<packingTgBom
						v-if='objData.pickOutInList && objData.pickOutInList.length != 0 && taskType == 4 && clientEnvironmentId == 3'
						:list='objData.pickOutInList' :item='objData'></packingTgBom>



					<view class="operate_box rx-sc">
						<u-button size="small" class="u-reset-button" type="success" @click="handAdd">手动添加</u-button>
					</view>


					<view style="height: 100rpx;"></view>



				</view>

			</u-list>
		</view>


		<view :class="[operateBtn ? 'flex_btn': 'flex_btn2']">
			<image v-if="operateBtn" class="jiantou" src="../../../../static/rightJt.png" @click="operateBtn = false">
			</image>

			<view class="close_box" @click="operateBtn = true">
				<image v-if="!operateBtn" class="close" src="../../../../static/close.png"></image>
			</view>


			<view v-if="!operateBtn" @click="removeCacheFn()">清空缓存</view>
			<view v-if="!operateBtn" @click="switchOrder = true">切换工单</view>

		</view>


		<view class="bottom-wrapper">
			<view class="btn_box" @click="save(1)">缓存</view>
			<view class="btn_box" @click="save(2)">一键报工</view>
		</view>


		<SearchPopup mode="bottom" v-if='searchShow'>
			<template v-slot:list>
				<view class="search_list">
					<u-form labelPosition="left" :model="formData" labelWidth="180" labelAlign="left" class="baseForm">
						<u-form-item label="仓库:" class="required-form" borderBottom prop="warehouseId">
							<zxz-uni-data-select :localdata="warehouseList" v-model="formData.warehouseId"
								dataValue='id' dataKey="name" filterable format='{name}'></zxz-uni-data-select>
						</u-form-item>


					</u-form>

				</view>
			</template>

			<template v-slot:operate>
				<view class="operate_box rx-bc">
					<u-button size="small" class="u-reset-button" @click="searchCancel">
						取消
					</u-button>

					<u-button type="success" size="small" class="u-reset-button" @click="popupOk">
						确定
					</u-button>

				</view>
			</template>


		</SearchPopup>


		<SearchPopup mode="center" v-if='switchOrder'>
			<template v-slot:list>
				<view class="search_list2">
					<u-form labelPosition="left" :model="formData" labelWidth="180" labelAlign="left" class="baseForm">
						<u-form-item label="工单:" class="required-form" borderBottom prop="warehouseId">
							<zxz-uni-data-select :localdata="warehouseList" v-model="formData.warehouseId"
								dataValue='id' dataKey="name" filterable format='{name}'></zxz-uni-data-select>
						</u-form-item>


					</u-form>

				</view>
			</template>

			<template v-slot:operate>
				<view class="operate_box rx-bc">
					<u-button size="small" class="u-reset-button" @click="switchOrder = false ">
						取消
					</u-button>

					<u-button type="success" size="small" class="u-reset-button">
						确定
					</u-button>

				</view>
			</template>


		</SearchPopup>


	</view>
</template>

<script>
	import {
		getByIdReport,
		getByCodeReport,
		jobSave
	} from '@/api/pda/jobBooking.js'

	import {
		scanLedger,
		getWarehouseList,
		saveCache,
		getCache,
		removeCache
	} from '@/api/pda/workOrder.js'


	import workOrderBom from '../../feeding/components/workOrderBom.vue'
	import deviceBom from '../../feeding/components/deviceBom.vue'
	import modelBom from '../../feeding/components/modelBom.vue'
	import jobBom from '../components/jobBom.vue'
	import palletBom from '../components/palletBom.vue'
	import oneJobBom from '../components/oneJobBom.vue'
	import semiProductJobBom from '../components/semiProductJobBom.vue'
	import semiProductJobBomPL from '../components/semiProductJobBomPL.vue'
	import byProductBom from '../components/byProductBom'
	import turnoverBom from '../components/turnoverBom.vue'
	import aridRegion from '../../feeding/components/aridRegion.vue'
	import paramBom from '../../feeding/components/paramBom.vue'
	import packingBom from '../components/packingBom.vue'
	import packingTgBom from '../components/packingTgBom'
	import revolvingDiskBom from '../../feeding/components/revolvingDiskBom.vue'
	import SearchPopup from '../../components/searchPopup.vue'

	import oneJobQualityBom from '../components/oneJobQualityBom.vue'
	import oneJobQualityBomPL from '../components/oneJobQualityBomPL.vue'



	export default {

		components: {
			workOrderBom,
			deviceBom,
			modelBom,
			jobBom,
			palletBom,
			oneJobBom,
			semiProductJobBom,
			semiProductJobBomPL,
			byProductBom,
			turnoverBom,
			aridRegion,
			paramBom,
			packingBom,
			packingTgBom,
			revolvingDiskBom,
			SearchPopup,
			oneJobQualityBom,
			oneJobQualityBomPL
		},
		data() {
			return {
				title: '',
				taskType: 1,
				isLoad: true,

				objData: {
					equipmentList: [],
					modelList: [],
					turnover: [],
					productRecycleList: [],
					aridRegionList: [],
					palletList: [],
					workReportInfo: {

					},

					notFormedList: [], // 报工-不合格

				},


				searchShow: false,
				switchOrder: false,


				warehouseList: [],
				formData: {
					warehouseId: ''
				},
				penalizeIndex: null,


				paramDetailList: [],
				remainingTime: 0,



				id: null,
				taskId: null,

				clientEnvironmentId: uni.getStorageSync("userInfo") && uni.getStorageSync("userInfo")
					.clientEnvironmentId, // *1 主环境-601环境   2 soll-索尔环境    3 tg-碳谷环境


				operateBtn: true
			}
		},
		onLoad(options) {
			this.title = options.taskName ? options.taskName + '-报工' : '报工'
			this.taskType = options.taskType
			this.id = options.id
			this.taskId = options.taskId
			this.getList()
		},

		onShow() {
			uni.$off("setSelectList");

			uni.$on("setSelectList", (selectList, id) => {

				let turnover = []
				let equipmentList = [] // 生产设备
				let isEquipment = this.objData.equipmentList.length > 0 ? true : false // 判断是否有设置


				selectList.forEach(f => {
					if (f.rootCategoryLevelId == 4) { // 生产设备
						if (isEquipment) {
							equipmentList = this.objData.equipmentList
						} else {
							equipmentList = equipmentList.concat(f)
						}


					}
					if (f.rootCategoryLevelId == 7) { // 周转车
						turnover = turnover.concat(f)
					}
				})



				this.$set(this.objData, 'equipmentList', equipmentList)
				this.$set(this.objData, 'turnover', turnover)
				this.$forceUpdate()



			});

		},

		methods: {


			// 相机扫码
			HandlScanCode() {

				uni.scanCode({
					success: (res) => {
						this.scanItAllData(res.result)
					}
				})

			},

			scanItAllData(result) {
				scanLedger(result).then(res => {
					if (res[0].rootCategoryLevelId == 4) { // 设备

						let isFals = this.objData.equipmentList.some(m => m.code == result)
						if (isFals) {
							uni.showToast({
								title: '设备已存在',
								icon: 'none'
							})
							return false
						}
						this.objData.equipmentList.push(res[0])
						this.$forceUpdate()

					}

					if (res.length >= 1 && res[0].rootCategoryLevelId == 5) { // 磨具
						if (this.objData.modelList.length == 0) {



							this.objData.modelList = res
							this.$forceUpdate()
						} else {
							if (this.objData.modelList[0].instanceId != res[0].instanceId) {
								uni.showToast({
									title: '模具不匹配',
									icon: 'none'
								})
							} else {
								uni.showToast({
									title: '设备匹配成功',
									icon: 'none'
								})
							}



						}
					} else if (res.length == 1 && res[0].rootCategoryLevelId == 7) { // 周转车

						let isFals = this.objData.turnover.some(m => m.code == result)
						if (isFals) {
							uni.showToast({
								title: '周转车已存在',
								icon: 'none'
							})
							return false
						}
						this.objData.turnover.push(res[0])
						this.$forceUpdate()

					}

				})
			},


			handleScan(id, type) {


				uni.scanCode({
					success: (res) => {
						this.scanData(res.result, type, id)
					}
				})
			},


			scanData(result, type, id) {
				if (type == 'wordOrder') {
					getByCodeReport(result, this.taskId).then(res => {
						this.objData = res

						if (!this.objData.hasOwnProperty('turnover')) {
							this.objData['turnover'] = []
						}
						if (!this.objData.hasOwnProperty('aridRegionList')) {
							this.objData['aridRegionList'] = []
						}

					})
				} else if (type == 'turnover') {

					let isFals = this.objData.turnover.some(m => m.code == result)
					if (isFals) {
						uni.showToast({
							title: '周转车已存在',
							icon: 'none'
						})
						return false
					}

					getByCodeReport(result, this.taskId).then(res => {
						this.objData.turnover[id] = res
					})

				}

			},


			formedNumFn(num) {
				console.log(999,num)
				this.$refs.jobRef.setFormedNum(num)

			},


			getList() {
				this.isLoad = false
				getByIdReport(this.id, this.taskId).then(res => {

					this.objData = res
					console.log(22, res)


					if (!this.objData.hasOwnProperty('turnover')) {
						this.objData['turnover'] = []
					}
					if (!this.objData.hasOwnProperty('aridRegionList')) {
						this.objData['aridRegionList'] = []
					}

					if (!this.objData.hasOwnProperty('instanceList')) {
						this.objData['instanceList'] = []
					}


					if (!this.objData.hasOwnProperty('palletList')) {
						this.objData['palletList'] = []
					}

					if (!this.objData.hasOwnProperty('revolvingDiskList')) {
						this.objData['revolvingDiskList'] = []
					}




					// this.taskType = res.currentTaskDiagram.type


					if (this.objData.palletList.length > 0) {
						this.objData.palletList = this.objData.palletList.map(m => {
							return {
								hideKc: true, // 不显示库存
								quantity: m.feedQuantity,
								...m
							}
						})
					} else {
						// this.objData.palletList = [{
						// 	categoryLevelId: '',
						// 	categoryLevelName: '',
						// 	categoryId: '',
						// 	rootCategoryLevelId: '',
						// 	code: '',
						// 	name: '',
						// 	specification: '',
						// 	brandNum: '',
						// 	modelType: '',
						// 	quantity: '',
						// 	unit: '',
						// }]

					}


					if (this.taskType == 6 && this.clientEnvironmentId == 3) {
						this.objData.semiProductList = this.objData.pickOutInList
					}


					if (this.clientEnvironmentId == 3 && this.objData.singleReport == 0 && this.taskType != 6) {
						this.objData.semiProductList.map(a => {
							a.extInfo.batchReportInfo = [{
								allFeedQuantity: '',
								allReportWeight: '',
								taskId: '',
								taskName: ''
							}]
							
							a.extInfo.notBatchReportInfo = [{
								allFeedQuantity: '',
								allReportWeight: '',
								notType: '',
								taskId: '',
								taskName: '',
								notReason: ''
							}]
							
							return {
								a
							}
						})
						this.objData.semiProductList = this.objData.semiProductList
					}



					this.objData.workReportInfo = {
						formingNum: null,
						formingWeight: null,
						formedNum: null,
						formedWeight: null,
						taskId: this.taskId

					}

					this.objData.notFormedList = [{
						notFormedNum: null,
						notFormedWeight: null,
						weightUnit: res.weightUnit,
						unit: res.unit,
						warehouseId: null, // 处置 仓库id
					}]

					if (this.objData.semiProductList.length > 0) { // 预制体报工
						this.objData.workReportInfo.formedNum = this.objData.semiProductList.length
					}


					this.objData.workReportInfo.formingNum = res.formingNum
					this.objData.workReportInfo.formingWeight = res.formingWeight
					this.objData.workReportInfo.unit = res.unit
					this.objData.workReportInfo.weightUnit = res.weightUnit
					this.objData.workReportInfo.workOrderId = res.workOrderId

					this.paramDetailList = []

					this.paramDetailList = res.paramDetailList.map(m => {
						if (m.extInfo.textType == 5) {
							this.remainingTime = m.extInfo.remainingTime
						}
						return {
							...m.extInfo
						}
					})




				}).finally(() => {
					this.isLoad = true

					if (this.taskType == 1) {
						this.getCacheFn()
					}
				})
			},

			scrolltolower() {},

			handAdd() {
				const storageKey = Date.now() + "";
				uni.setStorageSync(storageKey, this.objData || {});
				uni.navigateTo({
					url: `/pages/pda/workOrder/search/index?storageKey=${storageKey}&isType=job&taskId=${this.taskId}`
				})
			},


			penalize(index) {
				if (index || index == 0) {
					this.penalizeIndex = index
					this.formData.warehouseId = this.objData.productRecycleList[this.penalizeIndex].warehouseId || ''
				} else {
					this.penalizeIndex = null
					this.formData.warehouseId = this.objData.notFormedList[0].warehouseId || ''

				}
				this.$forceUpdate()

				if (this.warehouseList.length == 0) {
					getWarehouseList().then(res => {
						this.warehouseList = res
						this.searchShow = true
					})
				} else {
					this.searchShow = true
				}
			},

			inputChange(e) {
				console.log(e)
			},

			searchCancel() {
				this.searchShow = false
			},
			popupOk() {
				if (this.penalizeIndex == null) {
					this.$set(this.objData.notFormedList[0], 'warehouseId', this.formData.warehouseId || null)

				} else {
					this.objData.productRecycleList[this.penalizeIndex].warehouseId = this.formData.warehouseId
				}
				this.$forceUpdate()
				this.searchShow = false

			},

			modeNum(num) {
				if (this.objData.modelList.length == 0) {
					return false
				}
				this.$refs.modelRef.setNum(num)
			},




			async save(type) {
				uni.showLoading({
					title: '加载中'
				});

				console.log(this.objData)

				if (!this.objData.workReportInfo['formedNum'] && this.objData.workReportInfo['formedNum'] != 0) {
					uni.showToast({
						title: '请输入合格品数量',
						icon: 'none'
					})
					return false
				}







				// 预制体
				if (this.objData.semiProductList.length > 0 && this.taskType != 4 && this.objData.singleReport == 1 &&
					type == 2) {
					let bol
					let _i
					bol = this.objData.semiProductList.every((e, i) => {
						_i = i + 1

						if (this.taskType == 6) {
							return e.extInfo.hasOwnProperty('taskId') && e.extInfo.taskId
						} else {
						 if(e.extInfo.isQualified == 1 || e.extInfo.notType == 5) {
							 return e.extInfo.hasOwnProperty('taskId') && e.extInfo.taskId && e.extInfo
							 	.reportWeight
						 } else {
							 return e.extInfo.hasOwnProperty('notType') && e.extInfo.notType 
						 }

						}

					})

					if (!bol) {
						uni.showToast({
							title: `请完善第${_i}处置方式`,
							icon: 'none'
						})
						return false
					}
				}







				if (this.objData.productRecycleList.length > 0 && this.clientEnvironmentId != 2) {
					const isRecycle = await this.checkRecycle()
					if (!isRecycle) {
						return false
					}
				}






				if (this.taskType == 4 && this.clientEnvironmentId != 3) {
					const isPack = await this.checkPack()

					if (!isPack) {
						return false
					}
				}





				if (this.objData.currentTaskDiagram.isFirstTask == 0) { // isFirstTask  1是  判断是否首工序

					const isFirstTask = await this.checkFirstTask()
					if (!isFirstTask) {
						return false
					}
				}


				if (this.taskType == 1) {

					const isCache = await this.checkCache(type)

					if (!isCache) {
						return false
					}
				}


				if (this.clientEnvironmentId == 3 && type == 2 && this.taskType == 6 && this.objData.singleReport ==0) {
					this.objData.semiProductList = []
				}


				jobSave(this.objData).then(res => {


					uni.hideLoading();

					if (this.taskType == 4) {
						uni.showModal({
							title: '提示',
							content: '打包完成是否去入库！',
							confirmText: '确认', //这块是确定按钮的文字
							success: rr => {
								if (rr.confirm) {
									uni.redirectTo({
										url: `/pages/pda/warehousing/index?workOrderId=${this.id}&taskId=-1&workReportId=${res}&delta=-2`
									})
								} else {
									uni.navigateBack()
								}

							}
						})
					} else {
						uni.navigateBack()
					}


				}).finally(() => {

					setTimeout(function() {
						uni.hideLoading();
					}, 3000);
				})



			},


			checkRecycle() {
				uni.hideLoading();

				return new Promise((resolve) => {
					uni.showModal({
						title: '提示',
						content: '是否跳过副产品回收处置！',
						confirmText: '确认', //这块是确定按钮的文字
						success: function(res) {
							if (res.confirm) {
								resolve(true)
							} else {
								resolve(false)
							}
						}
					})

				})

			},


			checkPack() {
				uni.hideLoading();
				return new Promise((resolve) => {
					let packInfo = this.$refs.packRef.getData()
					this.objData.packInfo = packInfo
					this.objData.taskType = this.taskType

					if (packInfo.formedNumLast != Number(this.objData.workReportInfo['formedNum']) + Number(this
							.objData
							.notFormedList[0].notFormedNum)) {
						uni.hideLoading();
						uni.showModal({
							title: '提示',
							content: '合格品数量加不合格品数量不等于包装总数！',
							confirmText: '确认', //这块是确定按钮的文字
							success: function(res) {
								if (res.confirm) {
									resolve(true)
								} else {
									resolve(false)
								}
							}
						})


					} else {
						resolve(true)
					}

				})



			},
			checkFirstTask() {

				uni.hideLoading();
				return new Promise((resolve) => {
					if (this.objData.formedNumLast != Number(this.objData.workReportInfo['formedNum']) + Number(
							this.objData.notFormedList[0].notFormedNum)) {

						uni.showModal({
							title: '提示',
							content: '合格品数量加不合格品数量不等于上道工序数量！',
							confirmText: '确认', //这块是确定按钮的文字
							success: function(res) {
								if (res.confirm) {
									resolve(true)
								} else {
									resolve(false)

								}
							}
						})

					} else {
						resolve(true)
					}

				})



			},

			checkCache(type) {
				uni.hideLoading();
				return new Promise((resolve) => {
					if (type == 1) {

						saveCache(this.objData).then(rr => {
							uni.showToast({
								title: `已经缓存`,
								icon: 'none'
							})
						})
						resolve(false)
					} else if (type == 2) {
						resolve(true)
					}

				})
			},


			removeCacheFn() {

				uni.showModal({
					title: '缓存',
					content: '是否清空缓存！',
					confirmText: '确认', //这块是确定按钮的文字
					success: rr => {
						if (rr.confirm) {
							let parma = {
								workOrderIds: [this.id],
								taskId: this.taskId,
								type: 1
							}

							removeCache(parma).then(res => {
								this.getList()
							})
						}

					}
				})


			},


			getCacheFn() {
				let parma = {
					workOrderId: this.id,
					taskId: this.taskId,
					type: 1
				}

				getCache(parma).then(res => {
					if (!res || res.length < 0 || Object.getOwnPropertyNames(res).length === 0) {
						return false;
					}


					this.objData['product'] = res.extInfo.product
					this.objData['workReportInfo'] = res.extInfo.workReportInfo
					this.objData['notFormedList'] = res.extInfo.notFormedList
					this.objData['turnover'] = res.extInfo.turnover
					this.objData['productRecycleList'] = res.extInfo.productRecycleList
					this.objData['semiProductList'] = res.extInfo.semiProductList

					this.objData['modelList'] = res.extInfo.modelList


				})
			},


		},

		beforeDestroy() {
			uni.hideLoading();
		},

	}
</script>

<style lang="scss" scoped>
	.content-box {
		height: 100vh;
		overflow: hidden;
		display: flex;
		flex-direction: column;

	}

	.list_box {
		flex: 1;
		overflow: hidden;
		padding: 4rpx 0;

		.u-list {
			height: 100% !important;
		}

		.card_box {
			padding: 16rpx 20rpx;
		}



	}

	.bottom-wrapper {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-around;


		.btn_box {
			width: 50%;
			height: 88rpx;
			line-height: 88rpx;
			background: $theme-color;
			text-align: center;
			font-size: 36rpx;
			font-style: normal;
			font-weight: 400;
			color: #fff;

			&:first-child {
				border-right: 2rpx solid #fff;
			}
		}
	}


	.operate_box {
		padding: 10rpx 160rpx;

		/deep/ .u-button {
			width: 160rpx;
		}
	}

	.search_list {
		min-height: 500rpx;
		padding: 0 32rpx;
	}

	.search_list2 {
		min-height: 120rpx;
		padding: 0 32rpx;
	}




	.flex_btn {
		position: fixed;
		right: 0;
		bottom: 160rpx;









		width: 40rpx;
		height: 50rpx;
		line-height: 66rpx;
		border-radius: 22rpx 0 0 22rpx;
		background: $theme-color;
		text-align: center;
		font-size: 22rpx;
		font-style: normal;
		font-weight: 400;
		color: #fff;
		opacity: 0.6;


		.jiantou {
			width: 30rpx;
			height: 30rpx;

		}
	}

	.flex_btn2 {
		position: fixed;
		right: 0;
		bottom: 160rpx;
		width: 126rpx;
		min-height: 140rpx;
		line-height: 62rpx;
		border-radius: 22rpx 0 0 22rpx;
		background: $theme-color;
		text-align: center;
		font-size: 22rpx;
		font-style: normal;
		font-weight: 400;
		color: #fff;
		opacity: 0.7;

		.close_box {
			height: 50rpx;
			line-height: 50rpx;
			width: 126rpx;
			text-align: left;

			.close {
				width: 40rpx;
				height: 40rpx;
				padding: 6rpx 10rpx;

			}
		}


	}
</style>