<template>
	<el-card class="hl-card">
		<template #header>
			<span><span v-html="dialogTitle"></span>页</span>
		</template>
		<el-form ref="formRef" label-width="140px" :rules="formRules" :model="formData" v-loading="formLoading">
			<!-- 基础信息  横向布局 -->
			<el-card class="hl-card-info" v-if="dispatchType == 'PRODUCTION'">
				<template #header>
					<div class="hl-card-info-icona"></div><span class="hl-card-info-text">基础信息</span>
				</template>
				<el-row>
					<el-col :span="6">
						<el-form-item label="生产派工单号" prop="code">
							<el-input class="!w-260px" v-model="formData.code" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="生产任务单号" prop="code">
							<el-input class="!w-260px" v-model="formData.taskCode" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="项目编号" prop="projectCode">
							<el-input class="!w-260px" v-model="formData.projectCode" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="客户名称" prop="customerName">
							<el-input class="!w-260px" v-model="formData.customerName" :disabled="true" />
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="项目名称" prop="projectName">
							<el-input class="!w-260px" v-model="formData.projectName" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="项目结束日期" prop="projectEndTime">
							<el-date-picker
class="!w-260px" v-model="formData.projectEndTime" type="date" value-format="x"
								placeholder="项目结束日期" disabled />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="子项目名称" prop="projectSubName">
							<el-input class="!w-260px" v-model="formData.projectSubName" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="子项目编号" prop="projectSubCode">
							<el-input class="!w-260px" v-model="formData.projectSubCode" :disabled="true" />
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="零件名称" prop="materialName">
							<el-input class="!w-260px" v-model="formData.materialName" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="材质" prop="compositionName">
							<el-input class="!w-260px" v-model="formData.compositionName" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="规格型号" prop="spec">
							<el-input class="!w-260px" v-model="formData.spec" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="图号" prop="blueprintNo">
							<el-input class="!w-260px" v-model="formData.blueprintNo" :disabled="true" />
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="零件数量" prop="amount">
							<el-input class="!w-260px" v-model="formData.amount" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="系统单位" prop="unit">
							<el-select disabled v-model="formData.unit" clearable placeholder="请选择系统单位" class="!w-260px">
								<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.HELI_MATERIAL_UNIT)" :key="dict.value"
									:label="dict.label" :value="dict.value" />
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="任务负责人" prop="ownerName">
							<el-input class="!w-260px" v-model="formData.ownerName" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="要求完成时间" prop="requiredCompletedDate">
							<el-date-picker
class="!w-260px" v-model="formData.requiredCompletedDate" type="date" value-format="x"
								placeholder="要求完成时间" disabled />
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="12">
						<el-form-item label="备注" prop="remark">
							<el-input type="textarea" v-model="formData.remark" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="创建时间" prop="createTime">
							<el-date-picker
