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">
					<!-- 工单信息 objData 报告信息-->
					
					<workOrderBom :item='objData' pType="job" v-if='objData' :taskType="taskType"
						@handleScan='handleScan'></workOrderBom>
					<paramBom v-if='paramDetailList.length != 0' :list='paramDetailList'></paramBom>

					<!-- 设备信息 -->
					<deviceBom v-if='objData.equipmentList.length != 0' :list='objData.equipmentList' :ishuoWei="false"
						:wordItem='objData' :isDetails='true'>
					</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' :itemValue='objData'
						: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>

					<!-- //包装扫码 -->
					<view v-if="clientEnvironmentId != 2">

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

					<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,
	outSourceGetByIdReport,
	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,
			categoryId:'',
			objData: {
				formedNumLast: 0,
				product:[],
				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,
			isOutsource: 0,
		}
	},
	onLoad(options) {
		this.title = options.taskName ? options.taskName + '-报工' : '报工'
		this.taskType = options.taskType
		this.id = options.id
		this.taskId = options.taskId
		this.isOutsource = options.isOutsource
		this.categoryId = options.categoryId
		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
			 
			let URL = this.isOutsource == 0 ? getByIdReport : outSourceGetByIdReport

			console.log(URL,'URLURLURL');

			URL(this.id, this.taskId).then(res => {
				// currentTaskDiagram  有是否可以报工
				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.isOutsource == 1) && 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,
					executorTime: ''

				}

				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) {
				console.log(index, '----');
				this.penalizeIndex = index
				this.formData.warehouseId = this.objData.productRecycleList[this.penalizeIndex].warehouseId || ''
			} else {

				this.penalizeIndex = null
				this.formData.warehouseId = this.objData.notFormedList[0].warehouseId || ''
				console.log(this.formData.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) {
			console.log(num, '------------', this.objData.modelList.length);
			if (this.objData.modelList.length == 0) {
				return false
			}
			console.log(num);
			this.$refs.modelRef.setNum(num)
		},




		async save(type) {

			// 验证判断条件
			this.$isJobExls(1,this.objData);


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

			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
						// }
						return e.extInfo.hasOwnProperty('taskId') && e.extInfo.taskId && e.extInfo
							.reportWeight
					}

				})

				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 && this.clientEnvironmentId != 2 ) {
				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 = []
			}

			if (this.clientEnvironmentId == 3 && this.taskType == 1) {
				if (this.objData && this.objData.executorTime && this.objData.executorTime != undefined) {
					// 正则表达式1：匹配 yyyy-MM-dd 格式
					const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
					if (dateRegex.test(this.objData.executorTime.trimRight())) {
						this.objData.workReportInfo['executorTime'] = this.objData.executorTime + ' 00:00:00'
					} else {
						this.objData.workReportInfo['executorTime'] = this.objData.executorTime
					}



				} else {
					uni.showToast({
						title: `请先选择实际报工时间`,
						icon: 'none'
					})

					return false
				}
			}

	

			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>