heli-mes/mes-ui/mes-ui-admin-vue3/src/views/heli/taskdispatch/detailDialog.vue
2025-01-15 13:44:13 +08:00

1348 lines
44 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<Dialog v-model="dialogVisible" :before-close="handleClose" title="编辑页" style="width: 70%">
<el-card class="hl-card">
<el-form ref="formRef" label-width="140px" :rules="formRules" :model="formData" v-loading="formLoading">
<!-- 基础信息 横向布局 -->
<el-card class="hl-card-info" v-if="formData.dispatchType == 'PRODUCTION'">
<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="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-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="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="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="blueprintNo">
<el-input class="!w-260px" v-model="formData.blueprintNo" :disabled="true" />
</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" 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.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="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>
<el-checkbox-group v-if="active != 'detail' && formData.dispatchStatus == 1 " v-model="checkList" @change="onAddItem()">
<el-checkbox label="下料" size="large" border />
<el-checkbox label="铣床" size="large" border />
<el-checkbox label="车床" size="large" border />
<el-checkbox label="热处理" size="large" border />
<el-checkbox label="磨床" size="large" border />
<el-checkbox label="线切割" size="large" border />
<el-checkbox label="数控" size="large" border />
<el-checkbox label="电火花" size="large" border />
<el-checkbox label="刻字" size="large" border />
<el-checkbox label="电焊" size="large" border />
<el-checkbox label="钻孔" size="large" border />
<el-checkbox label="装配" size="large" border />
</el-checkbox-group>
<!-- <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" height="250" >
<el-table-column fixed label="顺序号" align="center" prop="sort" width="145px" >
<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="true" v-model="row.sort"
placeholder="请输入顺序号" />
</el-form-item>
</template>
</el-table-column>
<el-table-column fixed label="工序名称" align="center" prop="procedureId" width="130">
<template #header> <span class="hl-table_header">*</span>工序名称</template>
<template #default="{ row }">
<!-- <el-select :disabled="detailDisabled || row.procedureStatus != 0" v-model="row.procedureId" placeholder="请选择工序" style="width: 115px"> -->
<el-select :disabled="true" v-model="row.procedureId" placeholder="请选择工序" style="width: 115px">
<el-option
v-for="item in procedureList"
:key="item.id"
:label="item.name"
:value="item.id"
@change="() =>{ { handleSelectedProcedure(row); }}"
/>
</el-select>
<!-- <el-form-item prop="row.procedureId :rules="subFormRules.procedureId" class="mb-0px!">
<el-option
v-for="item in procedureList"
:key="item.id"
:label="item.name"
:value="item.id"
@change="() =>{ { handleSelectedProcedure(row); }}"
/> -->
<!-- <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 fixed label="派工类型" align="center" prop="dispatchType" width="145px">
<template #header> <span class="hl-table_header">*</span>派工类型</template>
<template #default="{ row }">
<el-radio-group size="small" :disabled="detailDisabled || row.procedureStatus != 0" v-model="row.dispatchType" @change="()=>dispatchTypeHasChange(row)">
<el-radio-button :label="1">人员</el-radio-button>
<el-radio-button :label="2">岗位</el-radio-button>
</el-radio-group>
<!-- <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="负责人" align="center" prop="owner" width="135px">
<template #header> <span class="hl-table_header">*</span>负责人</template>
<template #default="{ row , $index}">
<el-form-item :prop="`${$index}.owner`" class="mb-0px!">
<el-select :disabled="detailDisabled || row.procedureStatus != 0" clearable filterable v-if="row.dispatchType==1 " v-model="row.owner" placeholder="请选择负责人" style="max-width: 110px">
<el-option
v-for="item in ownerList1"
:key="item.index"
:label="item.label"
:value="item.id"
/>
</el-select>
<el-select :disabled="detailDisabled || row.procedureStatus != 0" clearable filterable v-if="row.dispatchType==2 && (row.owner != '' && row.owner != null )" v-model="row.owner" placeholder="请选择岗位" style="max-width: 110px">
<el-option
v-for="item in ownerList1"
:key="item.index"
:label="item.label"
:value="item.id"
/>
</el-select>
<el-select :disabled="detailDisabled || row.procedureStatus != 0" clearable filterable v-if="row.dispatchType==2 && (row.owner == '' || row.owner == null)" v-model="row.postId" placeholder="请选择岗位" style="width: 110px">
<el-option
v-for="item in ownerList2"
:key="item.index"
:label="item.label"
:value="item.id"
/>
</el-select>
</el-form-item>
<!-- <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-form-item> -->
</template>
</el-table-column>
<el-table-column label="预计开始日期" min-width="170px">
<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 || row.procedureStatus != 0" v-model="row.startTime"
type="date" value-format="x" placeholder="选择预计开始日期" />
</el-form-item>
</template>
</el-table-column>
<el-table-column label="预计结束日期" min-width="170px">
<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 || row.procedureStatus != 0" 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="145px">
<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 || row.procedureStatus != 0" v-model="row.workTime"
placeholder="请输入预计工时" />
</el-form-item>
</template>
</el-table-column>
<el-table-column label="派工数量" align="center" prop="amount" width="145px">
<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 || row.procedureStatus != 0" 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.procedureStatus != 0" />
</el-form-item>
</template>
</el-table-column>
<el-table-column label="工序要点" prop="summary" min-width="130px">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.summary`" class="mb-0px!">
<el-input
:disabled="detailDisabled || row.procedureStatus != 0" v-model="row.summary"
placeholder="请输入工序要点" />
</el-form-item>
</template>
</el-table-column>
<el-table-column label="系统单位" align="center" prop="unit" width="70px">
<template #default>
{{ getDictLabel(DICT_TYPE.HELI_MATERIAL_UNIT, formData.unit) }}
</template>
</el-table-column>
<el-table-column label="是否报工" prop="isReport" width="70px">
<template #default="scope">
{{ getDictLabel(DICT_TYPE.HELI_COMMON_IS_OR_NOT, scope.row.isReport) }}
</template>
</el-table-column>
<el-table-column label="工序编号" prop="procedureCode" width="140" />
<el-table-column fixed="right" label="操作" align="center" min-width="90">
<template #default="scope">
<el-button
v-if="'detail' != active && scope.row.procedureStatus == 0" link type="danger"
size="small" @click.prevent="onDeleteItem(scope.row,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="handleClose" size="large">取 消</el-button>
<el-button v-if="showBefore == 0" @click="nextItem(1)" size="large" type="info">上一页</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>
<el-button v-if="showNext == 0" @click="nextItem(2)" size="large" type="info">下一页</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="Warning" width="30%" center>
<span>
该派工单,存在报工完数据,是否继续?
</span>
<template #footer>
<span class="dialog-footer">
<el-button @click="centerDialogVisible = false">取消</el-button>
<el-button type="primary" @click="sureToCancle()">
确认
</el-button>
</span>
</template>
</el-dialog>
</div>
</el-card>
<!-- 【打印发货单】 - 弹框-->
<ProductProcessPrint ref="ProductProcessPrintRef" :info="dialogInfo" />
</Dialog>
</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 * as ProcedureApi from '@/api/heli/procedure'
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 * as TaskdispatchApi from '@/api/heli/taskdispatch';
import {
ElDialog,
ElTable,
ElTableColumn,
ElButton
} from 'element-plus';
import { error } from 'console';
const centerDialogVisible = ref(false);
const queryParams = {
pageNo: 1,
pageSize: 99,
code: undefined,
name: undefined,
description: undefined,
status: 1,
creator: undefined,
createTime: [],
updater: undefined,
updateTime: [],
deleted: undefined,
tenantId: undefined,
isReport: undefined,
wid: undefined
}
defineOptions({
name: 'TaskDispatchDetail'
})
// const reload = inject('reload')
const {
t
} = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const commonStore = useCommonStore()
const userStore = useUserStore()
const router = useRouter()
const dialogVisible = ref(false) // 弹窗的是否展示
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,
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'
}],
dispatchType: [{
required: true,
message: '派工类型不能为空',
trigger: 'blur'
}],
owner: [{
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;
let watches = [];
// 清理所有监听器
const clearWatches = () => {
watches.forEach(unwatch => unwatch());
watches = []; // 重新初始化
};
const emit = defineEmits(['success'])
const handleClose = (done: () => void) => {
ElMessageBox.confirm('是否退出?')
.then(() => {
dialogVisible.value=false;
emit('success');
})
.catch(() => {
})
}
const dispatchTypeHasChange = (row) =>{
if(row.dispatchType == 1){
row.postId =''
} else{
row.owner = ''
row.postId = ownerList2.value[0].id;
}
}
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)
openDialogWT(detail);
}
);
watches.push(unwatch); // 存储当前的取消监听函数
});
}, {
deep: true
} // 深度监听
);
const openDialogWT = async (dataParam) => {
taskDD.value = null;
taskDD.value = dataParam.startTime;
console.log("taskDD==", taskDD)
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 procedureList = ref<ProcedureApi.ProcedureVO[]>([]) // 用户列表
const procedureSelectList = ref<ProcedureApi.ProcedureVO[]>([])
const tsk_id = ref(0);
const dispatchlist = ref([]);
//派工单查询参数
const dispatchParams = ref({})
const open = async (id ,actives,dispatchParamss,ownerId,taskCode) => {
showBefore.value = 0;
showNext.value = 0;
tsk_id.value = id;
dispatchParams.value = JSON.parse(JSON.stringify(dispatchParamss));
dispatchParams.value.ownerId = ownerId;
dispatchParams.value.taskCode = taskCode;
dispatchParams.value.id = id;
active.value = actives;
if ('detail' == actives) {
detailDisabled.value = true
}
queryData(id)
fetchAllProcedurePages();
dialogVisible.value = true;
};
const showNext = ref(0)
const showBefore = ref(0)
const nextItem = async (type) => {
dispatchParams.value.pageType = type;
try{
const data = await getTaskDispatchList()
dispatchlist.value = data;
if(dispatchlist.value != null){
tsk_id.value = dispatchlist.value[0].id;
dispatchParams.value.id = tsk_id.value;
if(dispatchlist.value.length == 2){
showBefore.value = 0;
showNext.value = 0;
}else{
if(type == 1){
showNext.value = 0;
showBefore.value = 1;
}else{
showNext.value = 1;
showBefore.value = 0;
}
}
}
queryData(tsk_id.value)
fetchAllProcedurePages();
}catch(error){
console.log(error);
}
console.log(tsk_id.value)
// tsk_id.value = id;
// if(type == 1){
// for(var i = 0 ; i <dispatchlist.value.length;i++){
// if((dispatchlist.value[i] as { id: any }).id== tsk_id.value){
// if(i-1>=0){
// tsk_id.value = (dispatchlist.value[i-1] as { id: any }).id;
// }
// if(i-1 == 0){
// showBefore.value =1
// }else{
// showBefore.value = 0;
// showNext.value = 0;
// }
// break;
// }
// }
// }else{
// for(var i = 0 ; i <dispatchlist.value.length;i++){
// if((dispatchlist.value[i] as { id: any }).id== tsk_id.value){
// if(i+1 < dispatchlist.value.length){
// tsk_id.value = (dispatchlist.value[i+1] as { id: any }).id;
// }
// if(i+1 == dispatchlist.value.length){
// showNext.value =1;
// }else{
// showNext.value = 0;
// showBefore.value = 0;
// }
// break;
// }
// }
// }
};
async function fetchAllProcedurePages() {
let allData = [];
let data = await ProcedureApi.getProcedurePage(queryParams);
var total = data.total;
allData.push(...data.list);
for (var i = 2; i<=(total/99)+1; i++) {
queryParams.pageNo = i;
let pageData = await ProcedureApi.getProcedurePage(queryParams);
allData.push(...pageData.list);
}
procedureList.value = allData;
procedureSelectList.value = allData;
}
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
/** 查询计算提示 */
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,
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({
procedureName: [{
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 postList = ref([])
const personList = ref([])
const ownerList1 = ref<OwnerListType[]>([]);
const ownerList2 = ref<OwnerListPostType[]>([]);
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)
checkList.value = [];
if(formData.value.taskDispatchDetails!=null){
formData.value.taskDispatchDetails.forEach(item=>{
procedureList.value.forEach(items =>{
if(items.id == item.procedureId){
checkList.value.push(items.name)
}
})
})
}
checkListTemp.value = checkList.value;
personList.value = await TaskDispatchApi.getOwnerList(formData.value.ownerId,1);
postList.value = await TaskDispatchApi.getOwnerList(formData.value.ownerId,2);
ownerList1.value = await getOwnerListThis ();
ownerList2.value = await getOwnerPostListThis ();
formData.value.bomCode = 'BOM-' + formData.value.projectSubCode
if (formData.value.dispatchStatus == 2) {
detailDisabled.value = true
}else{
detailDisabled.value = false
}
// 操作日志
let logParams = {
pageNo: 1,
pageSize: 99,
businessId: id,
businessType: 'TASK_DISPATCH'
}
formData.value.operateLogs = (await getOperateLogPage(logParams)).list
} finally {
formLoading.value = 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 == 'SUBMIT') {
// if (!formData.value.taskDispatchDetails || formData.value.taskDispatchDetails.length == 0) {
// message.error('派工明细不能为空')
// return
// }
// }
if(operate == 'CANCEL_SUBMIT'){
//如果是取消提交
if(!isSureCancle.value){
//如果没确认过//判断是否存在已报工完的派工
var hasOver = await TaskDispatchApi.judgeHasOver(formData.value.id);
if(hasOver){
centerDialogVisible.value = true;
return;
}
}
}
if(operate == 'SUBMIT'||operate == 'SAVE'){
if (!formData.value.taskDispatchDetails || formData.value.taskDispatchDetails.length == 0) {
message.error('派工明细不能为空')
return
}
var ownerIsNull = false;
for(var i = 0 ; i < formData.value.taskDispatchDetails.length ; i++){
if(formData.value.taskDispatchDetails[i].dispatchType ==2){
if( formData.value.taskDispatchDetails[i].postId == undefined || formData.value.taskDispatchDetails[i].postId == null ||formData.value.taskDispatchDetails[i].postId == ''){
message.error('请选择岗位!')
ownerIsNull = true;
break;
}
}else{
if( formData.value.taskDispatchDetails[i].owner == undefined || formData.value.taskDispatchDetails[i].owner == null ||formData.value.taskDispatchDetails[i].owner == ''){
message.error('请选择责任人!')
ownerIsNull = true;
break;
}
}
}
if(ownerIsNull){
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)
queryData(tsk_id.value);
} finally {
formLoading.value = false
}
}
const checkList = ref([])
const checkListTemp = ref([])
/** 新增按钮操作 */
const onAddItem = () => {
//取消勾选删除逻辑
//添加时,保留现有的
if(checkList.value!=null&&checkList.value.length>0){
checkList.value.forEach(item=>{
var hasProcedure = false ;
procedureList.value.forEach(items =>{
if(items.name == item){
hasProcedure = true;
}
})
if(hasProcedure == false){
checkList.value = checkListTemp.value;
message.error('工序基表中不含或已禁用'+item+'工序,请在工序基表中维护该工序')
return
}
})
checkListTemp.value = checkList.value;
var list = [];
var i = 1;
if(formData.value.taskDispatchDetails!=null){
formData.value.taskDispatchDetails.forEach(item=>{
if(item.id !=null){
i ++
list.push(item);
}
})
}
checkList.value.forEach(element => {
const row = {
id: undefined,
procedureId: 0 ,
dispatchType: ref(1),
sort: 0,
owner: undefined,
workTime: undefined,
amount: undefined,
summary: undefined,
status: 1,
procedureStatus: 0,
dispatchId: undefined,
procedureCode:'' ,
isReport:0 ,
}
// 遍历对象的键
// Object.keys(procedureList.value).forEach((key) => {
// con
// if(key == element){
// row.procedureId = procedureList.value[key];
// }
// });
procedureList.value.forEach(items =>{
if(items.name == element){
row.procedureId = items.id;
row.procedureCode = items.code
console.log(items);
if(items.isReport!= null){
row.isReport = items.isReport;
}
}
})
var add = true;
if(list != null){
for(var j = 0 ; j < list.length ; j ++){
if(list[j].id != null &&list[j].procedureId == row.procedureId){
add = false;
break;
}
}
}
if(add){
row.amount = formData.value.amount
row.dispatchId = formData.value.id
list.push(row)
row.sort = i;
i++;
}
});
formData.value.taskDispatchDetails = list;
}else{
formData.value.taskDispatchDetails = []
}
}
type OwnerListType = {
index: number;
id: number;
label: string;
};
type OwnerListPostType = {
index: number;
id: string;
label: string;
};
const getOwnerListThis = async (): Promise<OwnerListType[]> => {
let ownerList: OwnerListType[] = [];
if(personList.value!=null && personList.value.length >0){
personList.value.forEach((item, index) => {
let key = Object.keys(item)[0];
let value = item[key] as string;
ownerList.push({ index: index + 1, id: Number(key), label: value });
});
}
return ownerList
}
const getOwnerPostListThis = async (): Promise<OwnerListPostType[]> => {
let ownerList1: OwnerListPostType[] = [];
if(postList.value!=null &&postList.value.length>0){
postList.value.forEach((item, index) => {
let key = Object.keys(item)[0];
let value = item[key] as string;
ownerList1.push({ index: index + 1, id: key, label: value });
});
}
return ownerList1;
};
const goback = () => {
router.back()
}
// let deletedItems = formData.value.taskDispatchDetails.splice(index, 1)
var listdetail = ref([]);
/** 删除子项操作 */
const onDeleteItem = async (row,index) => {
var list = [];
listdetail.value = [];
var indexs = 1;
for(var i = 0 ; i < formData.value.taskDispatchDetails.length ; i++){
if(i != index){
formData.value.taskDispatchDetails[i].sort = indexs;
indexs++;
listdetail.value.push(formData.value.taskDispatchDetails[i]);
}
}
formData.value.taskDispatchDetails = listdetail.value;
for(var i = 0 ; i < checkList.value.length ; i++){
if(i != index){
list.push(checkList.value[i]);
}
}
checkList.value = list;
checkListTemp.value = checkList.value;
let id = row.id
if (id) await TaskDispatchApi.deleteTaskDispatchDetail(id)
message.success(t('common.delSuccess'))
}
const handleSelectedProcedure = async (row: any) => {
console.log(row);
if (row) {
procedureList.value.forEach(element => {
if(row.procedureId == element.id){
row.procedureCode = element.code
row.isReport = element.isReport
}
});
// row.procedureId = newValue.id
// row.procedureCode = newValue.code
// row.isReport = newValue.isReport
} else {
row.procedureId = undefined
row.procedureCode = undefined
row.isReport = undefined
}
}
const totalTaskDispatch = ref(0) // 派工列表的总页数
const getTaskDispatchList = async () => {
try {
const data = await TaskDispatchApi.getTaskDispatchPage(dispatchParams.value)
return data.list;
// list.value = data.list
// total.value = data.total
} finally {
}
}
// const handleSelectedProcedure = async (row: any, newValue: any) => {
// console.log(newValue);
// 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(() => {
// dialogTitle.value = t('action.' + active.value)
// if ('detail' == active.value) {
// detailDisabled.value = true
// }
// queryData(currentId.value)
// })
</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>