class="!w-260px" v-model="formData.createTime" type="date" value-format="x"
								placeholder="创建时间" disabled />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="单据状态" prop="dispatchStatus">
							<el-select v-model="formData.dispatchStatus" placeholder="请选择单据状态" clearable class="!w-260px" disabled>
								<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.HELI_DISPATCH_STATUS)" :key="dict.value"
									:label="dict.label" :value="dict.value" />
							</el-select>
						</el-form-item>

					</el-col>
				</el-row>
			</el-card>
			<el-card class="hl-card-info" v-if="dispatchType == 'ASSEMBLE'">
				<template #header>
					<div class="hl-card-info-icona"></div><span class="hl-card-info-text">基础信息</span>
				</template>
				<el-row>
					<el-col :span="6">
						<el-form-item label="装配派工单号" prop="code">
							<el-input class="!w-260px" v-model="formData.code" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="生产计划单号" prop="code">
							<el-input class="!w-260px" v-model="formData.planCode" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="项目编号" prop="projectCode">
							<el-input class="!w-260px" v-model="formData.projectCode" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="客户名称" prop="customerName">
							<el-input class="!w-260px" v-model="formData.customerName" :disabled="true" />
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="项目名称" prop="projectName">
							<el-input class="!w-260px" v-model="formData.projectName" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="子项目名称" prop="projectSubName">
							<el-input class="!w-260px" v-model="formData.projectSubName" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="子项目编号" prop="projectSubCode">
							<el-input class="!w-260px" v-model="formData.projectSubCode" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="BOM清单号" prop="bomCode">
							<el-input class="!w-260px" v-model="formData.bomCode" :disabled="true" />
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="数量" prop="amount">
							<el-input class="!w-260px" v-model="formData.projectSubAmount" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="单位" prop="unit">
							<el-select disabled v-model="formData.unit" clearable placeholder="请选择单位" class="!w-260px">
								<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.HELI_MATERIAL_UNIT)" :key="dict.value"
									:label="dict.label" :value="dict.value" />
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="任务负责人" prop="ownerName">
							<el-input class="!w-260px" v-model="formData.ownerName" :disabled="true" />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="单据状态" prop="dispatchStatus">
							<el-select v-model="formData.dispatchStatus" placeholder="请选择单据状态" clearable class="!w-260px" disabled>
								<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.HELI_DISPATCH_STATUS)" :key="dict.value"
									:label="dict.label" :value="dict.value" />
							</el-select>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="要求开始日期" prop="requiredStartDate">
							<el-date-picker
class="!w-260px" v-model="formData.requiredStartDate" type="date" value-format="x"
								placeholder="要求开始日期" disabled />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="要求完成日期" prop="requiredStartDate">
							<el-date-picker
class="!w-260px" v-model="formData.requiredEndDate" type="date" value-format="x"
								placeholder="要求完成日期" disabled />
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="创建时间" prop="createTime">
							<el-date-picker
class="!w-260px" v-model="formData.createTime" type="date" value-format="x"
								placeholder="创建时间" disabled />
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="12">
						<el-form-item label="备注" prop="remark">
							<el-input type="textarea" v-model="formData.remark" :disabled="true" />
						</el-form-item>
					</el-col>
				</el-row>
			</el-card>
			<!-- 表格类信息 -->
			<el-card class="hl-card-info">
				<template #header>
					<div class="hl-card-info-icona"></div><span class="hl-card-info-text">派工明细</span>
				</template>
				<el-row>
					<el-col v-if=" (formData.dispatchStatus != 2 && active != 'detail')  || !detailDisabled">
						<el-button class="hl-addbutton" type="primary" size="large" @click="onAddItem">新增</el-button>
					</el-col>
					<el-col>
						<el-card class="hl-incard">
							<el-form
ref="subFormRef" :model="formData.taskDispatchDetails" :rules="subFormRules"
								v-loading="subFormLoading" label-width="0">
								<el-table :data="formData.taskDispatchDetails" class="hl-table">
									<el-table-column fixed label="序号" align="center" type="index" width="80" />
									<el-table-column fixed label="工序名称" align="center" prop="procedureId" width="180">
										<template #header> <span class="hl-table_header">*</span>工序名称</template>
										<template #default="{ row, $index }">
											<el-form-item :prop="`${$index}.procedureId`" :rules="subFormRules.procedureId" class="mb-0px!">
												<ProcedureSelect
:disabled="detailDisabled  || row.procedureStatus != 0"
													v-model="row.procedureId"
													@update:new-value="(val) => { handleSelectedProcedure(row, val); }" />
											</el-form-item>
										</template>
									</el-table-column>
									<el-table-column label="是否报工" prop="isReport" width="100">
										<template #default="scope">
											{{ getDictLabel(DICT_TYPE.HELI_COMMON_IS_OR_NOT, scope.row.isReport) }}
										</template>
									</el-table-column>
									<el-table-column label="顺序号" align="center" prop="sort" width="160">
										<template #default="{ row, $index }">
											<el-form-item :prop="`${$index}.sort`" :rules="subFormRules.sort" class="mb-0px!">
												<el-input-number
