Compare commits
6 Commits
e24f9c1079
...
b8d26c87d8
| Author | SHA1 | Date | |
|---|---|---|---|
|
b8d26c87d8 | ||
| b89f510e61 | |||
|
|
0e60f426bc | ||
|
|
21f4879394 | ||
| 067cd4765e | |||
| 3c4fe6daaa |
@ -1,42 +1,68 @@
|
||||
<!--
|
||||
* @Author: Do not edit
|
||||
* @Date: 2024-04-22 15:49:56
|
||||
* @LastEditTime: 2024-04-25 08:39:13
|
||||
* @LastEditTime: 2024-04-25 09:53:41
|
||||
* @LastEditors: DY
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<div class="weekly">
|
||||
<el-form :inline="true" :model="listQuery" class="blueTip">
|
||||
<el-form-item label="月" prop="reportTime">
|
||||
<el-date-picker v-model="listQuery.time" value-format="yyyy-MM-dd HH:mm:ss" type="month" size="small" placeholder="选择月">
|
||||
</el-date-picker>
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="listQuery"
|
||||
class="blueTip">
|
||||
<el-form-item
|
||||
label="月"
|
||||
prop="reportTime">
|
||||
<el-date-picker
|
||||
v-model="listQuery.time"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="month"
|
||||
size="small"
|
||||
placeholder="选择月"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-button v-if="this.$auth.hasPermi('base:report-auto-production:query')" type="primary" size="small" @click="getList">
|
||||
<el-button
|
||||
v-if="this.$auth.hasPermi('base:report-auto-production:query')"
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="getList">
|
||||
查询
|
||||
</el-button>
|
||||
<el-button v-if="this.$auth.hasPermiAnd(['base:report-auto-original-glass:export', 'base:report-auto-production:export'])" type="primary" size="small" plain
|
||||
@click="handleExport">导出</el-button>
|
||||
<el-button
|
||||
v-if="
|
||||
this.$auth.hasPermiAnd([
|
||||
'base:report-auto-original-glass:export',
|
||||
'base:report-auto-production:export',
|
||||
])
|
||||
"
|
||||
type="primary"
|
||||
size="small"
|
||||
plain
|
||||
@click="handleExport">
|
||||
导出
|
||||
</el-button>
|
||||
</el-form>
|
||||
<base-table
|
||||
:table-props="tableProps"
|
||||
:table-data="tableData"
|
||||
:span-method="mergeColumnHandler"
|
||||
:span-method="objectSpanMethod1"
|
||||
@emitFun="handleEmitFun"
|
||||
:max-height="tableH" />
|
||||
<base-table
|
||||
:table-props="tableProps1"
|
||||
:table-data="tableData1"
|
||||
:span-method="objectSpanMethod1"
|
||||
@emitFun="handleEmitFun"
|
||||
:max-height="tableH"
|
||||
/>
|
||||
<!-- <monthWeek v-if="glassWeekShow" ref="monthWeek" :product="false" :params="listQuery" />
|
||||
<proMonth v-if="proWeekShow" ref="proMonth" :product="false" :params="listQuery" /> -->
|
||||
style="margin-top: 15px" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import monthWeek from '../glass/month.vue'
|
||||
// import proMonth from '../productionMonthReport/index.vue'
|
||||
import { productionMonthY } from '@/api/report/glass';
|
||||
import { parseTime } from '../../core/mixins/code-filter'
|
||||
import FileSaver from 'file-saver'
|
||||
import * as XLSX from 'xlsx/xlsx.mjs'
|
||||
import { productionMonthY, productionMonthD } from '@/api/report/glass';
|
||||
import { parseTime } from '../../core/mixins/code-filter';
|
||||
import FileSaver from 'file-saver';
|
||||
import * as XLSX from 'xlsx/xlsx.mjs';
|
||||
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
|
||||
|
||||
export default {
|
||||
@ -44,9 +70,9 @@ export default {
|
||||
mixins: [tableHeightMixin],
|
||||
data() {
|
||||
return {
|
||||
heightNum: 240,
|
||||
heightNum: 350,
|
||||
listQuery: {
|
||||
time: parseTime(new Date())
|
||||
time: '',
|
||||
},
|
||||
// startTimeStamp: '',
|
||||
// endTimeStamp: '',
|
||||
@ -54,112 +80,225 @@ export default {
|
||||
// glassWeekShow: false,
|
||||
// proWeekShow: false,
|
||||
tableData: [],
|
||||
tableProps: [
|
||||
{
|
||||
prop: 'lineName',
|
||||
label: ''
|
||||
},
|
||||
{
|
||||
prop: 'paramsName',
|
||||
label: ''
|
||||
}
|
||||
],
|
||||
resData: []
|
||||
}
|
||||
tableProps: [],
|
||||
tableData1: [],
|
||||
tableProps1: [],
|
||||
resData: [],
|
||||
span1: [], //表格1的合并规则
|
||||
resData1: [],
|
||||
span2: []
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.getCurrentMonthFirst()
|
||||
// this.glassWeekShow = true
|
||||
// this.proWeekShow = true
|
||||
let now = new Date()
|
||||
now.setHours(0, 0, 0, 0)
|
||||
now.setDate(1)
|
||||
let startOfMonth = now.getTime()
|
||||
let firstDayOfMonth = new Date(startOfMonth)
|
||||
this.listQuery.time = parseTime(firstDayOfMonth)
|
||||
},
|
||||
mounted() {
|
||||
this.getList()
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 合并table列的规则 */
|
||||
mergeColumnHandler({ row, column, rowIndex, columnIndex }) {
|
||||
// if (columnIndex == 0 || columnIndex == 1) {
|
||||
// if (this.spanInfo[rowIndex]) {
|
||||
// return [
|
||||
// this.spanInfo[rowIndex], // row span
|
||||
// 1, // col span
|
||||
// ];
|
||||
// } else {
|
||||
// return [0, 0];
|
||||
// }
|
||||
// }
|
||||
},
|
||||
async getList() {
|
||||
this.tableData = []
|
||||
this.tableData = [];
|
||||
this.tableProps = [
|
||||
{
|
||||
prop: 'lineName',
|
||||
label: ''
|
||||
label: '',
|
||||
fixed: true,
|
||||
},
|
||||
{
|
||||
prop: 'paramsName',
|
||||
label: ''
|
||||
}
|
||||
]
|
||||
await productionMonthY(this.listQuery).then(res => {
|
||||
this.resData = res.data
|
||||
label: '',
|
||||
fixed: true,
|
||||
},
|
||||
];
|
||||
this.tableData1 = [];
|
||||
this.tableProps1 = [
|
||||
{
|
||||
prop: 'lineName',
|
||||
label: '',
|
||||
fixed: true,
|
||||
},
|
||||
{
|
||||
prop: 'paramsName',
|
||||
label: '',
|
||||
fixed: true,
|
||||
},
|
||||
];
|
||||
await productionMonthY(this.listQuery).then((res) => {
|
||||
this.resData = res.data;
|
||||
// 设置表头
|
||||
Object.keys(this.resData).forEach(item => {
|
||||
Object.keys(this.resData).forEach((item) => {
|
||||
this.tableProps.push({
|
||||
prop: item,
|
||||
label: item,
|
||||
'show-overflow-tooltip': true
|
||||
})
|
||||
})
|
||||
this.buildTableData()
|
||||
})
|
||||
'show-overflow-tooltip': true,
|
||||
});
|
||||
});
|
||||
this.buildTableData(this.resData);
|
||||
});
|
||||
await productionMonthD(this.listQuery).then((res) => {
|
||||
this.resData1 = res.data;
|
||||
// 设置表头
|
||||
Object.keys(this.resData1).forEach((item) => {
|
||||
this.tableProps1.push({
|
||||
prop: item,
|
||||
label: item,
|
||||
'show-overflow-tooltip': true,
|
||||
});
|
||||
});
|
||||
this.buildTableData1(this.resData1);
|
||||
});
|
||||
},
|
||||
// 设置表格2数据
|
||||
buildTableData1(data) {
|
||||
let keys = Object.keys(data);
|
||||
let tempData = [];
|
||||
let subKeys = Object.keys(data[keys[0]]);
|
||||
let sub2Keys = Object.keys(data[keys[0]][subKeys[0]]);
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
if (i === 0) {
|
||||
for (let j = 0; j < subKeys.length; j++) {
|
||||
for (let k = 0; k < sub2Keys.length; k++) {
|
||||
let obj = {};
|
||||
obj.lineName = subKeys[j];
|
||||
obj.paramsName = sub2Keys[k];
|
||||
obj[keys[0]] = data[keys[0]][subKeys[j]][sub2Keys[k]];
|
||||
tempData.push(obj);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (let j = 0; j < subKeys.length; j++) {
|
||||
for (let k = 0; k < sub2Keys.length; k++) {
|
||||
for (let v = 0; v < tempData.length; v++) {
|
||||
if (
|
||||
tempData[v].lineName === subKeys[j] &&
|
||||
tempData[v].paramsName === sub2Keys[k]
|
||||
) {
|
||||
tempData[v][keys[i]] = data[keys[i]][subKeys[j]][sub2Keys[k]];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.tableData1 = tempData;
|
||||
this.getSpanArr1(this.tableData1);
|
||||
},
|
||||
// 设置表格数据
|
||||
buildTableData() {
|
||||
const temp = Object.values(this.resData)
|
||||
console.log('temp', temp)
|
||||
const dataArray = []
|
||||
// Object.entries(this.resData).forEach(en => {
|
||||
// console.log('你好', en)
|
||||
// const date = en[0]
|
||||
// let valueArray = []
|
||||
// Object.entries(en[1]).forEach((values, sequence) => {
|
||||
// let yValue = {}
|
||||
// yValue['line'] = values[0]
|
||||
// Object.entries(values[1]).forEach((lastV, index) => {
|
||||
// console.log(lastV)
|
||||
// const tempValue = {}
|
||||
// if (values[0] === yValue['line']) {
|
||||
// tempValue[values[0]] = lastV[1]
|
||||
// }
|
||||
// valueArray.push(tempValue)
|
||||
// })
|
||||
// yValue[date+'-'+sequence] = valueArray
|
||||
// dataArray.push(yValue)
|
||||
// })
|
||||
// })
|
||||
// for (let key in temp) {
|
||||
// console.log('你好', temp[key])
|
||||
// }
|
||||
// 产线
|
||||
Object.keys(temp[0]).forEach(item => {
|
||||
// 规格循环
|
||||
Object.keys(Object.values(temp[0])[0]).forEach(it => {
|
||||
const row = {
|
||||
lineName: item,
|
||||
paramsName: it
|
||||
buildTableData(data) {
|
||||
let keys = Object.keys(data);
|
||||
let tempData = [];
|
||||
let subKeys = Object.keys(data[keys[0]]);
|
||||
let sub2Keys = Object.keys(data[keys[0]][subKeys[0]]);
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
if (i === 0) {
|
||||
for (let j = 0; j < subKeys.length; j++) {
|
||||
for (let k = 0; k < sub2Keys.length; k++) {
|
||||
let obj = {};
|
||||
obj.lineName = subKeys[j];
|
||||
obj.paramsName = sub2Keys[k];
|
||||
obj[keys[0]] = data[keys[0]][subKeys[j]][sub2Keys[k]];
|
||||
tempData.push(obj);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (let j = 0; j < subKeys.length; j++) {
|
||||
for (let k = 0; k < sub2Keys.length; k++) {
|
||||
for (let v = 0; v < tempData.length; v++) {
|
||||
if (
|
||||
tempData[v].lineName === subKeys[j] &&
|
||||
tempData[v].paramsName === sub2Keys[k]
|
||||
) {
|
||||
tempData[v][keys[i]] = data[keys[i]][subKeys[j]][sub2Keys[k]];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.tableData = tempData;
|
||||
this.getSpanArr(this.tableData);
|
||||
},
|
||||
getSpanArr1(data) {
|
||||
this.span2 = [];
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (i === 0) {
|
||||
this.span2.push(1);
|
||||
this.index1 = 0;
|
||||
} else {
|
||||
if (data[i].lineName === data[i - 1].lineName) {
|
||||
this.span2[this.index1] += 1;
|
||||
this.span2.push(0);
|
||||
} else {
|
||||
this.span2.push(1);
|
||||
this.index1 = i;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
// 获取合并行
|
||||
getSpanArr(data) {
|
||||
this.span1 = [];
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (i === 0) {
|
||||
this.span1.push(1);
|
||||
this.index = 0;
|
||||
} else {
|
||||
if (data[i].lineName === data[i - 1].lineName) {
|
||||
this.span1[this.index] += 1;
|
||||
this.span1.push(0);
|
||||
} else {
|
||||
this.span1.push(1);
|
||||
this.index = i;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
objectSpanMethod1({ rowIndex, columnIndex }) {
|
||||
if (columnIndex === 0) {
|
||||
const _row = this.span1[rowIndex];
|
||||
return {
|
||||
rowspan: _row,
|
||||
colspan: 1,
|
||||
};
|
||||
}
|
||||
this.tableData.push(row)
|
||||
})
|
||||
})
|
||||
},
|
||||
handleExport() {
|
||||
const xlsxParam = { raw: true }
|
||||
let workbook = XLSX.utils.book_new()
|
||||
var ws = XLSX.utils.table_to_sheet( document.querySelector('#exportTable'), xlsxParam)
|
||||
XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩月原片生产汇总')
|
||||
var prows = XLSX.utils.table_to_sheet( document.querySelector('#exportproductionTable'), xlsxParam)
|
||||
XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩月成品生产汇总')
|
||||
const xlsxParam = { raw: true };
|
||||
let tables = document.querySelector('.el-table').cloneNode(true)
|
||||
const fix = tables.querySelector('.el-table__fixed')
|
||||
const fixRight = tables.querySelector('.el-table__fixed-right')
|
||||
if (fix) {
|
||||
tables.removeChild(tables.querySelector('.el-table__fixed'))
|
||||
}
|
||||
if (fixRight) {
|
||||
tables.removeChild(tables.querySelector('.el-table__fixed-right'))
|
||||
}
|
||||
let workbook = XLSX.utils.book_new();
|
||||
var ws = XLSX.utils.table_to_sheet(
|
||||
tables,
|
||||
xlsxParam
|
||||
);
|
||||
XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩月原片生产汇总');
|
||||
|
||||
let tables1 = document.querySelectorAll('.el-table')[1].cloneNode(true)
|
||||
const fix1 = tables1.querySelector('.el-table__fixed')
|
||||
const fixRight1 = tables1.querySelector('.el-table__fixed-right')
|
||||
if (fix1) {
|
||||
tables1.removeChild(fix1)
|
||||
}
|
||||
if (fixRight1) {
|
||||
tables1.removeChild(fixRight1)
|
||||
}
|
||||
var prows = XLSX.utils.table_to_sheet(
|
||||
tables1,
|
||||
xlsxParam
|
||||
);
|
||||
XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩月成品生产汇总');
|
||||
let fileName = '生产数据汇总表-月报.xlsx';
|
||||
var wbout = XLSX.write(workbook, {
|
||||
bookType: 'xlsx',
|
||||
@ -179,23 +318,23 @@ export default {
|
||||
},
|
||||
handleEmitFun(payload) {
|
||||
console.log('payload', payload);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.weekly {
|
||||
padding: 16px;
|
||||
}
|
||||
.blueTip::before{
|
||||
.blueTip::before {
|
||||
display: inline-block;
|
||||
content: '';
|
||||
width: 4px;
|
||||
height: 18px;
|
||||
background: #0B58FF;
|
||||
background: #0b58ff;
|
||||
border-radius: 1px;
|
||||
margin-right: 8PX;
|
||||
margin-right: 8px;
|
||||
margin-top: 8px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
@ -1,68 +1,304 @@
|
||||
<!--
|
||||
* @Author: Do not edit
|
||||
* @Date: 2024-04-22 15:49:56
|
||||
* @LastEditTime: 2024-04-24 15:49:32
|
||||
* @LastEditTime: 2024-04-25 09:54:39
|
||||
* @LastEditors: DY
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<div class="weekly">
|
||||
<el-form :inline="true" :model="listQuery" class="blueTip">
|
||||
<el-form-item label="年" prop="reportTime">
|
||||
<el-date-picker v-model="reportTime" type="year" size="small" @change="changeTime"
|
||||
:picker-options="{firstDayOfWeek: 1}" :format="'yyyy 年' + '\u3000' + startTimeStamp + '-' + endTimeStamp"
|
||||
style="width: 350px" placeholder="选择年">
|
||||
</el-date-picker>
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="listQuery"
|
||||
class="blueTip">
|
||||
<el-form-item
|
||||
label="月"
|
||||
prop="reportTime">
|
||||
<el-date-picker
|
||||
v-model="listQuery.time"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="year"
|
||||
size="small"
|
||||
placeholder="选择年"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-button v-if="this.$auth.hasPermi('base:report-auto-production:query')" type="primary" size="small" @click="search()">
|
||||
<el-button
|
||||
v-if="this.$auth.hasPermi('base:report-auto-production:query')"
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="getList">
|
||||
查询
|
||||
</el-button>
|
||||
<el-button v-if="this.$auth.hasPermiAnd(['base:report-auto-original-glass:export', 'base:report-auto-production:export'])" type="primary" size="small" plain
|
||||
@click="handleExport">导出</el-button>
|
||||
<el-button
|
||||
v-if="
|
||||
this.$auth.hasPermiAnd([
|
||||
'base:report-auto-original-glass:export',
|
||||
'base:report-auto-production:export',
|
||||
])
|
||||
"
|
||||
type="primary"
|
||||
size="small"
|
||||
plain
|
||||
@click="handleExport">
|
||||
导出
|
||||
</el-button>
|
||||
</el-form>
|
||||
<glassYear v-if="glassYearShow" ref="glassYear" :product="false" :params="listQuery" />
|
||||
<proYear v-if="proYearShow" ref="proYear" :product="false" :params="listQuery" />
|
||||
<base-table
|
||||
:table-props="tableProps"
|
||||
:table-data="tableData"
|
||||
:span-method="objectSpanMethod1"
|
||||
@emitFun="handleEmitFun"
|
||||
:max-height="tableH" />
|
||||
<base-table
|
||||
:table-props="tableProps1"
|
||||
:table-data="tableData1"
|
||||
:span-method="objectSpanMethod1"
|
||||
@emitFun="handleEmitFun"
|
||||
:max-height="tableH"
|
||||
style="margin-top: 15px" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import glassYear from '../glass/year.vue'
|
||||
import proYear from '../productionYearReport/index.vue'
|
||||
import { parseTime } from '../../core/mixins/code-filter'
|
||||
import FileSaver from 'file-saver'
|
||||
import * as XLSX from 'xlsx/xlsx.mjs'
|
||||
import { productionYearY, productionYearD } from '@/api/report/glass';
|
||||
import { parseTime } from '../../core/mixins/code-filter';
|
||||
import FileSaver from 'file-saver';
|
||||
import * as XLSX from 'xlsx/xlsx.mjs';
|
||||
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
|
||||
|
||||
export default {
|
||||
components: { glassYear, proYear },
|
||||
// components: { monthWeek, proMonth },
|
||||
mixins: [tableHeightMixin],
|
||||
data() {
|
||||
return {
|
||||
heightNum: 350,
|
||||
listQuery: {
|
||||
// pageSize: 10,
|
||||
// pageNo: 1,
|
||||
// total: 0,
|
||||
reportType: 5,
|
||||
reportTime: []
|
||||
time: '',
|
||||
},
|
||||
startTimeStamp: '',
|
||||
endTimeStamp: '',
|
||||
reportTime: '',
|
||||
glassYearShow: false,
|
||||
proYearShow: false
|
||||
}
|
||||
// startTimeStamp: '',
|
||||
// endTimeStamp: '',
|
||||
// reportTime: '',
|
||||
// glassWeekShow: false,
|
||||
// proWeekShow: false,
|
||||
tableData: [],
|
||||
tableProps: [],
|
||||
tableData1: [],
|
||||
tableProps1: [],
|
||||
resData: [],
|
||||
span1: [], //表格1的合并规则
|
||||
resData1: [],
|
||||
span2: []
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getCurrentYearFirst()
|
||||
this.glassYearShow = true
|
||||
this.proYearShow = true
|
||||
let now = new Date()
|
||||
now.setHours(0, 0, 0, 0)
|
||||
now.setDate(1)
|
||||
let startOfMonth = now.getTime()
|
||||
let firstDayOfMonth = new Date(startOfMonth)
|
||||
this.listQuery.time = parseTime(firstDayOfMonth)
|
||||
},
|
||||
mounted() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
async getList() {
|
||||
this.tableData = [];
|
||||
this.tableProps = [
|
||||
{
|
||||
prop: 'lineName',
|
||||
label: '',
|
||||
fixed: true,
|
||||
},
|
||||
{
|
||||
prop: 'paramsName',
|
||||
label: '',
|
||||
fixed: true,
|
||||
},
|
||||
];
|
||||
this.tableData1 = [];
|
||||
this.tableProps1 = [
|
||||
{
|
||||
prop: 'lineName',
|
||||
label: '',
|
||||
fixed: true,
|
||||
},
|
||||
{
|
||||
prop: 'paramsName',
|
||||
label: '',
|
||||
fixed: true,
|
||||
},
|
||||
];
|
||||
await productionYearY(this.listQuery).then((res) => {
|
||||
this.resData = res.data;
|
||||
// 设置表头
|
||||
Object.keys(this.resData).forEach((item) => {
|
||||
this.tableProps.push({
|
||||
prop: item,
|
||||
label: item,
|
||||
'show-overflow-tooltip': true,
|
||||
});
|
||||
});
|
||||
this.buildTableData(this.resData);
|
||||
});
|
||||
await productionYearD(this.listQuery).then((res) => {
|
||||
this.resData1 = res.data;
|
||||
// 设置表头
|
||||
Object.keys(this.resData1).forEach((item) => {
|
||||
this.tableProps1.push({
|
||||
prop: item,
|
||||
label: item,
|
||||
'show-overflow-tooltip': true,
|
||||
});
|
||||
});
|
||||
this.buildTableData1(this.resData1);
|
||||
});
|
||||
},
|
||||
// 设置表格2数据
|
||||
buildTableData1(data) {
|
||||
let keys = Object.keys(data);
|
||||
let tempData = [];
|
||||
let subKeys = Object.keys(data[keys[0]]);
|
||||
let sub2Keys = Object.keys(data[keys[0]][subKeys[0]]);
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
if (i === 0) {
|
||||
for (let j = 0; j < subKeys.length; j++) {
|
||||
for (let k = 0; k < sub2Keys.length; k++) {
|
||||
let obj = {};
|
||||
obj.lineName = subKeys[j];
|
||||
obj.paramsName = sub2Keys[k];
|
||||
obj[keys[0]] = data[keys[0]][subKeys[j]][sub2Keys[k]];
|
||||
tempData.push(obj);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (let j = 0; j < subKeys.length; j++) {
|
||||
for (let k = 0; k < sub2Keys.length; k++) {
|
||||
for (let v = 0; v < tempData.length; v++) {
|
||||
if (
|
||||
tempData[v].lineName === subKeys[j] &&
|
||||
tempData[v].paramsName === sub2Keys[k]
|
||||
) {
|
||||
tempData[v][keys[i]] = data[keys[i]][subKeys[j]][sub2Keys[k]];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.tableData1 = tempData;
|
||||
this.getSpanArr1(this.tableData1);
|
||||
},
|
||||
// 设置表格数据
|
||||
buildTableData(data) {
|
||||
let keys = Object.keys(data);
|
||||
let tempData = [];
|
||||
let subKeys = Object.keys(data[keys[0]]);
|
||||
let sub2Keys = Object.keys(data[keys[0]][subKeys[0]]);
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
if (i === 0) {
|
||||
for (let j = 0; j < subKeys.length; j++) {
|
||||
for (let k = 0; k < sub2Keys.length; k++) {
|
||||
let obj = {};
|
||||
obj.lineName = subKeys[j];
|
||||
obj.paramsName = sub2Keys[k];
|
||||
obj[keys[0]] = data[keys[0]][subKeys[j]][sub2Keys[k]];
|
||||
tempData.push(obj);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (let j = 0; j < subKeys.length; j++) {
|
||||
for (let k = 0; k < sub2Keys.length; k++) {
|
||||
for (let v = 0; v < tempData.length; v++) {
|
||||
if (
|
||||
tempData[v].lineName === subKeys[j] &&
|
||||
tempData[v].paramsName === sub2Keys[k]
|
||||
) {
|
||||
tempData[v][keys[i]] = data[keys[i]][subKeys[j]][sub2Keys[k]];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.tableData = tempData;
|
||||
this.getSpanArr(this.tableData);
|
||||
},
|
||||
getSpanArr1(data) {
|
||||
this.span2 = [];
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (i === 0) {
|
||||
this.span2.push(1);
|
||||
this.index1 = 0;
|
||||
} else {
|
||||
if (data[i].lineName === data[i - 1].lineName) {
|
||||
this.span2[this.index1] += 1;
|
||||
this.span2.push(0);
|
||||
} else {
|
||||
this.span2.push(1);
|
||||
this.index1 = i;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
// 获取合并行
|
||||
getSpanArr(data) {
|
||||
this.span1 = [];
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (i === 0) {
|
||||
this.span1.push(1);
|
||||
this.index = 0;
|
||||
} else {
|
||||
if (data[i].lineName === data[i - 1].lineName) {
|
||||
this.span1[this.index] += 1;
|
||||
this.span1.push(0);
|
||||
} else {
|
||||
this.span1.push(1);
|
||||
this.index = i;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
objectSpanMethod1({ rowIndex, columnIndex }) {
|
||||
if (columnIndex === 0) {
|
||||
const _row = this.span1[rowIndex];
|
||||
return {
|
||||
rowspan: _row,
|
||||
colspan: 1,
|
||||
};
|
||||
}
|
||||
},
|
||||
handleExport() {
|
||||
const xlsxParam = { raw: true }
|
||||
let workbook = XLSX.utils.book_new()
|
||||
var ws = XLSX.utils.table_to_sheet( document.querySelector('#exportTable'), xlsxParam)
|
||||
XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩年原片生产汇总')
|
||||
var prows = XLSX.utils.table_to_sheet( document.querySelector('#exportproductionTable'), xlsxParam)
|
||||
XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩年成品生产汇总')
|
||||
const xlsxParam = { raw: true };
|
||||
let tables = document.querySelector('.el-table').cloneNode(true)
|
||||
const fix = tables.querySelector('.el-table__fixed')
|
||||
const fixRight = tables.querySelector('.el-table__fixed-right')
|
||||
if (fix) {
|
||||
tables.removeChild(tables.querySelector('.el-table__fixed'))
|
||||
}
|
||||
if (fixRight) {
|
||||
tables.removeChild(tables.querySelector('.el-table__fixed-right'))
|
||||
}
|
||||
let workbook = XLSX.utils.book_new();
|
||||
var ws = XLSX.utils.table_to_sheet(
|
||||
tables,
|
||||
xlsxParam
|
||||
);
|
||||
XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩年原片生产汇总');
|
||||
|
||||
let tables1 = document.querySelectorAll('.el-table')[1].cloneNode(true)
|
||||
const fix1 = tables1.querySelector('.el-table__fixed')
|
||||
const fixRight1 = tables1.querySelector('.el-table__fixed-right')
|
||||
if (fix1) {
|
||||
tables1.removeChild(tables1.querySelector('.el-table__fixed'))
|
||||
}
|
||||
if (fixRight1) {
|
||||
tables1.removeChild(tables1.querySelector('.el-table__fixed-right'))
|
||||
}
|
||||
var prows = XLSX.utils.table_to_sheet(
|
||||
tables1,
|
||||
xlsxParam
|
||||
);
|
||||
XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩年成品生产汇总');
|
||||
let fileName = '生产数据汇总表-年报.xlsx';
|
||||
var wbout = XLSX.write(workbook, {
|
||||
bookType: 'xlsx',
|
||||
@ -80,57 +316,25 @@ export default {
|
||||
}
|
||||
return wbout;
|
||||
},
|
||||
search() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs['glassYear'].getDataList()
|
||||
this.$refs['proYear'].getDataList()
|
||||
})
|
||||
handleEmitFun(payload) {
|
||||
console.log('payload', payload);
|
||||
},
|
||||
changeTime(val) {
|
||||
if(val) {
|
||||
// let timeStamp = val.getTime(); //标准时间转为时间戳，毫秒级别
|
||||
this.endTimeStamp = this.timeFun(new Date(val.getFullYear(),11, 31, 7, 0, 0).getTime()); //开始时间
|
||||
this.startTimeStamp = this.timeFun(new Date(val.getFullYear(), 0, 1, 7, 0, 1).getTime()); //结束时间
|
||||
this.listQuery.reportTime[0] = parseTime(new Date(val.getFullYear(), 0, 1, 7, 0, 1).getTime()) //+ ' 00:00:00' //new Date(this.startTimeStamp + ' 00:00:00').getTime() / 1000
|
||||
this.listQuery.reportTime[1] = parseTime(new Date(val.getFullYear(), 11, 31, 7, 0, 0).getTime()) //+ ' 23:59:59' //new Date(this.endTimeStamp + ' 23:59:59').getTime() / 1000
|
||||
} else {
|
||||
this.listQuery.reportTime = []
|
||||
}
|
||||
},
|
||||
getCurrentYearFirst() {
|
||||
let date = new Date();
|
||||
date.setDate(1);
|
||||
date.setMonth(0);
|
||||
this.reportTime = date;
|
||||
this.startTimeStamp = this.timeFun(new Date(new Date().getFullYear(), 0, 1,7,0,1).getTime()); //开始时间
|
||||
this.endTimeStamp = this.timeFun(new Date(new Date().getFullYear(), 11, 31, 7, 0, 0).getTime()); //结束时间
|
||||
this.listQuery.reportTime[0] = parseTime(new Date(new Date().getFullYear(), 0, 1, 7, 0, 1).getTime()) //+ ' 00:00:00' //new Date(this.startTimeStamp + ' 00:00:00').getTime() / 1000
|
||||
this.listQuery.reportTime[1] = parseTime(new Date(new Date().getFullYear(), 11, 31, 7, 0, 0).getTime()) //+ ' 23:59:59' //new Date(this.endTimeStamp + ' 23:59:59').getTime() / 100
|
||||
},
|
||||
//时间戳转为yy-mm-dd hh:mm:ss
|
||||
timeFun(unixtimestamp) {
|
||||
var unixtimestamp = new Date(unixtimestamp);
|
||||
var year = 1900 + unixtimestamp.getYear();
|
||||
var month = "0" + (unixtimestamp.getMonth() + 1);
|
||||
var date = "0" + unixtimestamp.getDate();
|
||||
return year + "-" + month.substring(month.length - 2, month.length) + "-" + date.substring(date.length - 2, date.length)
|
||||
},
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.weekly {
|
||||
padding-top: 16px;
|
||||
padding: 16px;
|
||||
}
|
||||
.blueTip::before{
|
||||
.blueTip::before {
|
||||
display: inline-block;
|
||||
content: '';
|
||||
width: 4px;
|
||||
height: 18px;
|
||||
background: #0B58FF;
|
||||
background: #0b58ff;
|
||||
border-radius: 1px;
|
||||
margin-right: 8PX;
|
||||
margin-right: 8px;
|
||||
margin-top: 8px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user