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