min="0" :precision="0" class="!w-240px"
													:disabled="detailDisabled || (row.beginProduce != 0  && row.procedureStatus != 0)" v-model="row.sort"
													placeholder="请输入顺序号" />
											</el-form-item>
										</template>
									</el-table-column>
									<el-table-column label="负责人" align="center" prop="owner" width="180">
										<template #header> <span class="hl-table_header">*</span>负责人</template>
										<template #default="{ row, $index }">
											<el-form-item :prop="`${$index}.owner`" :rules="subFormRules.owner" class="mb-0px!">
<!--												<UserSelect-->
<!--v-model="row.owner" :disabled="detailDisabled || row.procedureStatus != 0"-->
<!--													@update:new-value="handleSelectedUser($index, $event)" />-->
                        <el-select v-model="row.owner" :disabled="detailDisabled || (row.beginProduce != 0 && row.procedureStatus != 0)"  @update:new-value="handleSelectedUser($index, $event)">
                          <el-option
v-for="dict in userInit" :key="dict.id"
                                     :label="dict.username+' '+dict.nickname" :value="dict.id" />
                        </el-select>
											</el-form-item>
										</template>
									</el-table-column>
									<el-table-column label="预计开始时间" min-width="180">
										<template #header> <span class="hl-table_header">*</span>预计开始时间</template>
										<template #default="{ row, $index }">
											<el-form-item :prop="`${$index}.startTime`" :rules="subFormRules.startTime" class="mb-0px!">
												<el-date-picker
:disabled="detailDisabled " v-model="row.startTime"
													type="date" value-format="x" placeholder="选择预计开始日期" />
											</el-form-item>
										</template>
									</el-table-column>
									<el-table-column label="预计结束时间" min-width="180">
										<template #header> <span class="hl-table_header">*</span>预计结束时间</template>
										<template #default="{ row, $index }">
											<el-form-item :prop="`${$index}.endTime`" :rules="subFormRules.endTime" class="mb-0px!">
												<el-date-picker
:disabled="detailDisabled " v-model="row.endTime"
													type="date" value-format="x" placeholder="选择预计结束日期" />
											</el-form-item>
										</template>
									</el-table-column>
									<el-table-column label="预计工时" align="center" prop="workTime" width="180">
										<template #header> <span class="hl-table_header">*</span>预计工时</template>
										<template #default="{ row, $index }">
											<el-form-item :prop="`${$index}.workTime`" :rules="subFormRules.workTime" class="mb-0px!">
												<el-input-number
min="0" :precision="2" class="!w-240px"
													:disabled="detailDisabled" v-model="row.workTime"
													placeholder="请输入预计工时" />
											</el-form-item>
										</template>
									</el-table-column>
									<el-table-column label="派工数量" align="center" prop="amount" width="180">
										<template #header> <span class="hl-table_header">*</span>派工数量</template>
										<template #default="{ row, $index }">
											<el-form-item :prop="`${$index}.amount`" :rules="subFormRules.amount" class="mb-0px!">
												<el-input-number
						min="0" :max="formData.amount" :precision="0" class="!w-240px"
																			:disabled="detailDisabled" v-model="row.amount"
													placeholder="请输入派工数量" />
											</el-form-item>
										</template>
									</el-table-column>
                  <el-table-column label="制造设备" min-width="180" align="center">
                    <template #default="{ row, $index }">
                      <el-form-item :prop="`${$index}.deviceModel`" :rules="subFormRules.deviceModel" class="mb-0px!">
                        <EquipmentSelect
                          v-model="row.deviceModel"
                          @update:new-value="handleSelectedequip($index, $event)"
                          :disabled="detailDisabled || (row.beginProduce != 0 && row.procedureStatus != 0)" />
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column label="工序要点" prop="summary" min-width="160">
                    <template #default="{ row, $index }">
                      <el-form-item :prop="`${$index}.summary`" class="mb-0px!">
                        <el-input
                          :disabled="detailDisabled ||(row.beginProduce != 0 && row.procedureStatus != 0)" v-model="row.summary"
                          placeholder="请输入工序要点" />
                      </el-form-item>
                    </template>
                  </el-table-column>
									<el-table-column label="系统单位" align="center" prop="unit" width="120">
										<template #default>
											{{ getDictLabel(DICT_TYPE.HELI_MATERIAL_UNIT, formData.unit) }}
										</template>
									</el-table-column>
                  <el-table-column label="工序编号" prop="procedureCode" width="140" />
									<el-table-column fixed="right" label="操作" align="center" min-width="100">
										<template #default="scope">
											<el-button
