mt-fe-group/yudao-dev
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

月报年报

Browse Source
This commit is contained in:
helloDy 2024-04-25 09:57:13 +08:00
commit b8d26c87d8
2 changed files with 628 additions and 301 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

361
src/views/report/Product/monthly.vue
View File

@ -1,42 +1,68 @@
<!-- <!--
* @Author: Do not edit * @Author: Do not edit
* @Date: 2024-04-22 15:49:56 * @Date: 2024-04-22 15:49:56
* @LastEditTime: 2024-04-25 09:10:07 * @LastEditTime: 2024-04-25 09:53:41
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
<template> <template>
<div class="weekly"> <div class="weekly">
<el-form :inline="true" :model="listQuery" class="blueTip"> <el-form
<el-form-item label="月" prop="reportTime"> :inline="true"
<el-date-picker v-model="listQuery.time" value-format="yyyy-MM-dd HH:mm:ss" type="month" size="small" placeholder="选择月"> :model="listQuery"
</el-date-picker> 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-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>
<el-button v-if="this.$auth.hasPermiAnd(['base:report-auto-original-glass:export', 'base:report-auto-production:export'])" type="primary" size="small" plain <el-button
@click="handleExport">导出</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> </el-form>
<base-table <base-table
:table-props="tableProps" :table-props="tableProps"
:table-data="tableData" :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" @emitFun="handleEmitFun"
:max-height="tableH" :max-height="tableH"
/> style="margin-top: 15px" />
<!-- <monthWeek v-if="glassWeekShow" ref="monthWeek" :product="false" :params="listQuery" />
<proMonth v-if="proWeekShow" ref="proMonth" :product="false" :params="listQuery" /> -->
</div> </div>
</template> </template>
<script> <script>
// import monthWeek from '../glass/month.vue'
// import proMonth from '../productionMonthReport/index.vue'
import { productionMonthY, productionMonthD } from '@/api/report/glass'; import { productionMonthY, productionMonthD } from '@/api/report/glass';
import { parseTime } from '../../core/mixins/code-filter' import { parseTime } from '../../core/mixins/code-filter';
import FileSaver from 'file-saver' import FileSaver from 'file-saver';
import * as XLSX from 'xlsx/xlsx.mjs' import * as XLSX from 'xlsx/xlsx.mjs';
import tableHeightMixin from '@/mixins/lb/tableHeightMixin'; import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
export default { export default {
@ -44,9 +70,9 @@ export default {
mixins: [tableHeightMixin], mixins: [tableHeightMixin],
data() { data() {
return { return {
heightNum: 240, heightNum: 350,
listQuery: { listQuery: {
time: '' time: '',
}, },
// startTimeStamp: '', // startTimeStamp: '',
// endTimeStamp: '', // endTimeStamp: '',
@ -54,18 +80,14 @@ export default {
// glassWeekShow: false, // glassWeekShow: false,
// proWeekShow: false, // proWeekShow: false,
tableData: [], tableData: [],
tableProps: [ tableProps: [],
{ tableData1: [],
prop: 'lineName', tableProps1: [],
label: '' resData: [],
}, span1: [], //表格1的合并规则
{ resData1: [],
prop: 'paramsName', span2: []
label: '' };
}
],
resData: []
}
}, },
created() { created() {
let now = new Date() let now = new Date()
@ -76,106 +98,207 @@ export default {
this.listQuery.time = parseTime(firstDayOfMonth) this.listQuery.time = parseTime(firstDayOfMonth)
}, },
mounted() { mounted() {
this.getList() this.getList();
}, },
methods: { 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() { async getList() {
this.tableData = [] this.tableData = [];
this.tableProps = [ this.tableProps = [
{ {
prop: 'lineName', prop: 'lineName',
label: '' label: '',
fixed: true,
}, },
{ {
prop: 'paramsName', prop: 'paramsName',
label: '' label: '',
} fixed: true,
] },
await productionMonthY(this.listQuery).then(res => { ];
this.resData = res.data 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({ this.tableProps.push({
prop: item, prop: item,
label: item, label: item,
'show-overflow-tooltip': true 'show-overflow-tooltip': true,
}) });
}) });
this.buildTableData() this.buildTableData(this.resData);
}) });
await productionMonthD(this.listQuery).then(res => { await productionMonthD(this.listQuery).then((res) => {
console.log('11', res.data) this.resData1 = res.data;
// this.resData = res.data // 设置表头
// // 设置表头 Object.keys(this.resData1).forEach((item) => {
// Object.keys(this.resData).forEach(item => { this.tableProps1.push({
// this.tableProps.push({ prop: item,
// prop: item, label: item,
// label: item, 'show-overflow-tooltip': true,
// 'show-overflow-tooltip': true });
// }) });
// }) this.buildTableData1(this.resData1);
// this.buildTableData() });
}) },
// 设置表格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() { buildTableData(data) {
const temp = Object.values(this.resData) let keys = Object.keys(data);
console.log('temp', temp) let tempData = [];
const dataArray = [] let subKeys = Object.keys(data[keys[0]]);
// Object.entries(this.resData).forEach(en => { let sub2Keys = Object.keys(data[keys[0]][subKeys[0]]);
// console.log('你好', en) for (let i = 0; i < keys.length; i++) {
// const date = en[0] if (i === 0) {
// let valueArray = [] for (let j = 0; j < subKeys.length; j++) {
// Object.entries(en[1]).forEach((values, sequence) => { for (let k = 0; k < sub2Keys.length; k++) {
// let yValue = {} let obj = {};
// yValue['line'] = values[0] obj.lineName = subKeys[j];
// Object.entries(values[1]).forEach((lastV, index) => { obj.paramsName = sub2Keys[k];
// console.log(lastV) obj[keys[0]] = data[keys[0]][subKeys[j]][sub2Keys[k]];
// const tempValue = {} tempData.push(obj);
// if (values[0] === yValue['line']) { }
// tempValue[values[0]] = lastV[1] }
// } } else {
// valueArray.push(tempValue) for (let j = 0; j < subKeys.length; j++) {
// }) for (let k = 0; k < sub2Keys.length; k++) {
// yValue[date+'-'+sequence] = valueArray for (let v = 0; v < tempData.length; v++) {
// dataArray.push(yValue) if (
// }) tempData[v].lineName === subKeys[j] &&
// }) tempData[v].paramsName === sub2Keys[k]
// for (let key in temp) { ) {
// console.log('你好', temp[key]) tempData[v][keys[i]] = data[keys[i]][subKeys[j]][sub2Keys[k]];
// } }
// 产线 }
Object.keys(temp[0]).forEach(item => { }
// 规格循环 }
Object.keys(Object.values(temp[0])[0]).forEach(it => { }
const row = { }
lineName: item, this.tableData = tempData;
paramsName: it 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() { handleExport() {
const xlsxParam = { raw: true } const xlsxParam = { raw: true };
let workbook = XLSX.utils.book_new() let tables = document.querySelector('.el-table').cloneNode(true)
var ws = XLSX.utils.table_to_sheet( document.querySelector('#exportTable'), xlsxParam) const fix = tables.querySelector('.el-table__fixed')
XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩月原片生产汇总') const fixRight = tables.querySelector('.el-table__fixed-right')
var prows = XLSX.utils.table_to_sheet( document.querySelector('#exportproductionTable'), xlsxParam) if (fix) {
XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩月成品生产汇总') 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'; let fileName = '生产数据汇总表-月报.xlsx';
var wbout = XLSX.write(workbook, { var wbout = XLSX.write(workbook, {
bookType: 'xlsx', bookType: 'xlsx',
@ -195,23 +318,23 @@ export default {
}, },
handleEmitFun(payload) { handleEmitFun(payload) {
console.log('payload', payload); console.log('payload', payload);
} },
} },
} };
</script> </script>
<style scoped> <style scoped>
.weekly { .weekly {
padding: 16px; padding: 16px;
} }
.blueTip::before{ .blueTip::before {
display: inline-block; display: inline-block;
content: ''; content: '';
width: 4px; width: 4px;
height: 18px; height: 18px;
background: #0B58FF; background: #0b58ff;
border-radius: 1px; border-radius: 1px;
margin-right: 8PX; margin-right: 8px;
margin-top: 8px; margin-top: 8px;
margin-left: 16px; margin-left: 16px;
} }

358
src/views/report/Product/year.vue
View File

@ -1,68 +1,304 @@
<!-- <!--
* @Author: Do not edit * @Author: Do not edit
* @Date: 2024-04-22 15:49:56 * @Date: 2024-04-22 15:49:56
* @LastEditTime: 2024-04-24 15:49:32 * @LastEditTime: 2024-04-25 09:54:39
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
<template> <template>
<div class="weekly"> <div class="weekly">
<el-form :inline="true" :model="listQuery" class="blueTip"> <el-form
<el-form-item label="年" prop="reportTime"> :inline="true"
<el-date-picker v-model="reportTime" type="year" size="small" @change="changeTime" :model="listQuery"
:picker-options="{firstDayOfWeek: 1}" :format="'yyyy 年' + '\u3000' + startTimeStamp + '-' + endTimeStamp" class="blueTip">
style="width: 350px" placeholder="选择年"> <el-form-item
</el-date-picker> 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-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>
<el-button v-if="this.$auth.hasPermiAnd(['base:report-auto-original-glass:export', 'base:report-auto-production:export'])" type="primary" size="small" plain <el-button
@click="handleExport">导出</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> </el-form>
<glassYear v-if="glassYearShow" ref="glassYear" :product="false" :params="listQuery" /> <base-table
<proYear v-if="proYearShow" ref="proYear" :product="false" :params="listQuery" /> :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> </div>
</template> </template>
<script> <script>
import glassYear from '../glass/year.vue' import { productionYearY, productionYearD } from '@/api/report/glass';
import proYear from '../productionYearReport/index.vue' import { parseTime } from '../../core/mixins/code-filter';
import { parseTime } from '../../core/mixins/code-filter' import FileSaver from 'file-saver';
import FileSaver from 'file-saver' import * as XLSX from 'xlsx/xlsx.mjs';
import * as XLSX from 'xlsx/xlsx.mjs' import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
export default { export default {
components: { glassYear, proYear }, // components: { monthWeek, proMonth },
mixins: [tableHeightMixin],
data() { data() {
return { return {
heightNum: 350,
listQuery: { listQuery: {
// pageSize: 10, time: '',
// pageNo: 1,
// total: 0,
reportType: 5,
reportTime: []
}, },
startTimeStamp: '', // startTimeStamp: '',
endTimeStamp: '', // endTimeStamp: '',
reportTime: '', // reportTime: '',
glassYearShow: false, // glassWeekShow: false,
proYearShow: false // proWeekShow: false,
} tableData: [],
tableProps: [],
tableData1: [],
tableProps1: [],
resData: [],
span1: [], //表格1的合并规则
resData1: [],
span2: []
};
}, },
created() { created() {
this.getCurrentYearFirst() let now = new Date()
this.glassYearShow = true now.setHours(0, 0, 0, 0)
this.proYearShow = true now.setDate(1)
let startOfMonth = now.getTime()
let firstDayOfMonth = new Date(startOfMonth)
this.listQuery.time = parseTime(firstDayOfMonth)
},
mounted() {
this.getList();
}, },
methods: { 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() { handleExport() {
const xlsxParam = { raw: true } const xlsxParam = { raw: true };
let workbook = XLSX.utils.book_new() let tables = document.querySelector('.el-table').cloneNode(true)
var ws = XLSX.utils.table_to_sheet( document.querySelector('#exportTable'), xlsxParam) const fix = tables.querySelector('.el-table__fixed')
XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩年原片生产汇总') const fixRight = tables.querySelector('.el-table__fixed-right')
var prows = XLSX.utils.table_to_sheet( document.querySelector('#exportproductionTable'), xlsxParam) if (fix) {
XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩年成品生产汇总') 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'; let fileName = '生产数据汇总表-年报.xlsx';
var wbout = XLSX.write(workbook, { var wbout = XLSX.write(workbook, {
bookType: 'xlsx', bookType: 'xlsx',
@ -80,57 +316,25 @@ export default {
} }
return wbout; return wbout;
}, },
search() { handleEmitFun(payload) {
this.$nextTick(() => { console.log('payload', payload);
this.$refs['glassYear'].getDataList()
this.$refs['proYear'].getDataList()
})
}, },
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> </script>
<style scoped> <style scoped>
.weekly { .weekly {
padding-top: 16px; padding: 16px;
} }
.blueTip::before{ .blueTip::before {
display: inline-block; display: inline-block;
content: ''; content: '';
width: 4px; width: 4px;
height: 18px; height: 18px;
background: #0B58FF; background: #0b58ff;
border-radius: 1px; border-radius: 1px;
margin-right: 8PX; margin-right: 8px;
margin-top: 8px; margin-top: 8px;
margin-left: 16px; margin-left: 16px;
} }