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="请输入领用数量"
							type="number" :disabled="nodeFlag" @input="handleCollectNumberInput(index)"
							@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="请输入领用数量"
							type="number" :disabled="nodeFlag" @input="handleRecordCollectNumberInput(index)"
							@blur="handleRecordCollectNumberBlur(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))
					}
				})
				this.inputForm.recordList.forEach(record => {
					if (record.surplusNumber && record.spec) {
						record.kc = this.formatNumber(Number(record.surplusNumber))
					}
					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) {
			if (this.isEmpty(inputValue)) {
				return ''
			}
			let value = String(inputValue).replace(/[^\d.]/g, '')
			if (value.endsWith('.')) {
				return ''
			}
			const dotIndex = value.indexOf('.')
			if (dotIndex !== -1) {
				const integerPart = value.substring(0, dotIndex)
				const decimalPart = value.substring(dotIndex + 1).replace(/\./g, '').replace(/[1-9]/g, '')
				value = integerPart + '.' + decimalPart
			}
			value = value.replace(/^0+(\d)/, '$1')
			return value === '.' ? '' : 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 = ''
			}
		},
		handleCollectNumberInput(index) {
			const detail = (this.inputForm.detailInfos || [])[index]
			if (!detail) {
				return
			}
			detail.collectNumber = this.formatNumberInput(detail.collectNumber)
		},
		handleRecordCollectNumberInput(index) {
			const record = (this.inputForm.recordList || [])[index]
			if (!record) {
				return
			}
			record.collectNumber = this.formatNumberInput(record.collectNumber)
		},
		handleRecordCollectNumberBlur(index) {
			this.handleRecordCollectNumberInput(index)
		},
		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 (!/^[1-9]\d*(?:\.0+)?$/.test(String(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 (!/^[1-9]\d*(?:\.0+)?$/.test(String(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>