xg_total_process_master_cloud_h5/pages/psiManagement/collect/CollectForm.vue

<template>
	<view>
		<cu-custom :backUrl="'/pages/index/index'" :isBack="true" bgColor="bg-gradual-blue">
			<block slot="content">领用申请</block>
		</cu-custom>

		<u--form :model="inputForm" labelWidth="100px" class="u-form" labelPosition="left" :rules="rules"
			ref="inputForm">
			<u-form-item label="领用编号" borderBottom prop="collectNo">
				<u--input placeholder="自动生成" v-model="inputForm.collectNo" disabled></u--input>
			</u-form-item>
			<u-form-item label="经办人" borderBottom prop="handledBy">
				<u--input v-model="inputForm.handledBy" disabled></u--input>
			</u-form-item>
			<u-form-item label="经办部门" borderBottom prop="handledByOfficeName">
				<u--input v-model="inputForm.handledByOfficeName" disabled></u--input>
			</u-form-item>
			<u-form-item label="领用时间" borderBottom prop="collectDate" :required="true">
				<el-date-picker v-model="inputForm.collectDate" type="date" placeholder="请选择领用时间" style="width:100%"
					placement="bottom-start" clearable :disabled="nodeFlag">
				</el-date-picker>
			</u-form-item>
			<u-form-item label="备注" borderBottom prop="remarks">
				<u--textarea placeholder="请填写备注信息" :rows="4" :maxlength="500" v-model="inputForm.remarks"
					:disabled="nodeFlag"></u--textarea>
			</u-form-item>

			<view class="section-wrap">
				<view class="section-title">领用详情</view>
				<view class="section-tip"></view>

				<view v-for="(item, index) in inputForm.detailInfos" :key="item.id || index" class="detail-card">
					<view class="detail-card-title">领用详情 {{ index + 1 }}</view>

					<!--                  <u-form-item label="领用人" :prop="'detailInfos[' + index + '].recipientAgent'" :required="true">
                        <u--input v-model="inputForm.detailInfos[index].recipientAgent" placeholder="请选择领用人"
                            :disabled="nodeFlag" @focus="openUserPullForm(index)" clearable></u--input>
                    </u-form-item>
                    <u-form-item label="领用人部门" :prop="'detailInfos[' + index + '].recipientOffice'">
                        <u--input v-model="inputForm.detailInfos[index].recipientOffice" disabled></u--input>
                    </u-form-item> -->
					<psi-goods-selector :row-index="index" :input-form="inputForm" row-path="detailInfos"
						:value-fields="['collectType', 'goodsName']" prop-field="goodsName" label="商品名称"
						placeholder="请选择商品" title="选择商品" search-placeholder="搜索商品" empty-text="暂无可选商品"
						:show-stock="true" :show-add-goods="true" :disabled="nodeFlag"
						@selected="handleGoodsSelected"></psi-goods-selector>
					<u-form-item label="领用数量" :prop="'detailInfos[' + index + '].collectNumber'" :required="true" labelWidth="68px">
						<u--input v-model="inputForm.detailInfos[index].collectNumber" placeholder="请输入领用数量"
							:disabled="nodeFlag" @blur="handleCollectNumberBlur(index)"></u--input>
					</u-form-item>
					<view class="detail-info-grid">
						<u-form-item class="detail-info-cell" label="库存" labelWidth="44px"
							:prop="'detailInfos[' + index + '].kc'">
							<u--input v-model="inputForm.detailInfos[index].kc" disabled></u--input>
						</u-form-item>
						<u-form-item class="detail-info-cell" label="品牌" labelWidth="44px"
							:prop="'detailInfos[' + index + '].brand'">
							<u--input v-model="inputForm.detailInfos[index].brand" disabled></u--input>
						</u-form-item>
						<u-form-item class="detail-info-cell" label="规格" labelWidth="44px"
							:prop="'detailInfos[' + index + '].specification'">
							<u--input v-model="inputForm.detailInfos[index].specification" disabled></u--input>
						</u-form-item>
						<u-form-item class="detail-info-cell" label="单位" labelWidth="44px"
							:prop="'detailInfos[' + index + '].company'">
							<u--input v-model="inputForm.detailInfos[index].company" placeholder=""
								:disabled="true"></u--input>
						</u-form-item>
					</view>
					<!-- <u-form-item label="包装规格" :prop="'detailInfos[' + index + '].spec'">
                        <u--input v-model="inputForm.detailInfos[index].spec" disabled></u--input>
                    </u-form-item> -->


					<u-form-item label="备注" :prop="'detailInfos[' + index + '].remarks'" labelWidth="44px">
						<u--input v-model="inputForm.detailInfos[index].remarks" placeholder="请输入备注"
							:disabled="nodeFlag"></u--input>
					</u-form-item>
					<u-form-item label="附件上传" v-if="false">
						<UploadComponent :uploadUrl="`${uploadUrl}/public-modules-server/oss/file/webUpload/upload`"
							@onRemove="(file, fileList, fileIndex) => handleRemove(file, fileList, index, fileIndex, 'detail')"
							@onSuccess="(file, fileList) => handleUploadSuccess(file, fileList, index, 'detail')"
							:fileList="inputForm.detailInfos[index].fileInfoLost" :limit="3" :isDelete="nodeFlag"
							:isUpload="nodeFlag">
						</UploadComponent>
					</u-form-item>
					<u-form-item label="" v-if="!nodeFlag">
						<el-button style="width: 100%" type="danger" plain @click="removeDetail(index)">
							删除领用详情
						</el-button>
					</u-form-item>
				</view>

				<u-form-item label="" v-if="!nodeFlag">
					<el-button style="width: 100%" type="primary" @click="addDetail()" plain>新增领用详情</el-button>
				</u-form-item>
			</view>

			<view class="section-wrap" v-if="false">
				<view class="section-title">领用分配详情</view>

				<view v-for="(item, index) in inputForm.recordList" :key="item.id || index" class="detail-card">
					<view class="detail-card-title">领用分配详情 {{ index + 1 }}</view>

					<u-form-item label="领用人" :prop="'recordList[' + index + '].recipientAgent'" :required="true">
						<u--input v-model="inputForm.recordList[index].recipientAgent" placeholder="请选择领用人"
							:disabled="nodeFlag" @focus="openUserPullForm(index)" clearable></u--input>
					</u-form-item>
					<u-form-item label="领用人部门" :prop="'recordList[' + index + '].recipientOffice'">
						<u--input v-model="inputForm.recordList[index].recipientOffice" disabled></u--input>
					</u-form-item>
					<u-form-item label="物品名称" :prop="'recordList[' + index + '].collectType'" :required="true">
						<u--input v-model="inputForm.recordList[index].collectType" placeholder="请选择物品名称"
							:disabled="nodeFlag" @focus="openTypePicker(index)" clearable></u--input>
					</u-form-item>
					<u-form-item label="物品名称" :prop="'recordList[' + index + '].goodsName'" :required="true">
						<u--input v-model="inputForm.recordList[index].goodsName" placeholder="请选择物品名称"
							:disabled="nodeFlag" clearable></u--input>
					</u-form-item>
					<u-form-item label="分配生产日期" :prop="'recordList[' + index + '].fpDate'" :required="true">
						<u--input v-model="inputForm.recordList[index].fpDate" placeholder="请选择分配生产日期"
							:disabled="nodeFlag" clearable></u--input>
					</u-form-item>
					<u-form-item label="领用数量" :prop="'recordList[' + index + '].collectNumber'" :required="true">
						<u--input v-model="inputForm.recordList[index].collectNumber" placeholder="请输入领用数量"
							:disabled="nodeFlag" @blur="handleCollectNumberBlur(index)"></u--input>
					</u-form-item>
					<u-form-item label="库存数量" :prop="'recordList[' + index + '].kc'">
						<u--input v-model="inputForm.recordList[index].kc" disabled></u--input>
					</u-form-item>
				</view>
			</view>
		</u--form>

		<user-select ref="userPicker" @input="handleUserSelected"></user-select>
		<ba-tree-picker ref="treePicker" :multiple="false" @select-change="selectTypeChange" title="类型选择"
			:localdata="listData" :selectedData="typeSelectedData" valueKey="value" textKey="label"
			childrenKey="children" />
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	import userSelect from '@/components/user-select/user-select-radio.vue'
	import baTreePicker from '@/components/ba-tree-picker/ba-tree-picker.vue'
	import UploadComponent from '@/pages/common/UploadComponent.vue'
	import upload from '@/utils/upload.js'
	import MaterialTypeService from '@/api/psi/MaterialTypeService'
	import WareHouseService from '@/api/psi/WareHouseService'
	import CollectService from '@/api/psi/CollectService'
	import CommonApi from '@/api/common/CommonApi'
	import PsiGoodsSelector from '../components/PsiGoodsSelector.vue'

	export default {
		name: 'PsiCollectForm',
		components: {
			userSelect,
			baTreePicker,
			UploadComponent,
			PsiGoodsSelector
		},
		computed: mapState({
			userInfo: (state) => state.user.userInfo
		}),
		props: {
			businessId: {
				type: String,
				default: ''
			},
			formReadOnly: {
				type: Boolean,
				default: false
			},
			status: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
				uploadUrl: upload.UPLOAD_URL,
				nodeFlag: false,
				loading: false,
				listData: [],
				materialList: [],
				typeSelectedData: [],
				inputForm: this.createInputForm(),
				rules: {
					collectDate: [{
						required: true,
						message: '领用时间不能为空',
						trigger: ['change']
					}]
				}
			}
		},
		materialTypeService: null,
		wareHouseService: null,
		collectService: null,
		commonApi: null,
		created() {
			this.ensureServices()
			this.loadMaterialTypes()
			this.fillUserInfo()
		},
		watch: {
			businessId: {
				handler() {
					if (this.businessId) {
						this.init(this.businessId)
					} else {
						this.resetForm()
						this.nodeFlag = this.formReadOnly || this.status === 'taskFormDetail' || this.status === 'testSee'
					}
				},
				immediate: true,
				deep: false
			}
		},
		methods: {
			createInputForm() {
				return {
					id: '',
					procInsId: '',
					processDefinitionId: '',
					status: '',
					collectNo: '',
					collectDate: new Date(),
					remarks: '',
					handledBy: '',
					handledById: '',
					handledByOffice: '',
					handledByOfficeName: '',
					userId: '',
					files: [],
					detailInfos: [],
					recordList: [],
					returnId: '',
					statusReturn: '',
					procInsIdReturn: '',
					processDefinitionIdReturn: '',
					returnCause: '',
					returnFiles: []
				}
			},
			createDetailRow() {
				return {
					id: '',
					recipientAgent: (this.userInfo && this.userInfo.name) || '',
					recipientAgentId: (this.userInfo && this.userInfo.id) || '',
					recipientOffice: (this.userInfo && this.userInfo.officeDTO && this.userInfo.officeDTO.name) || '',
					collectType: '',
					collectTypeId: '',
					goodsName: '',
					surplusNumber: '',
					currentInventory: '',
					collectNumber: '',
					company: '',
					brand: '',
					specification: '',
					remarks: '',
					spec: '1',
					produceDate: '',
					shelfLife: '',
					shelfLifeUnit: '',
					fileInfoLost: [],
					isReturn: '0'
				}
			},
			ensureServices() {
				if (!this.materialTypeService) {
					this.materialTypeService = new MaterialTypeService()
				}
				if (!this.wareHouseService) {
					this.wareHouseService = new WareHouseService()
				}
				if (!this.collectService) {
					this.collectService = new CollectService()
				}
				if (!this.commonApi) {
					this.commonApi = new CommonApi()
				}
			},
			async loadMaterialTypes() {
				try {
					const data = await this.materialTypeService.cgList()
					this.materialList = data || []
					this.listData = this.buildTree(this.materialList)
				} catch (e) {
					this.materialList = []
					this.listData = []
				}
			},
			fillUserInfo() {
				if (!this.userInfo) {
					return
				}
				this.inputForm.handledBy = this.inputForm.handledBy || this.userInfo.name
				this.inputForm.handledById = this.inputForm.handledById || this.userInfo.id
				this.inputForm.userId = this.inputForm.userId || this.userInfo.id
				this.inputForm.handledByOffice = this.inputForm.handledByOffice || (this.userInfo.officeDTO && this
					.userInfo.officeDTO.id) || ''
				this.inputForm.handledByOfficeName = this.inputForm.handledByOfficeName || (this.userInfo.officeDTO && this
					.userInfo.officeDTO.name) || ''
			},
			resetForm() {
				this.inputForm = this.createInputForm()
				this.fillUserInfo()
			},
			async init(id) {
				this.ensureServices()
				this.resetForm()
				this.inputForm.id = id
				this.loading = true
				try {
					const data = await this.collectService.findById(id)
					this.inputForm = this.normalizeFormData(this.recover(this.createInputForm(), data))
					this.inputForm.detailInfos.forEach(detail => {
						if (detail.surplusNumber && detail.spec) {
							detail.kc = this.formatNumber(Number(detail.surplusNumber) * Number(detail.spec))
						}
					})
					this.inputForm.recordList.forEach(record => {
						if (record.surplusNumber && record.spec) {
							record.kc = this.formatNumber(Number(record.surplusNumber) * Number(record.spec))
						}
						record.fpDate = `${record.goodsName}(生产日期:${record.produceDate ?? '--'})`
					})
					this.fillUserInfo()
					this.nodeFlag = await this.resolveNodeFlag(data)
				} catch (e) {
					this.nodeFlag = true
				} finally {
					this.loading = false
				}
			},
			async resolveNodeFlag(data) {
				if ((this.formReadOnly || this.status === 'taskFormDetail' || this.status === 'testSee')) {
					return true
				}
				try {
					const taskName = await this.commonApi.getTaskNameByProcInsId((data && data.procInsId) || this
						.inputForm.procInsId)
					if (this.isNotEmpty(taskName)) {
						return taskName !== '发起人重新发起申请'
					}
				} catch (e) {}
				return false
			},
			normalizeFormData(data) {
				const form = data || this.createInputForm()
				if (this.isNotEmpty(form.collectDate)) {
					form.collectDate = new Date(form.collectDate)
				}
				form.files = form.files || []
				form.detailInfos = (form.detailInfos || []).map(item => ({
					...item,
					fileInfoLost: item.fileInfoLost || [],
					produceDate: this.isNotEmpty(item.produceDate) ? new Date(item.produceDate) : '',
					surplusNumber: this.isNotEmpty(item.surplusNumber) ? this.formatNumber(item
						.surplusNumber) : '',
					currentInventory: this.isNotEmpty(item.currentInventory) ? this.formatNumber(item
						.currentInventory) : ''
				}))
				form.recordList = form.recordList || []
				return form
			},
			buildTree(nodes, parentId = '0') {
				const tree = []
				for (const node of nodes || []) {
					if (String(node.infoType || node.info_type || '') === '1') {
						continue
					}
					if (node.parentId === parentId) {
						const children = this.buildTree(nodes, node.id)
						if (children.length) {
							node.children = children
						}
						tree.push(node)
					}
				}
				return tree
			},
			isEmpty(value) {
				if (value === null || value === undefined) {
					return true
				}
				if (typeof value === 'string' && value.trim() === '') {
					return true
				}
				if (Array.isArray(value) && value.length === 0) {
					return true
				}
				return false
			},
			isNotEmpty(value) {
				return !this.isEmpty(value)
			},
			formatDate(date) {
				if (this.isEmpty(date)) {
					return ''
				}
				const dateValue = new Date(date)
				if (Number.isNaN(dateValue.getTime())) {
					return ''
				}
				const year = dateValue.getFullYear()
				const month = `${dateValue.getMonth() + 1}`.padStart(2, '0')
				const day = `${dateValue.getDate()}`.padStart(2, '0')
				return `${year}-${month}-${day}`
			},
			normalizeDateFieldsBeforeValidate() {
				if (this.isNotEmpty(this.inputForm.collectDate)) {
					this.inputForm.collectDate = this.formatDate(this.inputForm.collectDate)
				}
			},
			formatNumber(value) {
				const numberValue = Number(value || 0)
				if (Number.isNaN(numberValue)) {
					return ''
				}
				return numberValue % 1 === 0 ? String(numberValue) : numberValue.toFixed(2).replace(/\.?0+$/, '')
			},
			formatNumberInput(inputValue, decimalLimit = 2) {
				if (this.isEmpty(inputValue)) {
					return ''
				}
				const valueText = String(inputValue)
				if (!/^\d*\.?\d*$/.test(valueText)) {
					return ''
				}
				let value = valueText.replace(/[^\d.]/g, '')
				const dotIndex = value.indexOf('.')
				if (dotIndex !== -1) {
					const substr = value.substr(dotIndex + 1)
					if (substr.indexOf('.') !== -1) {
						value = value.substr(0, dotIndex + 1) + substr.replace(/\./g, '')
					}
				}
				if (dotIndex !== -1) {
					const integerPart = value.substring(0, dotIndex)
					const decimalPart = value.substring(dotIndex + 1, dotIndex + 1 + decimalLimit)
					value = integerPart + '.' + decimalPart
				}
				return value
			},
			addDetail() {
				this.inputForm.detailInfos.push(this.createDetailRow())
			},
			removeDetail(index) {
				this.inputForm.detailInfos.splice(index, 1)
			},
			patchDetail(index, patch) {
				const detail = (this.inputForm.detailInfos || [])[index] || {}
				this.$set(this.inputForm.detailInfos, index, {
					...detail,
					...patch
				})
			},
			openUserPullForm(index) {
				if (this.nodeFlag) {
					return
				}
				this.$refs.userPicker.open(index, 'detail')
			},
			handleUserSelected(data, index, type) {
				if (type !== 'detail') {
					return
				}
				this.patchDetail(index, {
					recipientAgentId: data.id,
					recipientAgent: data.label,
					recipientOffice: data.parentLabel
				})
			},
			openTypePicker(index) {
				if (this.nodeFlag) {
					return
				}
				const detail = (this.inputForm.detailInfos || [])[index] || {}
				this.typeSelectedData = detail.collectTypeId ? [detail.collectTypeId] : []
				this.$nextTick(() => {
					const treePicker = this.$refs.treePicker
					if (!treePicker) {
						return
					}
					if (treePicker._initTree) {
						treePicker._initTree()
					}
					treePicker._show(index)
				})
			},
			selectTypeChange(ids, names, index) {
				this.patchDetail(index, {
					collectType: names,
					collectTypeId: ids[0],
					goodsName: '',
					surplusNumber: '',
					currentInventory: '',
					collectNumber: '',
					company: '',
					brand: '',
					specification: '',
					kc: '',
					spec: '1',
					produceDate: '',
					shelfLife: '',
					shelfLifeUnit: ''
				})
			},
			async handleGoodsSelected({
				index,
				item
			}) {
				const goodsName = item.tradeName || item.name || ''
				const goodsId = item.id || ''
				const exists = (this.inputForm.detailInfos || []).some((detail, detailIndex) => {
					return String(detailIndex) !== String(index) && String(detail.collectTypeId) === String(goodsId)
				})
				if (exists) {
					uni.showToast({
						title: '同种商品只能选择一次',
						icon: 'none'
					})
					return
				}
				const stock = item.currentInventory || item.surplusNumber || ''
				this.patchDetail(index, {
					collectType: goodsName,
					collectTypeId: goodsId,
					goodsName,
					brand: item.brand || '',
					specification: item.specification || '',
					company: item.company || '',
					spec: '1',
					surplusNumber: this.formatNumber(stock || 0),
					currentInventory: this.formatNumber(stock || 0),
					kc: this.formatNumber(stock || 0)
				})
			},
			async syncDetailStock(index) {
				const detail = (this.inputForm.detailInfos || [])[index]
				if (!detail || this.isEmpty(detail.goodsName) || this.isEmpty(detail.collectTypeId)) {
					return
				}
				try {
					const data = await this.wareHouseService.getByProduceDateNotMerge({
						current: 1,
						size: 1000,
						tradeName: detail.goodsName,
						wareHouseType: detail.collectTypeId
					})
					const records = (data && data.records) || []
					const totalBottle = records.reduce((sum, item) => {
						const currentInventory = Number(item.currentInventory || 0)
						const spec = Number(item.spec || 1)
						return sum + currentInventory * (spec > 0 ? spec : 1)
					}, 0)
					const firstRecord = records[0] || {}
					this.patchDetail(index, {
						surplusNumber: this.formatNumber(totalBottle),
						currentInventory: this.formatNumber(totalBottle),
						company: firstRecord.company || detail.company || '',
						brand: firstRecord.brand || detail.brand || '',
						specification: firstRecord.specification || detail.specification || '',
						spec: '1',
						goodsName : firstRecord.name,
						produceDate: this.isNotEmpty(firstRecord.produceDate) ? new Date(firstRecord
							.produceDate) : '',
						shelfLife: firstRecord.shelfLife || '',
						shelfLifeUnit: firstRecord.shelfLifeUnit || ''
					})
				} catch (e) {
					this.patchDetail(index, {
						surplusNumber: '',
						currentInventory: ''
					})
					uni.showToast({
						title: '库存数量加载失败',
						icon: 'none'
					})
				}
			},
			handleCollectNumberBlur(index) {
				const detail = (this.inputForm.detailInfos || [])[index]
				if (!detail) {
					return
				}
				detail.collectNumber = this.formatNumberInput(detail.collectNumber)
				if (this.isNotEmpty(detail.surplusNumber) && this.isNotEmpty(detail.collectNumber) &&
					Number(detail.collectNumber) > Number(detail.surplusNumber)) {
					uni.showToast({
						title: '领用数量不能大于库存数量',
						icon: 'none'
					})
					detail.collectNumber = ''
				}
			},
			handleUploadSuccess(file, fileList, index, type) {
				if (type === 'detail') {
					this.inputForm.detailInfos[index].fileInfoLost = fileList
				} else {
					this.inputForm.files = fileList
				}
			},
			handleRemove(file, fileList, lineIndex, fileIndex, type) {
				if (type === 'detail') {
					this.inputForm.detailInfos[lineIndex].fileInfoLost.splice(fileIndex, 1)
				} else {
					this.inputForm.files.splice(fileIndex, 1)
				}
			},
			validateDetailInfos() {
				if (this.isEmpty(this.inputForm.detailInfos)) {
					this.$message.error('至少填写一条领用详情信息')
					return false
				}
				for (let i = 0; i < this.inputForm.detailInfos.length; i++) {
					const detail = this.inputForm.detailInfos[i]
					const lineNo = i + 1
					// if (this.isEmpty(detail.recipientAgentId)) {
					// 	uni.showToast({
					// 		title: `领用详情第${lineNo}行请选择领用人`,
					// 		icon: 'none'
					// 	})
					// 	return false
					// }
					if (this.isEmpty(detail.collectTypeId)) {
						uni.showToast({
							title: `领用详情第${lineNo}行请选择物品名称`,
							icon: 'none'
						})
						return false
					}
					// if (this.isEmpty(detail.goodsName)) {
					// 	uni.showToast({
					// 		title: `领用详情第${lineNo}行请选择物品名称`,
					// 		icon: 'none'
					// 	})
					// 	return false
					// }
					if (this.isEmpty(detail.collectNumber)) {
						uni.showToast({
							title: `领用详情第${lineNo}行请输入领用数量`,
							icon: 'none'
						})
						return false
					}
					if (this.isNotEmpty(detail.surplusNumber) && Number(detail.collectNumber) > Number(detail
							.surplusNumber)) {
						uni.showToast({
							title: `领用详情第${lineNo}行领用数量不能大于库存数量`,
							icon: 'none'
						})
						return false
					}
				}
				return true
			},
			toSubmitData() {
				const data = JSON.parse(JSON.stringify(this.inputForm))
				data.collectDate = this.formatDate(this.inputForm.collectDate)
				data.detailInfos = (this.inputForm.detailInfos || []).map(item => ({
					...JSON.parse(JSON.stringify(item)),
					produceDate: this.formatDate(item.produceDate)
				}))
				return data
			},
			async saveForm(callback) {
				return new Promise((resolve, reject) => {
					// 表单规则验证
					// ...

					let errors = [];

					if (this.isNotEmpty(this.inputForm.collectDate)) {
						this.inputForm.collectDate = this.formatDate(this.inputForm.collectDate);
					}

					if (this.isEmpty(this.inputForm.detailInfos)) {
						errors.push('至少填写一条领用详情信息');
					} else {
						let i = this.inputForm.detailInfos.length;
						for (let j = 0; j < i; j++) {
							let k = j + 1;
							if (this.isEmpty(this.inputForm.detailInfos[j].collectType)) {
								errors.push('领用详情第' + k + '行请选择物品名称');
							} else if (this.isEmpty(this.inputForm.detailInfos[j].collectNumber)) {
								errors.push('领用详情第' + k + '行请输入领用数量');
							}

							if (parseFloat(this.inputForm.detailInfos[j].collectNumber) > parseFloat(this
									.inputForm.detailInfos[j].surplusNumber) * parseFloat(this.inputForm
									.detailInfos[j].spec)) {
								errors.push('领用详情第' + k + '行请输入领用数量');
							}
						}
					}

					if (errors.length > 0) {
						// 存在错误，显示提示信息
						errors.forEach(error => {
							uni.showToast({
								title: error,
								icon: 'none',
								duration: 2000
							});
						});
						reject('Form validation failed');
					} else {
						// 所有验证通过，执行保存操作
						this.$refs.inputForm.validate().then(async () => {
							uni.showLoading();
							try {
								const submitData = this.toSubmitData()
								submitData.status = '2'
								this.inputForm.status = '2'
								const data = await this.collectService.save(submitData)
								callback(data.businessTable, data.businessId, submitData)
								resolve('Form saved successfully');
							} finally {
								reject('Save operation failed');
							}
						}).catch(() => {
							reject('Form validation failed');
						});
					}
				});
			},
			async startForm(callback) {
				this.loading = true
				try {
					if (this.isNotEmpty(this.inputForm.id)) {
						const data = await this.collectService.findById(this.inputForm.id)
						if (this.isNotEmpty(data.status) && !['0', '1', '3'].includes(data.status)) {
							uni.showToast({
								title: '任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在',
								icon: 'none'
							})
							throw new Error('invalid status')
						}
					}
					await this.startFormTrue(callback)
				} finally {
					this.loading = false
				}
			},
			async startFormTrue(callback) {
				this.normalizeDateFieldsBeforeValidate()
				await this.$refs.inputForm.validate()
				if (!this.validateDetailInfos()) {
					return
				}
				const submitData = this.toSubmitData()
				submitData.status = '2'
				this.inputForm.status = '2'
				const data = await this.collectService.save(submitData)
				this.inputForm.id = data.businessId
				callback(data.businessTable, data.businessId, submitData)
			},
			async reapplyForm(callback) {
				this.loading = true
				try {
					const data = await this.collectService.findById(this.inputForm.id)
					if (data.status !== '4') {
						uni.showToast({
							title: '任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在',
							icon: 'none'
						})
						throw new Error('invalid status')
					}
					await this.startFormTrue(callback)
				} finally {
					this.loading = false
				}
			},
			async agreeForm(callback) {
				this.loading = true
				try {
					this.normalizeDateFieldsBeforeValidate()
					await this.$refs.inputForm.validate()
					if (!this.validateDetailInfos()) {
						return
					}
					const submitData = this.toSubmitData()
					try {
						const taskName = await this.commonApi.getTaskNameByProcInsId(this.inputForm.procInsId)
						if (this.isNotEmpty(taskName) && taskName === '老板审核') {
							submitData.status = '5'
							this.inputForm.status = '5'
						}
					} catch (e) {}
					const data = await this.collectService.save(submitData)
					callback(data.businessTable, data.businessId, submitData)
				} finally {
					this.loading = false
				}
			},
			async updateStatusById(type, callback) {
				this.loading = true
				try {
					if (type === 'reject' || type === 'reback') {
						const data = await this.collectService.findById(this.inputForm.id)
						if (data.status !== '2') {
							this.$message.error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
							throw new Error('invalid status')
						}
						const nextStatus = type === 'reject' ? '4' : '3'
						this.inputForm.status = nextStatus
						await this.collectService.updateStatusById({
							status: nextStatus,
							id: this.inputForm.id
						})
						callback()
					} else if (type === 'hold') {
						const data = await this.collectService.findById(this.inputForm.id)
						if (data.status !== '4') {
							this.$message.error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
							throw new Error('invalid status')
						}
						this.inputForm.status = '1'
						await this.collectService.updateStatusById({
							status: '1',
							id: this.inputForm.id
						})
						callback()
					}
				} finally {
					this.loading = false
				}
			},
		}
	}
</script>

<style scoped>
	.section-wrap {
		margin-top: 24rpx;
	}

	.section-title {
		margin-bottom: 8rpx;
		padding-left: 8rpx;
		font-size: 30rpx;
		font-weight: 700;
		color: #1f2937;
		border-left: 6rpx solid #2979ff;
	}

	.section-tip {
		margin-bottom: 16rpx;
		font-size: 24rpx;
		color: #64748b;
	}

	.detail-card {
		margin-bottom: 20rpx;
		padding: 24rpx;
		background: #fff;
		border-radius: 20rpx;
		box-shadow: 0 10rpx 30rpx rgba(15, 23, 42, 0.05);
	}

	.detail-card-title {
		margin-bottom: 12rpx;
		font-size: 28rpx;
		font-weight: 600;
		color: #0f172a;
	}

	.detail-info-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 16rpx;
		row-gap: 4rpx;
	}

	.detail-info-cell {
		min-width: 0;
	}

	.detail-info-cell ::v-deep .u-form-item__body {
		padding: 8rpx 0;
	}

	.detail-info-cell ::v-deep .u-form-item__body__right {
		min-width: 0;
	}
</style>