Compare commits
11 Commits
1cd0b13aae
...
projects/l
| Author | SHA1 | Date | |
|---|---|---|---|
| 00393f76c7 | |||
|
|
35fb0d8bfb | ||
|
|
0c52306cc6 | ||
| a5fba28ff7 | |||
|
|
1f8b994218 | ||
|
|
ccfa73f3bc | ||
|
|
89ff79bfd7 | ||
| 70a0fbb170 | |||
|
|
c86d94ac92 | ||
|
|
484ba6ca53 | ||
|
|
f403375594 |
@@ -49,7 +49,7 @@
|
||||
"bpmn-js-token-simulation": "0.10.0",
|
||||
"chinese-lunar": "^0.1.4",
|
||||
"clipboard": "2.0.8",
|
||||
"code-brick-zj": "^1.0.2",
|
||||
"code-brick-zj": "^1.1.1",
|
||||
"core-js": "^3.26.0",
|
||||
"crypto-js": "^4.0.0",
|
||||
"diagram-js": "^12.3.0",
|
||||
|
||||
@@ -102,3 +102,17 @@ export function getProcessAutoReportNew(data) {
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
export function getPLlistByFactory(data) {
|
||||
return request({
|
||||
url: 'base/production-line/listByFactory',
|
||||
method: 'post',
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
export function getProcessAutoReportLastGroup(data) {
|
||||
return request({
|
||||
url: '/monitoring/production-monitor/getProcessAutoReportLastGroup',
|
||||
method: 'post',
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
|
||||
@@ -88,7 +88,32 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
methods: {
|
||||
dataFormSubmit() {
|
||||
this.$refs["dataForm"].validate((valid) => {
|
||||
if (!valid) {
|
||||
return false;
|
||||
}
|
||||
// 修改的提交
|
||||
if (this.dataForm.id) {
|
||||
this.urlOptions.updateURL(this.dataForm).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.visible = false;
|
||||
this.$emit("refreshDataList");
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 添加的提交
|
||||
this.urlOptions.createURL(this.dataForm).then(response => {
|
||||
if (response.code === 1001033 || response.code === 1001034) {
|
||||
return this.$modal.msgError(response.msg);
|
||||
}
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.visible = false;
|
||||
this.$emit("refreshDataList");
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -152,7 +152,30 @@ export default {
|
||||
.label;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
dataFormSubmit() {
|
||||
this.$refs["dataForm"].validate((valid) => {
|
||||
if (!valid) {
|
||||
return false;
|
||||
}
|
||||
// 修改的提交
|
||||
if (this.dataForm.id) {
|
||||
this.urlOptions.updateURL(this.dataForm).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.visible = false;
|
||||
this.$emit("refreshDataList");
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 添加的提交
|
||||
this.urlOptions.createURL(this.dataForm).then(response => {
|
||||
// console.log('response',);
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.visible = false;
|
||||
this.$emit("refreshDataList");
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
<script>
|
||||
import eqDetail from './eq-detail';
|
||||
import { parseTime } from '../../mixins/code-filter';
|
||||
import { getPdList } from '@/api/core/monitoring/auto';
|
||||
import { getPLlistByFactory } from '@/api/core/monitoring/auto';
|
||||
import { getNewCTNow, getNewCTCharts } from '@/api/core/analysis/index';
|
||||
import { getFactoryPage } from '@/api/core/base/factory';
|
||||
// import codeFilter from '../../mixins/code-filter'
|
||||
@@ -134,14 +134,17 @@ export default {
|
||||
type: 'select',
|
||||
label: '工厂',
|
||||
selectOptions: [],
|
||||
param: 'factoryId',
|
||||
param: 'factoryId',
|
||||
collapseTags: true,
|
||||
multiple: true,
|
||||
onchange: true,
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
label: '产线',
|
||||
selectOptions: [],
|
||||
param: 'lineId',
|
||||
param: 'lineId',
|
||||
collapseTags: true,
|
||||
multiple: true,
|
||||
},
|
||||
{
|
||||
@@ -232,9 +235,9 @@ export default {
|
||||
return exportTableOut;
|
||||
},
|
||||
getPdLineList() {
|
||||
getPdList().then((res) => {
|
||||
this.formConfig[1].selectOptions = res.data || [];
|
||||
});
|
||||
// getPLlistByFactory().then((res) => {
|
||||
// this.formConfig[1].selectOptions = res.data || [];
|
||||
// });
|
||||
const params = {
|
||||
pageSize: 100,
|
||||
pageNo: 1,
|
||||
@@ -274,7 +277,7 @@ export default {
|
||||
handleSearchBarChanged({ param, value }) {
|
||||
this.listQuery.lineId = [];
|
||||
this.$refs.searchBarForm.formInline.lineId = undefined;
|
||||
getPdList(value).then((res) => {
|
||||
getPLlistByFactory({ factoryIds: this.$refs.searchBarForm.formInline.factoryId }).then((res) => {
|
||||
this.formConfig[1].selectOptions = res.data || [];
|
||||
});
|
||||
},
|
||||
|
||||
@@ -1,274 +1,261 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<search-bar
|
||||
:formConfigs="formConfig"
|
||||
ref="searchBarForm"
|
||||
@headBtnClick="buttonClick" />
|
||||
<div v-if="tableData.length">
|
||||
<base-table
|
||||
v-loading="dataListLoading"
|
||||
:table-props="tableProps"
|
||||
:max-height="tableH"
|
||||
:table-data="tableData" />
|
||||
<SearchBar :formConfigs="[{ label: '产品产量对比图', type: 'title' }]" />
|
||||
<line-chart ref="lineChart" />
|
||||
</div>
|
||||
<div v-else class="no-data-bg"></div>
|
||||
<!-- <pagination
|
||||
:limit.sync="listQuery.pageSize"
|
||||
:page.sync="listQuery.pageNo"
|
||||
:total="listQuery.total"
|
||||
@pagination="getDataList" /> -->
|
||||
</div>
|
||||
<div class="app-container">
|
||||
<search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
|
||||
<div v-if="tableData.length">
|
||||
<base-table v-loading="dataListLoading" :table-props="tableProps" :max-height="tableH" :table-data="tableData" />
|
||||
<SearchBar :formConfigs="[{ label: '产品产量对比图', type: 'title' }]" />
|
||||
<line-chart ref="lineChart" />
|
||||
</div>
|
||||
<div v-else class="no-data-bg"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import basicPage from '../../mixins/basic-page';
|
||||
import { parseTime } from '../../mixins/code-filter';
|
||||
import { getYieldAnalysisPageData } from '@/api/core/analysis/index';
|
||||
import { getProductionLinePage } from '@/api/core/base/productionLine';
|
||||
import lineChart from '../LineChart';
|
||||
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
|
||||
// import { getWorkshopSectionPage } from '@/api/core/base/workshopSection';
|
||||
|
||||
// const tableProps = [
|
||||
// // {
|
||||
// // prop: 'lineName',
|
||||
// // label: '产线',
|
||||
// // align: 'center',
|
||||
// // },
|
||||
// // {
|
||||
// // prop: 'sum',
|
||||
// // label: '合计',
|
||||
// // align: 'center',
|
||||
// // },
|
||||
// // {
|
||||
// // prop: 'dynamicValue',
|
||||
// // label: 'dynamicName',
|
||||
// // align: 'center',
|
||||
// // children:[
|
||||
|
||||
// // ]
|
||||
// // }
|
||||
// ];
|
||||
|
||||
export default {
|
||||
components: {
|
||||
lineChart,
|
||||
},
|
||||
mixins: [tableHeightMixin],
|
||||
data() {
|
||||
return {
|
||||
urlOptions: {
|
||||
getDataListURL: getYieldAnalysisPageData,
|
||||
},
|
||||
tableProps: [],
|
||||
dataListLoading: false,
|
||||
tableData: [],
|
||||
listQuery: {
|
||||
lineIds: [],
|
||||
time: '',
|
||||
},
|
||||
dateLabelList: [],
|
||||
optionArrUrl: [getProductionLinePage],
|
||||
formConfig: [
|
||||
{
|
||||
type: 'datePicker',
|
||||
label: '时间',
|
||||
dateType: 'month',
|
||||
format: 'yyyy-MM',
|
||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||
rangeSeparator: '-',
|
||||
startPlaceholder: '开始时间',
|
||||
endPlaceholder: '结束时间',
|
||||
param: 'time',
|
||||
components: {
|
||||
lineChart,
|
||||
},
|
||||
mixins: [tableHeightMixin],
|
||||
data() {
|
||||
return {
|
||||
urlOptions: {
|
||||
getDataListURL: getYieldAnalysisPageData,
|
||||
},
|
||||
tableProps: [],
|
||||
dataListLoading: false,
|
||||
tableData: [],
|
||||
listQuery: {
|
||||
lineIds: [],
|
||||
time: '', // 存储时间选择器的选中值(时间戳/格式化字符串,根据接口要求调整)
|
||||
},
|
||||
dateLabelList: [],
|
||||
optionArrUrl: [getProductionLinePage],
|
||||
formConfig: [
|
||||
{
|
||||
type: 'datePicker',
|
||||
label: '时间',
|
||||
dateType: 'month', // 单个月份选择
|
||||
format: 'yyyy-MM', // 显示格式
|
||||
valueFormat: 'yyyy-MM-dd HH:mm:ss', // 绑定值的格式
|
||||
param: 'time',
|
||||
defaultSelect: '', // 新增:默认月份值
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
label: '产线',
|
||||
selectOptions: [],
|
||||
param: 'lineIds',
|
||||
defaultSelect: [],
|
||||
defaultSelect: [], // 产线默认选择值(多选数组)
|
||||
multiple: true,
|
||||
collapseTags: true,
|
||||
filterable: true,
|
||||
width: 300,
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
btnName: '查询',
|
||||
name: 'search',
|
||||
color: 'primary',
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getArr();
|
||||
},
|
||||
methods: {
|
||||
getArr() {
|
||||
const params = {
|
||||
page: 1,
|
||||
limit: 500,
|
||||
};
|
||||
this.optionArrUrl.forEach((item, index) => {
|
||||
item(params).then((response) => {
|
||||
this.formConfig[1].selectOptions = response.data.list;
|
||||
// this.formConfig[0].defaultSelect = response.data.list[0].id
|
||||
// this.$set(this.formConfig[0], 'defaultSelect', response.data.list[0].id)
|
||||
});
|
||||
});
|
||||
},
|
||||
getData() {
|
||||
// this.listQuery.lineIds = ['1672847052717821953']
|
||||
// this.listQuery.productId = val.productId;
|
||||
// this.listQuery.time = '1694486098000';
|
||||
this.urlOptions.getDataListURL(this.listQuery).then((res) => {
|
||||
let arr = [
|
||||
{
|
||||
prop: 'lineName',
|
||||
label: '产线',
|
||||
fixed: 'left',
|
||||
},
|
||||
{
|
||||
prop: 'sum',
|
||||
label: '合计[片]',
|
||||
fixed: 'left',
|
||||
},
|
||||
{
|
||||
prop: res.data ? res.data.nameData[0].name : undefined,
|
||||
label: res.data ? res.data.nameData[0].name : undefined,
|
||||
align: 'center',
|
||||
children: [],
|
||||
},
|
||||
];
|
||||
// console.log(res.data.nameData.slice(1))
|
||||
let xData = [];
|
||||
let yAllData = [];
|
||||
let lineName = [];
|
||||
if (res.data) {
|
||||
let tempDateList = [];
|
||||
res.data.nameData.forEach((date) => {
|
||||
tempDateList.push(date.name);
|
||||
});
|
||||
this.dateLabelList = Array.from(new Set(tempDateList));
|
||||
{
|
||||
type: 'button',
|
||||
btnName: '查询',
|
||||
name: 'search',
|
||||
color: 'primary',
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
// 1. 初始化默认当月时间
|
||||
this.initDefaultMonth();
|
||||
// 2. 获取产线数据
|
||||
this.getArr();
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 初始化默认当月时间(单个月份)
|
||||
*/
|
||||
initDefaultMonth() {
|
||||
const now = new Date();
|
||||
const year = now.getFullYear();
|
||||
const month = now.getMonth(); // 月份从0开始,直接使用(取当月1号)
|
||||
// 创建当月1号0点0分0秒的日期对象
|
||||
const firstDayOfMonth = new Date(year, month, 1, 0, 0, 0);
|
||||
// 转换为时间戳(毫秒级)
|
||||
const defaultTimeStamp = firstDayOfMonth.getTime();
|
||||
// 给时间选择器赋值默认值
|
||||
this.formConfig[0].defaultSelect = firstDayOfMonth;
|
||||
// this.listQuery.time = defaultTimeStamp;
|
||||
},
|
||||
/**
|
||||
* 获取产线数据
|
||||
*/
|
||||
getArr() {
|
||||
const params = {
|
||||
page: 1,
|
||||
limit: 500,
|
||||
};
|
||||
// 原代码forEach遍历冗余,直接调用第一个方法即可
|
||||
this.optionArrUrl[0](params)
|
||||
.then((response) => {
|
||||
const lineList = response.data.list;
|
||||
this.formConfig[1].selectOptions = lineList;
|
||||
// 产线默认选择第一条数据(多选需用数组格式)
|
||||
if (lineList.length > 0) {
|
||||
const firstLineId = lineList[0].id;
|
||||
this.formConfig[1].defaultSelect = [firstLineId];
|
||||
// 给查询参数赋值
|
||||
this.listQuery.lineIds = [firstLineId];
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error('获取产线数据失败:', err);
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 获取产量分析数据
|
||||
*/
|
||||
getData() {
|
||||
this.dataListLoading = true; // 开启加载状态
|
||||
this.urlOptions.getDataListURL(this.listQuery)
|
||||
.then((res) => {
|
||||
let arr = [
|
||||
{
|
||||
prop: 'lineName',
|
||||
label: '产线',
|
||||
fixed: 'left',
|
||||
},
|
||||
{
|
||||
prop: 'sum',
|
||||
label: '合计[片]',
|
||||
fixed: 'left',
|
||||
},
|
||||
{
|
||||
prop: res.data ? res.data.nameData[0].name : undefined,
|
||||
label: res.data ? res.data.nameData[0].name : undefined,
|
||||
align: 'center',
|
||||
children: [],
|
||||
},
|
||||
];
|
||||
|
||||
this.dateLabelList.forEach((item) => {
|
||||
if (item.indexOf('年') === -1) {
|
||||
// 构造表头
|
||||
const props = {
|
||||
prop: item,
|
||||
label: item,
|
||||
};
|
||||
arr[2].children.push(props);
|
||||
let xData = [];
|
||||
let yAllData = [];
|
||||
let lineName = [];
|
||||
if (res.data) {
|
||||
// 处理日期标签去重
|
||||
let tempDateList = [];
|
||||
res.data.nameData.forEach((date) => {
|
||||
tempDateList.push(date.name);
|
||||
});
|
||||
this.dateLabelList = Array.from(new Set(tempDateList));
|
||||
|
||||
// 构造echarts横坐标
|
||||
xData.push(item);
|
||||
}
|
||||
});
|
||||
// res.data.nameData.slice(1).forEach(item => {
|
||||
// const props = {
|
||||
// 'prop': item.name,
|
||||
// 'label': item.name,
|
||||
// 'align': 'center'
|
||||
// }
|
||||
// arr[2].children.push(props)
|
||||
// })
|
||||
let tableDataArr = [];
|
||||
res.data.data.forEach((item) => {
|
||||
let obj = {};
|
||||
(obj.lineName = item.lineName),
|
||||
(obj.sum = item.sum),
|
||||
item.data.forEach((ele, index) => {
|
||||
// console.log(ele)
|
||||
ele.children.forEach((e) => {
|
||||
console.log(e.dynamicName);
|
||||
obj['' + e.dynamicName + ''] = e.dynamicValue;
|
||||
console.log(obj['' + e.dynamicName + '']);
|
||||
});
|
||||
});
|
||||
tableDataArr.push(obj);
|
||||
});
|
||||
this.tableData = tableDataArr;
|
||||
this.tableProps = arr;
|
||||
// 构造表头children和echarts横坐标
|
||||
this.dateLabelList.forEach((item) => {
|
||||
if (item.indexOf('年') === -1) {
|
||||
arr[2].children.push({
|
||||
prop: item,
|
||||
label: item,
|
||||
});
|
||||
xData.push(item);
|
||||
}
|
||||
});
|
||||
|
||||
// let tempList = []
|
||||
// res.data.nameData.slice(1).forEach(item => {
|
||||
// tempList.push(item.name)
|
||||
// // arr[2].children.push(props)
|
||||
// })
|
||||
// xData = Array.from(new Set(tempList))
|
||||
// 构造表格数据
|
||||
let tableDataArr = [];
|
||||
res.data.data.forEach((item) => {
|
||||
let obj = {
|
||||
lineName: item.lineName,
|
||||
sum: item.sum,
|
||||
};
|
||||
item.data.forEach((ele) => {
|
||||
ele.children.forEach((e) => {
|
||||
obj[e.dynamicName] = e.dynamicValue;
|
||||
});
|
||||
});
|
||||
tableDataArr.push(obj);
|
||||
});
|
||||
this.tableData = tableDataArr;
|
||||
this.tableProps = arr;
|
||||
|
||||
res.data.data.forEach((item) => {
|
||||
let yData = [];
|
||||
lineName.push(item.lineName);
|
||||
// let obj = {}
|
||||
// obj.lineName = item.lineName,
|
||||
// obj.sum = item.sum,
|
||||
item.data.forEach((ele, index) => {
|
||||
// console.log(ele)
|
||||
ele.children.forEach((e) => {
|
||||
// let yData = []
|
||||
yData.push(e.dynamicValue);
|
||||
});
|
||||
});
|
||||
yAllData.push(yData);
|
||||
});
|
||||
console.log(lineName);
|
||||
} else {
|
||||
this.tableProps = arr;
|
||||
this.tableData = [];
|
||||
xData = [];
|
||||
yAllData = [];
|
||||
lineName = [];
|
||||
}
|
||||
// res.data.data[0].data[0].children.forEach((item, index) => {
|
||||
// // console.log(item)
|
||||
// yData.push(item.dynamicValue)
|
||||
// // let data = 'data' + Number(index+1)
|
||||
// // obj['' + item.dynamicName + ''] = item.dynamicValue
|
||||
// })
|
||||
// console.log(this.yData)
|
||||
this.$nextTick(() => {
|
||||
this.$refs.lineChart.initChart(xData, yAllData, lineName);
|
||||
});
|
||||
// this.total = response.data.total;
|
||||
// this.dataListLoading = false;
|
||||
});
|
||||
},
|
||||
buttonClick(val) {
|
||||
switch (val.btnName) {
|
||||
case 'search':
|
||||
this.listQuery.lineIds = val.lineIds ? val.lineIds : undefined;
|
||||
// this.listQuery.productId = val.productId;
|
||||
this.listQuery.time = val.time
|
||||
? new Date(val.time).getTime()
|
||||
: undefined;
|
||||
// this.listQuery.pageNo = 1;
|
||||
// this.listQuery.pageSize = 10;
|
||||
if (val.time) {
|
||||
this.getData();
|
||||
} else {
|
||||
this.$message({
|
||||
message: '请选择时间',
|
||||
type: 'warning',
|
||||
});
|
||||
}
|
||||
break;
|
||||
case 'reset':
|
||||
this.$refs.searchBarForm.resetForm();
|
||||
this.listQuery = {
|
||||
pageSize: 10,
|
||||
pageNo: 1,
|
||||
total: 1,
|
||||
};
|
||||
this.getDataList();
|
||||
break;
|
||||
default:
|
||||
console.log(val);
|
||||
}
|
||||
},
|
||||
},
|
||||
// 构造图表数据
|
||||
res.data.data.forEach((item) => {
|
||||
let yData = [];
|
||||
lineName.push(item.lineName);
|
||||
item.data.forEach((ele) => {
|
||||
ele.children.forEach((e) => {
|
||||
yData.push(e.dynamicValue);
|
||||
});
|
||||
});
|
||||
yAllData.push(yData);
|
||||
});
|
||||
} else {
|
||||
this.tableProps = arr;
|
||||
this.tableData = [];
|
||||
xData = [];
|
||||
yAllData = [];
|
||||
lineName = [];
|
||||
}
|
||||
|
||||
// 初始化图表
|
||||
this.$nextTick(() => {
|
||||
this.$refs.lineChart.initChart(xData, yAllData, lineName);
|
||||
});
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error('获取产量数据失败:', err);
|
||||
this.tableData = [];
|
||||
})
|
||||
.finally(() => {
|
||||
this.dataListLoading = false; // 关闭加载状态
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 搜索栏按钮点击事件
|
||||
* @param {Object} val - 按钮/表单传递的参数
|
||||
*/
|
||||
buttonClick(val) {
|
||||
switch (val.btnName) {
|
||||
case 'search':
|
||||
// 处理产线参数(避免undefined,空值设为空数组)
|
||||
this.listQuery.lineIds = val.lineIds || [];
|
||||
// 处理时间参数:如果是时间字符串,可转换为时间戳(根据接口要求调整)
|
||||
if (val.time) {
|
||||
// this.listQuery.time = val.time;
|
||||
// 若接口需要时间戳,取消下面注释:
|
||||
this.listQuery.time = new Date(val.time).getTime();
|
||||
} else {
|
||||
this.$message({
|
||||
message: '请选择时间',
|
||||
type: 'warning',
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 验证产线是否选择(可选,根据业务需求调整)
|
||||
if (this.listQuery.lineIds.length === 0) {
|
||||
this.$message({
|
||||
message: '请选择至少一条产线',
|
||||
type: 'warning',
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
this.getData();
|
||||
break;
|
||||
case 'reset':
|
||||
// 重置表单
|
||||
this.$refs.searchBarForm.resetForm();
|
||||
// 恢复默认值
|
||||
this.listQuery = {
|
||||
lineIds: this.formConfig[1].defaultSelect || [],
|
||||
time: this.formConfig[0].defaultValue || '',
|
||||
};
|
||||
break;
|
||||
default:
|
||||
console.log(val);
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<!-- <el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label=" 基板类型" prop="typeDictValue">
|
||||
<el-select :disabled="isdetail" v-model="dataForm.typeDictValue" clearable
|
||||
@@ -89,7 +89,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-row> -->
|
||||
</el-form>
|
||||
|
||||
<small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -101,7 +101,7 @@ const tableProps = [
|
||||
},
|
||||
{
|
||||
prop: 'thick',
|
||||
label: '玻璃长度/mm'
|
||||
label: '玻璃厚度/mm'
|
||||
},
|
||||
];
|
||||
|
||||
@@ -275,7 +275,7 @@ export default {
|
||||
fileName += this.listQuery.thick + '_';
|
||||
}
|
||||
// 添加时间戳避免文件名重复
|
||||
fileName += + '.xlsx';
|
||||
fileName + '.xlsx';
|
||||
|
||||
FileSaver.saveAs(blob, fileName);
|
||||
this.$message.success('导出成功');
|
||||
|
||||
@@ -358,8 +358,6 @@ export default {
|
||||
handleExport() {
|
||||
// 处理查询参数
|
||||
let params = { ...this.listQuery };
|
||||
params.pageNo = undefined;
|
||||
params.pageSize = undefined;
|
||||
this.$modal.confirm('是否确认导出下片日志?').then(() => {
|
||||
this.exportLoading = true;
|
||||
return exportDownLogData(params);
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -462,7 +462,7 @@ export default {
|
||||
this.originData = null;
|
||||
this.hasData = true;
|
||||
if (this.$refs.searchBarForm) {
|
||||
this.$refs.searchBarForm.form.timeVal = [];
|
||||
// this.$refs.searchBarForm.form.timeVal = [];
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
@@ -216,6 +216,7 @@ import {
|
||||
import { getTree } from '@/api/base/equipment';
|
||||
import { getEquipmentTypePage } from '@/api/base/equipmentType';
|
||||
import { getEquipmentOverall } from '@/api/base/equipment';
|
||||
import { getTenantId } from '@/utils/auth'
|
||||
|
||||
// import * as XLSX from 'xlsx';
|
||||
// import FileSaver from 'file-saver';
|
||||
@@ -569,7 +570,7 @@ export default {
|
||||
const token = getAccessToken();
|
||||
const headers = new Headers({
|
||||
Authorization: `Bearer ${token}`,
|
||||
'tenant-id': store.getters.userId,
|
||||
'tenant-id': getTenantId(),
|
||||
'Content-Type': 'text/event-stream',
|
||||
});
|
||||
|
||||
|
||||
@@ -135,13 +135,14 @@ export default {
|
||||
label: '时间范围',
|
||||
dateType: 'datetimerange',
|
||||
format: 'yyyy-MM-dd HH:mm:ss',
|
||||
// valueFormat: 'timestamp',
|
||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||
valueFormat: 'timestamp',
|
||||
// valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||
rangeSeparator: '-',
|
||||
startPlaceholder: '开始时间',
|
||||
endPlaceholder: '结束时间',
|
||||
param: 'timeVal',
|
||||
width: 350
|
||||
width: 350,
|
||||
defaultSelect: [],
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
@@ -215,11 +216,55 @@ export default {
|
||||
// deep: true
|
||||
// },
|
||||
// },
|
||||
created() {
|
||||
mounted() {
|
||||
const { startTimestamp, endTimestamp } = this.getThreeDaysAgoThisTimeToNowTimeStamps();
|
||||
// 找到时间范围的配置项并赋值(对应你代码中的timeVal参数)
|
||||
this.searchBarFormConfig[3].defaultSelect = [startTimestamp, endTimestamp]; // 赋值给日期选择器
|
||||
this.queryParams.startTime = startTimestamp;
|
||||
this.queryParams.endTime = endTimestamp;
|
||||
this.getList();
|
||||
this.getDict()
|
||||
},
|
||||
methods: {
|
||||
getThreeDaysAgoThisTimeToNowTimeStamps() {
|
||||
const now = new Date();
|
||||
// 1. 计算三天前的当前时刻(使用setDate直接修改日期,保留时分秒等信息)
|
||||
const threeDaysAgoThisTime = new Date(now); // 复制当前日期对象,避免修改原对象
|
||||
threeDaysAgoThisTime.setDate(threeDaysAgoThisTime.getDate() - 3); // 日期减3天,时分秒保持和当前一致
|
||||
|
||||
// 2. 获取时间戳(毫秒级和秒级)
|
||||
// 开始时间戳:三天前的当前时刻
|
||||
const startTimestamp = threeDaysAgoThisTime.getTime(); // 毫秒级
|
||||
const startTimestampSec = Math.floor(startTimestamp / 1000); // 秒级
|
||||
// 结束时间戳:当前时刻
|
||||
const endTimestamp = now.getTime(); // 毫秒级
|
||||
const endTimestampSec = Math.floor(endTimestamp / 1000); // 秒级
|
||||
|
||||
// 封装日期格式化函数,转换为yyyy-MM-dd HH:mm:ss格式
|
||||
const formatDateTime = (date) => {
|
||||
const y = date.getFullYear();
|
||||
// 月份是从0开始的,所以要+1;补零确保是两位
|
||||
const m = String(date.getMonth() + 1).padStart(2, '0');
|
||||
const d = String(date.getDate()).padStart(2, '0');
|
||||
const h = String(date.getHours()).padStart(2, '0');
|
||||
const min = String(date.getMinutes()).padStart(2, '0');
|
||||
const s = String(date.getSeconds()).padStart(2, '0');
|
||||
return `${y}-${m}-${d} ${h}:${min}:${s}`;
|
||||
};
|
||||
|
||||
// 格式化后的字符串:三天前的当前时刻 和 当前时刻
|
||||
const startDateTimeStr = formatDateTime(threeDaysAgoThisTime);
|
||||
const endDateTimeStr = formatDateTime(now);
|
||||
|
||||
return {
|
||||
startTimestamp, // 三天前当前时刻的毫秒级时间戳
|
||||
endTimestamp, // 当前时刻的毫秒级时间戳
|
||||
startTimestampSec, // 三天前当前时刻的秒级时间戳
|
||||
endTimestampSec, // 当前时刻的秒级时间戳
|
||||
startDateTimeStr, // yyyy-MM-dd HH:mm:ss格式的开始时间字符串
|
||||
endDateTimeStr // yyyy-MM-dd HH:mm:ss格式的结束时间字符串
|
||||
};
|
||||
},
|
||||
getDict() {
|
||||
getPdList().then(res => {
|
||||
this.searchBarFormConfig[1].selectOptions = res.data || [];
|
||||
|
||||
@@ -150,7 +150,8 @@ export default {
|
||||
startPlaceholder: '开始时间',
|
||||
endPlaceholder: '结束时间',
|
||||
param: 'timeVal',
|
||||
width: 350
|
||||
width: 350,
|
||||
defaultSelect: [],
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
@@ -226,11 +227,56 @@ export default {
|
||||
// deep: true
|
||||
// },
|
||||
// },
|
||||
created() {
|
||||
mounted() {
|
||||
|
||||
const { startTimestamp, endTimestamp } = this.getThreeDaysAgoThisTimeToNowTimeStamps();
|
||||
// 找到时间范围的配置项并赋值(对应你代码中的timeVal参数)
|
||||
this.searchBarFormConfig[2].defaultSelect = [startTimestamp, endTimestamp]; // 赋值给日期选择器
|
||||
this.queryParams.startTime = startTimestamp;
|
||||
this.queryParams.endTime = endTimestamp;
|
||||
this.getList();
|
||||
this.getDict()
|
||||
},
|
||||
methods: {
|
||||
getThreeDaysAgoThisTimeToNowTimeStamps() {
|
||||
const now = new Date();
|
||||
// 1. 计算三天前的当前时刻(使用setDate直接修改日期,保留时分秒等信息)
|
||||
const threeDaysAgoThisTime = new Date(now); // 复制当前日期对象,避免修改原对象
|
||||
threeDaysAgoThisTime.setDate(threeDaysAgoThisTime.getDate() - 3); // 日期减3天,时分秒保持和当前一致
|
||||
|
||||
// 2. 获取时间戳(毫秒级和秒级)
|
||||
// 开始时间戳:三天前的当前时刻
|
||||
const startTimestamp = threeDaysAgoThisTime.getTime(); // 毫秒级
|
||||
const startTimestampSec = Math.floor(startTimestamp / 1000); // 秒级
|
||||
// 结束时间戳:当前时刻
|
||||
const endTimestamp = now.getTime(); // 毫秒级
|
||||
const endTimestampSec = Math.floor(endTimestamp / 1000); // 秒级
|
||||
|
||||
// 封装日期格式化函数,转换为yyyy-MM-dd HH:mm:ss格式
|
||||
const formatDateTime = (date) => {
|
||||
const y = date.getFullYear();
|
||||
// 月份是从0开始的,所以要+1;补零确保是两位
|
||||
const m = String(date.getMonth() + 1).padStart(2, '0');
|
||||
const d = String(date.getDate()).padStart(2, '0');
|
||||
const h = String(date.getHours()).padStart(2, '0');
|
||||
const min = String(date.getMinutes()).padStart(2, '0');
|
||||
const s = String(date.getSeconds()).padStart(2, '0');
|
||||
return `${y}-${m}-${d} ${h}:${min}:${s}`;
|
||||
};
|
||||
|
||||
// 格式化后的字符串:三天前的当前时刻 和 当前时刻
|
||||
const startDateTimeStr = formatDateTime(threeDaysAgoThisTime);
|
||||
const endDateTimeStr = formatDateTime(now);
|
||||
|
||||
return {
|
||||
startTimestamp, // 三天前当前时刻的毫秒级时间戳
|
||||
endTimestamp, // 当前时刻的毫秒级时间戳
|
||||
startTimestampSec, // 三天前当前时刻的秒级时间戳
|
||||
endTimestampSec, // 当前时刻的秒级时间戳
|
||||
startDateTimeStr, // yyyy-MM-dd HH:mm:ss格式的开始时间字符串
|
||||
endDateTimeStr // yyyy-MM-dd HH:mm:ss格式的结束时间字符串
|
||||
};
|
||||
},
|
||||
getDict() {
|
||||
getPdList().then(res => {
|
||||
this.searchBarFormConfig[1].selectOptions = res.data || [];
|
||||
|
||||
@@ -152,7 +152,8 @@ export default {
|
||||
startPlaceholder: '开始时间',
|
||||
endPlaceholder: '结束时间',
|
||||
param: 'timeVal',
|
||||
width: 350
|
||||
width: 350,
|
||||
defaultSelect: [],
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
@@ -225,11 +226,56 @@ export default {
|
||||
// deep: true
|
||||
// },
|
||||
// },
|
||||
created() {
|
||||
mounted() {
|
||||
|
||||
const { startTimestamp, endTimestamp } = this.getThreeDaysAgoThisTimeToNowTimeStamps();
|
||||
// 找到时间范围的配置项并赋值(对应你代码中的timeVal参数)
|
||||
this.searchBarFormConfig[2].defaultSelect = [startTimestamp, endTimestamp]; // 赋值给日期选择器
|
||||
this.queryParams.startTime = startTimestamp;
|
||||
this.queryParams.endTime = endTimestamp;
|
||||
this.getList();
|
||||
this.getDict()
|
||||
},
|
||||
methods: {
|
||||
getThreeDaysAgoThisTimeToNowTimeStamps() {
|
||||
const now = new Date();
|
||||
// 1. 计算三天前的当前时刻(使用setDate直接修改日期,保留时分秒等信息)
|
||||
const threeDaysAgoThisTime = new Date(now); // 复制当前日期对象,避免修改原对象
|
||||
threeDaysAgoThisTime.setDate(threeDaysAgoThisTime.getDate() - 3); // 日期减3天,时分秒保持和当前一致
|
||||
|
||||
// 2. 获取时间戳(毫秒级和秒级)
|
||||
// 开始时间戳:三天前的当前时刻
|
||||
const startTimestamp = threeDaysAgoThisTime.getTime(); // 毫秒级
|
||||
const startTimestampSec = Math.floor(startTimestamp / 1000); // 秒级
|
||||
// 结束时间戳:当前时刻
|
||||
const endTimestamp = now.getTime(); // 毫秒级
|
||||
const endTimestampSec = Math.floor(endTimestamp / 1000); // 秒级
|
||||
|
||||
// 封装日期格式化函数,转换为yyyy-MM-dd HH:mm:ss格式
|
||||
const formatDateTime = (date) => {
|
||||
const y = date.getFullYear();
|
||||
// 月份是从0开始的,所以要+1;补零确保是两位
|
||||
const m = String(date.getMonth() + 1).padStart(2, '0');
|
||||
const d = String(date.getDate()).padStart(2, '0');
|
||||
const h = String(date.getHours()).padStart(2, '0');
|
||||
const min = String(date.getMinutes()).padStart(2, '0');
|
||||
const s = String(date.getSeconds()).padStart(2, '0');
|
||||
return `${y}-${m}-${d} ${h}:${min}:${s}`;
|
||||
};
|
||||
|
||||
// 格式化后的字符串:三天前的当前时刻 和 当前时刻
|
||||
const startDateTimeStr = formatDateTime(threeDaysAgoThisTime);
|
||||
const endDateTimeStr = formatDateTime(now);
|
||||
|
||||
return {
|
||||
startTimestamp, // 三天前当前时刻的毫秒级时间戳
|
||||
endTimestamp, // 当前时刻的毫秒级时间戳
|
||||
startTimestampSec, // 三天前当前时刻的秒级时间戳
|
||||
endTimestampSec, // 当前时刻的秒级时间戳
|
||||
startDateTimeStr, // yyyy-MM-dd HH:mm:ss格式的开始时间字符串
|
||||
endDateTimeStr // yyyy-MM-dd HH:mm:ss格式的结束时间字符串
|
||||
};
|
||||
},
|
||||
getDict() {
|
||||
getPdList().then(res => {
|
||||
this.searchBarFormConfig[1].selectOptions = res.data || [];
|
||||
|
||||
Reference in New Issue
Block a user