Compare commits
2 Commits
f5904fa7f3
...
test.X
| Author | SHA1 | Date | |
|---|---|---|---|
| 75a2623d8b | |||
| 5d046be15b |
@@ -1,5 +1,5 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = 科伦普冷轧涂镀数智运营一体化平台
|
||||
VUE_APP_TITLE = MES一体化平台
|
||||
|
||||
# 开发环境配置
|
||||
ENV = 'development'
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = 科伦普冷轧涂镀数智运营一体化平台
|
||||
VUE_APP_TITLE = MES一体化平台
|
||||
|
||||
# 生产环境配置
|
||||
ENV = 'production'
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = 科伦普冷轧涂镀数智运营一体化平台
|
||||
VUE_APP_TITLE = MES一体化平台
|
||||
|
||||
# 开发环境配置
|
||||
ENV = 'development'
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.png">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title><%= webpackConfig.name %></title>
|
||||
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
|
||||
<style>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 3.6 KiB |
@@ -35,7 +35,7 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: '科伦普一体化平台',
|
||||
title: 'MES一体化平台',
|
||||
logo: logoImg
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<img :src="avatar" class="user-avatar" alt="头像" />
|
||||
<div class="greeting-text">
|
||||
<div class="greeting-title">{{ greeting }},{{ name }}</div>
|
||||
<div class="greeting-desc">欢迎使用科伦普冷轧涂渡数智一体化平台</div>
|
||||
<div class="greeting-desc">欢迎使用MES数智一体化平台</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -12,10 +12,10 @@ export default {
|
||||
components: { Home },
|
||||
mounted() {
|
||||
// 确保容器DOM已渲染后,对容器执行全屏
|
||||
this.$nextTick(() => {
|
||||
this.enterFullscreen()
|
||||
this.addFullscreenListener()
|
||||
})
|
||||
// this.$nextTick(() => {
|
||||
// this.enterFullscreen()
|
||||
// this.addFullscreenListener()
|
||||
// })
|
||||
},
|
||||
beforeDestroy() {
|
||||
// 移除监听,避免内存泄漏
|
||||
@@ -60,7 +60,7 @@ export default {
|
||||
!document.mozFullScreenElement &&
|
||||
!document.webkitFullscreenElement &&
|
||||
!document.msFullscreenElement
|
||||
|
||||
|
||||
if (isExit) {
|
||||
// 退出全屏后返回上一页
|
||||
this.$router.back()
|
||||
@@ -91,4 +91,4 @@ export default {
|
||||
height: 100%;
|
||||
/* 可根据需要添加其他样式(如背景色等) */
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -1,68 +1,71 @@
|
||||
<template>
|
||||
<div class="dashboard-editor-container">
|
||||
<img src="http://kelunpuzhonggong.com/upload/img/20250427091033.jpg" alt="">
|
||||
|
||||
<div class="aboutus">
|
||||
<el-row :gutter="30">
|
||||
<!-- 左栏 -->
|
||||
<el-col :span="12" :xs="24">
|
||||
<div class="aboutus-title">
|
||||
<h2>关于我们</h2>
|
||||
<p>ABOUT US</p>
|
||||
</div>
|
||||
<div class="aboutus-left">
|
||||
<p class="aboutus-desc">
|
||||
嘉祥科伦普重工有限公司是山东省重点工程项目,是济宁市工程之一,也是科伦普产品结构调整重要的工程项目。工程采用了外方技术总负责、关键设备整体引进、点采集成、国内技术总成、自主创新、单体设备引进等多种建设方案,保证了技术先进和人才的培养,确保工程投产后达产达效。
|
||||
</p>
|
||||
<p class="aboutus-desc">
|
||||
科伦普冷轧重工有限公司是设计年产量150万吨,能向广大用户提供热轧酸洗、热轧镀锌、冷硬、罩式退火、冷轧镀锌、铝锌合金、锌铝合金、锌铝镁、镀铬等各大类产品。产品覆盖东北、华北、华东、华南等地区。
|
||||
</p>
|
||||
</div>
|
||||
<!-- <div class="dashboard-editor-container">-->
|
||||
<!-- <img src="http://kelunpuzhonggong.com/upload/img/20250427091033.jpg" alt="">-->
|
||||
<!-- -->
|
||||
<!-- <div class="aboutus">-->
|
||||
<!-- <el-row :gutter="30">-->
|
||||
<!-- <!– 左栏 –>-->
|
||||
<!-- <el-col :span="12" :xs="24">-->
|
||||
<!-- <div class="aboutus-title">-->
|
||||
<!-- <h2>关于我们</h2>-->
|
||||
<!-- <p>ABOUT US</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="aboutus-left">-->
|
||||
<!-- <p class="aboutus-desc">-->
|
||||
<!-- MES一体化平台是面向制造企业车间执行层的生产信息化管理系统,为企业提供包括制造数据管理、计划排程管理、生产调度管理、库存管理、质量管理、人力资源管理、工作中心管理等多项企业管理功能。-->
|
||||
<!-- </p>-->
|
||||
<!-- <p class="aboutus-desc">-->
|
||||
<!-- 平台通过互联网技术实现企业数字化转型,提高生产效率、降低成本、提升产品质量,实现精益化生产管理,帮助企业实现智能制造目标。-->
|
||||
<!-- </p>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<statistic-group />
|
||||
</el-col>
|
||||
<!-- <statistic-group />-->
|
||||
<!-- </el-col>-->
|
||||
|
||||
<!-- 右栏 -->
|
||||
<el-col :span="12" :xs="24">
|
||||
<img src="http://kelunpuzhonggong.com/upload/img/20251015103934.jpg" alt="">
|
||||
<!-- <div class="aboutus-right">
|
||||
<p class="aboutus-detail">
|
||||
嘉祥科伦普重工有限公司成立于2017年8月,注册资金33100万元,主要经营高铁设备、配件制造与销售,模具制造与销售,新材料技术研发,高性能有色金属及合金材料销售,机械零件、零部件加工与销售,金属材料制造与销售,锌铝镁新材料等。目前公司拥有10余项具有自主知识产权的发明专利技术,综合技术水平达国内领先,2024年公司主导产品国内市场占有率约占85%。2024年总资产5.98亿元,净资产4.49亿元,收入3.95亿元,公司现有员工238人,研究与试验发展人员57人,其中专职研究与试验发展人员52人,外聘专家5人。
|
||||
</p>
|
||||
<p class="aboutus-detail">
|
||||
2024年公司新建科伦普合金新材料研发项目,占地290亩,采用国内先进的镀层核心技术和热处理工艺,专业生产锌铝镁板材和镀铬板材。致力于打造国内工艺链条最完善、产品型号最丰富的涂镀新材料生产企业。全部投产后可实现新增销售收入80亿元,利税4.7亿元,带动就业约500人。项目主要生产的冷轧板、锌铝镁涂层板、镀铬涂层板、镀锡涂层板等产品,涵盖0.08MM-6.0MM区间60多种产品,是国内单个企业产品种类最多的项目。产品因其防锈、耐氧化、耐腐蚀、高电导、高稳定的优秀特性,广泛应用于建筑结构件、汽车制造、轻工家电、食品包装、医疗器械、电子通讯、航空航天领域。
|
||||
</p>
|
||||
</div> -->
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<!-- <!– 右栏 –>-->
|
||||
<!-- <el-col :span="12" :xs="24">-->
|
||||
<!-- <img src="http://kelunpuzhonggong.com/upload/img/20251015103934.jpg" alt="">-->
|
||||
<!-- <!– <div class="aboutus-right">-->
|
||||
<!-- <p class="aboutus-detail">-->
|
||||
<!-- 嘉祥科伦普重工有限公司成立于2017年8月,注册资金33100万元,主要经营高铁设备、配件制造与销售,模具制造与销售,新材料技术研发,高性能有色金属及合金材料销售,机械零件、零部件加工与销售,金属材料制造与销售,锌铝镁新材料等。目前公司拥有10余项具有自主知识产权的发明专利技术,综合技术水平达国内领先,2024年公司主导产品国内市场占有率约占85%。2024年总资产5.98亿元,净资产4.49亿元,收入3.95亿元,公司现有员工238人,研究与试验发展人员57人,其中专职研究与试验发展人员52人,外聘专家5人。-->
|
||||
<!-- </p>-->
|
||||
<!-- <p class="aboutus-detail">-->
|
||||
<!-- 2024年公司新建科伦普合金新材料研发项目,占地290亩,采用国内先进的镀层核心技术和热处理工艺,专业生产锌铝镁板材和镀铬板材。致力于打造国内工艺链条最完善、产品型号最丰富的涂镀新材料生产企业。全部投产后可实现新增销售收入80亿元,利税4.7亿元,带动就业约500人。项目主要生产的冷轧板、锌铝镁涂层板、镀铬涂层板、镀锡涂层板等产品,涵盖0.08MM-6.0MM区间60多种产品,是国内单个企业产品种类最多的项目。产品因其防锈、耐氧化、耐腐蚀、高电导、高稳定的优秀特性,广泛应用于建筑结构件、汽车制造、轻工家电、食品包装、医疗器械、电子通讯、航空航天领域。-->
|
||||
<!-- </p>-->
|
||||
<!-- </div> –>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div>
|
||||
<statistic-group />
|
||||
</div> -->
|
||||
|
||||
<!-- <AllApplications />
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="18">
|
||||
<el-empty description="办公模块定制开发中"></el-empty>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<mini-calendar />
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
</div>
|
||||
<!-- <!– <div>-->
|
||||
<!-- <statistic-group />-->
|
||||
<!-- </div> –>-->
|
||||
<!-- -->
|
||||
<!-- <!– <AllApplications /> -->
|
||||
<!-- <el-row :gutter="10">-->
|
||||
<!-- <el-col :span="18">-->
|
||||
<!-- <el-empty description="办公模块定制开发中"></el-empty>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="6">-->
|
||||
<!-- <mini-calendar />-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row> –>-->
|
||||
<!-- </div>-->
|
||||
<Dashboard />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import StatisticGroup from '@/components/HomeModules/StatisticGroup.vue'
|
||||
// import AllApplications from '@/components/HomeModules/AllApplications.vue'
|
||||
// import MiniCalendar from '@/components/HomeModules/MiniCalendar.vue'
|
||||
import Dashboard from '@/views/dashboard/demo.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
name: 'Index',
|
||||
components: {
|
||||
// PanelGroup,
|
||||
StatisticGroup,
|
||||
Dashboard,
|
||||
// AllApplications,
|
||||
// MiniCalendar,
|
||||
},
|
||||
@@ -193,4 +196,4 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -3,15 +3,14 @@
|
||||
<div class="login-box">
|
||||
<div class="login-left">
|
||||
<div class="login-title-welcome">
|
||||
<img src="../assets/logo/logo.png" alt="logo" class="logo-img" />
|
||||
<span class="login-title">欢迎使用科伦普冷轧涂镀数智一体化平台</span>
|
||||
<!-- <img src="../assets/logo/logo.png" alt="logo" class="logo-img" />-->
|
||||
<span class="login-title">欢迎使用MES一体化平台</span>
|
||||
</div>
|
||||
<p>
|
||||
嘉祥科伦普重工有限公司是山东省重点工程项目,是济宁市工程之一,也是科伦普产品结构调整重要的工程项目。工程采用了外方技术总负责、关键设备整体引进、点采集成、国内技术总成、自主创新、单体设备引进等多种建设方
|
||||
案,保证了技术先进和人才的培养,确保工程投产后达产达效。
|
||||
MES一体化平台是面向制造企业车间执行层的生产信息化管理系统,为企业提供包括制造数据管理、计划排程管理、生产调度管理、库存管理、质量管理、人力资源管理、工作中心管理等多项企业管理功能。
|
||||
</p>
|
||||
<p>
|
||||
科伦普冷轧重工有限公司是设计年产量150万 吨,能向广大用户提供热轧酸洗、热轧镀锌、冷硬、罩式退火、冷轧镀锌、铝锌合金、锌铝合金、锌铝镁、镀铬等各大类产品。产品覆盖东北、华北、华东、华南等地区。
|
||||
平台通过互联网技术实现企业数字化转型,提高生产效率、降低成本、提升产品质量,实现精益化生产管理。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -300,4 +299,4 @@ $--metal-gradient-light: linear-gradient(145deg, #f5f5f550, #ffffff50);
|
||||
color: $--color-text-secondary; // 浅灰色文字
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -114,7 +114,7 @@
|
||||
Jiaxiang County,Jining City,Shandong Province</span>
|
||||
<br />
|
||||
<span>
|
||||
TEL:1905-3728822 1905-3728835
|
||||
TEL:0537-6625068 0537-6625067
|
||||
</span>
|
||||
</div>
|
||||
<div class="contact-timestamp">
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
v-if="tagType === 'ge'"
|
||||
:content="content"
|
||||
:paperWidthMm="180"
|
||||
:paperHeightMm="100"
|
||||
:paperHeightMm="80"
|
||||
/>
|
||||
<!-- <SampleTagPreview v-if="labelType === '4'" :content="content" />
|
||||
<ForgeTagPreview v-if="labelType === '5'" :content="content" />
|
||||
@@ -141,7 +141,7 @@ export default {
|
||||
handler(newVal) {
|
||||
const { itemName, itemType, warehouseId } = newVal;
|
||||
// 在镀锌颜料库的卷使用镀锌原料标签
|
||||
if (itemType == 'raw_material' && (warehouseId == '1988150263284953089' || warehouseId == '1988150487185289217')) {
|
||||
if (itemType == 'raw_material' && warehouseId == '1988150263284953089') {
|
||||
this.labelType = '5';
|
||||
} else if (itemType == 'raw_material') {
|
||||
this.labelType = '2';
|
||||
|
||||
@@ -1,138 +0,0 @@
|
||||
<template>
|
||||
<div class="hot-zha-raw">
|
||||
<!-- 使用 el-table 展示数据 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="processedData"
|
||||
border
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#f2f2f2', fontWeight: 600}"
|
||||
>
|
||||
<!-- 类别列 -->
|
||||
<el-table-column
|
||||
label="类别"
|
||||
prop="category"
|
||||
min-width="180"
|
||||
align="left"
|
||||
/>
|
||||
|
||||
<!-- 合并的净边表头 -->
|
||||
<el-table-column
|
||||
label="净边"
|
||||
align="center"
|
||||
>
|
||||
<el-table-column
|
||||
label="1000"
|
||||
prop="width1000"
|
||||
min-width="100"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="1200"
|
||||
prop="width1200"
|
||||
min-width="100"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="1220"
|
||||
prop="width1220"
|
||||
min-width="100"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
label="1250"
|
||||
prop="width1250"
|
||||
min-width="100"
|
||||
align="center"
|
||||
/>
|
||||
</el-table-column>
|
||||
|
||||
<!-- 其他宽度及毛边列 -->
|
||||
<el-table-column
|
||||
label="其他宽度及毛边"
|
||||
prop="otherWidth"
|
||||
min-width="120"
|
||||
align="center"
|
||||
/>
|
||||
|
||||
<!-- 合计列 -->
|
||||
<el-table-column
|
||||
label="合计"
|
||||
prop="total"
|
||||
min-width="100"
|
||||
align="center"
|
||||
:cell-style="{fontWeight: 600, color: '#1890ff'}"
|
||||
/>
|
||||
</el-table>
|
||||
|
||||
<!-- 无数据提示(el-table 自带空数据提示,这里可保留统一样式) -->
|
||||
<div v-if="!data || data.length === 0" class="empty-data">
|
||||
暂无数据
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'HotZhaRaw',
|
||||
props: {
|
||||
data: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false // 可根据实际需求控制加载状态
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
processedData() {
|
||||
if (!this.data || !Array.isArray(this.data)) {
|
||||
return [];
|
||||
}
|
||||
console.log(this.data);
|
||||
// 深拷贝避免修改原数据
|
||||
return this.data;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// el-table 专用的数字格式化方法
|
||||
formatTableNumber(row, column) {
|
||||
const num = row[column.prop];
|
||||
if (num === null || num === undefined || num === '') return '0.000';
|
||||
return Number(num).toFixed(3);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.hot-zha-raw {
|
||||
width: 100%;
|
||||
min-height: 200px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.empty-data {
|
||||
text-align: center;
|
||||
padding: 40px;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 覆盖 el-table 样式,保持视觉统一 */
|
||||
:deep(.el-table) {
|
||||
--el-table-header-text-color: #303133;
|
||||
--el-table-row-hover-bg-color: #f8f9fa;
|
||||
}
|
||||
|
||||
:deep(.el-table th) {
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
|
||||
:deep(.el-table td) {
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
</style>
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="trim-statistics-table">
|
||||
<el-table
|
||||
:data="filteredTableData"
|
||||
:data="tableData"
|
||||
border
|
||||
stripe
|
||||
:span-method="objectSpanMethod"
|
||||
@@ -15,7 +15,7 @@
|
||||
align="center"
|
||||
/>
|
||||
|
||||
<!-- 冷硬卷板净边料现货库存 独立表头组 -->
|
||||
<!-- 冷硬卷板净边料现货库存 表头组 -->
|
||||
<el-table-column
|
||||
label="冷硬卷板净边料现货库存"
|
||||
align="center"
|
||||
@@ -27,19 +27,18 @@
|
||||
<el-table-column label="数量(件)" prop="trimmedTotalCount" width="80" align="center" />
|
||||
<el-table-column label="重量(吨)" prop="trimmedTotalWeight" width="80" align="center" />
|
||||
</el-table-column>
|
||||
<!-- 净边料独立宽度列(合并后的分组) -->
|
||||
<el-table-column
|
||||
v-for="group in trimmedWidthGroups"
|
||||
:key="'trimmed-' + group.key"
|
||||
:label="group.label"
|
||||
v-for="width in widthList"
|
||||
:key="'trimmed-' + width"
|
||||
:label="width"
|
||||
align="center"
|
||||
>
|
||||
<el-table-column label="数量(件)" :prop="`trimmed_${group.key}_count`" width="80" align="center" />
|
||||
<el-table-column label="重量(吨)" :prop="`trimmed_${group.key}_weight`" width="80" align="center" />
|
||||
<el-table-column label="数量(件)" :prop="`trimmed_${width}_count`" width="80" align="center" />
|
||||
<el-table-column label="重量(吨)" :prop="`trimmed_${width}_weight`" width="80" align="center" />
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
|
||||
<!-- 冷硬卷板毛边料现货库存 独立表头组 -->
|
||||
<!-- 冷硬卷板毛边料现货库存 表头组 -->
|
||||
<el-table-column
|
||||
label="冷硬卷板毛边料现货库存"
|
||||
align="center"
|
||||
@@ -51,15 +50,14 @@
|
||||
<el-table-column label="数量(件)" prop="untrimmedTotalCount" width="80" align="center" />
|
||||
<el-table-column label="重量(吨)" prop="untrimmedTotalWeight" width="80" align="center" />
|
||||
</el-table-column>
|
||||
<!-- 毛边料独立宽度列(合并后的分组) -->
|
||||
<el-table-column
|
||||
v-for="group in untrimmedWidthGroups"
|
||||
:key="'untrimmed-' + group.key"
|
||||
:label="group.label"
|
||||
v-for="width in widthList"
|
||||
:key="'untrimmed-' + width"
|
||||
:label="width"
|
||||
align="center"
|
||||
>
|
||||
<el-table-column label="数量(件)" :prop="`untrimmed_${group.key}_count`" width="80" align="center" />
|
||||
<el-table-column label="重量(吨)" :prop="`untrimmed_${group.key}_weight`" width="80" align="center" />
|
||||
<el-table-column label="数量(件)" :prop="`untrimmed_${width}_count`" width="80" align="center" />
|
||||
<el-table-column label="重量(吨)" :prop="`untrimmed_${width}_weight`" width="80" align="center" />
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -73,202 +71,69 @@ export default {
|
||||
data: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
// 可配置的宽度分组规则(支持自定义)
|
||||
widthGroupRules: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
'1000系列': ['1000', '1000~1005', '1010/1015'],
|
||||
'1200基础系列': ['1200/1202', '1200~1215'],
|
||||
'1218基础系列': ['1218/1220', '1218~1235', '1210/1215'],
|
||||
'1240系列': ['1240/1252'],
|
||||
'1225系列': ['1225/1235'],
|
||||
'1250+系列': ['1250~1265', '1260-1265']
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// ========== 净边料相关计算 ==========
|
||||
// 提取净边料所有原始宽度
|
||||
rawTrimmedWidths() {
|
||||
const widthSet = new Set();
|
||||
this.data.forEach(item => {
|
||||
item.trimmedList.forEach(trimmed => {
|
||||
if (trimmed.width) widthSet.add(trimmed.width);
|
||||
});
|
||||
});
|
||||
return Array.from(widthSet);
|
||||
// 定义表格中需要展示的宽度规格(与图片中一致)
|
||||
widthList() {
|
||||
return [
|
||||
'1000', '1200/1202', '1218/1220', '1240/1252',
|
||||
'1010/1015', '1210/1215', '1225/1235', '1260-1265',
|
||||
'1000~1005', '1200~1215', '1218~1235', '1250~1265'
|
||||
];
|
||||
},
|
||||
// 净边料宽度分组(合并相近宽度)
|
||||
trimmedWidthGroups() {
|
||||
return this.generateWidthGroups(this.rawTrimmedWidths);
|
||||
},
|
||||
|
||||
// ========== 毛边料相关计算 ==========
|
||||
// 提取毛边料所有原始宽度
|
||||
rawUntrimmedWidths() {
|
||||
const widthSet = new Set();
|
||||
this.data.forEach(item => {
|
||||
item.untrimmedList.forEach(untrimmed => {
|
||||
if (untrimmed.width) widthSet.add(untrimmed.width);
|
||||
});
|
||||
});
|
||||
return Array.from(widthSet);
|
||||
},
|
||||
// 毛边料宽度分组(合并相近宽度)
|
||||
untrimmedWidthGroups() {
|
||||
return this.generateWidthGroups(this.rawUntrimmedWidths);
|
||||
},
|
||||
|
||||
// 处理后的原始表格数据
|
||||
// 处理后的数据(适配表格列结构)
|
||||
tableData() {
|
||||
return this.data.map(item => {
|
||||
const row = {
|
||||
thickness: item.thickness,
|
||||
trimmedTotalCount: 0,
|
||||
trimmedTotalWeight: 0,
|
||||
untrimmedTotalCount: 0,
|
||||
untrimmedTotalWeight: 0
|
||||
trimmedTotalCount: 0, // 净边料总计数量
|
||||
trimmedTotalWeight: 0, // 净边料总计重量
|
||||
untrimmedTotalCount: 0, // 毛边料总计数量
|
||||
untrimmedTotalWeight: 0 // 毛边料总计重量
|
||||
};
|
||||
|
||||
// 初始化净边料分组数据
|
||||
this.trimmedWidthGroups.forEach(group => {
|
||||
row[`trimmed_${group.key}_count`] = 0;
|
||||
row[`trimmed_${group.key}_weight`] = 0;
|
||||
// 初始化所有宽度的数量和重量为0
|
||||
this.widthList.forEach(width => {
|
||||
row[`trimmed_${width}_count`] = 0;
|
||||
row[`trimmed_${width}_weight`] = 0;
|
||||
row[`untrimmed_${width}_count`] = 0;
|
||||
row[`untrimmed_${width}_weight`] = 0;
|
||||
});
|
||||
|
||||
// 初始化毛边料分组数据
|
||||
this.untrimmedWidthGroups.forEach(group => {
|
||||
row[`untrimmed_${group.key}_count`] = 0;
|
||||
row[`untrimmed_${group.key}_weight`] = 0;
|
||||
});
|
||||
|
||||
// 处理净边料数据(按分组求和)
|
||||
// 处理净边料数据
|
||||
item.trimmedList.forEach(trimmed => {
|
||||
const width = trimmed.width;
|
||||
const count = Number(trimmed.coilCount) || 0;
|
||||
const weight = Number(trimmed.totalWeight) || 0;
|
||||
|
||||
// 找到宽度所属的分组并累加
|
||||
this.trimmedWidthGroups.forEach(group => {
|
||||
if (group.includesWidth(width)) {
|
||||
row[`trimmed_${group.key}_count`] += count;
|
||||
row[`trimmed_${group.key}_weight`] = (row[`trimmed_${group.key}_weight`] + weight).toFixed(3);
|
||||
}
|
||||
});
|
||||
|
||||
// 累加总计
|
||||
row.trimmedTotalCount += count;
|
||||
row.trimmedTotalWeight = (Number(row.trimmedTotalWeight) + weight).toFixed(3);
|
||||
const widthKey = trimmed.width;
|
||||
if (this.widthList.includes(widthKey)) {
|
||||
row[`trimmed_${widthKey}_count`] = trimmed.coilCount;
|
||||
row[`trimmed_${widthKey}_weight`] = trimmed.totalWeight;
|
||||
// 累加总计
|
||||
row.trimmedTotalCount += trimmed.coilCount;
|
||||
row.trimmedTotalWeight = (Number(row.trimmedTotalWeight) + Number(trimmed.totalWeight)).toFixed(3);
|
||||
}
|
||||
});
|
||||
|
||||
// 处理毛边料数据(按分组求和)
|
||||
// 处理毛边料数据
|
||||
item.untrimmedList.forEach(untrimmed => {
|
||||
const width = untrimmed.width;
|
||||
const count = Number(untrimmed.coilCount) || 0;
|
||||
const weight = Number(untrimmed.totalWeight) || 0;
|
||||
|
||||
// 找到宽度所属的分组并累加
|
||||
this.untrimmedWidthGroups.forEach(group => {
|
||||
if (group.includesWidth(width)) {
|
||||
row[`untrimmed_${group.key}_count`] += count;
|
||||
row[`untrimmed_${group.key}_weight`] = (row[`untrimmed_${group.key}_weight`] + weight).toFixed(3);
|
||||
}
|
||||
});
|
||||
|
||||
// 累加总计
|
||||
row.untrimmedTotalCount += count;
|
||||
row.untrimmedTotalWeight = (Number(row.untrimmedTotalWeight) + weight).toFixed(3);
|
||||
const widthKey = untrimmed.width;
|
||||
if (this.widthList.includes(widthKey)) {
|
||||
row[`untrimmed_${widthKey}_count`] = untrimmed.coilCount;
|
||||
row[`untrimmed_${widthKey}_weight`] = untrimmed.totalWeight;
|
||||
// 累加总计
|
||||
row.untrimmedTotalCount += untrimmed.coilCount;
|
||||
row.untrimmedTotalWeight = (Number(row.untrimmedTotalWeight) + Number(untrimmed.totalWeight)).toFixed(3);
|
||||
}
|
||||
});
|
||||
|
||||
return row;
|
||||
});
|
||||
},
|
||||
|
||||
// 过滤掉全0的行
|
||||
filteredTableData() {
|
||||
return this.tableData.filter(row => {
|
||||
let hasNonZeroData = false;
|
||||
|
||||
// 检查净边料总计
|
||||
if (Number(row.trimmedTotalCount) > 0 || Number(row.trimmedTotalWeight) > 0) {
|
||||
hasNonZeroData = true;
|
||||
}
|
||||
|
||||
// 检查毛边料总计
|
||||
if (Number(row.untrimmedTotalCount) > 0 || Number(row.untrimmedTotalWeight) > 0) {
|
||||
hasNonZeroData = true;
|
||||
}
|
||||
|
||||
// 检查净边料分组列
|
||||
if (!hasNonZeroData) {
|
||||
this.trimmedWidthGroups.forEach(group => {
|
||||
if (Number(row[`trimmed_${group.key}_count`]) > 0 || Number(row[`trimmed_${group.key}_weight`]) > 0) {
|
||||
hasNonZeroData = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 检查毛边料分组列
|
||||
if (!hasNonZeroData) {
|
||||
this.untrimmedWidthGroups.forEach(group => {
|
||||
if (Number(row[`untrimmed_${group.key}_count`]) > 0 || Number(row[`untrimmed_${group.key}_weight`]) > 0) {
|
||||
hasNonZeroData = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return hasNonZeroData;
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 生成宽度分组(核心方法)
|
||||
generateWidthGroups(rawWidths) {
|
||||
const groups = [];
|
||||
const usedWidths = new Set();
|
||||
|
||||
// 遍历分组规则,匹配原始宽度
|
||||
Object.entries(this.widthGroupRules).forEach(([groupLabel, widthList]) => {
|
||||
// 筛选出当前分组包含的原始宽度
|
||||
const matchedWidths = rawWidths.filter(width => widthList.includes(width));
|
||||
if (matchedWidths.length === 0) return;
|
||||
|
||||
// 创建分组对象
|
||||
const groupKey = groupLabel.replace(/[^a-zA-Z0-9]/g, '_');
|
||||
groups.push({
|
||||
key: groupKey,
|
||||
label: groupLabel,
|
||||
widths: matchedWidths,
|
||||
includesWidth: function(width) {
|
||||
return this.widths.includes(width);
|
||||
}
|
||||
});
|
||||
|
||||
// 标记已使用的宽度
|
||||
matchedWidths.forEach(width => usedWidths.add(width));
|
||||
});
|
||||
|
||||
// 处理未匹配到分组的宽度(单独成组)
|
||||
rawWidths.forEach(width => {
|
||||
if (!usedWidths.has(width)) {
|
||||
const groupKey = width.replace(/[^a-zA-Z0-9]/g, '_');
|
||||
groups.push({
|
||||
key: groupKey,
|
||||
label: width,
|
||||
widths: [width],
|
||||
includesWidth: function(width) {
|
||||
return this.widths.includes(width);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return groups;
|
||||
},
|
||||
|
||||
// 合并表头的跨度方法
|
||||
// 合并表头的跨度方法(可选,若需要合并行/列可扩展)
|
||||
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
// 可根据需求实现行/列合并逻辑,例如合并重复的厚度行
|
||||
// 示例:若需合并相同厚度的行,可在此处返回 { rowspan: n, colspan: m }
|
||||
return { rowspan: 1, colspan: 1 };
|
||||
}
|
||||
}
|
||||
|
||||
@@ -177,8 +177,7 @@
|
||||
|
||||
<el-table-column label="关联订单" align="center" prop="relatedToOrder" v-if="showRelatedToOrder" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-switch @change="handleRelatedToOrderChange(scope.row)" v-model="scope.row.isRelatedToOrder"
|
||||
:active-value="1" :inactive-value="0" />
|
||||
<el-switch @change="handleRelatedToOrderChange(scope.row)" v-model="scope.row.isRelatedToOrder" :active-value="1" :inactive-value="0" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
@@ -788,26 +787,8 @@ export default {
|
||||
handlePrintLabel(row) {
|
||||
const item = row.itemType === 'product' ? row.product : row.rawMaterial;
|
||||
const itemName = row.itemType === 'product' ? item?.productName || '' : item?.rawMaterialName || '';
|
||||
const itemType = row.itemType || '';
|
||||
const warehouseId = row.warehouseId || '';
|
||||
// 在镀锌颜料库的卷使用镀锌原料标签
|
||||
if (itemType == 'raw_material' && (warehouseId == '1988150263284953089' || warehouseId == '1988150487185289217')) {
|
||||
this.labelRender.type = '5';
|
||||
} else if (itemType == 'raw_material') {
|
||||
this.labelRender.type = '2';
|
||||
} else if (itemType == 'product' && itemName == '冷硬卷') {
|
||||
this.labelRender.type = '3';
|
||||
} else if (itemType == 'product' && itemName == '热轧卷板') {
|
||||
this.labelRender.type = '3';
|
||||
} else if (itemType == 'product' && itemName == '镀锌卷') {
|
||||
this.labelRender.type = '4';
|
||||
} else if (itemType == 'product' && itemName == '冷轧卷') {
|
||||
this.labelRender.type = '3';
|
||||
} else if (itemType == 'product' && itemName == '镀铬卷') {
|
||||
this.labelRender.type = 'ge';
|
||||
} else {
|
||||
this.labelRender.type = '3';
|
||||
}
|
||||
|
||||
this.labelRender.type = row.itemType === 'product' ? '3' : '2';
|
||||
this.labelRender.data = {
|
||||
...row,
|
||||
itemName: itemName,
|
||||
|
||||
@@ -661,7 +661,7 @@ export default {
|
||||
const itemType = row.itemType || '';
|
||||
const warehouseId = row.warehouseId || '';
|
||||
// 在镀锌颜料库的卷使用镀锌原料标签
|
||||
if (itemType == 'raw_material' && (warehouseId == '1988150263284953089' || warehouseId == '1988150487185289217')) {
|
||||
if (itemType == 'raw_material' && warehouseId == '1988150263284953089') {
|
||||
this.labelRender.type = '5';
|
||||
} else if (itemType == 'raw_material') {
|
||||
this.labelRender.type = '2';
|
||||
|
||||
@@ -55,10 +55,12 @@
|
||||
|
||||
<!-- 添加或修改钢卷生产统计对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<div v-for="item in tableType" :key="item.statType" @click="handleCreate(item)" class="type-item">
|
||||
<div class="type-title">{{ item.title }}</div>
|
||||
<div class="type-desc">{{ item.description }}</div>
|
||||
</div>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<div v-for="item in tableType" :key="item.statType" @click="handleCreate(item)" class="type-item">
|
||||
<div class="type-title">{{ item.title }}</div>
|
||||
<div class="type-desc">{{ item.description }}</div>
|
||||
</div>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
|
||||
@@ -78,7 +78,19 @@ export default {
|
||||
currentRow: {},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询钢卷生产统计列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listCoilStatisticsSummary(this.queryParams).then(response => {
|
||||
this.coilStatisticsSummaryList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
|
||||
@@ -8,10 +8,6 @@
|
||||
<BasePage :qrcode="qrcode" :querys="querys" :labelType="labelType" :hideWarehouseQuery="hideWarehouseQuery"
|
||||
:hideType="hideType" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="次品" name="third">
|
||||
<BasePage :qrcode="qrcode" :querys="query3" :labelType="labelType" :hideWarehouseQuery="hideWarehouseQuery"
|
||||
:hideType="hideType" />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</template>
|
||||
|
||||
@@ -38,10 +34,6 @@ export default {
|
||||
nextWarehouseId: '2019583429955104769', // 废品仓
|
||||
// materialType: '废品'
|
||||
},
|
||||
query3: {
|
||||
dataType: 1,
|
||||
OnlyScrap: true,
|
||||
},
|
||||
hideWarehouseQuery: true,
|
||||
showAbnormal: true,
|
||||
labelType: '2',
|
||||
|
||||
Reference in New Issue
Block a user