ezhizao_dms_app/pages/sorting/form.vue

<template>
	<view class="page-container uni-column">
		<view class="lot-info uni-column">
			<view class="lot-code uni-row">
				<text>批次号</text>
				<text style="margin-left: 24rpx;">{{ dayworkItem.lotCode }}</text>
			</view>
			<view class="product-info">
				产品描述: {{ dayworkItem.productDescription }}
			</view>
			<view class="product-info">
				原材料厂家: {{ dayworkInfo.furnaceNoInfo.factory }}
			</view>
			<view class="product-info">
				投产数量: {{ dayworkItem.prodNum }}
			</view>
		</view>

		<!-- 不合格信息 -->
		<view class="title unfit-title uni-row">
			<text>不合格信息</text>
			<view v-if="Number(dayworkItem.status) < 3" class="add-btn" @click="handleAddUnfit">添加</view>
		</view>
		<view class="unfit-container">
			<view class="unfit-item-container uni-column" v-for="(item, index) in unfitInfos" :key="index">
				<view class="title uni-row">
					<text>检查标准-{{ item.checkStandard }}</text>
					<uni-icons v-if="Number(dayworkItem.status) < 3" type="trash" size="24" color="#fc6565"
						@click="handleDelUnfit(index)" />
				</view>
				<!-- <view class="standard">检查标准：{{ item.checkStandard }}</view> -->
				<view class="result uni-row" style="display: flex;flex-direction: row;justify-content: space-between;">
					<!-- align-items: flex-start; -->
					<view class="label" style="padding-right: 16rpx;flex: 0 1 auto; min-width: 118rpx;">
						检查结果</view>
					<input v-if="Number(dayworkItem.status) < 3" v-model="item.reason" placeholder="请输入检查结果" />
					<span v-else style="flex-grow: 1;">{{ item.reason }}</span>
					<view class="label"
						style="text-align: right; padding-right: 16rpx;flex: 0 1 auto; min-width: 68rpx;">数量</view>
					<input v-if="Number(dayworkItem.status) < 3" class="number" type="number" v-model="item.rejectNum"
						@blur="rejectNumberChange" />
					<span v-else>{{ item.rejectNum }}</span>
				</view>
			</view>
		</view>

		<!-- 咨询部分 -->
		<view class="title">咨询</view>
		<view class="consultation-container uni-column">
			<view class="consultation-item-container" v-for="(item, index) in consultations" :key="index">
				<view class="question uni-column">
					<view class="label uni-row">
						<text>问题描述</text>
						<text :style="{ color: showStatusColor(item.status) }">{{item.consultDepartment == 0?'技术':'品管'}}  {{ showStatus(item.status) }}</text>
					</view>
					<view class="content">{{ item.content }}</view>
				</view>
				<!-- <view v-if="item.answer !== ''" class="answer"
					style="margin-top: 24rpx; padding-top: 24rpx; border-top: 1px dotted #aaaaaa;">
					<view class="label">回复</view>
					<view class="content">{{ item.answer }}</view>
				</view> -->
			</view>
		</view>
		<!-- 零存库部分 -->
		<view class="title">零存库</view>
		<view class="consultation-container ">
			<view class="title unfit-title uni-row">
				<view class="title">零取</view>
				<view class="add-btn" v-if="Number(dayworkItem.status) < 3" style="background-color: #409eff;"  @click="handleAddLot">添加</view>
			</view>
				<view >
					<zb-table v-if="Number(dayworkItem.status) < 3"
					    :columns="column1"
					    :stripe="true"
						:fit="true"
						@dele="dele"
					    :data="retrievalInfo"></zb-table>
						<zb-table v-else
						    :columns="column2"
						    :stripe="true"
							:fit="true"
							@dele="dele"
						    :data="retrievalInfo"></zb-table>
				<!-- <uni-table   ref="table" :loading="loading" border stripe  emptyText="暂无更多数据" >
							<uni-tr >
								<uni-th style="font-size: 25rpx;" width="atuo"   align="center">批次号</uni-th>
								<uni-th style="font-size: 25rpx;" width="120"  align="center">数量</uni-th>
								<uni-th v-if="Number(dayworkItem.status) < 3" style="font-size: 25rpx;" width="80"  align="center">操作</uni-th>
							</uni-tr>
							<uni-tr v-for="(item, index) in retrievalInfo" :key="index">
								<uni-th style="font-size: 24rpx;" width="auto" align="center">{{ item.lotCode }}</uni-th>
								<uni-th style="font-size: 25rpx;" width="120" align="center">
									{{ item.storageNum }}
								</uni-th>
								<uni-th v-if="Number(dayworkItem.status) < 3 && item.status == 0" align="center" width="80">
									<uni-icons  type="closeempty" size="22" @click="handleDelete(item)"></uni-icons>

								</uni-th>
							</uni-tr>
						</uni-table> -->
						</view>
						<view v-if="saveFlag"  class='middle'>
							<view class='segment'></view>
							<view class='segment'></view>
						</view>
						<view v-if="saveFlag" class="title unfit-title uni-row">
							<view class="title">零存</view>
						</view>
						<view v-if="saveFlag" class="save uni-row">
							<text class="label">存入数量</text>
							<input  class="number" type="number" v-if="!(storageInfo.status == 1 || Number(dayworkItem.status) >= 3 || storageInfo.id)" placeholder="请输入" v-model="storageNum" />
							<span style="margin-left: 56rpx;flex: 1;" v-else>{{ storageNum }}</span>
						</view>
		</view>

		<!-- 报工部分 -->
		<view class="daywork-container">
			<view class="result uni-row">
				<view class="label">合格量</view>
				<input v-if="Number(dayworkItem.status) < 3" type="number" placeholder="请输入合格量"
					v-model="dayworkItem.qualifiedNum" />
				<span v-else>{{ dayworkItem.qualifiedNum }}</span>
				<view class="label" style="text-align: right; padding-right: 24rpx">废品量</view>
				<input v-if="Number(dayworkItem.status) < 3" :disabled="true" type="number" placeholder="请输入废品量"
					v-model="dayworkItem.rejectNum" />
				<span v-else>{{ dayworkItem.rejectNum }}</span>
			</view>
			<view class="remark uni-row">
				<view class="label">备注</view>
				<textarea v-if="Number(dayworkItem.status) < 3" v-model="dayworkItem.remark" />
				<span v-else>{{ dayworkItem.remark }}</span>
			</view>

			<view class="btns-container uni-row">
				<!-- 最后一步完成不能更换载具 -->
				<view v-if="dayworkItem.daywork != null && dayworkItem.daywork.status != 2" class="bottom-btn left-btn "
					@click="handleChangeCarrier">
					更换载具</view>
				<view v-if="checkFinishable()&&Number(dayworkItem.status) < 3" class="finished-btn"
					@click.stop="handleFinishDaywork">结束报工</view>
				<view v-if="!checkFinishable()&&Number(dayworkItem.status) < 3" class="pause-btn"
					@click.stop="handleUpdateDaywork">暂停</view>
				<view v-if="Number(dayworkItem.status) < 3" class="question-btn uni-column"
					@click.stop="handleAddConsultation">
					<uni-icons type="headphones" size="24" />
					<text>咨询</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import {
		onMounted,
		getCurrentInstance
	} from 'vue';
	import {
		getSortingDayworkItem,
		saveConsult,
		finish,
		update
	} from '@/api/business/sortDaywork.js'
	import {
		getTakeStockPeriod
	} from '@/api/business/taksStackLot.js'
	import {
		onLoad,
		onReady,
		onUnload,
		onShow
	} from '@dcloudio/uni-app'
	import {
		store
	} from '@/store/index.js'
	import {
		timestampToTime,
		toHHmmss
	} from '@/utils/common.js'

	const isEventTriggered = ref(false); // 创建一个标志位
	const unfitInfos = ref([])
	const consultations = ref([])
	const dayworkInfo = ref({})
	const retrievalInfo = ref([])
	// 创建一个引用来存储最后一次请求的时间戳
	const lastRequestTimestamp = ref(0);
	const dayworkItem = ref({})
	const saveFlag = ref(false)
	const storageNum = ref(null)
	const storageInfo = ref(null)
	const column1 = [
	    { name: 'lotCode', label: '批次号',align:'center'},
	    { name: 'storageNum', label: '数量',align:'center' },
		{ name: 'operation', type:'operation',label: '操作',align:'center',renders:[
              {
                name:'删除',
                type:'warn',
                func:"dele",
				class:"buttonOp"
              },
            ]},
	]
	const column2 = [
	    { name: 'lotCode', label: '批次号',align:'center'},
	    { name: 'storageNum', label: '数量',align:'center' },
	]

	/***************************** 页面生命周期函数 *****************************/
	onLoad(()=>{
	})
	onShow(() => {
		uni.$off('addInfoEvent');
	})
	onMounted(() => {
		const instance = getCurrentInstance().proxy
		const eventChannel = instance.getOpenerEventChannel();

		eventChannel.on('acceptDataFromOpenerPage', function(data) {
			if (data && data.data) {
				dayworkInfo.value = data.data
				init({
					id: data.data.id
				})
			} else {
				let reqParam = {
					id: dayworkInfo.value.id
				}
				init(reqParam);
			}
		})
	})

	/***************************** 定义了一些方法 *****************************/
	const init = (data) => {
		console.log("dayworkInfo", dayworkInfo.value);
		// 获取当前报工信息
		getSortingDayworkItem(data).then(res => {
			console.log(res)
			if (res.code === 200) {
				dayworkItem.value = res.data
				//判断是否显示零存
				if(dayworkItem.value.processStepNumber == dayworkInfo.value.processSequence[dayworkInfo.value.processSequence.length - 1].processStepNumber) {
					saveFlag.value = true
				}else{
					saveFlag.value = false
				}
				console.log(dayworkItem.value)
				if (dayworkItem.value.qualifiedNum === 0 && dayworkItem.value.rejectNum === 0) {
					dayworkItem.value.qualifiedNum = res.data.prodNum
				}
				retrievalInfo.value = res.data.retrievalInfo
				storageInfo.value = res.data.storageInfo
				console.log(Object.keys(storageInfo.value).length === 0)
				if(Object.keys(storageInfo.value).length !== 0) {
					storageNum.value = storageInfo.value.storageNum
				}
				consultations.value = res.data.consults
				unfitInfos.value = res.data.rejectList
			} else {
				uni.showToast({
					icon: 'none',
					title: res.message
				})
			}
		})
	}

	const addInfo = (data) => {
		data.forEach(item=>{
			console.log(retrievalInfo.value)
			retrievalInfo.value.push(item)
		})
		console.log(data)
		uni.$off('addInfoEvent');
	}
	//添加零取批次
	function handleAddLot() {
		console.log('調用 handleAddLot')
		uni.$on('addInfoEvent', (data) => {
			addInfo(data.data)
		})
		console.log(dayworkItem.value)
		const info = {
			deptId:dayworkItem.value.deptId,
			productId:dayworkItem.value.daywork.productId,
			drawingNumber:dayworkItem.value.drawingNumber,
			technologyVersion:dayworkItem.value.technologyVersion,
			retrievalLotId:dayworkItem.value.lotId,
			hasAddedList : retrievalInfo.value
		}
		// 将 info 对象转换为 JSON 字符串
const serializedData = JSON.stringify(info);

// 对 JSON 字符串进行 URL 编码
const encodedData = encodeURIComponent(serializedData);

// 构建 URL，确保使用正确编码的数据
uni.navigateTo({
  url: `/pages/sorting/storageRetrieval?data=${encodedData}`
});
	}
	const addUnfitInfo = (data) => {
		console.log(data)
		if (data.index > unfitInfos.value.length) {
			const info = {
				inspectionInstructionId: data.id,
				title: data.title,
				standard: data.standard,
				checkStandard: data.standard,
				type: data.type,
				reason: ''
			}
			unfitInfos.value.push(info)
		}
	}
	function dele(ite,index) {
		if(ite.status == 1){
			uni.showToast({
				icon: 'none',
				title: '已被领取，不能删除'
			})
		}else{
	  retrievalInfo.value.splice(index, 1);
	  }
	}
	const addConsultation = (data) => {
		const info = {
			dayworkItemId: dayworkItem.value.id,
			content: data.content,
			userId: store.userInfo.userId,
			nickName: store.userInfo.nickName,
			dayworkId: dayworkItem.value.dayworkId,
			productionPlandetailId: dayworkItem.value.productionPlandetailId,
			productionPlanDetailSubDetailId: dayworkItem.value.productionPlanDetailSubDetailId,
			lotId: dayworkItem.value.lotId,
			lotCode: dayworkItem.value.lotCode,
			productId: dayworkItem.value.productId,
			productDescription: dayworkItem.value.productDescription,
			technologicalProcessId: dayworkItem.value.technologicalProcessId,
			technologicalProcessDetailId: dayworkItem.value.technologicalProcessDetailId,
			processId: dayworkItem.value.processId,
			processAlias: dayworkItem.value.process.processAlias,
			technicianId: dayworkItem.value.technicianId,
			departments : data.departments,
			pictures : data.pictures
		}
		saveConsult(info).then(res => {
			if (res.code === 200) {
				consultations.value = res.data
				console.log(consultations.value)
			} else {
				uni.showToast({
					icon: 'none',
					title: res.message
				})
			}
		})
		isEventTriggered.value = true; // 更新标志位状态
		consultations.value.push(info)
	}

	/***************************** 定义了一些事件 *****************************/
	// 添加不合格信息
	const handleAddUnfit = () => {
		// 监听事件
		uni.$once('addUnfitInfoEvent', (data) => {
			addUnfitInfo(data)
		})
		// console.log(dayworkItem.value)
		uni.navigateTo({
			url: "/pages/sorting/options",
			success: (res) => {
				// 通过eventChannel向被打开页面传送数据
				res.eventChannel.emit('acceptDataFromOpenerPage', {
					data: dayworkItem.value,
					query: {
						productId: dayworkItem.value.daywork.productId,
						processId: dayworkItem.value.process.id,
						// technologyVersion: dayworkItem.value.technologicalProcessDetail.technologyVersion
						technologyVersion: dayworkItem.value.technologyVersion
					},
					index: unfitInfos.value.length
				})
			}
		})
	}
	// 删除不合格信息
	const handleDelUnfit = (index) => {
		let tempInfo = unfitInfos.value[index]
		console.log(tempInfo)
		uni.showModal({
			title: '提示',
			content: '确定删除该项？',
			success: function(res) {
				if (res.confirm) {
					dayworkItem.value.rejectNum = dayworkItem.value.rejectNum - tempInfo.rejectNum
					dayworkItem.value.qualifiedNum = parseInt(dayworkItem.value.qualifiedNum) + parseInt(
						tempInfo.rejectNum)
					unfitInfos.value.splice(index, 1)
				} else if (res.cancel) {
					return
				}
			}
		})
	}

	/* 更换载具*/
	function handleChangeCarrier(item) {
		// uni.$once('refreshQuickReport', () => {
		// 	init()
		// })
		store.dayworkInfo = null
		uni.navigateTo({
			url: "/pages/changeBox/index",
			success: function(res) {
				// 通过eventChannel向被打开页面传送数据
				res.eventChannel.emit('sortingFromOpenerPage', {
					data: dayworkItem.value
				})
			}
		})
	}

	// 添加不合格信息
	const handleAddConsultation = () => {
		isEventTriggered.value = false; // 更新标志位状态
		// 监听事件
		uni.$once('addConsulttationEvent', (data) => {
			if (!isEventTriggered.value) {
				// 如果事件尚未触发，则执行事件触发逻辑
				addConsultation(data)
			}

		})
		uni.navigateTo({
			url: "/pages/sorting/consultation",
			success: (res) => {
				// 通过eventChannel向被打开页面传送数据
				res.eventChannel.emit('acceptDataFromOpenerPage', {
					data: dayworkItem.value
				})
			}
		})
	}
	const checkFinishable = () => {
		if (consultations.value.findIndex(v => v.status === 0) >= 0) {
			return false
		} else {
			return true
		}
	}
	const showStatus = (status) => {
		// console.log(status)
		switch (status) {
			case 0:
				return '未确认'
			case 1:
				return '不合格'
			case 2:
				return '合格'
			default:
				return ''
		}
	}

	const showStatusColor = (status) => {
		// console.log(status)
		switch (status) {
			case 0:
				return '#fcab53'
			case 1:
				return '#fc044f'
			case 2:
				return '#1deb19'
			default:
				return ''
		}
	}
	const rejectNumberChange = () => {
		let sumReject = 0
		unfitInfos.value.forEach(v => {
			sumReject += v.rejectNum == null ? 0 : Number(v.rejectNum)
		})
		dayworkItem.value.rejectNum = sumReject
		dayworkItem.value.qualifiedNum = dayworkItem.value.prodNum - sumReject
		console.log(dayworkItem.value)
	}

	const validHandle = () => {
		console.log(storageNum.value == "")
		if(storageNum.value != null &&storageNum.value != "" && storageNum.value<=0) {
			uni.showToast({
				icon: 'none',
				title: "存入数量应大于0",
				duration: 2000
			})
			return false;
		}
		for (let i = 0; i < unfitInfos.value.length; i++) {
			const e = unfitInfos.value[i]
			if (e.rejectNum == null || e.rejectNum == 0) {
				uni.showToast({
					icon: 'none',
					title: `第${i + 1}条不合格信息未输入不合格数量`
				})
				return false
			}
		}

		if (!dayworkItem.value.qualifiedNum) {
			uni.showToast({
				icon: 'none',
				title: "合格数不能为空",
				duration: 2000
			})
			return false;
		}

		if (dayworkItem.value.qualifiedNum < 0) {
			uni.showToast({
				icon: 'none',
				title: "合格数不能为负数，请检查不合格信息后提交",
				duration: 2000
			})
			return false;
		}
		return true
		// unfitInfos.value.forEach((e, i) => {
		// 	if (e.name)
		// })
	}
