|
|
<template>
|
|
|
<div class="sales-order-scheduling">
|
|
|
<el-card class="mb-4">
|
|
|
<template #header>
|
|
|
<div class="flex justify-between items-center">
|
|
|
<span>销售订单排产</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<!-- 搜索区域 -->
|
|
|
<el-form :inline="true" :model="searchForm" class="mb-4">
|
|
|
<el-form-item label="订单编号">
|
|
|
<el-input v-model="searchForm.orderNo" placeholder="请输入订单编号" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="交货日期">
|
|
|
<el-date-picker
|
|
|
v-model="searchForm.deliveryDate"
|
|
|
type="daterange"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始日期"
|
|
|
end-placeholder="结束日期"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="优先级">
|
|
|
<el-select v-model="searchForm.priority" placeholder="请选择优先级">
|
|
|
<el-option label="紧急" value="urgent" />
|
|
|
<el-option label="普通" value="normal" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="状态">
|
|
|
<el-select v-model="searchForm.status" placeholder="请选择状态">
|
|
|
<el-option label="待排产" value="pending" />
|
|
|
<el-option label="排产中" value="processing" />
|
|
|
<el-option label="已完成" value="completed" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="handleSearch">查询</el-button>
|
|
|
<el-button @click="resetSearch">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
<!-- 订单列表 -->
|
|
|
<el-table
|
|
|
:data="sortedOrderList"
|
|
|
border
|
|
|
style="width: 100%"
|
|
|
@sort-change="handleSortChange"
|
|
|
>
|
|
|
<el-table-column prop="saleorder_code" label="订单编号" width="180" sortable="custom" />
|
|
|
<el-table-column prop="material_name" label="物料名称" width="180" />
|
|
|
<el-table-column prop="material_code" label="物料编码" width="120" />
|
|
|
<el-table-column prop="material_model" label="规格型号" width="120" />
|
|
|
<el-table-column prop="order_amount" label="订单数量" width="120" sortable="custom" />
|
|
|
<el-table-column prop="complete_amount" label="完成数量" width="120" />
|
|
|
<el-table-column prop="release_qty" label="下达数量" width="120" />
|
|
|
<el-table-column prop="plan_delivery_date" label="计划交货日期" width="180" sortable="custom" />
|
|
|
<el-table-column prop="priority" label="优先级" width="120">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag :type="getPriorityType(row.priority)">
|
|
|
{{ getPriorityText(row.priority) }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="document_status" label="状态" width="120">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag :type="getStatusType(row.document_status)">
|
|
|
{{ getStatusText(row.document_status) }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="create_time" label="创建时间" width="180" sortable="custom" />
|
|
|
<el-table-column label="操作" width="200" fixed="right">
|
|
|
<template #default="{ row }">
|
|
|
<el-button type="primary" link @click="handleViewBom(row)">查看BOM</el-button>
|
|
|
<el-button
|
|
|
v-if="row.document_status === 'pending'"
|
|
|
type="primary"
|
|
|
link
|
|
|
@click="handleSchedule(row)"
|
|
|
>排产</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
|
|
|
<!-- 分页 -->
|
|
|
<div class="flex justify-end mt-4">
|
|
|
<el-pagination
|
|
|
v-model:current-page="currentPage"
|
|
|
v-model:page-size="pageSize"
|
|
|
:total="total"
|
|
|
:page-sizes="[10, 20, 50, 100]"
|
|
|
layout="total, sizes, prev, pager, next"
|
|
|
@size-change="handleSizeChange"
|
|
|
@current-change="handleCurrentChange"
|
|
|
/>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
|
|
|
<!-- BOM分解弹窗 -->
|
|
|
<el-dialog
|
|
|
v-model="bomDialogVisible"
|
|
|
title="BOM分解结果"
|
|
|
width="90%"
|
|
|
>
|
|
|
<div class="bom-container">
|
|
|
<!-- 订单信息 -->
|
|
|
<div class="bom-header mb-4">
|
|
|
<el-descriptions :column="4" border>
|
|
|
<el-descriptions-item label="订单编号">{{ currentOrder?.saleorder_code }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="物料名称">{{ currentOrder?.material_name }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="订单数量">{{ currentOrder?.order_amount }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="计划交货日期">{{ currentOrder?.plan_delivery_date }}</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
</div>
|
|
|
|
|
|
<!-- BOM树 -->
|
|
|
<el-table
|
|
|
:data="flattenedBomData"
|
|
|
border
|
|
|
style="width: 100%"
|
|
|
row-key="id"
|
|
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
|
|
>
|
|
|
<el-table-column prop="materialName" label="物料名称" min-width="200">
|
|
|
<template #default="{ row }">
|
|
|
<span :style="{ paddingLeft: row.level * 20 + 'px' }">
|
|
|
{{ row.level > 0 ? '└─ ' : '' }}{{ row.materialName }}
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="materialCode" label="物料编码" width="120" />
|
|
|
<el-table-column prop="unit" label="单位" width="80" />
|
|
|
<el-table-column prop="bomRatio" label="BOM用量系数" width="120">
|
|
|
<template #default="{ row }">
|
|
|
{{ row.bomRatio }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="requiredAmount" label="需求数量" width="120">
|
|
|
<template #default="{ row }">
|
|
|
{{ row.requiredAmount }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="inventoryAmount" label="当前库存" width="120">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag :type="row.inventoryAmount >= row.requiredAmount ? 'success' : 'warning'">
|
|
|
{{ row.inventoryAmount }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="inTransitAmount" label="在途库存" width="120">
|
|
|
<template #default="{ row }">
|
|
|
{{ row.inTransitAmount }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="netRequiredAmount" label="净需求" width="120">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag :type="row.netRequiredAmount > 0 ? 'danger' : 'success'">
|
|
|
{{ row.netRequiredAmount }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="status" label="状态" width="120">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag :type="getBomStatusType(row)">
|
|
|
{{ getBomStatusText(row) }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
|
|
|
<!-- 排产弹窗 -->
|
|
|
<el-dialog
|
|
|
v-model="scheduleDialogVisible"
|
|
|
title="生产计划排产"
|
|
|
width="90%"
|
|
|
>
|
|
|
<div class="schedule-container">
|
|
|
<!-- 订单信息 -->
|
|
|
<div class="schedule-header mb-4">
|
|
|
<el-descriptions :column="4" border>
|
|
|
<el-descriptions-item label="订单编号">{{ currentOrder?.saleorder_code }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="物料名称">{{ currentOrder?.material_name }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="订单数量">{{ currentOrder?.order_amount }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="计划交货日期">{{ currentOrder?.plan_delivery_date }}</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
</div>
|
|
|
|
|
|
<!-- 排产表单 -->
|
|
|
<el-form :model="scheduleForm" label-width="120px" class="mb-4">
|
|
|
<el-form-item label="排产类型">
|
|
|
<el-radio-group v-model="scheduleForm.scheduleType" @change="handleScheduleTypeChange">
|
|
|
<el-radio label="auto">自动排产</el-radio>
|
|
|
<el-radio label="manual">手动排产</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
<!-- BOM物料排产列表 -->
|
|
|
<div class="schedule-bom-list">
|
|
|
<h3 class="mb-2">BOM物料排产</h3>
|
|
|
<el-table :data="scheduleBomList" border style="width: 100%">
|
|
|
<el-table-column prop="materialName" label="物料名称" min-width="200">
|
|
|
<template #default="{ row }">
|
|
|
<span :style="{ paddingLeft: row.level * 20 + 'px' }">
|
|
|
{{ row.level > 0 ? '└─ ' : '' }}{{ row.materialName }}
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="materialCode" label="物料编码" width="120" />
|
|
|
<el-table-column prop="unit" label="单位" width="80" />
|
|
|
<el-table-column prop="bomRatio" label="BOM用量系数" width="120" />
|
|
|
<el-table-column prop="netRequiredAmount" label="净需求" width="120">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag :type="row.netRequiredAmount > 0 ? 'danger' : 'success'">
|
|
|
{{ row.netRequiredAmount }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="计划生产数量" width="150">
|
|
|
<template #default="{ row }">
|
|
|
<el-input-number
|
|
|
v-model="row.planAmount"
|
|
|
:min="0"
|
|
|
:max="row.netRequiredAmount"
|
|
|
:step="1"
|
|
|
@change="handlePlanAmountChange(row)"
|
|
|
/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="计划开始时间" width="180">
|
|
|
<template #default="{ row }">
|
|
|
<el-date-picker
|
|
|
v-model="row.planStartDate"
|
|
|
type="datetime"
|
|
|
placeholder="选择开始时间"
|
|
|
@change="handleStartDateChange(row)"
|
|
|
/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="计划结束时间" width="180">
|
|
|
<template #default="{ row }">
|
|
|
<el-date-picker
|
|
|
v-model="row.planEndDate"
|
|
|
type="datetime"
|
|
|
placeholder="选择结束时间"
|
|
|
:disabled-date="(time) => time < row.planStartDate"
|
|
|
/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="生产车间" width="150">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag :type="getWorkshopTagType(row.workshop)">
|
|
|
{{ getWorkshopName(row.workshop) }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
<el-button @click="scheduleDialogVisible = false">取消</el-button>
|
|
|
<el-button type="primary" @click="handleConfirmSchedule">确认排产</el-button>
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup name="salesOrderScheduling" lang="ts">
|
|
|
import { ref, computed, onMounted } from 'vue'
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
|
|
// 搜索表单
|
|
|
const searchForm = ref({
|
|
|
orderNo: '',
|
|
|
deliveryDate: [],
|
|
|
priority: '',
|
|
|
status: ''
|
|
|
})
|
|
|
|
|
|
// 排序配置
|
|
|
const sortConfig = ref({
|
|
|
prop: 'planDeliveryDate',
|
|
|
order: 'ascending'
|
|
|
})
|
|
|
|
|
|
// BOM数据结构
|
|
|
interface BomItem {
|
|
|
id: string
|
|
|
materialName: string
|
|
|
materialCode: string
|
|
|
unit: string
|
|
|
bomRatio: number
|
|
|
requiredAmount: number
|
|
|
inventoryAmount: number
|
|
|
inTransitAmount: number
|
|
|
netRequiredAmount: number
|
|
|
level: number
|
|
|
children?: BomItem[]
|
|
|
planAmount?: number
|
|
|
workshop?: string
|
|
|
planStartDate?: string | Date
|
|
|
planEndDate?: string | Date
|
|
|
}
|
|
|
|
|
|
// 订单数据结构
|
|
|
interface SaleOrder {
|
|
|
sale_order_id: number
|
|
|
saleorder_code: string
|
|
|
material_id: number
|
|
|
material_code: string
|
|
|
material_name: string
|
|
|
material_model: string
|
|
|
order_amount: number
|
|
|
complete_amount: number
|
|
|
release_qty: number
|
|
|
plan_delivery_date: string
|
|
|
priority: number
|
|
|
document_status: string
|
|
|
create_time: string
|
|
|
remark: string
|
|
|
}
|
|
|
|
|
|
// 生产计划数据结构
|
|
|
interface ProductionPlan {
|
|
|
orderId: number
|
|
|
orderNo: string
|
|
|
materialId: number
|
|
|
materialName: string
|
|
|
orderAmount: number
|
|
|
planDeliveryDate: string
|
|
|
priority: number
|
|
|
bomItems: BomItem[]
|
|
|
}
|
|
|
|
|
|
// 订单列表数据
|
|
|
const orderList = ref<SaleOrder[]>([
|
|
|
{
|
|
|
sale_order_id: 1,
|
|
|
saleorder_code: 'SO20240301001',
|
|
|
material_id: 1001,
|
|
|
material_code: 'TYRE-A',
|
|
|
material_name: '轮胎成品A',
|
|
|
material_model: '205/55R16',
|
|
|
order_amount: 100,
|
|
|
complete_amount: 0,
|
|
|
release_qty: 0,
|
|
|
plan_delivery_date: '2024-03-15',
|
|
|
priority: 1,
|
|
|
document_status: 'pending',
|
|
|
create_time: '2024-03-01 10:00:00',
|
|
|
remark: '加急订单'
|
|
|
},
|
|
|
{
|
|
|
sale_order_id: 2,
|
|
|
saleorder_code: 'SO20240301002',
|
|
|
material_id: 1002,
|
|
|
material_code: 'TYRE-B',
|
|
|
material_name: '轮胎成品B',
|
|
|
material_model: '215/55R17',
|
|
|
order_amount: 200,
|
|
|
complete_amount: 50,
|
|
|
release_qty: 100,
|
|
|
plan_delivery_date: '2024-03-20',
|
|
|
priority: 2,
|
|
|
document_status: 'processing',
|
|
|
create_time: '2024-03-01 11:00:00',
|
|
|
remark: '常规订单'
|
|
|
},
|
|
|
{
|
|
|
sale_order_id: 3,
|
|
|
saleorder_code: 'SO20240301003',
|
|
|
material_id: 1003,
|
|
|
material_code: 'TYRE-C',
|
|
|
material_name: '轮胎成品C',
|
|
|
material_model: '225/55R18',
|
|
|
order_amount: 150,
|
|
|
complete_amount: 150,
|
|
|
release_qty: 150,
|
|
|
plan_delivery_date: '2024-03-25',
|
|
|
priority: 2,
|
|
|
document_status: 'completed',
|
|
|
create_time: '2024-03-01 12:00:00',
|
|
|
remark: '常规订单'
|
|
|
}
|
|
|
])
|
|
|
|
|
|
// 计算排序后的订单列表
|
|
|
const sortedOrderList = computed(() => {
|
|
|
let result = [...orderList.value]
|
|
|
|
|
|
// 优先级排序
|
|
|
result.sort((a, b) => {
|
|
|
return a.priority - b.priority
|
|
|
})
|
|
|
|
|
|
// 交货日期排序
|
|
|
if (sortConfig.value.prop === 'plan_delivery_date') {
|
|
|
result.sort((a, b) => {
|
|
|
const dateA = new Date(a.plan_delivery_date).getTime()
|
|
|
const dateB = new Date(b.plan_delivery_date).getTime()
|
|
|
return sortConfig.value.order === 'ascending'
|
|
|
? dateA - dateB
|
|
|
: dateB - dateA
|
|
|
})
|
|
|
}
|
|
|
|
|
|
// 订单数量排序
|
|
|
if (sortConfig.value.prop === 'order_amount') {
|
|
|
result.sort((a, b) => {
|
|
|
return sortConfig.value.order === 'ascending'
|
|
|
? a.order_amount - b.order_amount
|
|
|
: b.order_amount - a.order_amount
|
|
|
})
|
|
|
}
|
|
|
|
|
|
// 创建时间排序
|
|
|
if (sortConfig.value.prop === 'create_time') {
|
|
|
result.sort((a, b) => {
|
|
|
const dateA = new Date(a.create_time).getTime()
|
|
|
const dateB = new Date(b.create_time).getTime()
|
|
|
return sortConfig.value.order === 'ascending'
|
|
|
? dateA - dateB
|
|
|
: dateB - dateA
|
|
|
})
|
|
|
}
|
|
|
|
|
|
return result
|
|
|
})
|
|
|
|
|
|
// 当前选中的订单
|
|
|
const currentOrder = ref<SaleOrder | null>(null)
|
|
|
|
|
|
// BOM弹窗数据
|
|
|
const bomDialogVisible = ref(false)
|
|
|
const bomTreeData = ref<BomItem[]>([
|
|
|
{
|
|
|
id: '1001',
|
|
|
materialName: '轮胎成品A',
|
|
|
materialCode: 'TYRE-A',
|
|
|
unit: '个',
|
|
|
bomRatio: 1,
|
|
|
requiredAmount: 100,
|
|
|
inventoryAmount: 20,
|
|
|
inTransitAmount: 10,
|
|
|
netRequiredAmount: 70,
|
|
|
level: 0,
|
|
|
children: [
|
|
|
{
|
|
|
id: '1001-1',
|
|
|
materialName: '胎面组件',
|
|
|
materialCode: 'TREAD-ASSY',
|
|
|
unit: '套',
|
|
|
bomRatio: 1,
|
|
|
requiredAmount: 100,
|
|
|
inventoryAmount: 30,
|
|
|
inTransitAmount: 20,
|
|
|
netRequiredAmount: 50,
|
|
|
level: 1,
|
|
|
children: [
|
|
|
{
|
|
|
id: '1001-1-1',
|
|
|
materialName: '胎面胶',
|
|
|
materialCode: 'TREAD-1',
|
|
|
unit: 'kg',
|
|
|
bomRatio: 2.5,
|
|
|
requiredAmount: 250,
|
|
|
inventoryAmount: 100,
|
|
|
inTransitAmount: 50,
|
|
|
netRequiredAmount: 100,
|
|
|
level: 2
|
|
|
},
|
|
|
{
|
|
|
id: '1001-1-2',
|
|
|
materialName: '钢丝帘布',
|
|
|
materialCode: 'STEEL-CORD',
|
|
|
unit: '米',
|
|
|
bomRatio: 3,
|
|
|
requiredAmount: 300,
|
|
|
inventoryAmount: 150,
|
|
|
inTransitAmount: 50,
|
|
|
netRequiredAmount: 100,
|
|
|
level: 2
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
id: '1001-2',
|
|
|
materialName: '胎侧组件',
|
|
|
materialCode: 'SIDEWALL-ASSY',
|
|
|
unit: '套',
|
|
|
bomRatio: 2,
|
|
|
requiredAmount: 200,
|
|
|
inventoryAmount: 80,
|
|
|
inTransitAmount: 40,
|
|
|
netRequiredAmount: 80,
|
|
|
level: 1,
|
|
|
children: [
|
|
|
{
|
|
|
id: '1001-2-1',
|
|
|
materialName: '胎侧胶',
|
|
|
materialCode: 'SIDEWALL-1',
|
|
|
unit: 'kg',
|
|
|
bomRatio: 1.5,
|
|
|
requiredAmount: 300,
|
|
|
inventoryAmount: 100,
|
|
|
inTransitAmount: 50,
|
|
|
netRequiredAmount: 150,
|
|
|
level: 2
|
|
|
},
|
|
|
{
|
|
|
id: '1001-2-2',
|
|
|
materialName: '尼龙帘布',
|
|
|
materialCode: 'NYLON-CORD',
|
|
|
unit: '米',
|
|
|
bomRatio: 2,
|
|
|
requiredAmount: 400,
|
|
|
inventoryAmount: 200,
|
|
|
inTransitAmount: 100,
|
|
|
netRequiredAmount: 100,
|
|
|
level: 2
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
id: '1001-3',
|
|
|
materialName: '胎圈组件',
|
|
|
materialCode: 'BEAD-ASSY',
|
|
|
unit: '套',
|
|
|
bomRatio: 2,
|
|
|
requiredAmount: 200,
|
|
|
inventoryAmount: 60,
|
|
|
inTransitAmount: 40,
|
|
|
netRequiredAmount: 100,
|
|
|
level: 1,
|
|
|
children: [
|
|
|
{
|
|
|
id: '1001-3-1',
|
|
|
materialName: '胎圈钢丝',
|
|
|
materialCode: 'BEAD-WIRE',
|
|
|
unit: 'kg',
|
|
|
bomRatio: 0.8,
|
|
|
requiredAmount: 160,
|
|
|
inventoryAmount: 50,
|
|
|
inTransitAmount: 30,
|
|
|
netRequiredAmount: 80,
|
|
|
level: 2
|
|
|
},
|
|
|
{
|
|
|
id: '1001-3-2',
|
|
|
materialName: '胎圈包布',
|
|
|
materialCode: 'BEAD-WRAP',
|
|
|
unit: '米',
|
|
|
bomRatio: 1.2,
|
|
|
requiredAmount: 240,
|
|
|
inventoryAmount: 100,
|
|
|
inTransitAmount: 50,
|
|
|
netRequiredAmount: 90,
|
|
|
level: 2
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
])
|
|
|
|
|
|
// 扁平化的BOM数据
|
|
|
const flattenedBomData = computed(() => {
|
|
|
const flatten = (items: BomItem[], level = 0): BomItem[] => {
|
|
|
return items.reduce((acc: BomItem[], item) => {
|
|
|
const flatItem = { ...item, level }
|
|
|
acc.push(flatItem)
|
|
|
if (item.children) {
|
|
|
acc.push(...flatten(item.children, level + 1))
|
|
|
}
|
|
|
return acc
|
|
|
}, [])
|
|
|
}
|
|
|
return flatten(bomTreeData.value)
|
|
|
})
|
|
|
|
|
|
// 获取BOM状态类型
|
|
|
const getBomStatusType = (row: BomItem) => {
|
|
|
if (row.netRequiredAmount <= 0) return 'success'
|
|
|
if (row.inventoryAmount + row.inTransitAmount > 0) return 'warning'
|
|
|
return 'danger'
|
|
|
}
|
|
|
|
|
|
// 获取BOM状态文本
|
|
|
const getBomStatusText = (row: BomItem) => {
|
|
|
if (row.netRequiredAmount <= 0) return '库存充足'
|
|
|
if (row.inventoryAmount + row.inTransitAmount > 0) return '部分库存'
|
|
|
return '需要生产'
|
|
|
}
|
|
|
|
|
|
// 排产弹窗
|
|
|
const scheduleDialogVisible = ref(false)
|
|
|
const scheduleForm = ref({
|
|
|
scheduleType: 'auto'
|
|
|
})
|
|
|
|
|
|
// 排产BOM列表
|
|
|
const scheduleBomList = ref<BomItem[]>([])
|
|
|
|
|
|
// 获取优先级类型
|
|
|
const getPriorityType = (priority) => {
|
|
|
const priorityMap = {
|
|
|
1: 'danger',
|
|
|
2: 'info'
|
|
|
}
|
|
|
return priorityMap[priority] || 'info'
|
|
|
}
|
|
|
|
|
|
// 获取优先级文本
|
|
|
const getPriorityText = (priority) => {
|
|
|
const priorityMap = {
|
|
|
1: '紧急',
|
|
|
2: '普通'
|
|
|
}
|
|
|
return priorityMap[priority] || '普通'
|
|
|
}
|
|
|
|
|
|
// 处理排序变化
|
|
|
const handleSortChange = ({ prop, order }) => {
|
|
|
sortConfig.value = { prop, order }
|
|
|
}
|
|
|
|
|
|
// 获取订单列表
|
|
|
const getOrderList = async () => {
|
|
|
try {
|
|
|
// TODO: 调用后端API获取订单列表
|
|
|
// const res = await getSaleOrders({
|
|
|
// page: currentPage.value,
|
|
|
// pageSize: pageSize.value,
|
|
|
// ...searchForm.value
|
|
|
// })
|
|
|
// orderList.value = res.data.list
|
|
|
// total.value = res.data.total
|
|
|
} catch (error) {
|
|
|
ElMessage.error('获取订单列表失败')
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 查看BOM
|
|
|
const handleViewBom = async (row) => {
|
|
|
try {
|
|
|
currentOrder.value = row
|
|
|
// 模拟API调用延迟
|
|
|
await new Promise(resolve => setTimeout(resolve, 500))
|
|
|
// 根据订单ID筛选对应的BOM数据
|
|
|
const bomData = bomTreeData.value.find(item => item.id === row.material_id.toString())
|
|
|
if (bomData) {
|
|
|
bomTreeData.value = [bomData]
|
|
|
bomDialogVisible.value = true
|
|
|
} else {
|
|
|
ElMessage.warning('未找到对应的BOM数据')
|
|
|
}
|
|
|
} catch (error) {
|
|
|
ElMessage.error('获取BOM数据失败')
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 排产
|
|
|
const handleSchedule = (row) => {
|
|
|
currentOrder.value = row
|
|
|
scheduleForm.value.scheduleType = 'auto' // 默认选择自动排产
|
|
|
|
|
|
// 根据BOM数据生成排产列表，自动关联车间和计算时间
|
|
|
scheduleBomList.value = flattenedBomData.value.map(item => {
|
|
|
const workshop = determineWorkshop(item.materialCode)
|
|
|
const planAmount = item.netRequiredAmount > 0 ? item.netRequiredAmount : 0
|
|
|
const planStartDate = calculatePlanStartDate(item.materialCode, row.plan_delivery_date)
|
|
|
const planEndDate = calculatePlanEndDate(item.materialCode, planAmount, planStartDate)
|
|
|
|
|
|
return {
|
|
|
...item,
|
|
|
planAmount,
|
|
|
workshop,
|
|
|
planStartDate,
|
|
|
planEndDate
|
|
|
}
|
|
|
})
|
|
|
scheduleDialogVisible.value = true
|
|
|
}
|
|
|
|
|
|
// 处理计划生产数量变化
|
|
|
const handlePlanAmountChange = (row: BomItem) => {
|
|
|
// 更新子件的计划生产数量
|
|
|
if (row.children) {
|
|
|
row.children.forEach(child => {
|
|
|
child.planAmount = row.planAmount * child.bomRatio
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 处理计划开始时间变化
|
|
|
const handleStartDateChange = (row: BomItem) => {
|
|
|
// 如果结束时间早于新的开始时间，清空结束时间
|
|
|
if (row.planEndDate && new Date(row.planEndDate) < new Date(row.planStartDate)) {
|
|
|
row.planEndDate = null
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 确认排产
|
|
|
const handleConfirmSchedule = async () => {
|
|
|
try {
|
|
|
// 验证BOM排产数据
|
|
|
const invalidItems = scheduleBomList.value.filter(item =>
|
|
|
item.netRequiredAmount > 0 && (
|
|
|
item.planAmount <= 0 ||
|
|
|
!item.planStartDate ||
|
|
|
!item.planEndDate ||
|
|
|
new Date(item.planStartDate) > new Date(item.planEndDate)
|
|
|
)
|
|
|
)
|
|
|
if (invalidItems.length > 0) {
|
|
|
ElMessage.warning('请完善BOM物料的排产信息')
|
|
|
return
|
|
|
}
|
|
|
|
|
|
// TODO: 调用后端API保存排产计划
|
|
|
// await saveSchedulePlan({
|
|
|
// orderId: currentOrder.value.id,
|
|
|
// scheduleType: scheduleForm.value.scheduleType,
|
|
|
// bomScheduleList: scheduleBomList.value
|
|
|
// })
|
|
|
|
|
|
ElMessage.success('排产计划保存成功')
|
|
|
scheduleDialogVisible.value = false
|
|
|
} catch (error) {
|
|
|
ElMessage.error('排产计划保存失败')
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 物料类型枚举
|
|
|
const MaterialType = {
|
|
|
FINISHED: 'TYRE', // 成品轮胎
|
|
|
SEMIFINISHED: { // 半成品
|
|
|
TREAD: 'TREAD', // 胎面
|
|
|
SIDEWALL: 'SIDEWALL',// 胎侧
|
|
|
BEAD: 'BEAD', // 胎圈
|
|
|
INNER: 'INNER' // 内胎
|
|
|
},
|
|
|
RAW: { // 原材料
|
|
|
RUBBER: 'RUBBER', // 橡胶
|
|
|
CORD: 'CORD', // 帘布
|
|
|
WIRE: 'WIRE', // 钢丝
|
|
|
OTHER: 'OTHER' // 其他
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 车间类型枚举
|
|
|
const WorkshopType = {
|
|
|
VULCANIZATION: 'vulcanization', // 硫化车间
|
|
|
FORMING: 'forming', // 成型车间
|
|
|
SEMIFINISHED: 'semiFinished' // 半成品车间
|
|
|
}
|
|
|
|
|
|
// 根据物料编码确定生产车间
|
|
|
const determineWorkshop = (materialCode: string): string => {
|
|
|
// 成品轮胎在硫化车间生产
|
|
|
if (materialCode.startsWith(MaterialType.FINISHED)) {
|
|
|
return WorkshopType.VULCANIZATION
|
|
|
}
|
|
|
|
|
|
// 胎面组件、胎侧组件、胎圈组件在成型车间组装
|
|
|
if (materialCode.includes('-ASSY')) {
|
|
|
return WorkshopType.FORMING
|
|
|
}
|
|
|
|
|
|
// 其他半成品在半成品车间生产
|
|
|
return WorkshopType.SEMIFINISHED
|
|
|
}
|
|
|
|
|
|
// 计算BOM生产计划
|
|
|
const calculateBomPlan = (bomItem: BomItem, orderAmount: number) => {
|
|
|
const plans: any[] = []
|
|
|
const workshop = determineWorkshop(bomItem.materialCode)
|
|
|
|
|
|
// 计算当前层级的计划
|
|
|
const requiredAmount = orderAmount * bomItem.bomRatio
|
|
|
const netRequiredAmount = requiredAmount - bomItem.inventoryAmount - bomItem.inTransitAmount
|
|
|
|
|
|
if (netRequiredAmount > 0) {
|
|
|
// 只为需要生产的物料创建计划
|
|
|
plans.push({
|
|
|
materialId: bomItem.id,
|
|
|
materialName: bomItem.materialName,
|
|
|
materialCode: bomItem.materialCode,
|
|
|
unit: bomItem.unit,
|
|
|
bomRatio: bomItem.bomRatio,
|
|
|
requiredAmount,
|
|
|
inventoryAmount: bomItem.inventoryAmount,
|
|
|
inTransitAmount: bomItem.inTransitAmount,
|
|
|
netRequiredAmount,
|
|
|
workshop,
|
|
|
planStartDate: calculatePlanStartDate(bomItem.materialCode, bomItem.plan_delivery_date),
|
|
|
planEndDate: calculatePlanEndDate(bomItem.materialCode, netRequiredAmount, calculatePlanStartDate(bomItem.materialCode, bomItem.plan_delivery_date))
|
|
|
})
|
|
|
}
|
|
|
|
|
|
// 递归计算子件的计划
|
|
|
if (bomItem.children) {
|
|
|
bomItem.children.forEach(child => {
|
|
|
plans.push(...calculateBomPlan(child, orderAmount))
|
|
|
})
|
|
|
}
|
|
|
|
|
|
return plans
|
|
|
}
|
|
|
|
|
|
// 生成生产计划
|
|
|
const handleGeneratePlan = async () => {
|
|
|
try {
|
|
|
// 获取所有待排产的订单
|
|
|
const pendingOrders = orderList.value.filter(order => order.document_status === 'pending')
|
|
|
if (pendingOrders.length === 0) {
|
|
|
ElMessage.warning('没有待排产的订单')
|
|
|
return
|
|
|
}
|
|
|
|
|
|
// 按优先级和交货日期排序
|
|
|
const sortedOrders = [...pendingOrders].sort((a, b) => {
|
|
|
// 优先级排序
|
|
|
const priorityDiff = a.priority - b.priority
|
|
|
if (priorityDiff !== 0) return priorityDiff
|
|
|
|
|
|
// 交货日期排序
|
|
|
const dateA = new Date(a.plan_delivery_date).getTime()
|
|
|
const dateB = new Date(b.plan_delivery_date).getTime()
|
|
|
return dateA - dateB
|
|
|
})
|
|
|
|
|
|
// 生成生产计划
|
|
|
const productionPlans: ProductionPlan[] = []
|
|
|
for (const order of sortedOrders) {
|
|
|
// 获取订单的BOM数据
|
|
|
const bomData = bomTreeData.value.find(item => item.id === order.material_id.toString())
|
|
|
if (!bomData) {
|
|
|
ElMessage.warning(`订单 ${order.saleorder_code} 未找到BOM数据`)
|
|
|
continue
|
|
|
}
|
|
|
|
|
|
// 计算所有需要生产的物料计划
|
|
|
const allBomPlans = calculateBomPlan(bomData, order.order_amount)
|
|
|
|
|
|
// 按车间分组整理生产计划
|
|
|
const vulcanizationPlans = allBomPlans.filter(plan => plan.workshop === WorkshopType.VULCANIZATION)
|
|
|
const formingPlans = allBomPlans.filter(plan => plan.workshop === WorkshopType.FORMING)
|
|
|
const semiFinishedPlans = allBomPlans.filter(plan => plan.workshop === WorkshopType.SEMIFINISHED)
|
|
|
|
|
|
// 确保每个订单只生成一个硫化计划和一个成型计划
|
|
|
if (vulcanizationPlans.length > 1 || formingPlans.length > 1) {
|
|
|
ElMessage.warning(`订单 ${order.saleorder_code} 的成型或硫化计划数量异常`)
|
|
|
continue
|
|
|
}
|
|
|
|
|
|
// 生成最终的生产计划
|
|
|
const plan: ProductionPlan = {
|
|
|
orderId: order.sale_order_id,
|
|
|
orderNo: order.saleorder_code,
|
|
|
materialId: order.material_id,
|
|
|
materialName: order.material_name,
|
|
|
orderAmount: order.order_amount,
|
|
|
planDeliveryDate: order.plan_delivery_date,
|
|
|
priority: order.priority,
|
|
|
vulcanizationPlan: vulcanizationPlans[0],
|
|
|
formingPlan: formingPlans[0],
|
|
|
semiFinishedPlans: semiFinishedPlans
|
|
|
}
|
|
|
|
|
|
productionPlans.push(plan)
|
|
|
}
|
|
|
|
|
|
// TODO: 调用后端API保存生产计划
|
|
|
// await saveProductionPlans(productionPlans)
|
|
|
|
|
|
ElMessage.success('生产计划生成成功')
|
|
|
// 刷新订单列表
|
|
|
getOrderList()
|
|
|
} catch (error) {
|
|
|
ElMessage.error('生产计划生成失败')
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 计算计划开始时间
|
|
|
const calculatePlanStartDate = (materialCode: string, deliveryDate: string): Date => {
|
|
|
const delivery = new Date(deliveryDate)
|
|
|
const now = new Date()
|
|
|
|
|
|
// 根据物料类型和车间计算提前天数
|
|
|
let daysBeforeDelivery = 0
|
|
|
if (materialCode.startsWith(MaterialType.FINISHED)) {
|
|
|
// 成品轮胎在硫化车间，提前3天
|
|
|
daysBeforeDelivery = 3
|
|
|
} else if (materialCode.includes('-ASSY')) {
|
|
|
// 组件在成型车间，提前5天
|
|
|
daysBeforeDelivery = 5
|
|
|
} else {
|
|
|
// 半成品，提前7天
|
|
|
daysBeforeDelivery = 7
|
|
|
}
|
|
|
|
|
|
// 计算计划开始时间
|
|
|
const planStartDate = new Date(delivery)
|
|
|
planStartDate.setDate(planStartDate.getDate() - daysBeforeDelivery)
|
|
|
|
|
|
// 如果计算出的开始时间早于当前时间，则使用当前时间
|
|
|
return planStartDate < now ? now : planStartDate
|
|
|
}
|
|
|
|
|
|
// 计算计划结束时间
|
|
|
const calculatePlanEndDate = (materialCode: string, amount: number, startDate: Date): Date => {
|
|
|
// 根据物料类型和数量计算生产时间
|
|
|
let hoursPerUnit = 0
|
|
|
if (materialCode.startsWith(MaterialType.FINISHED)) {
|
|
|
// 成品轮胎，每个单位需要2小时
|
|
|
hoursPerUnit = 2
|
|
|
} else if (materialCode.includes('-ASSY')) {
|
|
|
// 组件，每个单位需要1.5小时
|
|
|
hoursPerUnit = 1.5
|
|
|
} else {
|
|
|
// 半成品，每个单位需要1小时
|
|
|
hoursPerUnit = 1
|
|
|
}
|
|
|
|
|
|
// 计算总生产时间（小时）
|
|
|
const totalHours = amount * hoursPerUnit
|
|
|
|
|
|
// 计算结束时间
|
|
|
return new Date(startDate.getTime() + totalHours * 60 * 60 * 1000)
|
|
|
}
|
|
|
|
|
|
// 获取状态类型
|
|
|
const getStatusType = (status) => {
|
|
|
const statusMap = {
|
|
|
pending: 'info',
|
|
|
processing: 'warning',
|
|
|
completed: 'success'
|
|
|
}
|
|
|
return statusMap[status] || 'info'
|
|
|
}
|
|
|
|
|
|
// 获取状态文本
|
|
|
const getStatusText = (status) => {
|
|
|
const statusMap = {
|
|
|
pending: '待排产',
|
|
|
processing: '排产中',
|
|
|
completed: '已完成'
|
|
|
}
|
|
|
return statusMap[status] || status
|
|
|
}
|
|
|
|
|
|
// 分页相关方法
|
|
|
const currentPage = ref(1)
|
|
|
const pageSize = ref(10)
|
|
|
const total = ref(0)
|
|
|
|
|
|
const handleSizeChange = (val) => {
|
|
|
pageSize.value = val
|
|
|
getOrderList()
|
|
|
}
|
|
|
|
|
|
const handleCurrentChange = (val) => {
|
|
|
currentPage.value = val
|
|
|
getOrderList()
|
|
|
}
|
|
|
|
|
|
// 搜索和重置
|
|
|
const handleSearch = () => {
|
|
|
currentPage.value = 1
|
|
|
getOrderList()
|
|
|
}
|
|
|
|
|
|
const resetSearch = () => {
|
|
|
searchForm.value = {
|
|
|
orderNo: '',
|
|
|
deliveryDate: [],
|
|
|
priority: '',
|
|
|
status: ''
|
|
|
}
|
|
|
handleSearch()
|
|
|
}
|
|
|
|
|
|
// 获取车间标签类型
|
|
|
const getWorkshopTagType = (workshop: string) => {
|
|
|
const typeMap = {
|
|
|
[WorkshopType.VULCANIZATION]: 'danger',
|
|
|
[WorkshopType.FORMING]: 'warning',
|
|
|
[WorkshopType.SEMIFINISHED]: 'info'
|
|
|
}
|
|
|
return typeMap[workshop] || 'info'
|
|
|
}
|
|
|
|
|
|
// 获取车间名称
|
|
|
const getWorkshopName = (workshop: string) => {
|
|
|
const nameMap = {
|
|
|
[WorkshopType.VULCANIZATION]: '硫化车间',
|
|
|
[WorkshopType.FORMING]: '成型车间',
|
|
|
[WorkshopType.SEMIFINISHED]: '半成品车间'
|
|
|
}
|
|
|
return nameMap[workshop] || workshop
|
|
|
}
|
|
|
|
|
|
// 处理排产类型变化
|
|
|
const handleScheduleTypeChange = (type: string) => {
|
|
|
if (type === 'auto' && currentOrder.value) {
|
|
|
// 自动排产时，重新计算所有物料的时间
|
|
|
scheduleBomList.value = scheduleBomList.value.map(item => {
|
|
|
const planStartDate = calculatePlanStartDate(item.materialCode, currentOrder.value.plan_delivery_date)
|
|
|
const planEndDate = calculatePlanEndDate(item.materialCode, item.planAmount, planStartDate)
|
|
|
return {
|
|
|
...item,
|
|
|
planStartDate,
|
|
|
planEndDate
|
|
|
}
|
|
|
})
|
|
|
} else {
|
|
|
// 手动排产时，清空时间
|
|
|
scheduleBomList.value = scheduleBomList.value.map(item => ({
|
|
|
...item,
|
|
|
planStartDate: null,
|
|
|
planEndDate: null
|
|
|
}))
|
|
|
}
|
|
|
}
|
|
|
|
|
|
onMounted(() => {
|
|
|
getOrderList()
|
|
|
})
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
.sales-order-scheduling {
|
|
|
padding: 20px;
|
|
|
}
|
|
|
|
|
|
.bom-container {
|
|
|
padding: 10px;
|
|
|
}
|
|
|
|
|
|
.bom-header {
|
|
|
background-color: #f5f7fa;
|
|
|
padding: 15px;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
|
|
|
:deep(.el-table .el-table__row) {
|
|
|
height: 50px;
|
|
|
}
|
|
|
|
|
|
:deep(.el-table .el-table__row:hover) {
|
|
|
background-color: #f5f7fa;
|
|
|
}
|
|
|
|
|
|
.schedule-container {
|
|
|
padding: 10px;
|
|
|
}
|
|
|
|
|
|
.schedule-header {
|
|
|
background-color: #f5f7fa;
|
|
|
padding: 15px;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
|
|
|
.schedule-bom-list {
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
</style>
|