zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:综合查询布局调整

This commit is contained in:
shijing 2024-06-03 11:14:05 +08:00
parent 4b55e431b5
commit caf5ddf0d1
1 changed files with 115 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

186
src/views/statistics/total_statistics.vue
View File

@ -1,78 +1,113 @@
<template>
<el-container>
<!-- <el-header>
<el-container>
<el-main> </el-main>
</el-container>
</el-header> -->
<el-main>
<el-table
id="hourBaseTable"
:data="tableData11"
style="width: 1200px"
border
>
<el-table-column label="版型" prop="版型"> </el-table-column>
<el-table-column label="7号">
<el-table-column label="合格数" prop="合格数">
</el-table-column>
</el-table-column>
<el-table-column label="8号">
<el-table-column label="仓库库存" prop="仓库库存">
</el-table-column>
</el-table-column>
<el-table-column label="6号">
<el-table-column label="库存" prop="库存">
</el-table-column>
<el-table-column label="平头" prop="平头">
</el-table-column>
<el-table-column label="粘头" prop="粘头">
</el-table-column>
<el-table-column label="粗中细" prop="粗中细">
</el-table-column>
<el-table-column label="抛光" prop="抛光">
</el-table-column>
<el-table-column label="开槽" prop="开槽">
</el-table-column>
<el-table-column label="配管" prop="配管">
</el-table-column>
</el-table-column>
<el-container>
<el-header style="height: 40%">
<el-container>
<el-header> <h2>棒数据</h2> </el-header>
<el-main id="bangTable">
<el-table
id="hourBaseTable"
:data="tableData11"
style="width: 1200px"
:height="bangHeight"
border
>
<el-table-column label="版型" prop="版型">
</el-table-column>
<el-table-column label="7号">
<el-table-column
label="合格数"
prop="合格数"
>
</el-table-column>
</el-table-column>
<el-table-column label="8号">
<el-table-column
label="仓库库存"
prop="仓库库存"
>
</el-table-column>
</el-table-column>
<el-table-column label="6号">
<el-table-column label="库存" prop="库存">
</el-table-column>
<el-table-column label="平头" prop="平头">
</el-table-column>
<el-table-column label="粘头" prop="粘头">
</el-table-column>
<el-table-column
label="粗中细"
prop="粗中细"
>
</el-table-column>
<el-table-column label="抛光" prop="抛光">
</el-table-column>
<el-table-column label="开槽" prop="开槽">
</el-table-column>
<el-table-column label="配管" prop="配管">
</el-table-column>
</el-table-column>
<el-table-column label="合计" prop="合计"> </el-table-column>
</el-table>
<el-table
:data="tableData22"
style="width: 1200px"
border
id="hourBaseTable"
height="600"
>
<el-table-column label="版型" prop="版型"> </el-table-column>
<el-table-column label="规格" prop="规格"> </el-table-column>
<el-table-column label="10号">
<el-table-column label="合格数" prop="合格数">
</el-table-column>
</el-table-column>
<el-table-column label="8号">
<el-table-column label="仓库库存" prop="仓库库存">
</el-table-column>
<el-table-column label="未退火" prop="未退火">
</el-table-column>
<el-table-column label="退火" prop="退火">
</el-table-column>
</el-table-column>
<el-table-column label="6号">
<el-table-column label="库存" prop="库存">
</el-table-column>
<el-table-column label="开槽" prop="开槽">
</el-table-column>
<el-table-column label="倒角" prop="倒角">
</el-table-column>
<el-table-column label="配棒" prop="配棒">
</el-table-column>
</el-table-column>
<el-table-column label="合计" prop="合计"> </el-table-column>
</el-table>
<el-table-column label="合计" prop="合计">
</el-table-column>
</el-table>
</el-main>
</el-container>
</el-header>
<el-main style="padding: 8px 0 0 0">
<el-container>
<el-header> <h2>管数据</h2> </el-header>
<el-main id="guanTable" style="background: #ffffff">
<el-table
:data="tableData22"
style="width: 1200px"
border
id="hourBaseTable"
:height="guanHeight"
>
<el-table-column label="版型" prop="版型">
</el-table-column>
<el-table-column label="规格" prop="规格">
</el-table-column>
<el-table-column label="10号">
<el-table-column
label="合格数"
prop="合格数"
>
</el-table-column>
</el-table-column>
<el-table-column label="8号">
<el-table-column
label="仓库库存"
prop="仓库库存"
>
</el-table-column>
<el-table-column
label="未退火"
prop="未退火"
>
</el-table-column>
<el-table-column label="退火" prop="退火">
</el-table-column>
</el-table-column>
<el-table-column label="6号">
<el-table-column label="库存" prop="库存">
</el-table-column>
<el-table-column label="开槽" prop="开槽">
</el-table-column>
<el-table-column label="倒角" prop="倒角">
</el-table-column>
<el-table-column label="配棒" prop="配棒">
</el-table-column>
</el-table-column>
<el-table-column label="合计" prop="合计">
</el-table-column>
</el-table>
</el-main>
</el-container>
</el-main>
</el-container>
</el-main>
</el-container>
</template>
@ -85,11 +120,18 @@ export default {
// mockData: mockData,
tableData11: [],
tableData22: [],
bangHeight: 300,
guanHeight: 500,
};
},
mounted() {
this.getSourceData();
this.bangHeight =
document.getElementById("bangTable").offsetHeight - 20;
this.guanHeight =
document.getElementById("guanTable").offsetHeight - 20;
},
created() {},
methods: {
//获取表格原始数据
getSourceData() {
@ -115,6 +157,7 @@ export default {
if (item.型号.indexOf("+") > -1) {
let model = item.型号.split("+")[0];
index = models.indexOf(model);
item.型号 = model;
} else {
index = models.indexOf(item.型号);
}
@ -197,6 +240,7 @@ export default {
if (item.型号.indexOf("+") > -1) {
let model = item.型号.split("+")[1];
index = models.indexOf(model);
item.型号 = model;
} else {
index = models.indexOf(item.型号);
}