async function handleCheckStock() {
    let currentProcessStepNumber = dayworkInfo.value.currentProcess.processStepNumber;
    let lastProcess = dayworkInfo.value.processSequence[dayworkInfo.value.processSequence.length - 1];
    // 判断当前工序是否是最后一道序
    if (currentProcessStepNumber === lastProcess.processStepNumber) {
        // 等待 getTakeStockPeriod() 的 Promise 完成
        const res = await getTakeStockPeriod({dayworkId: dayworkInfo.value.id});
        console.log(res.data.length);
        if (res.data.length > 0) {
            uni.showToast({
                icon: 'none',
                title: "此次盘点未结束，不能结束报工",
                duration: 2000
            });
            return false; // 如果盘点未结束，返回 false
        }
    }
    // 如果不是最后一道工序或盘点已结束，返回 true
    return true;
}
	

	 async function handleFinishDaywork() {
		if (!validHandle()) {
			return
		}	
		//判断当前批次是否在盘点，如果盘点未结束，则不能结束报工
		let checkStockResult = await  handleCheckStock();
		console.log(checkStockResult)
		if(!checkStockResult ) { 
			return;
		}
		//零存数据
	if(storageNum.value != null&& storageNum.value != "" ) {
			if(Object.keys(storageInfo.value).length === 0){
			storageInfo.value = {
				productionPlanDetailId:dayworkItem.value.productionPlanDetailId,
				productDescription:dayworkItem.value.productDescription,
				drawingNumber:dayworkItem.value.drawingNumber,
				lotId:dayworkItem.value.lotId,
				lotCode:dayworkItem.value.lotCode,
				deptId:dayworkItem.value.deptId,
				productId:dayworkItem.value.daywork.productId,
				technologyVersion:dayworkItem.value.technologyVersion,
				storageNum:storageNum.value,
				storagerId:store.userInfo.userId,	
			}
			}
			else{
				storageInfo.value.storageNum = storageNum.value
			}
		}else{
			storageInfo.value = null
		}
		//零取数据
		if(retrievalInfo.value.length >0) {
			retrievalInfo.value.forEach(item =>{
				item.retrievalLotId = dayworkItem.value.lotId,
				item.retrievalLotCode = dayworkItem.value.lotCode,
				item.retrievalerId = store.userInfo.userId,
				item.retrievalTime = timestampToTime(new Date())
			})
		}
		const saveData = {
			rejectList: unfitInfos.value,
			consult: consultations.value,
			id: dayworkItem.value.id,
			prodNum: dayworkItem.value.prodNum,
			rejectNum: dayworkItem.value.rejectNum,
			qualifiedNum: dayworkItem.value.qualifiedNum,
			remark: dayworkItem.value.remark,
			storageInfo:storageInfo.value,
			retrievalInfo:retrievalInfo.value
		}
		const currentTime = Date.now();

		// 检查是否已经过去了 2 秒
		if (currentTime - lastRequestTimestamp.value < 2000) {
			// 如果在 2 秒 内已经点击，那么不执行
			uni.showToast({
				icon: 'none',
				title: `请勿重复点击`,
				duration: 2000
			})
			return;
		}
		console.log(saveData)
		finish(saveData).then(res => {
			if (res.code === 200) {
				uni.navigateBack()
			} else {
				uni.showToast({
					icon: 'none',
					title: res.message
				})
			}
		})
	}
	const handleUpdateDaywork = () => {
		if (!validHandle()) {
			return
		}
		//零存数据
	if(storageNum.value != null&& storageNum.value != "" ) {
			if(Object.keys(storageInfo.value).length === 0){
			storageInfo.value = {
				productionPlanDetailId:dayworkItem.value.productionPlanDetailId,
				productDescription:dayworkItem.value.productDescription,
				drawingNumber:dayworkItem.value.drawingNumber,
				lotId:dayworkItem.value.lotId,
				lotCode:dayworkItem.value.lotCode,
				deptId:dayworkItem.value.deptId,
				productId:dayworkItem.value.daywork.productId,
				technologyVersion:dayworkItem.value.technologyVersion,
				storageNum:storageNum.value,
				storagerId:store.userInfo.userId,	
			}
			}
			else{
				storageInfo.value.storageNum = storageNum.value
			}
		}else{
			storageInfo.value = null
		}
		//零取数据
		if(retrievalInfo.value.length >0) {
			retrievalInfo.value.forEach(item =>{
				item.retrievalLotId = dayworkItem.value.lotId,
				item.retrievalLotCode = dayworkItem.value.lotCode,
				item.retrievalerId = store.userInfo.userId,
				item.retrievalTime = timestampToTime(new Date())
			})
		}
		const saveData = {
			rejectList: unfitInfos.value,
			consult: consultations.value,
			id: dayworkItem.value.id,
			prodNum: dayworkItem.value.prodNum,
			rejectNum: dayworkItem.value.rejectNum,
			qualifiedNum: dayworkItem.value.qualifiedNum,
			remark: dayworkItem.value.remark,
			storageInfo:storageInfo.value,
			retrievalInfo:retrievalInfo.value
		}
		console.log(saveData)
		update(saveData).then(res => {
			if (res.code === 200) {
				uni.$emit("formBack")
				uni.navigateBack()
			} else {
				uni.showToast({
					icon: 'none',
					title: res.message
				})
			}
		})

	}