v-if="'detail' != active && (scope.row.beginProduce == 0 && scope.row.procedureStatus == 0)" link type="danger"
												size="small" @click.prevent="onDeleteItem(scope.$index)">
												删除
											</el-button>
										</template>
									</el-table-column>
								</el-table>
							</el-form>
						</el-card>
					</el-col>
				</el-row>
			</el-card>

			<el-card class="hl-card-info">
				<template #header>
					<div class="hl-card-info-icona"></div><span class="hl-card-info-text">操作日志</span>
				</template>
				<el-row>
					<el-col>
						<el-card class="hl-incard">
							<el-table
:data="formData.operateLogs" class="hl-table"
								:style="{ height: formData.operateLogs && formData.operateLogs.length > 10 ? '450px' : '' }">
								<el-table-column prop="type" label="操作" align="center">
									<template #default="scope">
										{{ getDictLabel(DICT_TYPE.SYSTEM_OPERATE_TYPE, scope.row.type) }}
									</template>
								</el-table-column>
								<el-table-column prop="userNickname" label="操作人" align="center" />
								<el-table-column label="操作时间" align="center" prop="startTime" :formatter="dateFormatter" />
							</el-table>
						</el-card>
					</el-col>
				</el-row>
			</el-card>
		</el-form>
		<div class="hl-footer text-center">
			<el-button @click="goback" size="large">取 消</el-button>
			<el-button
v-if="active != 'detail' && formData.dispatchStatus == 1" @click="submitForm('SAVE')" type="primary"
				:disabled="formLoading" size="large">保 存</el-button>
			<el-button
v-if="active != 'detail' && formData.dispatchStatus == 1" @click="submitForm('SUBMIT')" type="success"
				:disabled="formLoading" size="large">提 交</el-button>
			<el-button
v-if="active != 'detail' && formData.dispatchStatus == 2" @click="submitForm('CANCEL_SUBMIT')"
				type="danger" :disabled="formLoading" size="large">取消提交</el-button>
			<el-button
v-if="formData.dispatchStatus == 2" @click="printHandle(formData.id)" :disabled="formLoading"
				size="large" type="primary">打印流程卡</el-button>
		</div>
		<div>
			<!-- 排产弹框 -->
			<el-dialog v-model="dialogTableVisible" title="dialogTitle" width="1000">
				<template #title>
					<div class="dialog-title">
						提示
					</div>
					<!-- 介绍文本 -->
					<p class="introduction-text">
						当前选择设备经过计算，无法满足当前填写预计日期范围的预计工时，请修改！
					</p>
				</template>
				<span v-if="taskDD">如下为当前设备的历史预计日期范围,含有在{{ formatDateT(taskDD) }}前后七天的排产日历如下：</span>
				<el-table :data="dataList">
					<el-table-column property="projectName" label="项目名称" width="150" />
					<el-table-column property="projectSubName" label="子项目名称" width="150" />
					<el-table-column label="预计开始日期" width="150">
						<template #default="scope">
							{{ formatDateT(scope.row.startTime) }}
						</template>
					</el-table-column>
					<el-table-column label="预计结束日期">
						<template #default="scope">
							{{ formatDateT(scope.row.endTime) }}
						</template>
					</el-table-column>
					<el-table-column property="workTime" label="预计工时" width="150" />
					<el-table-column property="maxLongTime" label="每日最大运行时长" width="200" />
				</el-table>
			</el-dialog>
						<!-------------取消提交弹框---------------->
						<el-dialog v-model="centerDialogVisible" title="提示" width="30%" center>
						<span>
							该派工单，存在报工完数据，是否继续？
						</span>
						<template #footer>
							<span class="dialog-footer">
								<el-button type="primary" @click="sureToCancle()">
									确认
								</el-button>
								<el-button @click="centerDialogVisible = false">取消</el-button>
							</span>
						</template>
					</el-dialog>
		</div>
	</el-card>

	<!-- 【打印发货单】 - 弹框-->
	<ProductProcessPrint ref="ProductProcessPrintRef" :info="dialogInfo" />
