更新
This commit is contained in:
BIN
src/assets/img/cold-data-board-msg1.png
Normal file
BIN
src/assets/img/cold-data-board-msg1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
src/assets/img/cold-data-board-msg2.png
Normal file
BIN
src/assets/img/cold-data-board-msg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
src/assets/img/home-bg.png
Normal file
BIN
src/assets/img/home-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
src/assets/img/home-progress-bg.png
Normal file
BIN
src/assets/img/home-progress-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 936 B |
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div style="background: #f2f4f9; height: 40px; width: 100%">
|
<!-- <div style="background: #f2f4f9; height: 40px; width: 100%">
|
||||||
<ButtonNav :menus="['按日期', '按规格']" @change="currentMenu">
|
<ButtonNav :menus="['按日期', '按规格']" @change="currentMenu">
|
||||||
<template v-slot:tab1>
|
<template v-slot:tab1>
|
||||||
<div>按日期</div>
|
<div>按日期</div>
|
||||||
@@ -9,7 +9,7 @@
|
|||||||
<div>按规格</div>
|
<div>按规格</div>
|
||||||
</template>
|
</template>
|
||||||
</ButtonNav>
|
</ButtonNav>
|
||||||
</div>
|
</div> -->
|
||||||
<div class="app-container energyOverlimitLog">
|
<div class="app-container energyOverlimitLog">
|
||||||
<div v-show="activeName === 'his'">
|
<div v-show="activeName === 'his'">
|
||||||
<!-- 搜索工作栏 -->
|
<!-- 搜索工作栏 -->
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -86,32 +86,36 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'originArea',
|
prop: 'originArea',
|
||||||
label: '原片下片面积',
|
label: '原片下片面积',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'deepArea',
|
prop: 'deepArea',
|
||||||
label: '深加工下片面积',
|
label: '深加工下片面积',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'originPrice',
|
prop: 'originPrice',
|
||||||
label: '原片成本/元',
|
label: '原片成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'deepPrice',
|
prop: 'deepPrice',
|
||||||
label: '深加工成本/元',
|
label: '深加工成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'price',
|
prop: 'price',
|
||||||
label: '总成本/元',
|
label: '总成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
@@ -244,19 +248,12 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
this.formConfig2[0].startPlaceholder = '开始时间';
|
this.formConfig2[0].startPlaceholder = '开始时间';
|
||||||
this.formConfig2[0].endPlaceholder = '结束时间';
|
this.formConfig2[0].endPlaceholder = '结束时间';
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.bindObjectId = val.name || null;
|
this.listQuery.bindObjectId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
@@ -274,7 +271,7 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.bindObjectId = val.name || null;
|
this.listQuery.bindObjectId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
@@ -334,12 +331,19 @@ export default {
|
|||||||
this.otherMethods(val);
|
this.otherMethods(val);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList(){
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
handleExport() {
|
handleExport() {
|
||||||
let exportURL, title;
|
let exportURL, title;
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
exportURL = exportCostSumExcel;
|
exportURL = exportCostSumExcel;
|
||||||
title = '总成本统计-按日期';
|
title = '总成本统计';
|
||||||
} else {
|
} else {
|
||||||
exportURL = exportRawStatisticsRealtimeExcel;
|
exportURL = exportRawStatisticsRealtimeExcel;
|
||||||
title = '总成本统计-按规格';
|
title = '总成本统计-按规格';
|
||||||
|
|||||||
@@ -77,7 +77,7 @@ export default {
|
|||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name||null;
|
this.listQuery.name = val.name||null;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
@@ -90,7 +90,7 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name;
|
this.listQuery.name = val.name;
|
||||||
this.listQuery.recTime = val.searchTime;
|
this.listQuery.recTime = val.searchTime;
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -86,24 +86,27 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'energyTypeName',
|
prop: 'energyTypeName',
|
||||||
label: '能源类型',
|
label: '能源类型',
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
prop: 'bindObjectName',
|
// prop: 'bindObjectName',
|
||||||
label: '监控对象',
|
// label: '监控对象',
|
||||||
filter: (val) => (val != null ? val : '--'),
|
// filter: (val) => (val != null ? val : '--'),
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
prop: 'meterName',
|
// prop: 'meterName',
|
||||||
label: '抄表名',
|
// label: '抄表名',
|
||||||
filter: (val) => (val != null ? val : '--'),
|
// filter: (val) => (val != null ? val : '--'),
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
prop: 'quantity',
|
prop: 'quantity',
|
||||||
label: '累计使用量',
|
label: '累计使用量',
|
||||||
@@ -115,20 +118,24 @@ const tableProps = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
prop: 'energyTypeName',
|
prop: 'energyTypeName',
|
||||||
label: '能源类型',
|
label: '能源类型',
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
prop: 'bindObjectName',
|
// prop: 'bindObjectName',
|
||||||
label: '监控对象',
|
// label: '监控对象',
|
||||||
filter: (val) => (val != null ? val : '--'),
|
// filter: (val) => (val != null ? val : '--'),
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
prop: 'meter',
|
// prop: 'meter',
|
||||||
label: '抄表名',
|
// label: '抄表名',
|
||||||
filter: (val) => (val != null ? val : '--'),
|
// filter: (val) => (val != null ? val : '--'),
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
prop: 'quantity',
|
prop: 'quantity',
|
||||||
label: '累计使用量',
|
label: '累计使用量',
|
||||||
@@ -207,13 +214,16 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
|
clearable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@@ -262,26 +272,18 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
this.formConfig2[1].startPlaceholder = '开始时间';
|
|
||||||
this.formConfig2[1].endPlaceholder = '结束时间';
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.energyTypeId = val.name || null;
|
this.listQuery.energyTypeId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime ? val.searchTime[1] : null;
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
|
||||||
: null;
|
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
this.getDataList();
|
this.getDataList();
|
||||||
} else {
|
} else {
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
@@ -292,13 +294,18 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.energyTypeId = val.name || null;
|
this.listQuery.energyTypeId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
|
}
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@@ -320,15 +327,26 @@ export default {
|
|||||||
const end = new Date();
|
const end = new Date();
|
||||||
const start = new Date();
|
const start = new Date();
|
||||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||||
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 00:00:00';
|
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 08:30:00';
|
||||||
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 23:59:59';
|
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 08:30:00';
|
||||||
this.formConfig2[1].startPlaceholder = parseTime(start).substr(0, 10);
|
this.$nextTick(() => {
|
||||||
this.formConfig2[1].endPlaceholder = parseTime(end).substr(0, 10);
|
this.$refs.searchBarForm2.formInline.searchTime = [
|
||||||
|
this.listQuery.startTime,
|
||||||
|
this.listQuery.endTime,
|
||||||
|
];
|
||||||
|
});
|
||||||
this.listQuery.name = null;
|
this.listQuery.name = null;
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList(){
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
// 获取数据2列表
|
// 获取数据2列表
|
||||||
getDataList2() {
|
getDataList2() {
|
||||||
if (this.listQuery.startTime) {
|
if (this.listQuery.startTime) {
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -87,9 +87,12 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'otherCostName',
|
prop: 'otherCostName',
|
||||||
@@ -99,9 +102,14 @@ const tableProps = [
|
|||||||
prop: 'price',
|
prop: 'price',
|
||||||
label: '总价(元)',
|
label: '总价(元)',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
|
// {
|
||||||
|
// prop: 'remark',
|
||||||
|
// label: '备注',
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
prop: 'otherCostName',
|
prop: 'otherCostName',
|
||||||
label: '成本名称',
|
label: '成本名称',
|
||||||
@@ -110,6 +118,7 @@ const tableProps2 = [
|
|||||||
prop: 'price',
|
prop: 'price',
|
||||||
label: '总价(元)',
|
label: '总价(元)',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
export default {
|
export default {
|
||||||
@@ -182,13 +191,16 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
|
clearable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@@ -237,26 +249,20 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
this.formConfig2[1].startPlaceholder = '开始时间';
|
|
||||||
this.formConfig2[1].endPlaceholder = '结束时间';
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name || null;
|
this.listQuery.name = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
this.getDataList();
|
this.getDataList();
|
||||||
} else {
|
} else {
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
@@ -267,13 +273,18 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name || null;
|
this.listQuery.name = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
|
}
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@@ -295,15 +306,26 @@ export default {
|
|||||||
const end = new Date();
|
const end = new Date();
|
||||||
const start = new Date();
|
const start = new Date();
|
||||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||||
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 00:00:00';
|
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 08:30:00';
|
||||||
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 23:59:59';
|
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 08:30:00';
|
||||||
this.formConfig2[1].startPlaceholder = parseTime(start).substr(0, 10);
|
this.$nextTick(() => {
|
||||||
this.formConfig2[1].endPlaceholder = parseTime(end).substr(0, 10);
|
this.$refs.searchBarForm2.formInline.searchTime = [
|
||||||
|
this.listQuery.startTime,
|
||||||
|
this.listQuery.endTime,
|
||||||
|
];
|
||||||
|
});
|
||||||
this.listQuery.name = null;
|
this.listQuery.name = null;
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList(){
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
// 获取数据2列表
|
// 获取数据2列表
|
||||||
getDataList2() {
|
getDataList2() {
|
||||||
getRawOthercostSunPage(this.listQuery).then((response) => {
|
getRawOthercostSunPage(this.listQuery).then((response) => {
|
||||||
|
|||||||
@@ -65,6 +65,7 @@ const tableProps = [
|
|||||||
prop: 'price',
|
prop: 'price',
|
||||||
label: '成本金额',
|
label: '成本金额',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'remark',
|
prop: 'remark',
|
||||||
@@ -161,7 +162,7 @@ export default {
|
|||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name||null;
|
this.listQuery.name = val.name||null;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
@@ -174,7 +175,7 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name||null;
|
this.listQuery.name = val.name||null;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
|
|||||||
@@ -10,9 +10,9 @@
|
|||||||
<span>
|
<span>
|
||||||
{{
|
{{
|
||||||
injectData.type == 1
|
injectData.type == 1
|
||||||
? `每天等价,${injectData.price}元`
|
? `每天等价,${Number(injectData.price)}元`
|
||||||
: injectData.type == 2
|
: injectData.type == 2
|
||||||
? `总价${injectData.price}元,年折旧率${injectData.ratio}%,折旧年限${injectData.timeLimit}年`
|
? `总价${Number(injectData.price)}元,年折旧率${injectData.ratio}%,折旧年限${injectData.timeLimit}年`
|
||||||
: '-'
|
: '-'
|
||||||
}}
|
}}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -85,9 +85,12 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'productionLineName',
|
prop: 'productionLineName',
|
||||||
@@ -100,22 +103,27 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'innum',
|
prop: 'innum',
|
||||||
label: '上片数量',
|
label: '上片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'outnum',
|
prop: 'outnum',
|
||||||
label: '下片数量',
|
label: '下片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'ratio',
|
prop: 'ratio',
|
||||||
label: '良品率',
|
label: '良品率',
|
||||||
filter: (val) => (val ? val * 100 + '%' : '-'),
|
filter: (val) => (val ? Number(val * 100).toFixed(2) + '%' : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'productionLineName',
|
prop: 'productionLineName',
|
||||||
@@ -128,15 +136,17 @@ const tableProps2 = [
|
|||||||
{
|
{
|
||||||
prop: 'innum',
|
prop: 'innum',
|
||||||
label: '进片数量',
|
label: '进片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'outnum',
|
prop: 'outnum',
|
||||||
label: '出片数量',
|
label: '出片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'ratio',
|
prop: 'ratio',
|
||||||
label: '良品率',
|
label: '良品率',
|
||||||
filter: (val) => (val ? val * 100 + '%' : '-'),
|
filter: (val) => (val ? Number(val * 100).toFixed(2) + '%' : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
export default {
|
export default {
|
||||||
@@ -170,13 +180,15 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@@ -225,22 +237,15 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.productionLineId = val.name || null;
|
this.listQuery.productionLineId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
this.getDataList();
|
this.getDataList();
|
||||||
@@ -253,12 +258,12 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.productionLineId = val.name || null;
|
this.listQuery.productionLineId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
@@ -309,10 +314,20 @@ export default {
|
|||||||
this.otherMethods(val);
|
this.otherMethods(val);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList(){
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
successSubmit() {
|
successSubmit() {
|
||||||
this.handleCancel();
|
this.handleCancel();
|
||||||
const val = this.activeName === 'his' ? '产线良品率' : 'now';
|
if (this.activeName === 'his') {
|
||||||
this.currentMenu(val);
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
handleExport() {
|
handleExport() {
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -87,9 +87,12 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '时间',
|
label: '时间',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'bindObjectName',
|
prop: 'bindObjectName',
|
||||||
@@ -102,33 +105,42 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'inCount',
|
prop: 'inCount',
|
||||||
label: '上片数量',
|
label: '上片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'outCount',
|
prop: 'outCount',
|
||||||
label: '下片数量',
|
label: '下片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'ratio',
|
prop: 'ratio',
|
||||||
label: '良品率',
|
label: '良品率',
|
||||||
filter: (val) => (val ? val * 100 + '%' : '-'),
|
filter: (val) => (val ? Number(val * 100).toFixed(2) + '%' : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costSum',
|
prop: 'costSum',
|
||||||
label: '深加工成本/元',
|
label: '深加工成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costPiece',
|
prop: 'costPiece',
|
||||||
label: '单片成本/元',
|
label: '单片成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costArea',
|
prop: 'costArea',
|
||||||
label: '每平米成本/元',
|
label: '每平米成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
prop: 'bindObjectName',
|
prop: 'bindObjectName',
|
||||||
label: '产线',
|
label: '产线',
|
||||||
@@ -140,30 +152,35 @@ const tableProps2 = [
|
|||||||
{
|
{
|
||||||
prop: 'inCount',
|
prop: 'inCount',
|
||||||
label: '上片数量',
|
label: '上片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'outCount',
|
prop: 'outCount',
|
||||||
label: '下片数量',
|
label: '下片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'ratio',
|
prop: 'ratio',
|
||||||
label: '良品率',
|
label: '良品率',
|
||||||
filter: (val) => (val ? val * 100 + '%' : '-'),
|
filter: (val) => (val ? Number(val * 100).toFixed(2) + '%' : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costSum',
|
prop: 'costSum',
|
||||||
label: '深加工成本/元',
|
label: '深加工成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costPiece',
|
prop: 'costPiece',
|
||||||
label: '单片成本/元',
|
label: '单片成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costArea',
|
prop: 'costArea',
|
||||||
label: '每平米成本/元',
|
label: '每平米成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
export default {
|
export default {
|
||||||
@@ -225,13 +242,16 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
|
clearable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'select',
|
type: 'select',
|
||||||
@@ -288,26 +308,20 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
this.formConfig2[0].startPlaceholder = '开始时间';
|
|
||||||
this.formConfig2[0].endPlaceholder = '结束时间';
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.bindObjectId = val.name || null;
|
this.listQuery.bindObjectId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
this.getDataList();
|
this.getDataList();
|
||||||
} else {
|
} else {
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
@@ -318,13 +332,18 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.bindObjectId = val.name || null;
|
this.listQuery.bindObjectId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
|
}
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@@ -346,15 +365,26 @@ export default {
|
|||||||
const end = new Date();
|
const end = new Date();
|
||||||
const start = new Date();
|
const start = new Date();
|
||||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||||
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 00:00:00';
|
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 08:30:00';
|
||||||
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 23:59:59';
|
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 08:30:00';
|
||||||
this.formConfig2[0].startPlaceholder = parseTime(start).substr(0, 10);
|
this.$nextTick(() => {
|
||||||
this.formConfig2[0].endPlaceholder = parseTime(end).substr(0, 10);
|
this.$refs.searchBarForm2.formInline.searchTime = [
|
||||||
|
this.listQuery.startTime,
|
||||||
|
this.listQuery.endTime,
|
||||||
|
];
|
||||||
|
});
|
||||||
this.listQuery.name = null;
|
this.listQuery.name = null;
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList(){
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
// 获取数据2列表
|
// 获取数据2列表
|
||||||
getDataList2() {
|
getDataList2() {
|
||||||
if (this.listQuery.startTime) {
|
if (this.listQuery.startTime) {
|
||||||
|
|||||||
423
src/views/cost/index.vue
Normal file
423
src/views/cost/index.vue
Normal file
@@ -0,0 +1,423 @@
|
|||||||
|
<template>
|
||||||
|
<div class="home-page">
|
||||||
|
<div class="date-tabs">
|
||||||
|
<!-- @tab-click="handleClick" -->
|
||||||
|
<el-tabs v-model="activeName" @tab-click="timedayChange" :stretch="true">
|
||||||
|
<el-tab-pane
|
||||||
|
:label="'\u2002\u2002日\u2002\u2002'"
|
||||||
|
name="日"></el-tab-pane>
|
||||||
|
<el-tab-pane
|
||||||
|
:label="'\u2002\u2002周\u2002\u2002'"
|
||||||
|
name="周"></el-tab-pane>
|
||||||
|
<el-tab-pane
|
||||||
|
:label="'\u2002\u2002月\u2002\u2002'"
|
||||||
|
name="月"></el-tab-pane>
|
||||||
|
<el-tab-pane
|
||||||
|
:label="'\u2002\u2002年\u2002\u2002'"
|
||||||
|
name="年"></el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
<div class="detail">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="timeday"
|
||||||
|
align="right"
|
||||||
|
type="date"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
valueFormat="yyyy-MM-dd"
|
||||||
|
:clearable="false"
|
||||||
|
@change="timedayChange"
|
||||||
|
placeholder="选择日期"
|
||||||
|
:picker-options="pickerOptions"></el-date-picker>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-row class="main-top" :gutter="16">
|
||||||
|
<el-col :span="24" style="position: relative">
|
||||||
|
<div class="title">
|
||||||
|
<svg-icon icon-class="home-produce" />
|
||||||
|
<span class="title-inner">生产总成本</span>
|
||||||
|
</div>
|
||||||
|
<el-row class="box">
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.priceS }}万元</div>
|
||||||
|
<div class="unit-style">总计成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.matPriceS }}万元</div>
|
||||||
|
<div class="unit-style">原料成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.energyPriceS }}万元</div>
|
||||||
|
<div class="unit-style">能源成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.otherPriceS }}万元</div>
|
||||||
|
<div class="unit-style">其他成本</div>
|
||||||
|
</el-col>
|
||||||
|
<!-- <el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.ratioS }}</div>
|
||||||
|
<div class="unit-style">综合良品率/%</div>
|
||||||
|
</el-col> -->
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.areaPriceS }}元</div>
|
||||||
|
<div class="unit-style">综合每平米成本</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" style="position: relative">
|
||||||
|
<div class="title">
|
||||||
|
<svg-icon icon-class="home-produce" />
|
||||||
|
<span class="title-inner">原片成本</span>
|
||||||
|
</div>
|
||||||
|
<el-row class="box">
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.priceO }}万元</div>
|
||||||
|
<div class="unit-style">原片总成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.matPriceO }}万元</div>
|
||||||
|
<div class="unit-style">原料成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.energyPriceO }}万元</div>
|
||||||
|
<div class="unit-style">能源成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.otherPriceO }}万元</div>
|
||||||
|
<div class="unit-style">其他成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.ratioO }}</div>
|
||||||
|
<div class="unit-style">原片良品率/%</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.areaPriceO }}元</div>
|
||||||
|
<div class="unit-style">原片每平米成本</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" style="position: relative">
|
||||||
|
<div class="title">
|
||||||
|
<svg-icon icon-class="home-produce" />
|
||||||
|
<span class="title-inner">深加工成本</span>
|
||||||
|
</div>
|
||||||
|
<el-row class="box">
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.priceD }}万元</div>
|
||||||
|
<div class="unit-style">深加工总成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.energyPriceD }}万元</div>
|
||||||
|
<div class="unit-style">能源成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.otherPriceD }}万元</div>
|
||||||
|
<div class="unit-style">其他成本</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.ratioD }}</div>
|
||||||
|
<div class="unit-style">深加工良品率/%</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" class="num-box shadow">
|
||||||
|
<div class="num-style">{{ homeData.areaPriceD }}元</div>
|
||||||
|
<div class="unit-style">深加工每平米成本</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row class="main-bottom" :gutter="16" v-if="false">
|
||||||
|
<el-col :span="9">
|
||||||
|
<div class="chart-wrapper">
|
||||||
|
<line-chart :chart-data="lineChartData" />
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="7">
|
||||||
|
<div class="chart-wrapper">
|
||||||
|
<pie-chart />
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<div class="chart-wrapper">
|
||||||
|
<bar-chart />
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div
|
||||||
|
class="main-footer"
|
||||||
|
style="
|
||||||
|
color: #c7c7c7;
|
||||||
|
user-select: none;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
height: 30px;
|
||||||
|
display: grid;
|
||||||
|
place-content: center;
|
||||||
|
">
|
||||||
|
© 中建材智能自动化研究院有限公司
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import moment from 'moment';
|
||||||
|
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
|
||||||
|
import LineChart from '../dashboard/LineChart';
|
||||||
|
import PieChart from '../dashboard/PieChart';
|
||||||
|
import BarChart from '../dashboard/BarChart';
|
||||||
|
import PanelGroup from '../dashboard/PanelGroup';
|
||||||
|
import { getData } from '@/api/cost/allCost';
|
||||||
|
import { getUserProfile } from '@/api/system/user';
|
||||||
|
|
||||||
|
const lineChartData = {
|
||||||
|
newVisitis: {
|
||||||
|
expectedData: [100, 120, 161, 134, 105, 160, 165],
|
||||||
|
actualData: [120, 82, 91, 154, 162, 140, 145],
|
||||||
|
},
|
||||||
|
messages: {
|
||||||
|
expectedData: [200, 192, 120, 144, 160, 130, 140],
|
||||||
|
actualData: [180, 160, 151, 106, 145, 150, 130],
|
||||||
|
},
|
||||||
|
purchases: {
|
||||||
|
expectedData: [80, 100, 121, 104, 105, 90, 100],
|
||||||
|
actualData: [120, 90, 100, 138, 142, 130, 130],
|
||||||
|
},
|
||||||
|
shoppings: {
|
||||||
|
expectedData: [130, 140, 141, 142, 145, 150, 160],
|
||||||
|
actualData: [120, 82, 91, 154, 162, 140, 130],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Home',
|
||||||
|
mixins: [tableHeightMixin],
|
||||||
|
components: {
|
||||||
|
LineChart,
|
||||||
|
PieChart,
|
||||||
|
PanelGroup,
|
||||||
|
BarChart,
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
gradientBackground() {
|
||||||
|
return {
|
||||||
|
'background-image':
|
||||||
|
'linear-gradient(90deg, #f0f0f0 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, #f0f0f0 50%, #f0f0f0 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0))',
|
||||||
|
'background-size': '100px 100px', // 调整条纹的大小
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
activeName: '日',
|
||||||
|
user: '',
|
||||||
|
lineChartData: lineChartData.newVisitis,
|
||||||
|
homeData: {},
|
||||||
|
timeday: moment(new Date()).subtract(1, 'days').format('YYYY-MM-DD'),
|
||||||
|
startTime:
|
||||||
|
moment(new Date()).subtract(0, 'days').format('YYYY-MM-DD') +
|
||||||
|
' 00:00:00',
|
||||||
|
endTime:
|
||||||
|
moment(new Date()).subtract(-1, 'days').format('YYYY-MM-DD') +
|
||||||
|
' 00:00:00',
|
||||||
|
|
||||||
|
pickerOptions: {
|
||||||
|
disabledDate(time) {
|
||||||
|
return time.getTime() + 3600 * 1000 * 24 > Date.now();
|
||||||
|
},
|
||||||
|
shortcuts: [
|
||||||
|
{
|
||||||
|
text: '今天',
|
||||||
|
onClick(picker) {
|
||||||
|
picker.$emit('pick', new Date());
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '昨天',
|
||||||
|
onClick(picker) {
|
||||||
|
const date = new Date();
|
||||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24);
|
||||||
|
picker.$emit('pick', date);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '一周前',
|
||||||
|
onClick(picker) {
|
||||||
|
const date = new Date();
|
||||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
|
||||||
|
picker.$emit('pick', date);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
let listQuery = {
|
||||||
|
//分页
|
||||||
|
pageSize: 10,
|
||||||
|
pageNo: 1,
|
||||||
|
statisticType: ['', '日', '周', '月', '年'].indexOf(this.activeName),
|
||||||
|
startTime: this.timeday + ' 00:00:00',
|
||||||
|
};
|
||||||
|
getData(listQuery).then((response) => {
|
||||||
|
this.homeData = response.data;
|
||||||
|
for (let i in this.homeData) {
|
||||||
|
this.homeData[i] = Number(this.homeData[i]).toFixed(2);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
timedayChange() {
|
||||||
|
let listQuery = {
|
||||||
|
//分页
|
||||||
|
pageSize: 10,
|
||||||
|
pageNo: 1,
|
||||||
|
statisticType: ['', '日', '周', '月', '年'].indexOf(this.activeName),
|
||||||
|
startTime: this.timeday + ' 00:00:00',
|
||||||
|
};
|
||||||
|
getData(listQuery).then((response) => {
|
||||||
|
this.homeData = response.data;
|
||||||
|
for (let i in this.homeData) {
|
||||||
|
this.homeData[i] = Number(this.homeData[i]).toFixed(2);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goDetail() {
|
||||||
|
this.$router.push({ path: 'indexDetail' });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.home-page::before {
|
||||||
|
background-image: url('~@/assets/img/home-bg.png');
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
.date-tabs {
|
||||||
|
padding-left: 40px;
|
||||||
|
padding-top: 20px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
:deep(.date-tabs) {
|
||||||
|
.el-tabs__header {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
display: inline-block;
|
||||||
|
transform: translateY(-12px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-tabs__content {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-tabs__item {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #fff;
|
||||||
|
padding-left: 0 !important;
|
||||||
|
padding-right: 0 !important;
|
||||||
|
line-height: 36px !important;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
.el-tabs__item.is-active {
|
||||||
|
color: #0b58ff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.detail {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
left: 260px;
|
||||||
|
top: 10px;
|
||||||
|
}
|
||||||
|
:deep(.detail) {
|
||||||
|
.el-input__inner {
|
||||||
|
background-color: transparent;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .current-date {
|
||||||
|
// color: #fff;
|
||||||
|
// font-size: 18px;
|
||||||
|
// position: absolute;
|
||||||
|
// left: 260px;
|
||||||
|
// top: 14px;
|
||||||
|
// }
|
||||||
|
.current-time {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
position: absolute;
|
||||||
|
right: 38px;
|
||||||
|
top: 14px;
|
||||||
|
}
|
||||||
|
.main-top {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 20px 0 40px;
|
||||||
|
.title {
|
||||||
|
position: absolute;
|
||||||
|
left: 34px;
|
||||||
|
top: 20px;
|
||||||
|
width: 180px;
|
||||||
|
font-size: 32px;
|
||||||
|
z-index: 10;
|
||||||
|
.title-inner {
|
||||||
|
position: absolute;
|
||||||
|
left: 42px;
|
||||||
|
top: 5px;
|
||||||
|
font-size: calc(100vw * 20 / 1920);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.box {
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 24px;
|
||||||
|
height: 192px;
|
||||||
|
padding: 40px 24px 32px 24px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
box-shadow: 0 8px 8px 0 gray;
|
||||||
|
.num-box {
|
||||||
|
height: 120px;
|
||||||
|
padding-top: 26px;
|
||||||
|
text-align: center;
|
||||||
|
.num-style {
|
||||||
|
color: #000;
|
||||||
|
font-size: calc(100vw * 40 / 1920);
|
||||||
|
}
|
||||||
|
.unit-style {
|
||||||
|
color: rgba(0, 0, 0, 0.7);
|
||||||
|
font-size: calc(100vw * 18 / 1920);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.shadow {
|
||||||
|
background: linear-gradient(90deg, #ffffff 80%, #f2f4f9 100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.main-bottom {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 20px;
|
||||||
|
.chart-wrapper {
|
||||||
|
margin-left: 10px;
|
||||||
|
height: 425px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 3px 3px 0 gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style lang="scss">
|
||||||
|
.home-page {
|
||||||
|
.el-progress-bar__inner {
|
||||||
|
background-image: url('~@/assets/img/home-progress-bg.png');
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
199
src/views/cost/indexDetail.vue
Normal file
199
src/views/cost/indexDetail.vue
Normal file
@@ -0,0 +1,199 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<search-bar
|
||||||
|
:formConfigs="formConfig"
|
||||||
|
ref="searchBarForm"
|
||||||
|
@headBtnClick="buttonClick" />
|
||||||
|
<base-table
|
||||||
|
:table-props="tableProps1"
|
||||||
|
:page="1"
|
||||||
|
:limit="100"
|
||||||
|
:table-data="tableData1"></base-table>
|
||||||
|
<base-table
|
||||||
|
:table-props="tableProps2"
|
||||||
|
:page="1"
|
||||||
|
:limit="100"
|
||||||
|
:table-data="tableData2"></base-table>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getDetailData } from '@/api/cost/allCost';
|
||||||
|
import moment from 'moment';
|
||||||
|
|
||||||
|
const tableProps1 = [
|
||||||
|
{
|
||||||
|
prop: 'name',
|
||||||
|
label: '成本项目-原片',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'f1',
|
||||||
|
label: '本期领用',
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
prop: 'quantity',
|
||||||
|
label: '数量',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'price',
|
||||||
|
label: '单价',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'sumPrice',
|
||||||
|
label: '金额',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'sprice',
|
||||||
|
label: '单位成本',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const tableProps2 = [
|
||||||
|
{
|
||||||
|
prop: 'name',
|
||||||
|
label: '成本项目-加工',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'quantity',
|
||||||
|
label: '耗用数量',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'price',
|
||||||
|
label: '平均耗用单价',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'sumPrice',
|
||||||
|
label: '总成本',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'sprice',
|
||||||
|
label: '综合单位成本',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tableProps1,
|
||||||
|
tableData1: [],
|
||||||
|
tableProps2,
|
||||||
|
tableData2: [],
|
||||||
|
listQuery: {
|
||||||
|
pageSize: 10,
|
||||||
|
pageNo: 1,
|
||||||
|
statisticType: 1,
|
||||||
|
},
|
||||||
|
activeName: '日',
|
||||||
|
startTime:
|
||||||
|
moment(new Date()).subtract(1, 'days').format('YYYY-MM-DD') +
|
||||||
|
' 00:00:00',
|
||||||
|
endTime:
|
||||||
|
moment(new Date()).subtract(-1, 'days').format('YYYY-MM-DD') +
|
||||||
|
' 00:00:00',
|
||||||
|
formConfig: [
|
||||||
|
{
|
||||||
|
type: 'select',
|
||||||
|
label: '维度',
|
||||||
|
selectOptions: [
|
||||||
|
{ id: 1, name: '日' },
|
||||||
|
{ id: 2, name: '周' },
|
||||||
|
{ id: 3, name: '月' },
|
||||||
|
{ id: 4, name: '年' },
|
||||||
|
],
|
||||||
|
param: 'statisticType',
|
||||||
|
defaultSelect: 1, // 默认值,
|
||||||
|
clearable: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 日期选择
|
||||||
|
type: 'datePicker',
|
||||||
|
// label: '日期',
|
||||||
|
dateType: 'date',
|
||||||
|
placeholder: '选择日期',
|
||||||
|
format: 'yyyy-MM-dd',
|
||||||
|
valueFormat: 'yyyy-MM-dd',
|
||||||
|
param: 'timeday',
|
||||||
|
clearable: false,
|
||||||
|
pickerOptions: {
|
||||||
|
disabledDate(time) {
|
||||||
|
return (time.getTime()+ 3600 * 1000 * 24) > Date.now();
|
||||||
|
},
|
||||||
|
shortcuts: [
|
||||||
|
{
|
||||||
|
text: '今天',
|
||||||
|
onClick(picker) {
|
||||||
|
picker.$emit('pick', new Date());
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '昨天',
|
||||||
|
onClick(picker) {
|
||||||
|
const date = new Date();
|
||||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24);
|
||||||
|
picker.$emit('pick', date);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '一周前',
|
||||||
|
onClick(picker) {
|
||||||
|
const date = new Date();
|
||||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
|
||||||
|
picker.$emit('pick', date);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'button',
|
||||||
|
btnName: '搜索',
|
||||||
|
name: 'search',
|
||||||
|
color: 'primary',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'separate',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'button',
|
||||||
|
btnName: '返回首页',
|
||||||
|
name: 'back',
|
||||||
|
color: 'warning',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {},
|
||||||
|
mounted() {
|
||||||
|
this.listQuery.startTime = this.startTime;
|
||||||
|
this.$refs.searchBarForm.formInline.timeday = this.startTime.substr(0, 10)
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取数据列表
|
||||||
|
getDataList() {
|
||||||
|
getDetailData(this.listQuery).then((response) => {
|
||||||
|
this.tableData1 = response.data.odata;
|
||||||
|
this.tableData2 = response.data.ddata;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buttonClick(val) {
|
||||||
|
switch (val.btnName) {
|
||||||
|
case 'search':
|
||||||
|
console.log(val.timeday)
|
||||||
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
|
this.listQuery.startTime = val.timeday
|
||||||
|
? val.timeday + ' 00:00:00'
|
||||||
|
: null;
|
||||||
|
this.getDataList();
|
||||||
|
break;
|
||||||
|
case 'back':
|
||||||
|
this.$router.go(-1)
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.log(val);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@@ -77,7 +77,7 @@ export default {
|
|||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name||null;
|
this.listQuery.name = val.name||null;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
@@ -90,7 +90,7 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name;
|
this.listQuery.name = val.name;
|
||||||
this.listQuery.recTime = val.searchTime;
|
this.listQuery.recTime = val.searchTime;
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -86,24 +86,27 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'energyTypeName',
|
prop: 'energyTypeName',
|
||||||
label: '能源类型',
|
label: '能源类型',
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
prop: 'bindObjectName',
|
// prop: 'bindObjectName',
|
||||||
label: '监控对象',
|
// label: '监控对象',
|
||||||
filter: (val) => (val != null ? val : '--'),
|
// filter: (val) => (val != null ? val : '--'),
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
prop: 'meterName',
|
// prop: 'meterName',
|
||||||
label: '抄表名',
|
// label: '抄表名',
|
||||||
filter: (val) => (val != null ? val : '--'),
|
// filter: (val) => (val != null ? val : '--'),
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
prop: 'quantity',
|
prop: 'quantity',
|
||||||
label: '累计使用量',
|
label: '累计使用量',
|
||||||
@@ -115,20 +118,24 @@ const tableProps = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
prop: 'energyTypeName',
|
prop: 'energyTypeName',
|
||||||
label: '能源类型',
|
label: '能源类型',
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
prop: 'bindObjectName',
|
// prop: 'bindObjectName',
|
||||||
label: '监控对象',
|
// label: '监控对象',
|
||||||
filter: (val) => (val != null ? val : '--'),
|
// filter: (val) => (val != null ? val : '--'),
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
prop: 'meter',
|
// prop: 'meter',
|
||||||
label: '抄表名',
|
// label: '抄表名',
|
||||||
filter: (val) => (val != null ? val : '--'),
|
// filter: (val) => (val != null ? val : '--'),
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
prop: 'quantity',
|
prop: 'quantity',
|
||||||
label: '累计使用量',
|
label: '累计使用量',
|
||||||
@@ -207,13 +214,16 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
|
clearable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@@ -237,10 +247,11 @@ export default {
|
|||||||
activeName: 'his',
|
activeName: 'his',
|
||||||
tableProps,
|
tableProps,
|
||||||
tableProps2,
|
tableProps2,
|
||||||
tableBtn: [{
|
tableBtn: [
|
||||||
type: 'edit',
|
{
|
||||||
btnName: '编辑',
|
type: 'edit',
|
||||||
}
|
btnName: '编辑',
|
||||||
|
},
|
||||||
].filter((v) => v),
|
].filter((v) => v),
|
||||||
tableData: [],
|
tableData: [],
|
||||||
tableData2: [],
|
tableData2: [],
|
||||||
@@ -262,26 +273,18 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
this.formConfig2[1].startPlaceholder = '开始时间';
|
|
||||||
this.formConfig2[1].endPlaceholder = '结束时间';
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.energyTypeId = val.name || null;
|
this.listQuery.energyTypeId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime ? val.searchTime[1] : null;
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
|
||||||
: null;
|
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
this.getDataList();
|
this.getDataList();
|
||||||
} else {
|
} else {
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
@@ -292,13 +295,16 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.energyTypeId = val.name || null;
|
this.listQuery.energyTypeId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime ? val.searchTime[1] : null;
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
if (this.activeName === 'his') {
|
||||||
: null;
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
|
}
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@@ -320,15 +326,26 @@ export default {
|
|||||||
const end = new Date();
|
const end = new Date();
|
||||||
const start = new Date();
|
const start = new Date();
|
||||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||||
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 00:00:00';
|
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 08:30:00';
|
||||||
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 23:59:59';
|
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 08:30:00';
|
||||||
this.formConfig2[1].startPlaceholder = parseTime(start).substr(0, 10);
|
this.$nextTick(() => {
|
||||||
this.formConfig2[1].endPlaceholder = parseTime(end).substr(0, 10);
|
this.$refs.searchBarForm2.formInline.searchTime = [
|
||||||
|
this.listQuery.startTime,
|
||||||
|
this.listQuery.endTime,
|
||||||
|
];
|
||||||
|
});
|
||||||
this.listQuery.name = null;
|
this.listQuery.name = null;
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList() {
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
// 获取数据2列表
|
// 获取数据2列表
|
||||||
getDataList2() {
|
getDataList2() {
|
||||||
if (this.listQuery.startTime) {
|
if (this.listQuery.startTime) {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-11-18 14:16:25
|
* @Date: 2021-11-18 14:16:25
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2024-09-05 15:34:28
|
* @LastEditTime: 2024-12-27 09:18:43
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
placeholder="请输入原料名称" />
|
placeholder="请输入原料名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<!-- <el-col :span="12">
|
||||||
<el-form-item label="单价" prop="matPrice">
|
<el-form-item label="单价" prop="matPrice">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="dataForm.matPrice"
|
v-model="dataForm.matPrice"
|
||||||
@@ -31,7 +31,7 @@
|
|||||||
placeholder="请输入单价" />
|
placeholder="请输入单价" />
|
||||||
(元/吨)
|
(元/吨)
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col> -->
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="累计用量" prop="quantity">
|
<el-form-item label="累计用量" prop="quantity">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -87,9 +87,12 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'materialName',
|
prop: 'materialName',
|
||||||
@@ -97,13 +100,13 @@ const tableProps = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'quantity',
|
prop: 'quantity',
|
||||||
label: '累计使用量(吨)',
|
label: '累计使用量(千克)',
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'matPrice',
|
|
||||||
label: '单价(元/吨)',
|
|
||||||
align: 'right',
|
|
||||||
},
|
},
|
||||||
|
// {
|
||||||
|
// prop: 'matPrice',
|
||||||
|
// label: '单价(元/千克)',
|
||||||
|
// align: 'right',
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
prop: 'price',
|
prop: 'price',
|
||||||
label: '总价(元)',
|
label: '总价(元)',
|
||||||
@@ -111,6 +114,10 @@ const tableProps = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
|
// {
|
||||||
|
// prop: 'remark',
|
||||||
|
// label: '备注',
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
prop: 'materialName',
|
prop: 'materialName',
|
||||||
label: '原料名称',
|
label: '原料名称',
|
||||||
@@ -123,13 +130,13 @@ const tableProps2 = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'quantity',
|
prop: 'quantity',
|
||||||
label: '累计使用量(吨)',
|
label: '累计使用量(千克)',
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'materialPrice',
|
|
||||||
label: '单价(元/吨)',
|
|
||||||
align: 'right',
|
|
||||||
},
|
},
|
||||||
|
// {
|
||||||
|
// prop: 'materialPrice',
|
||||||
|
// label: '单价(元/千克)',
|
||||||
|
// align: 'right',
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
prop: 'price',
|
prop: 'price',
|
||||||
label: '总价(元)',
|
label: '总价(元)',
|
||||||
@@ -204,13 +211,16 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
|
clearable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@@ -234,10 +244,11 @@ export default {
|
|||||||
activeName: 'his',
|
activeName: 'his',
|
||||||
tableProps,
|
tableProps,
|
||||||
tableProps2,
|
tableProps2,
|
||||||
tableBtn: [{
|
tableBtn: [
|
||||||
type: 'edit',
|
{
|
||||||
btnName: '编辑',
|
type: 'edit',
|
||||||
}
|
btnName: '编辑',
|
||||||
|
},
|
||||||
].filter((v) => v),
|
].filter((v) => v),
|
||||||
tableData: [],
|
tableData: [],
|
||||||
tableData2: [],
|
tableData2: [],
|
||||||
@@ -259,26 +270,20 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
this.formConfig2[1].startPlaceholder = '开始时间';
|
|
||||||
this.formConfig2[1].endPlaceholder = '结束时间';
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.materialId = val.name || null;
|
this.listQuery.materialId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
this.getDataList();
|
this.getDataList();
|
||||||
} else {
|
} else {
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
@@ -289,13 +294,18 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.materialId = val.name || null;
|
this.listQuery.materialId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
|
}
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@@ -317,15 +327,26 @@ export default {
|
|||||||
const end = new Date();
|
const end = new Date();
|
||||||
const start = new Date();
|
const start = new Date();
|
||||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||||
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 00:00:00';
|
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 08:30:00';
|
||||||
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 23:59:59';
|
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 08:30:00';
|
||||||
this.formConfig2[1].startPlaceholder = parseTime(start).substr(0, 10);
|
this.$nextTick(() => {
|
||||||
this.formConfig2[1].endPlaceholder = parseTime(end).substr(0, 10);
|
this.$refs.searchBarForm2.formInline.searchTime = [
|
||||||
|
this.listQuery.startTime,
|
||||||
|
this.listQuery.endTime,
|
||||||
|
];
|
||||||
|
});
|
||||||
this.listQuery.name = null;
|
this.listQuery.name = null;
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList() {
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
// 获取数据2列表
|
// 获取数据2列表
|
||||||
getDataList2() {
|
getDataList2() {
|
||||||
if (this.listQuery.startTime) {
|
if (this.listQuery.startTime) {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-11-18 14:16:25
|
* @Date: 2021-11-18 14:16:25
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2024-09-05 15:33:16
|
* @LastEditTime: 2025-06-13 10:59:54
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -15,7 +15,9 @@
|
|||||||
label-width="80px">
|
label-width="80px">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="产线" prop="bindObjectName">
|
<el-form-item
|
||||||
|
:label="activeName === 'his' ? '产线' : '工段'"
|
||||||
|
prop="bindObjectName">
|
||||||
<el-input
|
<el-input
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
v-model="dataForm.bindObjectName"
|
v-model="dataForm.bindObjectName"
|
||||||
@@ -33,7 +35,7 @@
|
|||||||
placeholder="选择所属日期"></el-date-picker>
|
placeholder="选择所属日期"></el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12" v-if="activeName === 'his'">
|
||||||
<el-form-item label="厚度" prop="thick">
|
<el-form-item label="厚度" prop="thick">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
:min="0"
|
:min="0"
|
||||||
@@ -43,7 +45,7 @@
|
|||||||
placeholder="请输入厚度" />
|
placeholder="请输入厚度" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12" v-if="activeName === 'his'">
|
||||||
<el-form-item label="在线速度" prop="speed">
|
<el-form-item label="在线速度" prop="speed">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
:min="0"
|
:min="0"
|
||||||
@@ -53,7 +55,7 @@
|
|||||||
placeholder="请输入在线速度" />
|
placeholder="请输入在线速度" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12" v-if="activeName === 'his'">
|
||||||
<el-form-item label="掰边宽度" prop="width">
|
<el-form-item label="掰边宽度" prop="width">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
:min="0"
|
:min="0"
|
||||||
@@ -64,25 +66,27 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="拉引量" prop="inArea">
|
<el-form-item
|
||||||
|
:label="activeName === 'his' ? '拉引量' : '进片数'"
|
||||||
|
prop="inArea">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
:min="0"
|
:min="0"
|
||||||
style="width: 85%"
|
style="width: 85%"
|
||||||
v-model="dataForm.inArea"
|
v-model="dataForm.inArea"
|
||||||
clearable
|
clearable />
|
||||||
placeholder="请输入拉引量" />
|
{{ activeName === 'his' ? '(m²)' : '片' }}
|
||||||
(m²)
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="下片面积" prop="outArea">
|
<el-form-item
|
||||||
|
:label="activeName === 'his' ? '下片面积' : '出片数'"
|
||||||
|
prop="outArea">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
:min="0"
|
:min="0"
|
||||||
style="width: 85%"
|
style="width: 85%"
|
||||||
v-model="dataForm.outArea"
|
v-model="dataForm.outArea"
|
||||||
clearable
|
clearable />
|
||||||
placeholder="请输入下片面积" />
|
{{ activeName === 'his' ? '(m²)' : '片' }}
|
||||||
(m²)
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
@@ -129,10 +133,12 @@ export default {
|
|||||||
recTime: undefined,
|
recTime: undefined,
|
||||||
},
|
},
|
||||||
dataRule: {},
|
dataRule: {},
|
||||||
|
activeName: 'his',
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
init(val, statisticType) {
|
init(val, statisticType, activeName) {
|
||||||
|
this.activeName = activeName;
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs['dataForm'].resetFields();
|
this.$refs['dataForm'].resetFields();
|
||||||
@@ -148,17 +154,22 @@ export default {
|
|||||||
if (!valid) {
|
if (!valid) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
const udata = {
|
let udata = {
|
||||||
id: this.dataForm.id,
|
id: this.dataForm.id,
|
||||||
statisticType: this.dataForm.statisticType,
|
statisticType: this.dataForm.statisticType,
|
||||||
modifyThick: this.dataForm.thick,
|
|
||||||
modifySpeed: this.dataForm.speed,
|
|
||||||
modifyWidth: this.dataForm.width,
|
|
||||||
modifyInArea: this.dataForm.inArea,
|
modifyInArea: this.dataForm.inArea,
|
||||||
modifyOutArea: this.dataForm.outArea,
|
modifyOutArea: this.dataForm.outArea,
|
||||||
modifyRatio:
|
modifyRatio:
|
||||||
this.dataForm.ratio >= 0 ? this.dataForm.ratio / 100 : '',
|
this.dataForm.ratio >= 0 ? this.dataForm.ratio / 100 : '',
|
||||||
};
|
};
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
udata = {
|
||||||
|
...udata,
|
||||||
|
modifyThick: this.dataForm.thick,
|
||||||
|
modifySpeed: this.dataForm.speed,
|
||||||
|
modifyWidth: this.dataForm.width,
|
||||||
|
};
|
||||||
|
}
|
||||||
// 修改的提交
|
// 修改的提交
|
||||||
this.urlOptions.updateURL(udata).then((response) => {
|
this.urlOptions.updateURL(udata).then((response) => {
|
||||||
this.$modal.msgSuccess('修改成功');
|
this.$modal.msgSuccess('修改成功');
|
||||||
|
|||||||
@@ -1,42 +1,71 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container energyOverlimitLog">
|
<div>
|
||||||
<!-- 搜索工作栏 -->
|
<div style="background: #f2f4f9; height: 40px; width: 100%">
|
||||||
<search-bar
|
<ButtonNav :menus="['产线良品率', '工段良品率']" @change="currentMenu">
|
||||||
:formConfigs="formConfig"
|
<template v-slot:tab1>
|
||||||
ref="searchBarForm"
|
<div>产线良品率</div>
|
||||||
@headBtnClick="buttonClick" />
|
</template>
|
||||||
<!-- 列表 -->
|
<template v-slot:tab2>
|
||||||
<base-table
|
<div>工段良品率</div>
|
||||||
:page="listQuery.pageNo"
|
</template>
|
||||||
:limit="listQuery.pageSize"
|
</ButtonNav>
|
||||||
:table-props="tableProps"
|
</div>
|
||||||
:table-data="tableData"
|
<div class="app-container energyOverlimitLog">
|
||||||
:max-height="tableH">
|
<search-bar
|
||||||
<method-btn
|
:formConfigs="formConfig"
|
||||||
v-if="tableBtn.length"
|
ref="searchBarForm"
|
||||||
slot="handleBtn"
|
@headBtnClick="buttonClick" />
|
||||||
:width="80"
|
<!-- 列表 -->
|
||||||
label="操作"
|
<div v-if="activeName === 'his'">
|
||||||
:method-list="tableBtn"
|
<base-table
|
||||||
@clickBtn="handleClick" />
|
:page="listQuery.pageNo"
|
||||||
</base-table>
|
:limit="listQuery.pageSize"
|
||||||
<pagination
|
:table-props="tableProps"
|
||||||
:page.sync="listQuery.pageNo"
|
:table-data="tableData"
|
||||||
:limit.sync="listQuery.pageSize"
|
:max-height="tableH">
|
||||||
:total="listQuery.total"
|
<method-btn
|
||||||
@pagination="getDataList" />
|
v-if="tableBtn.length"
|
||||||
<base-dialog
|
slot="handleBtn"
|
||||||
:dialogTitle="addOrEditTitle"
|
:width="80"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
label="操作"
|
||||||
@cancel="handleCancel"
|
:method-list="tableBtn"
|
||||||
@confirm="handleConfirm"
|
@clickBtn="handleClick" />
|
||||||
:before-close="handleCancel"
|
</base-table>
|
||||||
width="50%">
|
</div>
|
||||||
<add-or-update
|
<div v-if="activeName === 'now'">
|
||||||
ref="addOrUpdate"
|
<base-table
|
||||||
:name-arr="formConfig[1].selectOptions"
|
:page="listQuery.pageNo"
|
||||||
@refreshDataList="successSubmit"></add-or-update>
|
:limit="listQuery.pageSize"
|
||||||
</base-dialog>
|
:table-props="tableProps2"
|
||||||
|
:table-data="tableData2"
|
||||||
|
:max-height="tableH">
|
||||||
|
<method-btn
|
||||||
|
v-if="tableBtn.length"
|
||||||
|
slot="handleBtn"
|
||||||
|
:width="80"
|
||||||
|
label="操作"
|
||||||
|
:method-list="tableBtn"
|
||||||
|
@clickBtn="handleClick" />
|
||||||
|
</base-table>
|
||||||
|
</div>
|
||||||
|
<pagination
|
||||||
|
:page.sync="listQuery.pageNo"
|
||||||
|
:limit.sync="listQuery.pageSize"
|
||||||
|
:total="listQuery.total"
|
||||||
|
@pagination="getNavDataList" />
|
||||||
|
<base-dialog
|
||||||
|
:dialogTitle="addOrEditTitle"
|
||||||
|
:dialogVisible="addOrUpdateVisible"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
@confirm="handleConfirm"
|
||||||
|
:before-close="handleCancel"
|
||||||
|
width="50%">
|
||||||
|
<add-or-update
|
||||||
|
ref="addOrUpdate"
|
||||||
|
:name-arr="formConfig[1].selectOptions"
|
||||||
|
@refreshDataList="successSubmit"></add-or-update>
|
||||||
|
</base-dialog>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -44,16 +73,27 @@
|
|||||||
import AddOrUpdate from './add-or-updata';
|
import AddOrUpdate from './add-or-updata';
|
||||||
import basicPage from '@/mixins/basic-page';
|
import basicPage from '@/mixins/basic-page';
|
||||||
import { getLinePage } from '@/api/base/productionLine';
|
import { getLinePage } from '@/api/base/productionLine';
|
||||||
import { getcostOriginRatioHisPage,exportcostOriginRatioHisExcel } from '@/api/cost/costOriginRatioHis';
|
import {
|
||||||
|
getcostOriginRatioHisPage,
|
||||||
|
getcostOriginWSRatioHisPage,
|
||||||
|
exportcostOriginWSRatioHisExcel,
|
||||||
|
exportcostOriginRatioHisExcel,
|
||||||
|
} from '@/api/cost/costOriginRatioHis';
|
||||||
import { parseTime } from '@/filter/code-filter';
|
import { parseTime } from '@/filter/code-filter';
|
||||||
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
|
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
|
||||||
|
import ButtonNav from '@/components/ButtonNav';
|
||||||
|
|
||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
|
||||||
width:130,
|
width:130,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
prop: 'bindObjectName',
|
prop: 'bindObjectName',
|
||||||
label: '产线',
|
label: '产线',
|
||||||
@@ -62,27 +102,67 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'thick',
|
prop: 'thick',
|
||||||
label: '厚度',
|
label: '厚度',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(1) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'speed',
|
prop: 'speed',
|
||||||
label: '在线速度',
|
label: '在线速度',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'width',
|
prop: 'width',
|
||||||
label: '掰边宽度',
|
label: '掰边宽度',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'inArea',
|
prop: 'inArea',
|
||||||
label: '拉引量/m²',
|
label: '拉引量/m²',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'outArea',
|
prop: 'outArea',
|
||||||
label: '下片面积/m²',
|
label: '下片面积/m²',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'ratio',
|
prop: 'ratio',
|
||||||
label: '良品率',
|
label: '良品率',
|
||||||
filter: (val) => (val ? val * 100 + '%' : '-'),
|
filter: (val) => (val ? Number(val * 100).toFixed(2) + '%' : '-'),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
const tableProps2 = [
|
||||||
|
{
|
||||||
|
prop: 'time',
|
||||||
|
label: '日期',
|
||||||
|
width:130,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'bindObjectName',
|
||||||
|
label: '工段',
|
||||||
|
width:145,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'spec',
|
||||||
|
label: '规格',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'inArea',
|
||||||
|
label: '进片数',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'outArea',
|
||||||
|
label: '出片数',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'ratio',
|
||||||
|
label: '良品率',
|
||||||
|
filter: (val) => (val ? Number(val * 100).toFixed(2) + '%' : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
export default {
|
export default {
|
||||||
@@ -116,13 +196,15 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@@ -143,23 +225,27 @@ export default {
|
|||||||
listQuery: {
|
listQuery: {
|
||||||
statisticType: 1,
|
statisticType: 1,
|
||||||
},
|
},
|
||||||
|
activeName: 'his',
|
||||||
tableProps,
|
tableProps,
|
||||||
|
tableProps2,
|
||||||
tableBtn: [{
|
tableBtn: [{
|
||||||
type: 'edit',
|
type: 'edit',
|
||||||
btnName: '编辑',
|
btnName: '编辑',
|
||||||
}
|
}
|
||||||
].filter((v) => v),
|
].filter((v) => v),
|
||||||
tableData: [],
|
tableData: [],
|
||||||
|
tableData2: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
AddOrUpdate,
|
AddOrUpdate,
|
||||||
|
ButtonNav,
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
const params ={
|
const params ={
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 100,
|
pageSize: 100,
|
||||||
pdType: 1
|
pdType: 0
|
||||||
}
|
}
|
||||||
getLinePage(params).then((response) => {
|
getLinePage(params).then((response) => {
|
||||||
this.formConfig[1].selectOptions = response.data.list;
|
this.formConfig[1].selectOptions = response.data.list;
|
||||||
@@ -167,36 +253,33 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.bindObjectId = val.name || null;
|
this.listQuery.bindObjectId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
this.getDataList();
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
break;
|
break;
|
||||||
case 'add':
|
case 'add':
|
||||||
this.addOrUpdateHandle();
|
this.addOrUpdateHandle();
|
||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.bindObjectId = val.name || null;
|
this.listQuery.bindObjectId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
@@ -204,23 +287,74 @@ export default {
|
|||||||
console.log(val);
|
console.log(val);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
currentMenu(val) {
|
||||||
|
this.activeName = val === '产线良品率' ? 'his' : 'now';
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.$refs.searchBarForm.resetForm();
|
||||||
|
this.listQuery.bindObjectId = null;
|
||||||
|
this.listQuery.startTime = null;
|
||||||
|
this.listQuery.endTime = null;
|
||||||
|
this.listQuery.statisticType = 1;
|
||||||
|
this.listQuery.pageNo = 1;
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.$refs.searchBarForm.resetForm();
|
||||||
|
this.listQuery.bindObjectId = null;
|
||||||
|
this.listQuery.startTime = null;
|
||||||
|
this.listQuery.endTime = null;
|
||||||
|
this.listQuery.statisticType = 1;
|
||||||
|
this.listQuery.pageNo = 1;
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取数据2列表
|
||||||
|
getDataList2() {
|
||||||
|
getcostOriginWSRatioHisPage(this.listQuery).then((response) => {
|
||||||
|
this.tableData2 = response.data.list;
|
||||||
|
this.listQuery.total = response.data.total;
|
||||||
|
});
|
||||||
|
},
|
||||||
//tableBtn点击
|
//tableBtn点击
|
||||||
handleClick(val) {
|
handleClick(val) {
|
||||||
if (val.type === 'edit') {
|
if (val.type === 'edit') {
|
||||||
this.addOrUpdateVisible = true;
|
this.addOrUpdateVisible = true;
|
||||||
this.addOrEditTitle = '编辑';
|
this.addOrEditTitle = '编辑';
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addOrUpdate.init(val.data, this.listQuery.statisticType);
|
this.$refs.addOrUpdate.init(
|
||||||
|
val.data,
|
||||||
|
this.listQuery.statisticType,
|
||||||
|
this.activeName
|
||||||
|
);
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
this.otherMethods(val);
|
this.otherMethods(val);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList(){
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
successSubmit() {
|
||||||
|
this.handleCancel();
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
handleExport() {
|
handleExport() {
|
||||||
let exportURL, title;
|
let exportURL, title;
|
||||||
|
if (this.activeName === 'his') {
|
||||||
exportURL = exportcostOriginRatioHisExcel;
|
exportURL = exportcostOriginRatioHisExcel;
|
||||||
title = '原片成本-原片良品率';
|
title = '原片-产线良品率';
|
||||||
|
} else {
|
||||||
|
exportURL = exportcostOriginWSRatioHisExcel;
|
||||||
|
title = '原片-工段良品率';
|
||||||
|
}
|
||||||
// 处理查询参数
|
// 处理查询参数
|
||||||
let params = { ...this.listQuery };
|
let params = { ...this.listQuery };
|
||||||
params.pageNo = undefined;
|
params.pageNo = undefined;
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -87,9 +87,12 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '日期',
|
label: '日期',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'otherCostName',
|
prop: 'otherCostName',
|
||||||
@@ -102,6 +105,10 @@ const tableProps = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
|
// {
|
||||||
|
// prop: 'remark',
|
||||||
|
// label: '备注',
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
prop: 'otherCostName',
|
prop: 'otherCostName',
|
||||||
label: '成本名称',
|
label: '成本名称',
|
||||||
@@ -182,13 +189,16 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
|
clearable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@@ -237,24 +247,20 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name || null;
|
this.listQuery.name = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
this.getDataList();
|
this.getDataList();
|
||||||
} else {
|
} else {
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
@@ -265,13 +271,18 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name || null;
|
this.listQuery.name = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
|
}
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@@ -297,6 +308,13 @@ export default {
|
|||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList(){
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
// 获取数据2列表
|
// 获取数据2列表
|
||||||
getDataList2() {
|
getDataList2() {
|
||||||
getRawOthercostSunPage(this.listQuery).then((response) => {
|
getRawOthercostSunPage(this.listQuery).then((response) => {
|
||||||
|
|||||||
@@ -65,6 +65,7 @@ const tableProps = [
|
|||||||
prop: 'price',
|
prop: 'price',
|
||||||
label: '成本金额',
|
label: '成本金额',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'remark',
|
prop: 'remark',
|
||||||
@@ -161,7 +162,7 @@ export default {
|
|||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name||null;
|
this.listQuery.name = val.name||null;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
@@ -174,7 +175,7 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.name = val.name||null;
|
this.listQuery.name = val.name||null;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2023-12-05 13:45:59
|
* @Date: 2023-12-05 13:45:59
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2024-04-15 17:12:03
|
* @LastEditTime: 2024-12-25 16:20:38
|
||||||
* @Description
|
* @Description
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -10,9 +10,9 @@
|
|||||||
<span>
|
<span>
|
||||||
{{
|
{{
|
||||||
injectData.type == 1
|
injectData.type == 1
|
||||||
? `每天等价,${injectData.price}元`
|
? `每天等价,${Number(injectData.price)}元`
|
||||||
: injectData.type == 2
|
: injectData.type == 2
|
||||||
? `总价${injectData.price}元,年折旧率${injectData.ratio}%,折旧年限${injectData.timeLimit}年`
|
? `总价${Number(injectData.price)}元,年折旧率${injectData.ratio}%,折旧年限${injectData.timeLimit}年`
|
||||||
: '-'
|
: '-'
|
||||||
}}
|
}}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:total="listQuery.total"
|
:total="listQuery.total"
|
||||||
@pagination="getDataList" />
|
@pagination="getNavDataList" />
|
||||||
<base-dialog
|
<base-dialog
|
||||||
:dialogTitle="addOrEditTitle"
|
:dialogTitle="addOrEditTitle"
|
||||||
:dialogVisible="addOrUpdateVisible"
|
:dialogVisible="addOrUpdateVisible"
|
||||||
@@ -87,9 +87,12 @@ import ButtonNav from '@/components/ButtonNav';
|
|||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'recTime',
|
prop: 'time',
|
||||||
label: '时间',
|
label: '时间',
|
||||||
filter: (val) => parseTime(val, '{y}年{m}月{d}日'),
|
},
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'bindObjectName',
|
prop: 'bindObjectName',
|
||||||
@@ -98,32 +101,41 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'thick',
|
prop: 'thick',
|
||||||
label: '厚度',
|
label: '厚度',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(1) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'inArea',
|
prop: 'inArea',
|
||||||
label: '拉引量/m²',
|
label: '拉引量/m²',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'outArea',
|
prop: 'outArea',
|
||||||
label: '下片面积/m²',
|
label: '下片面积/m²',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'ratio',
|
prop: 'ratio',
|
||||||
label: '良品率',
|
label: '良品率',
|
||||||
filter: (val) => (val ? val * 100 + '%' : '-'),
|
filter: (val) => (val ? Number(val * 100).toFixed(2) + '%' : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costSum',
|
prop: 'costSum',
|
||||||
label: '原片成本/元',
|
label: '原片成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costArea',
|
prop: 'costArea',
|
||||||
label: '每平米成本/元',
|
label: '每平米成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
const tableProps2 = [
|
const tableProps2 = [
|
||||||
|
{
|
||||||
|
prop: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
prop: 'bindObjectName',
|
prop: 'bindObjectName',
|
||||||
label: '产线',
|
label: '产线',
|
||||||
@@ -135,34 +147,40 @@ const tableProps2 = [
|
|||||||
{
|
{
|
||||||
prop: 'inArea',
|
prop: 'inArea',
|
||||||
label: '拉引量/m²',
|
label: '拉引量/m²',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'outArea',
|
prop: 'outArea',
|
||||||
label: '下片面积/m²',
|
label: '下片面积/m²',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'outCount',
|
prop: 'outCount',
|
||||||
label: '下片数量',
|
label: '下片数量',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'ratio',
|
prop: 'ratio',
|
||||||
label: '良品率',
|
label: '良品率',
|
||||||
filter: (val) => (val ? val * 100 + '%' : '-'),
|
filter: (val) => (val ? Number(val * 100).toFixed(2) + '%' : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costSum',
|
prop: 'costSum',
|
||||||
label: '原片成本/元',
|
label: '原片成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costPiece',
|
prop: 'costPiece',
|
||||||
label: '单片成本/元',
|
label: '单片成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'costArea',
|
prop: 'costArea',
|
||||||
label: '每平米成本/元',
|
label: '每平米成本/元',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
filter: (val) => (val != null ? Number(val).toFixed(2) : '-'),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
export default {
|
export default {
|
||||||
@@ -224,13 +242,16 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间范围',
|
label: '时间范围',
|
||||||
dateType: 'daterange',
|
dateType: 'datetimerange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd HH:mm:ss',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
|
defaultTime: ['08:30:00', '08:30:00'],
|
||||||
param: 'searchTime',
|
param: 'searchTime',
|
||||||
|
width: 350,
|
||||||
|
clearable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'select',
|
type: 'select',
|
||||||
@@ -287,26 +308,20 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
if (val.statisticType === 2) {
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年第{w}周');
|
|
||||||
}else{
|
|
||||||
this.tableProps[0].filter = (val) =>
|
|
||||||
parseTime(val, '{y}年{m}月{d}日');
|
|
||||||
}
|
|
||||||
this.formConfig2[0].startPlaceholder = '开始时间';
|
|
||||||
this.formConfig2[0].endPlaceholder = '结束时间';
|
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.bindObjectId = val.name || null;
|
this.listQuery.bindObjectId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
if (this.activeName === 'his') {
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
this.getDataList();
|
this.getDataList();
|
||||||
} else {
|
} else {
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
@@ -317,13 +332,18 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'export':
|
case 'export':
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.listQuery.pageSize = 10;
|
this.listQuery.pageSize = 20;
|
||||||
this.listQuery.bindObjectId = val.name || null;
|
this.listQuery.bindObjectId = val.name || null;
|
||||||
this.listQuery.statisticType = val.statisticType || 1;
|
this.listQuery.statisticType = val.statisticType || 1;
|
||||||
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
this.listQuery.startTime = val.searchTime ? val.searchTime[0] : null;
|
||||||
this.listQuery.endTime = val.searchTime
|
this.listQuery.endTime = val.searchTime
|
||||||
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
? val.searchTime[1]
|
||||||
: null;
|
: null;
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.listQuery.endTime = val.searchTime
|
||||||
|
? val.searchTime[1].substr(0, 10) + ' 23:59:59'
|
||||||
|
: null;
|
||||||
|
}
|
||||||
this.handleExport();
|
this.handleExport();
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@@ -345,15 +365,26 @@ export default {
|
|||||||
const end = new Date();
|
const end = new Date();
|
||||||
const start = new Date();
|
const start = new Date();
|
||||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||||
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 00:00:00';
|
this.listQuery.startTime = parseTime(start).substr(0, 10) + ' 08:30:00';
|
||||||
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 23:59:59';
|
this.listQuery.endTime = parseTime(end).substr(0, 10) + ' 08:30:00';
|
||||||
this.formConfig2[0].startPlaceholder = parseTime(start).substr(0, 10);
|
this.$nextTick(() => {
|
||||||
this.formConfig2[0].endPlaceholder = parseTime(end).substr(0, 10);
|
this.$refs.searchBarForm2.formInline.searchTime = [
|
||||||
|
this.listQuery.startTime,
|
||||||
|
this.listQuery.endTime,
|
||||||
|
];
|
||||||
|
});
|
||||||
this.listQuery.name = null;
|
this.listQuery.name = null;
|
||||||
this.listQuery.pageNo = 1;
|
this.listQuery.pageNo = 1;
|
||||||
this.getDataList2();
|
this.getDataList2();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getNavDataList(){
|
||||||
|
if (this.activeName === 'his') {
|
||||||
|
this.getDataList();
|
||||||
|
} else {
|
||||||
|
this.getDataList2();
|
||||||
|
}
|
||||||
|
},
|
||||||
// 获取数据2列表
|
// 获取数据2列表
|
||||||
getDataList2() {
|
getDataList2() {
|
||||||
if (this.listQuery.startTime) {
|
if (this.listQuery.startTime) {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2025-10-11 14:27:37
|
* @Date: 2025-10-11 14:27:37
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2025-10-15 16:47:28
|
* @LastEditTime: 2025-10-29 17:12:04
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -12,6 +12,9 @@
|
|||||||
ref="searchBarForm"
|
ref="searchBarForm"
|
||||||
@headBtnClick="buttonClick" />
|
@headBtnClick="buttonClick" />
|
||||||
<base-table
|
<base-table
|
||||||
|
ref="groupTableRef"
|
||||||
|
:id="'groupTableSelectRef'"
|
||||||
|
row-key="id"
|
||||||
:selectWidth="55"
|
:selectWidth="55"
|
||||||
@selection-change="selectChange"
|
@selection-change="selectChange"
|
||||||
:table-props="tableProps"
|
:table-props="tableProps"
|
||||||
@@ -46,6 +49,7 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'remark',
|
prop: 'remark',
|
||||||
label: '备注',
|
label: '备注',
|
||||||
|
showOverflowtooltip: true,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -84,22 +88,52 @@ export default {
|
|||||||
name: '',
|
name: '',
|
||||||
},
|
},
|
||||||
selectedList: [],
|
selectedList: [],
|
||||||
deptId: undefined
|
selectedArr: [], //已选的班组,从父组件传过来的
|
||||||
|
deptId: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {},
|
created() {},
|
||||||
methods: {
|
methods: {
|
||||||
init(id){
|
init(id, tableData) {
|
||||||
this.deptId = id
|
this.deptId = id;
|
||||||
this.getDataList()
|
this.selectedArr = tableData || [];
|
||||||
},
|
this.$nextTick(() => {
|
||||||
|
this.getDataList();
|
||||||
|
});
|
||||||
|
},
|
||||||
// 获取数据列表
|
// 获取数据列表
|
||||||
getDataList() {
|
getDataList() {
|
||||||
this.urlOptions
|
this.urlOptions.getDataListURL(this.deptId).then((response) => {
|
||||||
.getDataListURL(this.deptId)
|
this.tableData = response.data;
|
||||||
.then((response) => {
|
this.$nextTick(() => {
|
||||||
this.tableData = response.data;
|
if (this.selectedArr.length > 0) {
|
||||||
|
this.setSelectedRows();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
setSelectedRows() {
|
||||||
|
const table = this.$refs.groupTableRef.$children[0];
|
||||||
|
|
||||||
|
// 先清空选择
|
||||||
|
table.clearSelection();
|
||||||
|
|
||||||
|
this.selectedArr.forEach((item) => {
|
||||||
|
const rowInTable = this.tableData.find((i) => i.id === item.id);
|
||||||
|
if (rowInTable) {
|
||||||
|
//这里一定要用table.tableData,这样才是指向同一个数组
|
||||||
|
this.$set(table.store.states, 'selection', [
|
||||||
|
...table.store.states.selection,
|
||||||
|
table.tableData.find((i) => i.id === item.id),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// 强制更新视图
|
||||||
|
this.$nextTick(() => {
|
||||||
|
table.$forceUpdate();
|
||||||
|
this.$forceUpdate();
|
||||||
|
});
|
||||||
},
|
},
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
@@ -115,9 +149,25 @@ export default {
|
|||||||
selectChange(val) {
|
selectChange(val) {
|
||||||
this.selectedList = val;
|
this.selectedList = val;
|
||||||
},
|
},
|
||||||
|
// 判断两个数组是否有重复的 id
|
||||||
|
hasDuplicateIds(arr1, arr2) {
|
||||||
|
const idSet = new Set(arr1.map((item) => item.id));
|
||||||
|
return arr2.some((item) => idSet.has(item.id));
|
||||||
|
},
|
||||||
|
|
||||||
dataFormSubmit() {
|
dataFormSubmit() {
|
||||||
if (this.selectedList && this.selectedList.length > 0) {
|
if (this.selectedList && this.selectedList.length > 0) {
|
||||||
|
const haveData = this.hasDuplicateIds(
|
||||||
|
this.selectedArr,
|
||||||
|
this.selectedList
|
||||||
|
);
|
||||||
|
if (haveData) {
|
||||||
|
this.$message('请不要重复添加数组');
|
||||||
|
return;
|
||||||
|
}
|
||||||
this.$emit('refreshTableData', this.selectedList);
|
this.$emit('refreshTableData', this.selectedList);
|
||||||
|
} else if (this.selectedArr.length > 0) {
|
||||||
|
this.$message('请不要重复添加数组');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2025-10-13 15:07:24
|
* @Date: 2025-10-13 15:07:24
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2025-10-24 09:19:17
|
* @LastEditTime: 2025-10-29 15:28:52
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -111,7 +111,7 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6" v-if="dataForm.shiftType>1">
|
||||||
<el-form-item label="同班次连排" prop="shiftSustainedNum">
|
<el-form-item label="同班次连排" prop="shiftSustainedNum">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="dataForm.shiftSustainedNum"
|
v-model="dataForm.shiftSustainedNum"
|
||||||
@@ -289,6 +289,7 @@
|
|||||||
:dialogVisible="addOrUpdateVisible1"
|
:dialogVisible="addOrUpdateVisible1"
|
||||||
@cancel="cancel1"
|
@cancel="cancel1"
|
||||||
@confirm="handleConfirm1"
|
@confirm="handleConfirm1"
|
||||||
|
:before-close="cancel1"
|
||||||
:destroy-on-close="true"
|
:destroy-on-close="true"
|
||||||
append-to-body
|
append-to-body
|
||||||
width="40%">
|
width="40%">
|
||||||
@@ -301,6 +302,7 @@
|
|||||||
:dialogVisible="addOrUpdateVisible2"
|
:dialogVisible="addOrUpdateVisible2"
|
||||||
@cancel="cancel2"
|
@cancel="cancel2"
|
||||||
@confirm="handleConfirm2"
|
@confirm="handleConfirm2"
|
||||||
|
:before-close="cancel2"
|
||||||
:destroy-on-close="true"
|
:destroy-on-close="true"
|
||||||
append-to-body
|
append-to-body
|
||||||
width="40%">
|
width="40%">
|
||||||
@@ -313,6 +315,7 @@
|
|||||||
:dialogVisible="addOrUpdateVisible3"
|
:dialogVisible="addOrUpdateVisible3"
|
||||||
@cancel="cancel3"
|
@cancel="cancel3"
|
||||||
@confirm="handleConfirm3"
|
@confirm="handleConfirm3"
|
||||||
|
:before-close="cancel3"
|
||||||
:destroy-on-close="true"
|
:destroy-on-close="true"
|
||||||
append-to-body
|
append-to-body
|
||||||
width="50%">
|
width="50%">
|
||||||
@@ -391,6 +394,7 @@ const tableProps2 = [
|
|||||||
{
|
{
|
||||||
prop: 'lineName',
|
prop: 'lineName',
|
||||||
label: '产线及工段',
|
label: '产线及工段',
|
||||||
|
showOverflowtooltip: true,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -510,6 +514,16 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'bind',
|
type: 'bind',
|
||||||
btnName: '绑定产线',
|
btnName: '绑定产线',
|
||||||
|
showParam: {
|
||||||
|
type: '&',
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
type: 'equal',
|
||||||
|
name: 'isProduction',
|
||||||
|
value: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'delete',
|
type: 'delete',
|
||||||
@@ -640,6 +654,12 @@ export default {
|
|||||||
this.$message('部门不能为空');
|
this.$message('部门不能为空');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
const compareDate = this.compareDates(this.dataForm.startDay,this.dataForm.endDay)
|
||||||
|
|
||||||
|
if (compareDate > 0 ) {
|
||||||
|
this.$message('开始时间不能大于结束时间');
|
||||||
|
return;
|
||||||
|
}
|
||||||
createStepOne(this.dataForm).then((res) => {
|
createStepOne(this.dataForm).then((res) => {
|
||||||
if (!this.dataForm.id) {
|
if (!this.dataForm.id) {
|
||||||
this.dataForm.id = res.data;
|
this.dataForm.id = res.data;
|
||||||
@@ -754,6 +774,19 @@ export default {
|
|||||||
setDataForm() {
|
setDataForm() {
|
||||||
this.$refs.deptSelect.setID(this.dataForm.deptId);
|
this.$refs.deptSelect.setID(this.dataForm.deptId);
|
||||||
},
|
},
|
||||||
|
//比较时间,开始时间在结束时间前
|
||||||
|
compareDates(date1, date2) {
|
||||||
|
const d1 = date1;
|
||||||
|
const d2 = date2;
|
||||||
|
|
||||||
|
if (d1 === d2) {
|
||||||
|
return 0; // 日期相等
|
||||||
|
} else if (d1 < d2) {
|
||||||
|
return -1; // date1 在 date2 之前
|
||||||
|
} else {
|
||||||
|
return 1; // date1 在 date2 之后
|
||||||
|
}
|
||||||
|
},
|
||||||
//第二步
|
//第二步
|
||||||
//设置第二部班次
|
//设置第二部班次
|
||||||
setTWOclass() {
|
setTWOclass() {
|
||||||
@@ -830,7 +863,7 @@ export default {
|
|||||||
addNewGroup() {
|
addNewGroup() {
|
||||||
this.addOrUpdateVisible2 = true;
|
this.addOrUpdateVisible2 = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addGroupRef.init(this.dataForm.deptId);
|
this.$refs.addGroupRef.init(this.dataForm.deptId,this.tableData2);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
cancel1() {
|
cancel1() {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-11-18 14:16:25
|
* @Date: 2021-11-18 14:16:25
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2025-10-16 16:37:40
|
* @LastEditTime: 2025-10-30 10:47:09
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -16,7 +16,7 @@
|
|||||||
pid="pid"
|
pid="pid"
|
||||||
:defaultProps="{ label: 'name' }"
|
:defaultProps="{ label: 'name' }"
|
||||||
height="450px"
|
height="450px"
|
||||||
style="padding-bottom:20px"
|
style="padding-bottom: 20px"
|
||||||
:mode="mode"
|
:mode="mode"
|
||||||
filter
|
filter
|
||||||
openAll></tree-transfer>
|
openAll></tree-transfer>
|
||||||
@@ -39,7 +39,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
init(val) {
|
init(val) {
|
||||||
this._pageIndex = val._pageIndex-1;
|
this._pageIndex = val._pageIndex - 1;
|
||||||
this.fromData = [];
|
this.fromData = [];
|
||||||
this.toData = [];
|
this.toData = [];
|
||||||
getGroupPlanTree().then((res) => {
|
getGroupPlanTree().then((res) => {
|
||||||
@@ -47,21 +47,41 @@ export default {
|
|||||||
this.fromData.forEach((item) => {
|
this.fromData.forEach((item) => {
|
||||||
item.productionLineId = 0;
|
item.productionLineId = 0;
|
||||||
});
|
});
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.toData = val.bindLineTree || [];
|
||||||
|
this.getFilterLeftData(this.fromData, this.toData); //编辑时组件有bug,左边相同数据不消失
|
||||||
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 监听穿梭框组件添加
|
// 监听穿梭框组件添加
|
||||||
add(fromData, toData, obj) {
|
add(fromData, toData, obj) {
|
||||||
console.log('fromData:', fromData);
|
console.log('fromData:', fromData);
|
||||||
console.log('toData:', toData,obj);
|
console.log('toData:', toData, obj);
|
||||||
},
|
},
|
||||||
// 监听穿梭框组件移除
|
// 监听穿梭框组件移除
|
||||||
remove(fromData, toData, obj) {
|
remove(fromData, toData, obj) {
|
||||||
console.log('fromData:', fromData);
|
console.log('fromData:', fromData);
|
||||||
console.log('toData:', toData);
|
console.log('toData:', toData);
|
||||||
},
|
},
|
||||||
|
/** 消除组件左边与右边选中数据相同项 */
|
||||||
|
// 处理过滤数据
|
||||||
|
getFilterLeftData(data, selData) {
|
||||||
|
for (let i = data.length - 1; i >= 0; i--) {
|
||||||
|
for (let j = selData.length - 1; j >= 0; j--) {
|
||||||
|
if (data[i] && data[i].id === selData[j].id) {
|
||||||
|
// 当id相等可以删除的情况 即:没有子级可以删除;
|
||||||
|
if (!data[i].children || data[i].children.length == 0) {
|
||||||
|
data.splice(i, 1);
|
||||||
|
} else {
|
||||||
|
this.getFilterLeftData(data[i].children, selData[j].children);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
// 表单提交
|
// 表单提交
|
||||||
dataFormSubmit() {
|
dataFormSubmit() {
|
||||||
this.$emit('refreshTableData', this._pageIndex,this.toData);
|
this.$emit('refreshTableData', this._pageIndex, this.toData);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2025-10-11 14:27:37
|
* @Date: 2025-10-11 14:27:37
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2025-10-23 16:31:41
|
* @LastEditTime: 2025-10-29 14:50:16
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -59,12 +59,14 @@
|
|||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
size="small"
|
size="small"
|
||||||
|
v-hasPermi="['base:group-scheduling-plan:query']"
|
||||||
@click="buttonClick({ btnName: 'search' })">
|
@click="buttonClick({ btnName: 'search' })">
|
||||||
查询
|
查询
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span class="separateStyle"></span>
|
<span class="separateStyle"
|
||||||
|
v-hasPermi="['base:group-scheduling-plan:query']"></span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button size="small" @click="buttonClick({ btnName: 'reset' })">
|
<el-button size="small" @click="buttonClick({ btnName: 'reset' })">
|
||||||
@@ -72,13 +74,15 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span class="separateStyle"></span>
|
<span class="separateStyle"
|
||||||
|
v-hasPermi="['base:group-scheduling-plan:create']"></span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button
|
||||||
type="success"
|
type="success"
|
||||||
size="small"
|
size="small"
|
||||||
:plain="true"
|
:plain="true"
|
||||||
|
v-hasPermi="['base:group-scheduling-plan:create']"
|
||||||
@click="buttonClick({ btnName: 'add' })">
|
@click="buttonClick({ btnName: 'add' })">
|
||||||
新增
|
新增
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -264,6 +268,7 @@ export default {
|
|||||||
},
|
},
|
||||||
tableProps,
|
tableProps,
|
||||||
tableBtn: [
|
tableBtn: [
|
||||||
|
this.$auth.hasPermi('base:group-scheduling-plan:update')?
|
||||||
{
|
{
|
||||||
type: 'edit',
|
type: 'edit',
|
||||||
btnName: '编辑',
|
btnName: '编辑',
|
||||||
@@ -277,7 +282,8 @@ export default {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
}:undefined,
|
||||||
|
this.$auth.hasPermi('base:group-scheduling-plan:delete')?
|
||||||
{
|
{
|
||||||
type: 'delete',
|
type: 'delete',
|
||||||
btnName: '删除',
|
btnName: '删除',
|
||||||
@@ -291,7 +297,8 @@ export default {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
}:undefined,
|
||||||
|
this.$auth.hasPermi('base:group-scheduling-plan:query')?
|
||||||
{
|
{
|
||||||
type: 'detail',
|
type: 'detail',
|
||||||
btnName: '查看',
|
btnName: '查看',
|
||||||
@@ -305,7 +312,8 @@ export default {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
}:undefined,
|
||||||
|
this.$auth.hasPermi('base:group-scheduling-plan:delete')?
|
||||||
{
|
{
|
||||||
type: 'cancel',
|
type: 'cancel',
|
||||||
btnName: '作废',
|
btnName: '作废',
|
||||||
@@ -319,7 +327,8 @@ export default {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
}:undefined,
|
||||||
|
this.$auth.hasPermi('base:group-holiday:update')?
|
||||||
{
|
{
|
||||||
type: 'sync',
|
type: 'sync',
|
||||||
btnName: '同步节假日',
|
btnName: '同步节假日',
|
||||||
@@ -332,17 +341,18 @@ export default {
|
|||||||
value: 2,
|
value: 2,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'updateFlag',
|
type: 'equal',
|
||||||
name: 'status',
|
name: 'updateFlag',
|
||||||
value: true,
|
value: true,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
}:undefined,
|
||||||
|
this.$auth.hasPermi('base:group-scheduling-plan:create')?
|
||||||
{
|
{
|
||||||
type: 'copy',
|
type: 'copy',
|
||||||
btnName: '复制',
|
btnName: '复制',
|
||||||
},
|
}:undefined,
|
||||||
].filter((v) => v),
|
].filter((v) => v),
|
||||||
tableData: [],
|
tableData: [],
|
||||||
options: [
|
options: [
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-11-18 14:16:25
|
* @Date: 2021-11-18 14:16:25
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2025-10-13 15:44:18
|
* @LastEditTime: 2025-10-29 14:47:33
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="部门">
|
<el-form-item label="部门">
|
||||||
<dept-select
|
<dept-select
|
||||||
style="width: 200px"
|
style="width: 100%"
|
||||||
ref="deptSelect"
|
ref="deptSelect"
|
||||||
@DeptId="setDeptId"></dept-select>
|
@DeptId="setDeptId"></dept-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -41,8 +41,10 @@
|
|||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="组长" prop="leaderId">
|
<el-form-item label="组长" prop="leaderId">
|
||||||
<el-select
|
<el-select
|
||||||
|
style="width: 100%"
|
||||||
v-model="dataForm.leaderId"
|
v-model="dataForm.leaderId"
|
||||||
@change="setLeaderName"
|
@change="setLeaderName"
|
||||||
|
filterable
|
||||||
placeholder="请选择组长">
|
placeholder="请选择组长">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in leaderArr"
|
v-for="item in leaderArr"
|
||||||
@@ -57,12 +59,14 @@
|
|||||||
<el-input
|
<el-input
|
||||||
v-model="dataForm.leaderPhone"
|
v-model="dataForm.leaderPhone"
|
||||||
clearable
|
clearable
|
||||||
|
maxlength="11"
|
||||||
placeholder="请输入组长电话" />
|
placeholder="请输入组长电话" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="班组人数" prop="num">
|
<el-form-item label="班组人数" prop="num">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
|
style="width: 100%"
|
||||||
v-model="dataForm.num"
|
v-model="dataForm.num"
|
||||||
:step="1"
|
:step="1"
|
||||||
:min="0"
|
:min="0"
|
||||||
@@ -72,6 +76,7 @@
|
|||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="生产班组" prop="isProduction">
|
<el-form-item label="生产班组" prop="isProduction">
|
||||||
<el-select
|
<el-select
|
||||||
|
style="width: 100%"
|
||||||
v-model="dataForm.isProduction"
|
v-model="dataForm.isProduction"
|
||||||
placeholder="请选择是否为生产班组">
|
placeholder="请选择是否为生产班组">
|
||||||
<el-option
|
<el-option
|
||||||
@@ -157,6 +162,13 @@ export default {
|
|||||||
isProduction: [
|
isProduction: [
|
||||||
{ required: true, message: '生产班组不能为空', trigger: 'change' },
|
{ required: true, message: '生产班组不能为空', trigger: 'change' },
|
||||||
],
|
],
|
||||||
|
leaderPhone: [
|
||||||
|
{
|
||||||
|
pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
|
||||||
|
message: "请输入正确的手机号码",
|
||||||
|
trigger: "blur"
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2025-10-11 14:27:37
|
* @Date: 2025-10-11 14:27:37
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2025-10-24 09:11:11
|
* @LastEditTime: 2025-10-29 14:44:41
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -25,7 +25,7 @@
|
|||||||
<dept-select
|
<dept-select
|
||||||
style="width: 200px"
|
style="width: 200px"
|
||||||
ref="deptSelect"
|
ref="deptSelect"
|
||||||
@DeptId="setDeptId"></dept-select>
|
@DeptId="setDeptId"></dept-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="班组名称" prop="name">
|
<el-form-item label="班组名称" prop="name">
|
||||||
<el-input
|
<el-input
|
||||||
@@ -45,12 +45,15 @@
|
|||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
size="small"
|
size="small"
|
||||||
|
v-hasPermi="['base:group-team:query']"
|
||||||
@click="buttonClick({ btnName: 'search' })">
|
@click="buttonClick({ btnName: 'search' })">
|
||||||
查询
|
查询
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span class="separateStyle"></span>
|
<span
|
||||||
|
class="separateStyle"
|
||||||
|
v-hasPermi="['base:group-team:query']"></span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button size="small" @click="buttonClick({ btnName: 'reset' })">
|
<el-button size="small" @click="buttonClick({ btnName: 'reset' })">
|
||||||
@@ -58,13 +61,16 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span class="separateStyle"></span>
|
<span
|
||||||
|
class="separateStyle"
|
||||||
|
v-hasPermi="['base:group-team:create']"></span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button
|
||||||
type="success"
|
type="success"
|
||||||
size="small"
|
size="small"
|
||||||
:plain="true"
|
:plain="true"
|
||||||
|
v-hasPermi="['base:group-team:create']"
|
||||||
@click="buttonClick({ btnName: 'add' })">
|
@click="buttonClick({ btnName: 'add' })">
|
||||||
新增
|
新增
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -97,7 +103,7 @@
|
|||||||
@cancel="handleCancel"
|
@cancel="handleCancel"
|
||||||
@confirm="handleConfirm"
|
@confirm="handleConfirm"
|
||||||
:before-close="handleCancel"
|
:before-close="handleCancel"
|
||||||
:destroy-on-close="true"
|
:destroy-on-close="true"
|
||||||
width="50%">
|
width="50%">
|
||||||
<add-or-update
|
<add-or-update
|
||||||
ref="addOrUpdate"
|
ref="addOrUpdate"
|
||||||
@@ -118,16 +124,16 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'code',
|
prop: 'code',
|
||||||
label: '班组编号',
|
label: '班组编号',
|
||||||
width: 140,
|
width: 210,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'name',
|
prop: 'name',
|
||||||
label: '班组名称',
|
label: '班组名称',
|
||||||
width: 100,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'deptName',
|
prop: 'deptName',
|
||||||
label: '所属部门',
|
label: '所属部门',
|
||||||
|
width: 110,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'leaderName',
|
prop: 'leaderName',
|
||||||
@@ -136,6 +142,7 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'leaderPhone',
|
prop: 'leaderPhone',
|
||||||
label: '组长电话',
|
label: '组长电话',
|
||||||
|
width: 110,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'num',
|
prop: 'num',
|
||||||
@@ -145,12 +152,15 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'isProduction',
|
prop: 'isProduction',
|
||||||
label: '是否生产班组',
|
label: '是否生产班组',
|
||||||
filter: val=>{return val?'是':'否'},
|
filter: (val) => {
|
||||||
|
return val ? '是' : '否';
|
||||||
|
},
|
||||||
width: 110,
|
width: 110,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'remark',
|
prop: 'remark',
|
||||||
label: '备注',
|
label: '备注',
|
||||||
|
showOverflowtooltip: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'createTime',
|
prop: 'createTime',
|
||||||
@@ -175,10 +185,12 @@ export default {
|
|||||||
},
|
},
|
||||||
tableProps,
|
tableProps,
|
||||||
tableBtn: [
|
tableBtn: [
|
||||||
{
|
this.$auth.hasPermi('base:group-team:update')
|
||||||
type: 'edit',
|
? {
|
||||||
btnName: '编辑',
|
type: 'edit',
|
||||||
},
|
btnName: '编辑',
|
||||||
|
}
|
||||||
|
: undefined,
|
||||||
].filter((v) => v),
|
].filter((v) => v),
|
||||||
tableData: [],
|
tableData: [],
|
||||||
formInline: {
|
formInline: {
|
||||||
@@ -231,9 +243,9 @@ export default {
|
|||||||
console.log(val);
|
console.log(val);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
setDeptId(val){
|
setDeptId(val) {
|
||||||
this.formInline.deptId = val
|
this.formInline.deptId = val;
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2024-07-01 14:54:06
|
* @Date: 2024-07-01 14:54:06
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2025-10-23 13:52:52
|
* @LastEditTime: 2025-10-27 10:18:54
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@@ -46,10 +46,14 @@
|
|||||||
size="small"
|
size="small"
|
||||||
type="primary"
|
type="primary"
|
||||||
style="margin-right: 10px"
|
style="margin-right: 10px"
|
||||||
|
v-hasPermi="['base:group-holiday:create']"
|
||||||
@click="addHoliday">
|
@click="addHoliday">
|
||||||
新增节假日
|
新增节假日
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size="small" @click="holidayLog">
|
<el-button
|
||||||
|
size="small"
|
||||||
|
v-hasPermi="['base:group-holiday-log:query']"
|
||||||
|
@click="holidayLog">
|
||||||
节假日变更记录
|
节假日变更记录
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -73,7 +77,7 @@
|
|||||||
<el-button
|
<el-button
|
||||||
size="small"
|
size="small"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="startDay = new Date(),getHolidayPage()">
|
@click="(startDay = new Date()), getHolidayPage()">
|
||||||
跳转到今天
|
跳转到今天
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -203,6 +207,7 @@
|
|||||||
size="small"
|
size="small"
|
||||||
type="primary"
|
type="primary"
|
||||||
class="btnTextStyle"
|
class="btnTextStyle"
|
||||||
|
v-hasPermi="['base:group-holiday:update']"
|
||||||
@click="editHoliday">
|
@click="editHoliday">
|
||||||
修改
|
修改
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -210,6 +215,7 @@
|
|||||||
v-if="detail"
|
v-if="detail"
|
||||||
class="btnTextStyle"
|
class="btnTextStyle"
|
||||||
size="small"
|
size="small"
|
||||||
|
v-hasPermi="['base:group-holiday:delete']"
|
||||||
@click="deleteHoliday">
|
@click="deleteHoliday">
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|||||||
Reference in New Issue
Block a user