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

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

@ -1,24 +1,32 @@
<template> <template>
<el-container> <el-container>
<!-- <el-header>
<el-container>
<el-main> </el-main>
</el-container>
</el-header> -->
<el-main> <el-main>
<el-container>
<el-header style="height: 40%">
<el-container>
<el-header> <h2>棒数据</h2> </el-header>
<el-main id="bangTable">
<el-table <el-table
id="hourBaseTable" id="hourBaseTable"
:data="tableData11" :data="tableData11"
style="width: 1200px" style="width: 1200px"
:height="bangHeight"
border border
> >
<el-table-column label="版型" prop="版型"> </el-table-column> <el-table-column label="版型" prop="版型">
</el-table-column>
<el-table-column label="7号"> <el-table-column label="7号">
<el-table-column label="合格数" prop="合格数"> <el-table-column
label="合格数"
prop="合格数"
>
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column label="8号"> <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>
<el-table-column label="6号"> <el-table-column label="6号">
@ -28,7 +36,10 @@
</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="粗中细" 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>
@ -38,25 +49,44 @@
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column label="合计" prop="合计"> </el-table-column> <el-table-column label="合计" prop="合计">
</el-table-column>
</el-table> </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 <el-table
:data="tableData22" :data="tableData22"
style="width: 1200px" style="width: 1200px"
border border
id="hourBaseTable" id="hourBaseTable"
height="600" :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>
<el-table-column label="10号"> <el-table-column label="10号">
<el-table-column label="合格数" prop="合格数"> <el-table-column
label="合格数"
prop="合格数"
>
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column label="8号"> <el-table-column label="8号">
<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="退火" prop="退火"> <el-table-column label="退火" prop="退火">
</el-table-column> </el-table-column>
@ -71,10 +101,15 @@
<el-table-column label="配棒" prop="配棒"> <el-table-column label="配棒" prop="配棒">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column label="合计" prop="合计"> </el-table-column> <el-table-column label="合计" prop="合计">
</el-table-column>
</el-table> </el-table>
</el-main> </el-main>
</el-container> </el-container>
</el-main>
</el-container>
</el-main>
</el-container>
</template> </template>
<script> <script>
// import mockData from "./mock.json"; // import mockData from "./mock.json";
@ -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.型号);
} }