</template>
<script setup lang="ts">
import {
	getIntDictOptions,
	getStrDictOptions,
	DICT_TYPE,
	getDictLabel
} from '@/utils/dict'
import {
	dateFormatter,
	formatDate
} from "@/utils/formatTime";
import {
	ref,
	watch
} from "vue";
import * as TaskDispatchApi from '@/api/heli/taskdispatch'
import {
	inject
} from 'vue'
import {
	useUserStore
} from "@/store/modules/user";
import {
	useCommonStore
} from "@/store/modules/common";
import {
	getOperateLogPage
} from "@/api/system/operatelog";
import ProcedureSelect from "@/views/heli/hlvuestyle/procedureSelect.vue";
import UserSelect from '@/views/heli/hlvuestyle/userSelect.vue'
import EquipSelect from "@/views/heli/hlvuestyle/equipSelect.vue";
import EquipmentSelect from "@/views/heli/hlvuestyle/equipmentSelect.vue";
import ProductProcessPrint from "./ProductProcessPrint.vue";
import * as EquipManufactureApi from '@/api/heli/equipmanufacture';
import {
	ElDialog,
	ElTable,
	ElTableColumn,
	ElButton
} from 'element-plus';
import * as UserApi from "@/api/system/user";
import * as ProcedureApi from "@/api/heli/procedure";


defineOptions({
	name: 'TaskDispatchDetail'
})

const reload = inject('reload')
const {
	t
} = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const commonStore = useCommonStore()
const userStore = useUserStore()
const router = useRouter()

const active = toRef(commonStore.getStore('active'))
const currentId = toRef(commonStore.getStore('id'))
const dispatchType = toRef(commonStore.getStore("dispatchType"));


const formLoading = ref(false)
const dialogTitle = ref('')
const detailDisabled = ref(false)


const formatDateT = (timestamp) => {
	const date = new Date(timestamp);
	const year = date.getFullYear();
	const month = String(date.getMonth() + 1).padStart(2, '0');
	const day = String(date.getDate()).padStart(2, '0');
	return `${year}-${month}-${day}`; // 返回 YYYY-MM-DD 格式
}

const formData = ref({
	id: undefined,
	code: undefined,
	amount: undefined,
	projectSubAmount:undefined,
	dispatchType: undefined,
	taskId: undefined,
	planId: undefined,
	projectId: undefined,
	projectSubId: undefined,
	bomDetailId: undefined,
	dispatchStatus: undefined,
	remark: undefined,
	status: 1,
	taskDispatchDetails: [],
	operateLogs: [],
	active: undefined,
	activeOpinion: ''
})

