<template>
|
<el-dialog
|
v-model="dialogVisible"
|
title="工序排产"
|
width="1200px"
|
:close-on-click-modal="false"
|
@close="handleClose"
|
>
|
<div class="empty-table">
|
<el-row :gutter="10">
|
<el-col :span="2">
|
<el-button type="primary" @click="addNewRow">
|
<el-icon>
|
<Plus/>
|
</el-icon>
|
新增
|
</el-button>
|
</el-col>
|
<el-col :span="4">
|
<div style="font-size: 16px;">待排产数量：{{productionQuantity}}</div>
|
</el-col>
|
<!-- <el-col :span="2">
|
<el-button type="danger" @click="clearAllRows">
|
<el-icon>
|
<Delete />
|
</el-icon>
|
清空
|
</el-button>
|
</el-col> -->
|
</el-row>
|
<ProductionDetailsTable
|
v-model="detailsTableData"
|
:border="false"
|
:show-operations="dialogType !== 'viewRow'"
|
:auto-calculate="true"
|
@input-change="handleDetailsChange"
|
@delete-row="handleDeleteRow"
|
:dialogType="dialogType"
|
/>
|
</div>
|
|
<template #footer>
|
<div class="dialog-footer">
|
<el-button
|
@click="handleClose"
|
>{{ dialogType === 'viewRow' ? '关 闭' : '取 消' }}
|
</el-button
|
>
|
<!-- <el-button @click="handleReset" v-if="dialogType === 'edit'"
|
>重 置</el-button
|
> -->
|
<el-button
|
v-if="dialogType !== 'viewRow'"
|
type="primary"
|
:loading="loading"
|
@click="handleSubmit"
|
>确 定
|
</el-button
|
>
|
</div>
|
</template>
|
</el-dialog>
|
<el-dialog
|
v-model="innerVisible"
|
width="1000"
|
title="选择配置数据"
|
center
|
append-to-body
|
>
|
<div style="margin-bottom: 10px">
|
<el-alert
|
v-if="tableData.length > 0"
|
:title="`当前已选择 ${tableData.length} 条数据`"
|
type="info"
|
:closable="false"
|
show-icon
|
/>
|
</div>
|
<ETable
|
:showIndex="false"
|
:showOverflowTooltip="false"
|
@selection-change="handleSelectionChange"
|
:showOperations="false"
|
ref="etableRef"
|
:tableData="formalDatabaseData"
|
:defaultSelectedIds="selectedIds"
|
:rowKey="'id'"
|
height="400"
|
@cell-edit="handleCellEdit"
|
:show-selection="true"
|
/>
|
<el-row :gutter="24" style="margin-top: 15px">
|
<el-col :span="12">
|
<el-text type="info">
|
已选择 {{ formalDatabaseSelectedData.length }} 条数据
|
</el-text>
|
</el-col>
|
<el-col :span="12" style="text-align: right">
|
<el-button @click="innerVisible = false">取消</el-button>
|
<el-button
|
type="primary"
|
@click="handleSelectData"
|
:disabled="formalDatabaseSelectedData.length === 0"
|
>
|
确定添加
|
</el-button>
|
</el-col>
|
</el-row>
|
</el-dialog>
|
</template>
|
|
<script setup>
|
import {ref, reactive, watch, onMounted, nextTick, computed} from "vue";
|
import ETable from "@/components/Table/ETable.vue";
|
import ETableModify from "@/components/Table/EtableModify.vue";
|
import ProductionDetailsTable from "./ProductionDetailsTable.vue";
|
import {ElMessage, ElMessageBox, ElAlert, ElText} from "element-plus";
|
import {Delete, Warning, Plus} from "@element-plus/icons-vue";
|
import {validateFormData, validateNumber, deepClone, createDefaultProductionRow} from "@/utils/production";
|
import {useCoalData} from "./useCoalData";
|
import useUserStore from "@/store/modules/user";
|
import {addProductionScheduling} from '@/api/productionScheduling/index'
|
|
// Props 和 Emits
|
const props = defineProps({
|
visible: {type: Boolean, default: false},
|
type: {type: String, default: "add"},
|
rowData: {type: Object, default: () => ({})},
|
});
|
|
const dialogVisible = defineModel("visible", {type: Boolean, default: false});
|
const emit = defineEmits(["update:visible", "success", "update:productionAndProcessing"]);
|
|
// 用户信息和煤种数据
|
const userStore = useUserStore();
|
const {getCoalNameById} = useCoalData();
|
let userInfo;
|
|
// 对话框状态
|
const innerVisible = ref(false);
|
const dialogType = ref("add");
|
const loading = ref(false);
|
const etableRef = ref(null);
|
|
// 数据状态
|
const tableData = ref([]);
|
const detailsTableData = ref([]);
|
const formalDatabaseData = ref([]);
|
const formalDatabaseSelectedData = ref([]);
|
const selectedIds = ref([]);
|
const currentRow = ref(null);
|
const copyForm = ref(null);
|
const coalList = ref([])
|
const supplierList = ref([]);
|
const productionQuantity = ref(0);
|
|
// 工具函数
|
const debugIdMatching = () => {
|
if (formalDatabaseData.value.length > 0 && selectedIds.value.length > 0) {
|
const matchedRows = formalDatabaseData.value.filter((row) =>
|
selectedIds.value.includes(row.id)
|
);
|
}
|
};
|
|
const handleRowClick = (row) => {
|
currentRow.value = row;
|
};
|
|
// 手动设置表格选中状态
|
const setTableSelection = (ids) => {
|
if (!etableRef.value || !Array.isArray(ids) || ids.length === 0) {
|
return;
|
}
|
|
nextTick(() => {
|
setTimeout(() => {
|
try {
|
etableRef.value.clearSelection();
|
const rowsToSelect = formalDatabaseData.value.filter((row) =>
|
ids.includes(row.id)
|
);
|
if (rowsToSelect.length > 0) {
|
etableRef.value.setRowsSelection(rowsToSelect, true);
|
}
|
} catch (error) {
|
}
|
}, 150);
|
});
|
};
|
|
// 初始化和编辑初始化
|
const Initialization = async () => {
|
tableData.value = [];
|
detailsTableData.value = [];
|
copyForm.value = null;
|
dialogType.value = "add";
|
|
};
|
|
const editInitialization = async (type, data) => {
|
productionQuantity.value = data.productionQuantity;
|
copyForm.value = deepClone(data);
|
tableData.value = data.productionInventoryList || [];
|
detailsTableData.value = data.productionList || [];
|
dialogType.value = type;
|
const existingOfficialIds = tableData.value
|
.map((item) => item.officialId)
|
.filter((id) => id);
|
selectedIds.value = existingOfficialIds;
|
|
};
|
// 监听对话框状态，在打开时设置选中状态
|
watch(innerVisible, (newVal) => {
|
if (newVal && selectedIds.value.length > 0) {
|
setTimeout(() => setTableSelection(selectedIds.value), 200);
|
}
|
// 对话框关闭时清空选择状态
|
if (!newVal) {
|
formalDatabaseSelectedData.value = [];
|
}
|
});
|
|
defineExpose({
|
Initialization,
|
editInitialization,
|
});
|
const handleSelectData = (row) => {
|
tableData.value = [];
|
if (!innerVisible.value) return;
|
const selectedData = formalDatabaseSelectedData.value;
|
if (selectedData.length === 0) {
|
ElMessage.warning("请至少选择一条数据");
|
return;
|
}
|
let addedCount = 0;
|
let duplicateCount = 0;
|
selectedData.forEach((item) => {
|
const newItem = {
|
...item, // 复制所有原始数据
|
officialId: item.id, // 保存原始的id作为officialId
|
usedQuantity: 0, // 初始使用数量为0
|
// 可以根据需要添加其他字段
|
};
|
tableData.value.push(newItem);
|
addedCount++;
|
});
|
|
// 更新selectedIds，确保包含所有当前tableData中的officialId
|
const allOfficialIds = tableData.value
|
.map((item) => item.officialId)
|
.filter((id) => id);
|
selectedIds.value = allOfficialIds;
|
|
// 关闭选择对话框
|
innerVisible.value = false;
|
|
// 显示结果消息
|
let message = "";
|
if (addedCount > 0) {
|
message += `成功添加 ${addedCount} 条数据`;
|
}
|
if (duplicateCount > 0) {
|
message += (message ? "，" : "") + `跳过 ${duplicateCount} 条重复数据`;
|
}
|
if (message) {
|
ElMessage.success(message);
|
} else {
|
ElMessage.info("没有新数据被添加");
|
}
|
};
|
const handleSelectionChange = (selection) => {
|
formalDatabaseSelectedData.value = selection;
|
};
|
// 提交表单 - 使用工具函数验证
|
const handleSubmit = async () => {
|
// 验证生产明细数据
|
const detailsValidation = validateFormData(detailsTableData.value, [
|
"process",
|
"unit",
|
"schedulingNum",
|
"workHours",
|
"schedulingDate",
|
"schedulingUserId"
|
]);
|
|
if (!detailsValidation.isValid) {
|
ElMessage.warning(detailsValidation.message);
|
return;
|
}
|
let num = 0;
|
detailsTableData.value.forEach((row) => {
|
num += row.schedulingNum
|
})
|
if(productionQuantity.value < num){
|
ElMessage.warning("待排产数量不能小于生产明细数量")
|
}
|
console.log(copyForm.value)
|
detailsTableData.value.forEach((row) => {
|
row.type = copyForm.value.type
|
row.productionId = copyForm.value.id
|
row.coalId = copyForm.value.coalId
|
})
|
detailsTableData.value[0].productionQuantity = copyForm.value.productionQuantity
|
try{
|
const res = await addProductionScheduling(detailsTableData.value)
|
if (res.code === 200) {
|
dialogVisible.value = false;
|
emit("success");
|
} else {
|
ElMessage.error("提交失败");
|
}
|
}catch (error){
|
ElMessage.error("提交失败，请重试");
|
}
|
};
|
// 关闭弹窗
|
const handleClose = () => {
|
dialogVisible.value = false;
|
};
|
|
// 使用数量验证 - 使用工具函数
|
const handleCellEdit = (row, prop, value) => {
|
if (prop === "usedQuantity") {
|
const validation = validateNumber(value, 0, Number(row.inventoryQuantity));
|
|
if (!validation.isValid) {
|
ElMessage.warning(validation.message);
|
row.usedQuantity = validation.value;
|
return;
|
}
|
|
row.usedQuantity = validation.value;
|
}
|
};
|
|
// 处理生产明细表格的操作 - 使用工具函数
|
const addNewRow = () => {
|
const newRow = createDefaultProductionRow(userInfo);
|
detailsTableData.value.push(newRow);
|
};
|
|
// 重置数据 - 使用深拷贝
|
const handleReset = () => {
|
if (copyForm.value) {
|
tableData.value = deepClone(copyForm.value.productionInventoryList) || [];
|
detailsTableData.value = deepClone(copyForm.value.productionList) || [];
|
}
|
};
|
|
// 获取用户信息并加载基础数据
|
onMounted(async () => {
|
try {
|
userInfo = await userStore.getInfo();
|
} catch (error) {
|
ElMessage.error("初始化失败，请重试");
|
}
|
});
|
|
// 简化的事件处理函数
|
const handleDetailsChange = (data) => {
|
};
|
|
const handleDeleteRow = (index) => {
|
ElMessage.success(`已删除第 ${index + 1} 行数据`);
|
};
|
|
// 删除单个已选数据项
|
const handleRemoveItem = (row) => {
|
const index = tableData.value.findIndex(
|
(item) => item.officialId === row.officialId
|
);
|
if (index > -1) {
|
tableData.value.splice(index, 1);
|
|
// 更新selectedIds
|
const updatedOfficialIds = tableData.value
|
.map((item) => item.officialId)
|
.filter((id) => id);
|
selectedIds.value = updatedOfficialIds;
|
ElMessage.success("已删除选中项");
|
}
|
};
|
|
|
// 计算总使用量
|
const totalUsedQuantity = computed(() => {
|
return tableData.value.reduce((total, item) => {
|
const usedQty = Number(item.usedQuantity) || 0;
|
return total + usedQty;
|
}, 0);
|
});
|
</script>
|
|
<style scoped lang="scss">
|
.el-form {
|
.el-row {
|
padding-top: 20px;
|
background: rgba($color: #f8fafb, $alpha: 0.5);
|
}
|
}
|
|
.el-row > .el-col > h1 {
|
font-weight: bolder;
|
}
|
|
.empty-table > .el-row {
|
margin-bottom: 12px;
|
}
|
</style>
|
