``
This commit is contained in:
parent
9c0d5a65a8
commit
90f8bfe677
128
src/api/system/mrp.js
Normal file
128
src/api/system/mrp.js
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询MRP运算结果复查列表
|
||||||
|
export function listMrp(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询MRP运算结果复查详细
|
||||||
|
export function getMrp(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增MRP运算结果复查
|
||||||
|
export function addMrp(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改MRP运算结果复查
|
||||||
|
export function updateMrp(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除MRP运算结果复查
|
||||||
|
export function delMrp(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出MRP运算结果复查列表
|
||||||
|
export function exportMrp(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp/export',
|
||||||
|
method: 'post',
|
||||||
|
data: query,
|
||||||
|
responseType: 'blob',
|
||||||
|
timeout: 5 * 60 * 1000 // 导出可能需要较长时间，设置5分钟超时
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// ========== MRP2 相关方法 ==========
|
||||||
|
|
||||||
|
// 查询MRP2运算结果列表
|
||||||
|
export function getMRP2Results(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp2/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询MRP2运算结果详细
|
||||||
|
export function getMRP2Result(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp2/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增MRP2运算结果
|
||||||
|
export function addMRP2Result(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp2',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改MRP2运算结果
|
||||||
|
export function updateMRP2Result(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp2',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除MRP2运算结果
|
||||||
|
export function delMRP2Result(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp2/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出MRP2运算结果
|
||||||
|
export function exportMRP2Data(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp2/export',
|
||||||
|
method: 'post',
|
||||||
|
data: query,
|
||||||
|
responseType: 'blob'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 执行MRP2运算
|
||||||
|
export function executeMRP2Calculation(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp2/calculate',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取MRP2统计信息
|
||||||
|
export function getMRP2Stats(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/mrp2/stats',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
67
src/api/system/proPlan.js
Normal file
67
src/api/system/proPlan.js
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询方案管理列表
|
||||||
|
export function listProPlan(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/proPlan/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}// 查询方案管理列表
|
||||||
|
export function listProPlan2(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/proPlan/list2',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询超期/临期项目列表
|
||||||
|
export function listProPlanOverdue() {
|
||||||
|
return request({
|
||||||
|
url: '/system/proPlan/overdue',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询临期项目列表
|
||||||
|
export function listProPlanExpirys() {
|
||||||
|
return request({
|
||||||
|
url: '/system/proPlan/expiryProjects',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询方案管理详细
|
||||||
|
export function getProPlan(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/proPlan/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增方案管理
|
||||||
|
export function addProPlan(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/proPlan',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改方案管理
|
||||||
|
export function updateProPlan(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/proPlan',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除方案管理
|
||||||
|
export function delProPlan(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/proPlan/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
1050
src/views/indexDaping.vue
Normal file
1050
src/views/indexDaping.vue
Normal file
File diff suppressed because it is too large
Load Diff
945
src/views/system/mrp2/index.vue
Normal file
945
src/views/system/mrp2/index.vue
Normal file
@ -0,0 +1,945 @@
|
|||||||
|
<template>
|
||||||
|
<div class="mrp2-standalone-container">
|
||||||
|
<!-- 独立页面头部 -->
|
||||||
|
<div class="standalone-header">
|
||||||
|
<div class="header-content">
|
||||||
|
<div class="header-left">
|
||||||
|
<h1 style="margin: 0; color: #303133; font-size: 24px;">
|
||||||
|
<i class="el-icon-data-analysis" style="margin-right: 12px; color: #409EFF;"></i>
|
||||||
|
项目供需查询(仅供参考)
|
||||||
|
</h1>
|
||||||
|
<p style="margin: 8px 0 0 0; color: #909399; font-size: 14px;">
|
||||||
|
物料需求计划运算结果查询
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="header-right">
|
||||||
|
<el-button type="primary" icon="el-icon-refresh" @click="handleRefreshAll">
|
||||||
|
刷新页面
|
||||||
|
</el-button>
|
||||||
|
<el-button type="info" icon="el-icon-back" @click="goBack">
|
||||||
|
返回
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 页面内容 -->
|
||||||
|
<div class="page-content">
|
||||||
|
|
||||||
|
<!-- 查询条件 -->
|
||||||
|
<el-card class="box-card" style="margin-bottom: 20px;">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span style="font-weight: 600; color: #303133;">
|
||||||
|
<i class="el-icon-search" style="margin-right: 8px; color: #409EFF;"></i>
|
||||||
|
查询条件
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||||
|
<el-form-item label="生产令号" prop="productionOrderNo">
|
||||||
|
<el-select
|
||||||
|
v-model="productionObj"
|
||||||
|
placeholder="请选择生产令号"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
style="width: 400px"
|
||||||
|
@change="handleProductionOrderChange"
|
||||||
|
value-key="id"
|
||||||
|
:loading="productionOrderLoading"
|
||||||
|
:filter-method="filterProductionOrders"
|
||||||
|
remote
|
||||||
|
reserve-keyword
|
||||||
|
popper-class="production-order-select-dropdown"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in filteredProductionOrderList"
|
||||||
|
:key="item.id"
|
||||||
|
:value="item"
|
||||||
|
>
|
||||||
|
<div style="display: flex; justify-content: space-between; align-items: center; min-height: 40px; padding: 4px 0;">
|
||||||
|
<div style="flex: 1; min-width: 0;">
|
||||||
|
<div style="font-weight: 600; color: #303133; font-size: 14px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" :title="item.productionOrderNo">
|
||||||
|
{{ item.productionOrderNo }}
|
||||||
|
</div>
|
||||||
|
<div style="color: #909399; font-size: 12px; margin-top: 2px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" :title="item.productionName">
|
||||||
|
{{ item.productionName }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="text-align: right; margin-left: 12px; flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end;">
|
||||||
|
<el-tag
|
||||||
|
v-if="item.drawingNo"
|
||||||
|
size="mini"
|
||||||
|
type="info"
|
||||||
|
style="margin-bottom: 2px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
|
||||||
|
:title="item.drawingNo"
|
||||||
|
>
|
||||||
|
{{ item.drawingNo }}
|
||||||
|
</el-tag>
|
||||||
|
<div style="color: #67c23a; font-size: 11px; line-height: 1.2; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" :title="item.createdBy || '系统'">
|
||||||
|
{{ item.createdBy || '系统' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 当前选择的生产令号信息 -->
|
||||||
|
<el-card v-if="productionObj" class="box-card production-order-info" style="margin-bottom: 20px;">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span style="font-weight: 600; color: #303133;">
|
||||||
|
<i class="el-icon-document" style="margin-right: 8px; color: #409EFF;"></i>
|
||||||
|
当前选择的生产令号
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="display: flex; align-items: center; gap: 20px; padding: 10px 0;">
|
||||||
|
<div style="flex: 1;">
|
||||||
|
<div style="display: flex; align-items: center; gap: 12px;">
|
||||||
|
<el-tag type="primary" size="medium" style="font-weight: 600;">
|
||||||
|
{{ productionObj.productionOrderNo }}
|
||||||
|
</el-tag>
|
||||||
|
<span style="font-size: 16px; font-weight: 600; color: #303133;">
|
||||||
|
{{ productionObj.productionName }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div style="margin-top: 8px; display: flex; gap: 16px; font-size: 13px; color: #606266;">
|
||||||
|
<span v-if="productionObj.drawingNo">
|
||||||
|
<i class="el-icon-document-copy" style="margin-right: 4px;"></i>
|
||||||
|
图号: {{ productionObj.drawingNo }}
|
||||||
|
</span>
|
||||||
|
<span v-if="productionObj.createdBy">
|
||||||
|
<i class="el-icon-user" style="margin-right: 4px;"></i>
|
||||||
|
创建人: {{ productionObj.createdBy }}
|
||||||
|
</span>
|
||||||
|
<span v-if="productionObj.createTime">
|
||||||
|
<i class="el-icon-time" style="margin-right: 4px;"></i>
|
||||||
|
创建时间: {{ formatDateTime(productionObj.createTime) }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-refresh"
|
||||||
|
@click="handleRefreshMrpData"
|
||||||
|
:loading="mrpLoading"
|
||||||
|
>
|
||||||
|
刷新数据
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- MRP运算结果 -->
|
||||||
|
<el-card class="box-card mrp-result-card" style="margin-bottom: 20px;">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span style="font-weight: 600; color: #303133;">
|
||||||
|
<i class="el-icon-data-analysis" style="margin-right: 8px; color: #409EFF;"></i>
|
||||||
|
运算结果
|
||||||
|
</span>
|
||||||
|
<div style="float: right; display: flex; align-items: center; gap: 12px;">
|
||||||
|
<!-- 运算状态显示 -->
|
||||||
|
<div v-if="loadingMRP" class="mrp-status-indicator">
|
||||||
|
<i class="el-icon-loading" style="margin-right: 6px;"></i>
|
||||||
|
<span>{{ mrpOperationStatus || '运算进行中...' }}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 运算结果按钮 -->
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="medium"
|
||||||
|
:loading="loadingMRP"
|
||||||
|
:disabled="loadingMRP"
|
||||||
|
@click="getMRPResults()"
|
||||||
|
class="mrp-calculate-btn"
|
||||||
|
>
|
||||||
|
{{ loadingMRP ? '核算中...' : '开始核算' }}
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<!-- 搜索输入框 -->
|
||||||
|
<el-input
|
||||||
|
v-model="mrpSearchKeyword"
|
||||||
|
placeholder="搜索物料名称或编码"
|
||||||
|
style="width: 220px;"
|
||||||
|
size="small"
|
||||||
|
clearable
|
||||||
|
@input="handleMrpSearch"
|
||||||
|
@clear="clearMrpSearch"
|
||||||
|
class="mrp-search-input"
|
||||||
|
>
|
||||||
|
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
||||||
|
</el-input>
|
||||||
|
|
||||||
|
<!-- 导出按钮 -->
|
||||||
|
<el-button
|
||||||
|
type="success"
|
||||||
|
size="small"
|
||||||
|
icon="el-icon-download"
|
||||||
|
@click="handleExportMrp"
|
||||||
|
:loading="exportLoading"
|
||||||
|
:disabled="!productionObj || !productionObj.id"
|
||||||
|
class="mrp-export-btn"
|
||||||
|
:title="productionObj && productionObj.id ? `导出${productionObj.productionOrderNo}的MRP数据` : '请先选择生产令号'"
|
||||||
|
>
|
||||||
|
导出Excel
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<el-button type="text" @click="handleRefreshMrpData">
|
||||||
|
<i class="el-icon-refresh"></i> 刷新
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 统计信息 -->
|
||||||
|
<div
|
||||||
|
v-if="productionObj"
|
||||||
|
style="margin-bottom: 15px; padding: 15px; background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); border-radius: 8px; border-left: 4px solid #409EFF;">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="6">
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<div style="font-size: 24px; font-weight: bold; color: #409EFF;">{{ mrpStats.totalMaterials }}</div>
|
||||||
|
<div style="font-size: 12px; color: #606266;">总物料数</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<div style="font-size: 24px; font-weight: bold; color: #67c23a;">{{ mrpStats.positiveStock }}</div>
|
||||||
|
<div style="font-size: 12px; color: #606266;">正库存</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<div style="font-size: 24px; font-weight: bold; color: #f56c6c;">{{ mrpStats.negativeStock }}</div>
|
||||||
|
<div style="font-size: 12px; color: #606266;">负库存</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<div style="font-size: 24px; font-weight: bold; color: #e6a23c;">{{ mrpStats.zeroStock }}</div>
|
||||||
|
<div style="font-size: 12px; color: #606266;">零库存</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 提示信息 -->
|
||||||
|
<div v-if="!productionObj" style="text-align: center; padding: 40px; color: #909399;">
|
||||||
|
<i class="el-icon-info" style="font-size: 48px; margin-bottom: 16px;"></i>
|
||||||
|
<p style="font-size: 16px; margin: 0;">请先选择生产令号以查看运算结果</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-else
|
||||||
|
:data="mrpResultData"
|
||||||
|
style="width: 100%"
|
||||||
|
:header-cell-style="{ background: '#f5f7fa', color: '#606266' }"
|
||||||
|
:row-class-name="getMrpRowClass"
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
size="small"
|
||||||
|
v-loading="mrpLoading"
|
||||||
|
>
|
||||||
|
<el-table-column prop="materialCode" label="物料编码" min-width="120" show-overflow-tooltip/>
|
||||||
|
<el-table-column prop="materialName" label="物料名称" min-width="100" show-overflow-tooltip/>
|
||||||
|
<el-table-column prop="purchaseNotInStock" label="项目本批数" width="130" align="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span style="color: #e6a23c">{{ scope.row.purchaseNotInStock.toFixed(2) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="availableStock" label="本项目可用库存" width="120" align="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span :style="{ color: scope.row.availableStock < 0 ? '#f56c6c' : '#67c23a' }">
|
||||||
|
{{ scope.row.availableStock.toFixed(3) }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="realTimeStock" label="当前可用库存" width="100" align="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span :style="{ color: scope.row.realTimeStock < 0 ? '#f56c6c' : '#67c23a' }">
|
||||||
|
{{ scope.row.realTimeStock.toFixed(3) }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="prodNotInStock" label="本次生产未入库" width="130" align="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span style="color: #e6a23c">{{ scope.row.prodNotInStock.toFixed(3) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="purchaseRequestQty" label="本项目采购申请" width="130" align="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span style="color: #409eff">{{ scope.row.purchaseRequestQty.toFixed(3) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="childNotPickedQty" label="子项未领料数量" width="130" align="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span style="color: #f56c6c">{{ scope.row.childNotPickedQty.toFixed(3) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="createTime" label="创建时间" width="160" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ formatDateTime(scope.row.createTime) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="updateTime" label="更新时间" width="160" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ formatDateTime(scope.row.updateTime) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!-- 分页 -->
|
||||||
|
<el-pagination
|
||||||
|
v-if="productionObj"
|
||||||
|
@size-change="handleMrpSizeChange"
|
||||||
|
@current-change="handleMrpCurrentChange"
|
||||||
|
:current-page="mrpQueryParams.pageNum"
|
||||||
|
:page-sizes="[10, 50, 100, 500]"
|
||||||
|
:page-size="mrpQueryParams.pageSize"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="mrpTotal"
|
||||||
|
style="margin-top: 20px; text-align: right;"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { listMrp, exportMrp } from '@/api/system/mrp'
|
||||||
|
import { listOrderPro, getMRPResults } from '@/api/system/orderPro'
|
||||||
|
import dayjs from "dayjs"
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "MRPIndex",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
productionOrderNo: null,
|
||||||
|
materialCode: null,
|
||||||
|
materialName: null
|
||||||
|
},
|
||||||
|
showSearch: true,
|
||||||
|
|
||||||
|
// 生产令号对象（模拟orderPro中的productionObj）
|
||||||
|
productionObj: null,
|
||||||
|
productionOrderList: [], // 生产令号列表
|
||||||
|
filteredProductionOrderList: [], // 过滤后的生产令号列表
|
||||||
|
productionOrderLoading: false, // 生产令号加载状态
|
||||||
|
|
||||||
|
// MRP相关数据（与orderPro中的MRP数据完全一致）
|
||||||
|
mrpResultData: [],
|
||||||
|
mrpLoading: false,
|
||||||
|
mrpTotal: 0,
|
||||||
|
mrpSearchKeyword: '',
|
||||||
|
mrpQueryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
materialName: '',
|
||||||
|
materialCode: '',
|
||||||
|
orderProId: null
|
||||||
|
},
|
||||||
|
loadingMRP: false,
|
||||||
|
mrpOperationStatus: '', // MRP运算状态
|
||||||
|
exportLoading: false, // 导出加载状态
|
||||||
|
mrpStats: {
|
||||||
|
totalMaterials: 0,
|
||||||
|
positiveStock: 0,
|
||||||
|
negativeStock: 0,
|
||||||
|
zeroStock: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getProductionOrderList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 获取生产令号列表 */
|
||||||
|
async getProductionOrderList() {
|
||||||
|
this.productionOrderLoading = true
|
||||||
|
try {
|
||||||
|
const response = await listOrderPro({
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 1000 // 获取所有生产令号
|
||||||
|
})
|
||||||
|
if (response && response.rows) {
|
||||||
|
this.productionOrderList = response.rows
|
||||||
|
this.filteredProductionOrderList = response.rows
|
||||||
|
} else {
|
||||||
|
this.productionOrderList = []
|
||||||
|
this.filteredProductionOrderList = []
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('获取生产令号列表失败:', error)
|
||||||
|
this.$message.error('获取生产令号列表失败')
|
||||||
|
this.productionOrderList = []
|
||||||
|
this.filteredProductionOrderList = []
|
||||||
|
} finally {
|
||||||
|
this.productionOrderLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 过滤生产令号 */
|
||||||
|
filterProductionOrders(query) {
|
||||||
|
if (!query) {
|
||||||
|
this.filteredProductionOrderList = this.productionOrderList
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const keyword = query.toLowerCase()
|
||||||
|
this.filteredProductionOrderList = this.productionOrderList.filter(item =>
|
||||||
|
item.productionOrderNo.toLowerCase().includes(keyword) ||
|
||||||
|
item.productionName.toLowerCase().includes(keyword) ||
|
||||||
|
(item.drawingNo && item.drawingNo.toLowerCase().includes(keyword)) ||
|
||||||
|
(item.createdBy && item.createdBy.toLowerCase().includes(keyword))
|
||||||
|
)
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 处理生产令号变化 */
|
||||||
|
handleProductionOrderChange(selectedOrder) {
|
||||||
|
if (selectedOrder) {
|
||||||
|
this.productionObj = selectedOrder
|
||||||
|
this.mrpQueryParams.orderProId = selectedOrder.id
|
||||||
|
// 选择生产令号后自动获取MRP数据
|
||||||
|
this.getMrpData()
|
||||||
|
} else {
|
||||||
|
this.productionObj = null
|
||||||
|
this.mrpQueryParams.orderProId = null
|
||||||
|
this.mrpResultData = []
|
||||||
|
this.mrpTotal = 0
|
||||||
|
this.mrpStats = {
|
||||||
|
totalMaterials: 0,
|
||||||
|
positiveStock: 0,
|
||||||
|
negativeStock: 0,
|
||||||
|
zeroStock: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 查询MRP结果列表 */
|
||||||
|
getList() {
|
||||||
|
if (!this.productionObj) {
|
||||||
|
this.$message.warning('请先选择生产令号')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.getMrpData()
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.mrpQueryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm")
|
||||||
|
this.handleQuery()
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 重置表单 */
|
||||||
|
resetForm(refName) {
|
||||||
|
if (this.$refs[refName]) {
|
||||||
|
this.$refs[refName].resetFields()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/** MRP运算结果复查相关方法 */
|
||||||
|
// 获取MRP运算结果
|
||||||
|
async getMRPResults() {
|
||||||
|
if (!this.productionObj || !this.productionObj.id) {
|
||||||
|
this.$message.error('请先选择生产令号');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 只显示一次开始提示，不重复弹窗
|
||||||
|
this.$message({
|
||||||
|
message: '运算已开始，由于数据量较大，可能需要较长时间，请耐心等待...',
|
||||||
|
type: 'info',
|
||||||
|
duration: 6000, // 减少到6秒
|
||||||
|
showClose: true
|
||||||
|
});
|
||||||
|
|
||||||
|
this.loadingMRP = true;
|
||||||
|
this.mrpOperationStatus = '运算已开始，正在处理数据...';
|
||||||
|
|
||||||
|
// 只更新状态，不弹窗提醒
|
||||||
|
const progressTimer = setInterval(() => {
|
||||||
|
this.mrpOperationStatus = '运算仍在进行中，请继续等待...';
|
||||||
|
// 移除弹窗提示，只更新状态显示
|
||||||
|
}, 30000);
|
||||||
|
|
||||||
|
try {
|
||||||
|
|
||||||
|
const response = await getMRPResults(this.productionObj.id);
|
||||||
|
|
||||||
|
|
||||||
|
// 清除定时器
|
||||||
|
clearInterval(progressTimer);
|
||||||
|
|
||||||
|
if (response && response.code === 200) {
|
||||||
|
this.$message.success('MRP运算完成！');
|
||||||
|
// 运算完成后刷新MRP数据
|
||||||
|
await this.getMrpData();
|
||||||
|
} else {
|
||||||
|
console.error('运算失败，响应:', response);
|
||||||
|
this.$message.error(response?.msg || '运算失败');
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
// 清除定时器
|
||||||
|
clearInterval(progressTimer);
|
||||||
|
|
||||||
|
console.error('运算异常:', error);
|
||||||
|
console.error('错误详情:', {
|
||||||
|
message: error.message,
|
||||||
|
code: error.code,
|
||||||
|
response: error.response,
|
||||||
|
status: error.response?.status,
|
||||||
|
data: error.response?.data
|
||||||
|
});
|
||||||
|
|
||||||
|
// 简化错误提示，避免重复弹窗
|
||||||
|
if (error.code === 'ECONNABORTED' || error.message.includes('timeout')) {
|
||||||
|
this.$message.error('运算超时，请稍后重试');
|
||||||
|
} else if (error.response?.status === 404) {
|
||||||
|
this.$message.error('运算接口不存在，请检查后端服务');
|
||||||
|
} else if (error.response?.status === 500) {
|
||||||
|
this.$message.error('运算服务器内部错误，请稍后重试');
|
||||||
|
} else {
|
||||||
|
this.$message.error(`运算失败: ${error.message || '未知错误'}`);
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
this.loadingMRP = false;
|
||||||
|
this.mrpOperationStatus = ''; // 清空状态
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取MRP数据
|
||||||
|
async getMrpData() {
|
||||||
|
this.mrpLoading = true;
|
||||||
|
try {
|
||||||
|
this.mrpQueryParams.orderProId = this.productionObj.id;
|
||||||
|
const response = await listMrp(this.mrpQueryParams);
|
||||||
|
|
||||||
|
if (response && response.rows) {
|
||||||
|
// 统一转Number，避免 toFixed 报错
|
||||||
|
const processedRows = response.rows.map(item => ({
|
||||||
|
...item,
|
||||||
|
availableStock: Number(item.availableStock) || 0,
|
||||||
|
realTimeStock: Number(item.realTimeStock) || 0,
|
||||||
|
prodNotInStock: Number(item.prodNotInStock) || 0,
|
||||||
|
purchaseRequestQty: Number(item.purchaseRequestQty) || 0,
|
||||||
|
purchaseNotInStock: Number(item.purchaseNotInStock) || 0,
|
||||||
|
childNotPickedQty: Number(item.childNotPickedQty) || 0,
|
||||||
|
createTime: item.createTime ? dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') : '',
|
||||||
|
updateTime: item.updateTime ? dayjs(item.updateTime).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||||
|
}));
|
||||||
|
this.mrpResultData = processedRows;
|
||||||
|
this.mrpTotal = response.total || processedRows.length;
|
||||||
|
// 统计计算也用处理过的数字数据
|
||||||
|
this.calculateMrpStats(processedRows);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('获取数据失败:', error);
|
||||||
|
this.$message.error('获取数据失败');
|
||||||
|
} finally {
|
||||||
|
this.mrpLoading = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// MRP分页大小改变
|
||||||
|
handleMrpSizeChange(size) {
|
||||||
|
this.mrpQueryParams.pageSize = size;
|
||||||
|
this.mrpQueryParams.pageNum = 1;
|
||||||
|
this.getMrpData();
|
||||||
|
},
|
||||||
|
|
||||||
|
// MRP当前页改变
|
||||||
|
handleMrpCurrentChange(page) {
|
||||||
|
this.mrpQueryParams.pageNum = page;
|
||||||
|
this.getMrpData();
|
||||||
|
},
|
||||||
|
|
||||||
|
// 格式化日期时间
|
||||||
|
formatDateTime(date) {
|
||||||
|
if (!date) return '-';
|
||||||
|
if (typeof date === 'string') {
|
||||||
|
date = new Date(date);
|
||||||
|
}
|
||||||
|
if (isNaN(date.getTime())) return '-';
|
||||||
|
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||||
|
const day = String(date.getDate()).padStart(2, '0');
|
||||||
|
const hours = String(date.getHours()).padStart(2, '0');
|
||||||
|
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||||||
|
|
||||||
|
return `${year}-${month}-${day} ${hours}:${minutes}`;
|
||||||
|
},
|
||||||
|
|
||||||
|
// MRP搜索处理
|
||||||
|
handleMrpSearch() {
|
||||||
|
this.mrpQueryParams.pageNum = 1;
|
||||||
|
this.mrpQueryParams.materialCode = this.mrpSearchKeyword;
|
||||||
|
console.log('搜索参数:', this.mrpQueryParams);
|
||||||
|
this.getMrpData();
|
||||||
|
},
|
||||||
|
|
||||||
|
// 清空MRP搜索
|
||||||
|
clearMrpSearch() {
|
||||||
|
this.mrpSearchKeyword = '';
|
||||||
|
this.mrpQueryParams.materialCode = '';
|
||||||
|
this.mrpQueryParams.pageNum = 1;
|
||||||
|
this.getMrpData();
|
||||||
|
},
|
||||||
|
|
||||||
|
// 过滤MRP数据（前端过滤，作为备用方案）
|
||||||
|
filterMrpData(data) {
|
||||||
|
if (!this.mrpSearchKeyword) {
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
|
||||||
|
const keyword = this.mrpSearchKeyword.toLowerCase();
|
||||||
|
return data.filter(item =>
|
||||||
|
item.materialName.toLowerCase().includes(keyword) ||
|
||||||
|
item.materialCode.toLowerCase().includes(keyword)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
// 计算MRP统计信息
|
||||||
|
calculateMrpStats(data) {
|
||||||
|
const total = data.length;
|
||||||
|
const positive = data.filter(item => item.availableStock > 0).length;
|
||||||
|
const negative = data.filter(item => item.availableStock < 0).length;
|
||||||
|
const zero = data.filter(item => item.availableStock === 0).length;
|
||||||
|
|
||||||
|
this.mrpStats = {
|
||||||
|
totalMaterials: total,
|
||||||
|
positiveStock: positive,
|
||||||
|
negativeStock: negative,
|
||||||
|
zeroStock: zero
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
// 刷新MRP数据
|
||||||
|
handleRefreshMrpData() {
|
||||||
|
this.mrpQueryParams.pageNum = 1;
|
||||||
|
this.getMrpData();
|
||||||
|
},
|
||||||
|
|
||||||
|
// 导出MRP数据
|
||||||
|
async handleExportMrp() {
|
||||||
|
// 增强参数验证
|
||||||
|
if (!this.productionObj) {
|
||||||
|
this.$message.error('请先选择生产令号');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!this.productionObj.id) {
|
||||||
|
this.$message.error('生产令号ID无效，请重新选择');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!this.productionObj.productionOrderNo) {
|
||||||
|
this.$message.error('生产令号信息不完整，请重新选择');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 调试信息
|
||||||
|
console.log('productionObj:', this.productionObj);
|
||||||
|
console.log('productionObj.id:', this.productionObj.id);
|
||||||
|
console.log('mrpResultData.length:', this.mrpResultData?.length || 0);
|
||||||
|
|
||||||
|
// 显示导出确认信息
|
||||||
|
const exportInfo = `导出生产令号"${this.productionObj.productionOrderNo}"的数据`;
|
||||||
|
const searchInfo = this.mrpSearchKeyword ? `，包含搜索关键词"${this.mrpSearchKeyword}"` : '';
|
||||||
|
const dataInfo = this.mrpResultData && this.mrpResultData.length > 0
|
||||||
|
? `，当前显示${this.mrpResultData.length}条记录`
|
||||||
|
: '（后台将查询所有相关数据）';
|
||||||
|
|
||||||
|
try {
|
||||||
|
await this.$confirm(
|
||||||
|
`${exportInfo}${searchInfo}${dataInfo}。\n\n确定要导出吗？`,
|
||||||
|
'确认导出',
|
||||||
|
{
|
||||||
|
confirmButtonText: '确定导出',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'info'
|
||||||
|
}
|
||||||
|
);
|
||||||
|
} catch (error) {
|
||||||
|
// 用户取消导出
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.exportLoading = true;
|
||||||
|
|
||||||
|
try {
|
||||||
|
// 准备导出参数，主要传递orderProId给后台
|
||||||
|
const exportParams = {
|
||||||
|
orderProId: this.productionObj.id, // 核心参数：生产令号ID
|
||||||
|
materialCode: this.mrpSearchKeyword || '', // 可选的物料编码搜索
|
||||||
|
materialName: '', // 清空名称搜索，避免冲突
|
||||||
|
pageSize: 9999, // 后台查询时获取所有数据
|
||||||
|
pageNum: 1
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const response = await exportMrp(exportParams);
|
||||||
|
|
||||||
|
// 创建下载链接
|
||||||
|
const blob = new Blob([response], {
|
||||||
|
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
|
||||||
|
});
|
||||||
|
const url = window.URL.createObjectURL(blob);
|
||||||
|
const link = document.createElement('a');
|
||||||
|
link.href = url;
|
||||||
|
link.download = `MRP运算结果_${this.productionObj.productionOrderNo}_${new Date().getTime()}.xlsx`;
|
||||||
|
link.click();
|
||||||
|
window.URL.revokeObjectURL(url);
|
||||||
|
|
||||||
|
this.$message.success(`导出成功！文件已下载：运算结果_${this.productionObj.productionOrderNo}_${new Date().getTime()}.xlsx`);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('导出失败:', error);
|
||||||
|
this.$message.error('导出失败: ' + (error.message || error));
|
||||||
|
} finally {
|
||||||
|
this.exportLoading = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取MRP行样式类
|
||||||
|
getMrpRowClass({ row, rowIndex }) {
|
||||||
|
if (row.availableStock < 0) {
|
||||||
|
return 'negative-stock-row'
|
||||||
|
} else if (row.availableStock === 0) {
|
||||||
|
return 'zero-stock-row'
|
||||||
|
}
|
||||||
|
return ''
|
||||||
|
},
|
||||||
|
|
||||||
|
// 刷新整个页面
|
||||||
|
handleRefreshAll() {
|
||||||
|
this.getProductionOrderList()
|
||||||
|
if (this.productionObj) {
|
||||||
|
this.getMrpData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 返回上一页
|
||||||
|
goBack() {
|
||||||
|
if (window.history.length > 1) {
|
||||||
|
this.$router.go(-1)
|
||||||
|
} else {
|
||||||
|
// 如果没有历史记录，可以跳转到首页或其他页面
|
||||||
|
this.$router.push('/')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.mrp2-standalone-container {
|
||||||
|
min-height: 100vh;
|
||||||
|
background: #f5f5f5;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.standalone-header {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 20px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-content {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-left h1 {
|
||||||
|
color: white !important;
|
||||||
|
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-left p {
|
||||||
|
color: rgba(255, 255, 255, 0.8) !important;
|
||||||
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-right {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-content {
|
||||||
|
max-width: 1600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-container {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
border-bottom: 1px solid #e4e7ed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mrp-result-card {
|
||||||
|
border: 1px solid #e4e7ed;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mrp-status-indicator {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 8px 12px;
|
||||||
|
background: #f0f9ff;
|
||||||
|
border: 1px solid #b3d8ff;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #409eff;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mrp-calculate-btn {
|
||||||
|
background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mrp-calculate-btn:hover {
|
||||||
|
background: linear-gradient(135deg, #66b1ff 0%, #409eff 100%);
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mrp-search-input {
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mrp-export-btn {
|
||||||
|
background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 2px 4px rgba(103, 194, 58, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mrp-export-btn:hover {
|
||||||
|
background: linear-gradient(135deg, #85ce61 0%, #67c23a 100%);
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 8px rgba(103, 194, 58, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 表格行样式 */
|
||||||
|
:deep(.negative-stock-row) {
|
||||||
|
background-color: #fef0f0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.negative-stock-row:hover > td) {
|
||||||
|
background-color: #fde2e2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.zero-stock-row) {
|
||||||
|
background-color: #fdf6ec !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.zero-stock-row:hover > td) {
|
||||||
|
background-color: #faecd8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 生产令号选择器优化样式 */
|
||||||
|
.production-order-select-dropdown {
|
||||||
|
min-width: 400px !important;
|
||||||
|
max-width: 600px !important;
|
||||||
|
max-height: 400px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.production-order-select-dropdown .el-select-dropdown__item {
|
||||||
|
height: auto !important;
|
||||||
|
min-height: 40px !important;
|
||||||
|
padding: 8px 16px !important;
|
||||||
|
line-height: 1.4 !important;
|
||||||
|
white-space: normal !important;
|
||||||
|
overflow: visible !important;
|
||||||
|
border-bottom: 1px solid #f0f0f0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.production-order-select-dropdown .el-select-dropdown__item:last-child {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.production-order-select-dropdown .el-select-dropdown__item:hover {
|
||||||
|
background-color: #f5f7fa !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.production-order-select-dropdown .el-select-dropdown__item.selected {
|
||||||
|
background-color: #ecf5ff !important;
|
||||||
|
color: #409eff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.production-order-select-dropdown .el-select-dropdown__item.is-disabled {
|
||||||
|
color: #c0c4cc !important;
|
||||||
|
cursor: not-allowed !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 全局下拉选择器样式优化 */
|
||||||
|
:deep(.el-select-dropdown__item) {
|
||||||
|
height: auto !important;
|
||||||
|
padding: 12px 20px !important;
|
||||||
|
line-height: 1.4 !important;
|
||||||
|
white-space: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-select-dropdown__item:hover) {
|
||||||
|
background-color: #f5f7fa !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-select-dropdown__item.selected) {
|
||||||
|
background-color: #ecf5ff !important;
|
||||||
|
color: #409eff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 生产令号信息卡片样式 */
|
||||||
|
.production-order-info {
|
||||||
|
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
||||||
|
border-left: 4px solid #409eff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.production-order-info .el-card__header {
|
||||||
|
background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
|
||||||
|
border-bottom: 1px solid #b3d8ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 响应式设计 */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.app-container {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mrp-status-indicator {
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.production-order-info .el-card__body {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user