const formRef = ref() // 表单 Ref
const subFormRef = ref()
const formRules = reactive({
	code: [{
		required: true,
		message: '单号不能为空',
		trigger: 'blur'
	}],
	planCode: [{
		required: true,
		message: '生产计划单号不能为空',
		trigger: 'blur'
	}],
	taskCode: [{
		required: true,
		message: '生产任务单号不能为空',
		trigger: 'blur'
	}],
	customerName: [{
		required: true,
		message: '客户名称不能为空',
		trigger: 'blur'
	}],
	projectCode: [{
		required: true,
		message: '项目编号不能为空',
		trigger: 'blur'
	}],
	projectName: [{
		required: true,
		message: '项目名称不能为空',
		trigger: 'blur'
	}],
	projectSubCode: [{
		required: true,
		message: '子项目编号不能为空',
		trigger: 'blur'
	}],
	projectSubName: [{
		required: true,
		message: '子项目名称不能为空',
		trigger: 'blur'
	}],
	projectEndTime: [{
		required: true,
		message: '项目结束日期不能为空',
		trigger: 'blur'
	}],
	materialName: [{
		required: true,
		message: '零件名称不能为空',
		trigger: 'blur'
	}],
	compositionName: [{
		required: true,
		message: '材质不能为空',
		trigger: 'blur'
	}],
	blueprintNo: [{
		required: true,
		message: '图号不能为空',
		trigger: 'blur'
	}],
	bomCode: [{
		required: true,
		message: 'BOM清单号不能为空',
		trigger: 'blur'
	}],
	amount: [{
		required: true,
		message: '数量不能为空',
		trigger: 'blur'
	}],
	unit: [{
		required: true,
		message: '单位不能为空',
		trigger: 'blur'
	}],
	ownerName: [{
		required: true,
		message: '任务负责人不能为空',
		trigger: 'blur'
	}],
	requiredCompletedDate: [{
		required: true,
		message: '要求完成时间不能为空',
		trigger: 'blur'
	}],
	requiredStartDate: [{
		required: true,
		message: '要求开始日期不能为空',
		trigger: 'blur'
	}],
	requiredEndDate: [{
		required: true,
		message: '要求完成日期不能为空',
		trigger: 'blur'
	}],
	dispatchStatus: [{
		required: true,
		message: '单据状态不能为空',
		trigger: 'blur'
	}],
	status: [{
		required: true,
		message: '状态,1表示正常，2表示禁用不能为空',
		trigger: 'blur'
	}],
})

const dataList = ref([]);
const dialogTableVisible = ref(false)
const taskDD = ref(null);
//let manufactuId = null;
//let maxLongtime = null;
const userInit = ref()
let watches = [];

// 清理所有监听器
const clearWatches = () => {
	watches.forEach(unwatch => unwatch());
	watches = []; // 重新初始化
};

watch(
	() => formData.value.taskDispatchDetails,
	(newDetails) => {
		// 检查 newDetails 是否为有效数组
		if (!Array.isArray(newDetails)) {
			return; // 直接返回，不继续执行
		}

		// 清除之前的监听器
		clearWatches()
		newDetails.forEach((detail, index) => {
			// 监听每个工序的预计工时
			const unwatch = watch(
				() => detail.workTime,
				(newWorkTime) => {
					if (typeof newWorkTime !== 'number') {
						console.warn(`第 ${index + 1} 行的预计工时不是有效数字: ${newWorkTime}`);
						return;
					}
					console.log(`第 ${index + 1} 行的预计工时变化为: ${newWorkTime}`);
					console.log("detail==", detail)
					if(detail.startTime){
						openDialogWT(detail);
					}
				}
			);
			watches.push(unwatch); // 存储当前的取消监听函数
		});
	}, {
	deep: true
} // 深度监听
);
const openDialogWT = async (dataParam) => {
	taskDD.value = null;
	taskDD.value = dataParam.startTime;
	const data = await TaskDispatchApi.getTaskDispatchDetailListByWorkTime(dataParam);
	//debugger
	dataList.value = [];
	if (data.total !== 0) {
		dataList.value = data.list; // 将获取到的数据存储到 dataList
		console.log("dataList.value==", dataList.value)
		dialogTableVisible.value = true; // 打开弹框
	} else {
		console.warn("没有获取到数据");
	}
};

/** 查询计算提示 */
const calculationPrompt = async (dataParam) => {
	formLoading.value = true;
	try {
		//debugger
		const data = await TaskDispatchApi.getTaskDispatchDetailListByWorkTime(dataParam);
		if (data.total != 0) {
			//如果data.total!=0也就是当data.list有数据的时候，去做个弹框在弹框中用列表展示data.lidt的数据
			console.log("data==", data.list);
		} else {
			console.warn("获取的数据中没有 maxlongtime");
		}
	} catch (error) {
		console.error("获取设备制造信息失败:", error);
	} finally {
		formLoading.value = false;
	}
}

// /** 查询每日最大运行时长 */
// const getEquipMfMaxlt = async () => {
//   formLoading.value = true;
//   try {
//     console.log("manufactuId==", manufactuId);
//     const data = await EquipManufactureApi.getEquipManufacture(manufactuId);