</script>

<style lang="scss">
	.buttonOp {
		margin-top: 5px;
	}
	.page-container {
		height: 100%;
		background-color: #ececec;
		font-size: 28rpx;

		>.title {
			font-weight: 700;
			margin: 24rpx 16rpx;
		}
	}
	.add-btn {
		padding: 12rpx 32rpx;
		background-color: #a4adb3;
		color: #ffffff;
		border-radius: 12rpx;
		font-size: 24rpx;
	}

	.lot-info {
		margin: 32rpx 16rpx 0 16rpx;
		padding: 24rpx;
		background-color: #ffffff;
		border-radius: 8rpx;

		.lot-code {
			font-size: 32rpx;
			font-weight: 700;
			margin-bottom: 16rpx;
		}

		.product-info {
			font-size: 28rpx;
			color: #9f9f9f;
		}
	}
	.middle {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center
	}
	
	.segment {
		width: 80%;
		background-color: rgba(213, 213, 213, 1);
		border: 1rpx solid rgba(213, 213, 213, 1);
		margin: 16px 0;
	}

	.unfit-title {
		margin-bottom: 24rpx;
		justify-content: space-between;
		align-items: center;

		text {
			font-size: 28rpx;
			font-weight: 700;
		}

		.add-btn {
			padding: 12rpx 32rpx;
			background-color: #a4adb3;
			color: #ffffff;
			border-radius: 12rpx;
			font-size: 24rpx;
		}
	}
	
	.save {
		align-items: center;
		padding-bottom: 32rpx;
		justify-content: space-between;
		input {
			
			height: 56rpx;
			border: 1px solid #9f9f9f;
			font-size: 28rpx;
	
			&.number {
				width: 60%;
				text-align: center;
			}
		}
	}
	

	.unfit-container {
		padding: 24rpx;
		margin: 0 16rpx;
		background-color: #ffffff;
		border-radius: 12rpx;

		.unfit-item-container {
			position: relative;

			>* {
				margin-bottom: 24rpx;
			}

			.title {
				font-weight: 700;
				justify-content: space-between;
				align-items: center;

				image {
					width: 40rpx;
					height: 40rpx;
				}
			}

			.standard {}

			.result {
				align-items: center;
				border-bottom: 1px solid #9f9f9f;
				padding-bottom: 32rpx;

				.label {
					flex: 1;
				}

				input {
					width: 280rpx;
					height: 56rpx;
					border: 1px solid #9f9f9f;
					font-size: 28rpx;

					&.number {
						width: 104rpx;
						text-align: center;
					}
				}
			}
		}

		.unfit-item-container:last-child {
			.result {
				border-bottom: none;
				padding-bottom: 0;
			}
		}
	}

	.consultation-container {
		margin: 0 16rpx;
		padding: 24rpx;
		background-color: #ffffff;
		border-radius: 8rpx;

		.consultation-item-container {
			margin-bottom: 24rpx;
			border-bottom: 2px solid #888888;
			padding-bottom: 24rpx;
		}

		.consultation-item-container:last-child {
			margin-bottom: 0;
			border-bottom: 0;
			padding-bottom: 0;
		}

		.question,
		.answer {
			.label {
				justify-content: space-between;
				margin-bottom: 16rpx;
				font-weight: 700;
			}

			.content {
				line-height: 40rpx;
			}
		}

		.answer {
			margin-top: 24rpx;
		}
	}


	.daywork-container {
		margin-top: 24rpx;
		padding: 24rpx;
		background-color: #ffffff;
		border: 1px solid #bcbcbc;

		.result {
			align-items: center;

			.label {
				width: 112rpx;
			}

			input {
				flex: 1;
				height: 56rpx;
				border: 1px solid #9f9f9f;
				font-size: 28rpx;
				text-align: center;
			}
		}

		.remark {
			margin-top: 24rpx;

			.label {
				width: 112rpx;
			}

			textarea {
				flex: 1;
				border: 1px solid #9f9f9f;
				height: 168rpx;
			}
		}

		.btns-container {
			margin-top: 24rpx;

			.bottom-btn {
				display: flex;
				flex: 1;
				height: 80rpx;
				background-color: #5555ff;
				color: #ffffff;
				text-align: center;
				justify-content: center;
				align-items: center;
				border-radius: 8rpx;
				margin-right: 10rpx;

				&.left-btn {
					background-color: rgba(85, 85, 255, 1.0);
				}

				&.right-btn {
					margin-left: 24rpx;
				}
			}

			.finished-btn {
				display: flex;
				flex: 1;
				height: 80rpx;
				background-color: #fc6565;
				color: #ffffff;
				text-align: center;
				justify-content: center;
				align-items: center;
				border-radius: 8rpx;
			}

			.pause-btn {
				display: flex;
				flex: 1;
				height: 80rpx;
				background-color: #55d90d;
				color: #ffffff;
				text-align: center;
				justify-content: center;
				align-items: center;
				border-radius: 8rpx;
			}

			.question-btn {
				width: 80rpx;
				align-items: flex-end;

				image {
					width: 48rpx;
					height: 48rpx;
				}

				text {
					font-size: 24rpx;
				}
			}
		}
	}
	.zb-table .item-tr {
		flex-direction: row;
	}
</style>