//     // 确保 data 和 maxlongtime 存在
//     if (data && typeof data.maxlongtime !== 'undefined') {
//       maxLongtime = data.maxlongtime;
//       console.log("maxLongtime==", maxLongtime);
//     } else {
//       console.warn("获取的数据中没有 maxlongtime");
//     }
//   } catch (error) {
//     console.error("获取设备制造信息失败:", error);
//   } finally {
//     formLoading.value = false;
//   }
// }

/** 重置表单 */
const resetForm = () => {
	formData.value = {
		id: undefined,
		code: undefined,
		amount: undefined,
		projectSubAmount:undefined,
		dispatchType: undefined,
		taskId: undefined,
		planId: undefined,
		projectId: undefined,
		projectSubId: undefined,
		bomDetailId: undefined,
		dispatchStatus: undefined,
		remark: undefined,
		status: 1,
		taskDispatchDetails: [],
		operateLogs: [],
		active: undefined,
		activeOpinion: ''
	}
	formRef.value?.resetFields()
}
const subFormLoading = ref(false) // 子表单的加载中
const subFormRules = reactive({
	procedureId: [{
		required: true,
		message: '工序不能为空',
		trigger: 'blur'
	}],
	owner: [{
		required: true,
		message: '负责人不能为空',
		trigger: 'blur'
	}],
	workTime: [{
		required: true,
		message: '预计工时不能为空',
		trigger: 'blur'
	}],
	amount: [{
		required: true,
		message: '派工数量不能为空',
		trigger: 'blur'
	}],
	startTime: [{
		required: true,
		message: '预计开始日期不能为空',
		trigger: 'blur'
	}],
	endTime: [{
		required: true,
		message: '预计结束日期不能为空',
		trigger: 'blur'
	}],
})

const queryData = async (id?: number) => {
	resetForm()
	// 修改时，设置数据
	if (id) {
		formLoading.value = true
		try {
			formData.value = await TaskDispatchApi.getTaskDispatch(id)
			formData.value.taskDispatchDetails = await TaskDispatchApi.getTaskDispatchDetailListByDispatchId(id)
      formData.value.bomCode = 'BOM-' + formData.value.projectSubCode
			if (formData.value.dispatchStatus == 2) {
				detailDisabled.value = true
			}

			// 操作日志
			let logParams = {
				pageNo: 1,
				pageSize: 99,
				businessId: id,
				businessType: 'TASK_DISPATCH'
			}
			formData.value.operateLogs = (await getOperateLogPage(logParams)).list
		} finally {
			formLoading.value = false
		}
	}
}
const centerDialogVisible = ref(false);
const isSureCancle = ref(false)
const sureToCancle = () =>{
	isSureCancle.value = true;
	centerDialogVisible.value = false;
	submitForm('CANCEL_SUBMIT');
}
const submitForm = async (operate) => {
	formData.value.active = operate
	// 校验子表单
	await subFormRef.value.validate()
	// 提交请求
	formLoading.value = true
	try {
		if(operate == 'CANCEL_SUBMIT'){
			//如果是取消提交
			 if(!isSureCancle.value){
				//如果没确认过//判断是否存在已报工完的派工
				 var hasOver =  await TaskDispatchApi.judgeHasOver(formData.value.id);
				 if(hasOver){
					centerDialogVisible.value = true;
					return;
				 }
			 }
		}
		isSureCancle.value  = false
		// 提交明细不能为空
		if (operate == 'SUBMIT') {
			if (!formData.value.taskDispatchDetails || formData.value.taskDispatchDetails.length == 0) {
				message.error('派工明细不能为空')
				return
			}
		}

    for (let i = 0; i < formData.value.taskDispatchDetails.length; i++) {
      let name
      if (formData.value.taskDispatchDetails[i].amount<formData.value.taskDispatchDetails[i].numAmount){
        for (let j = 0; j < procedureSelectList.value.list.length; j++) {
          if (procedureSelectList.value.list[j].id==formData.value.taskDispatchDetails[i].procedureId){
            name=procedureSelectList.value.list[j].name
            message.error("工序"+name+"")
            return
          }
        }
      }



    }
      for (let i = 0; i < formData.value.taskDispatchDetails.length-1; i++) {
      for (let j = i+1; j < formData.value.taskDispatchDetails.length; j++) {
        if (formData.value.taskDispatchDetails[i].sort==formData.value.taskDispatchDetails[j].sort){
          message.error("派工工序的顺序号重复,请确认！")
          return
        }
      }
    }
		const data = formData.value as unknown as TaskDispatchApi.TaskDispatchVO
		let dataId = await TaskDispatchApi.operateTaskDispatch(data)
		message.success(t('common.operationSuccess'))

		let jumpActive = 'update'
		if (operate == 'SUBMIT') {
			jumpActive = 'detail'
		}
		commonStore.setStore('active', jumpActive)
		commonStore.setStore('id', dataId)
		reload()
	} finally {
		formLoading.value = false
	}
}
const procedureSelectList = ref<ProcedureApi.ProcedureVO[]>([])
const queryParams = {
  pageNo: 1,
  pageSize: 10,
  code: undefined,
  name: undefined,
  description: undefined,
  status: 1,
  creator: undefined,
  createTime: [],
  updater: undefined,
  updateTime: [],
  deleted: undefined,
  tenantId: undefined,
  isReport: undefined,
  wid: undefined
}
/** 新增按钮操作 */
const onAddItem = () => {
	const row = {
		id: undefined,
		procedureId: undefined,
		sort: undefined,
		owner: undefined,
		workTime: undefined,
		amount: undefined,
		summary: undefined,
		status: 1,
		procedureStatus: 0,
		dispatchId: undefined,
	}
	row.amount = formData.value.projectSubAmount
	row.dispatchId = formData.value.id
	formData.value.taskDispatchDetails.push(row)
}

const goback = () => {
	router.back()
}

/** 删除子项操作 */
const onDeleteItem = async (index) => {
	let deletedItems = formData.value.taskDispatchDetails.splice(index, 1)
	let id = deletedItems[0].id
	if (id) await TaskDispatchApi.deleteTaskDispatchDetail(id)
	message.success(t('common.delSuccess'))
}

const handleSelectedProcedure = async (row: any, newValue: any) => {
	if (newValue) {
		row.procedureId = newValue.id
		row.procedureCode = newValue.code
		row.isReport = newValue.isReport
	} else {
		row.procedureId = undefined
		row.procedureCode = undefined
		row.isReport = undefined
	}
}

const handleSelectedUser = (currentIndex, newValue: any) => {
	formData.value.taskDispatchDetails[currentIndex].owner = newValue?.id
}

const handleSelectedequip = (currentIndex: number, newValue: any) => {
	formData.value.taskDispatchDetails[currentIndex].deviceModel = newValue?.id
}
const ProductProcessPrintRef = ref() // 打印弹框
const printHandle = (id) => {
	ProductProcessPrintRef.value.open(id)
}

onMounted(async () => {
	dialogTitle.value = t('action.' + active.value)
	if ('detail' == active.value) {
		detailDisabled.value = true
	}
  userInit.value = await UserApi.getDeptName("生产部")
	queryData(currentId.value)
  const data = await ProcedureApi.getProcedurePage(queryParams)
  procedureSelectList.value=data

})
</script>
<style scoped lang="less">
.dialog-title {
	font-size: 40px;
	/* 调整字体大小 */
	font-weight: bold;
	/* 加粗 */
	text-align: center;
	/* 居中对齐 */
	margin: 0;
	/* 去掉默认外边距 */
	margin-bottom: 5px;
	/* 如果需要，可以设置标题底部的间距 */
}

.introduction-text {
	margin: 0;
	/* 去掉默认的外边距 */
	padding: 0;
	/* 去掉内边距，如果有的话 */
}

.el-dialog {
	padding: 10px;
	/* 调整为合适的值 */
}
</style>