修改驾驶舱时间问题

This commit is contained in:
guanj
2025-12-08 13:30:46 +08:00
parent 51a0ae49a9
commit a77db278ac
23 changed files with 67 additions and 70 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div>
<!--F47曲线 -->
<TableHeader ref="TableHeaderRef" :showReset="false" @selectChange="selectChange" datePicker v-if="fullscreen"></TableHeader>
<TableHeader ref="TableHeaderRef" :showReset="false" :timeKeyList="prop.timeKey" @selectChange="selectChange" datePicker v-if="fullscreen"></TableHeader>
<el-descriptions class="mt2" direction="vertical" :column="4" border>
<el-descriptions-item align="center" label="名称">{{ data.name }}</el-descriptions-item>
<el-descriptions-item align="center" label="事件总数">{{ data.gs }}</el-descriptions-item>
@@ -45,7 +45,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -6,6 +6,7 @@
:showReset="false"
@selectChange="selectChange"
datePicker
:timeKeyList="prop.timeKey"
v-if="fullscreen"
></TableHeader>
<my-echart
@@ -28,7 +29,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -17,7 +17,7 @@ import { yMethod } from '@/utils/echartMethod'
const prop = defineProps({
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object }
})

View File

@@ -6,6 +6,7 @@
:showReset="false"
@selectChange="selectChange"
datePicker
:timeKeyList="prop.timeKey"
v-if="fullscreen"
></TableHeader>
<my-echart
@@ -38,7 +39,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -1,7 +1,7 @@
<template>
<div>
<!--治理效果报表 -->
<TableHeader :showReset="false" ref="TableHeaderRef" datePicker @selectChange="selectChange" v-if="fullscreen">
<TableHeader :showReset="false" :timeKeyList="prop.timeKey" ref="TableHeaderRef" datePicker @selectChange="selectChange" v-if="fullscreen">
<template v-slot:select>
<el-form-item label="报表模板">
<el-select filterable v-model="tableStore.table.params.tempId" placeholder="请选择报表模板" clearable>
@@ -43,7 +43,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -49,7 +49,7 @@ const loop50 = (key: string) => {
list.push({
title: i + '次',
field: key + i + 'Overtime',
width: '80',
width: '60',
render: 'customTemplate',
customTemplate: (row: any) => {
return `<span style='cursor: pointer;text-decoration: underline;'>${row[key + i + 'Overtime']}</span>`

View File

@@ -5,7 +5,7 @@
:showReset="false"
ref="TableHeaderRef"
@selectChange="selectChange"
datePicker
datePicker :timeKeyList="prop.timeKey"
v-if="fullscreen"
></TableHeader>
<my-echart
@@ -41,7 +41,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -7,7 +7,7 @@
@selectChange="selectChange"
datePicker
v-if="fullscreen"
:timeKeyList="['3']"
:timeKeyList="prop.timeKey"
></TableHeader>
<el-calendar
v-model="value"
@@ -51,7 +51,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -1,7 +1,7 @@
<template>
<div>
<!--指标越限概率分布 -->
<TableHeader :showReset="false" ref="TableHeaderRef" @selectChange="selectChange" datePicker v-if="fullscreen">
<TableHeader :showReset="false" :timeKeyList="prop.timeKey" ref="TableHeaderRef" @selectChange="selectChange" datePicker v-if="fullscreen">
<template v-slot:select>
<el-form-item label="监测点">
<el-select size="small" filterable v-model="tableStore.table.params.lineId">
@@ -48,7 +48,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -54,7 +54,7 @@ const loop50 = (key: string) => {
list.push({
title: i + '次',
field: key + i + 'Overtime',
width: '80',
width: '60',
render: 'customTemplate',
customTemplate: (row: any) => {
return `<span style='cursor: pointer;text-decoration: underline;'>${row[key + i + 'Overtime']}</span>`

View File

@@ -1,7 +1,7 @@
<template>
<div>
<!--主要监测点列表 -->
<TableHeader :showReset="false" @selectChange="selectChange" v-if="fullscreen" datePicker ref="TableHeaderRef">
<TableHeader :showReset="false" :timeKeyList="prop.timeKey" @selectChange="selectChange" v-if="fullscreen" datePicker ref="TableHeaderRef">
<template v-slot:select>
<el-form-item label="关键词">
<el-input v-model="tableStore.table.params.keywords" clearable placeholder="请输关键字" />
@@ -32,7 +32,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -6,7 +6,7 @@
@selectChange="selectChange"
v-if="fullscreen"
ref="TableHeaderRef"
:timeKeyList="['4', '5']"
:timeKeyList="prop.timeKey"
>
<template v-slot:select>
<el-form-item label="监测点">
@@ -100,7 +100,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -49,7 +49,7 @@ const loop50 = (key: string) => {
list.push({
title: i + '次',
field: key + i + 'Overtime',
width: '80',
width: '60',
render: 'customTemplate',
customTemplate: (row: any) => {
return `<span style='cursor: pointer;text-decoration: underline;'>${row[key + i + 'Overtime']}</span>`

View File

@@ -6,7 +6,7 @@
:showReset="false"
@selectChange="selectChange"
datePicker
v-if="fullscreen"
v-if="fullscreen" :timeKeyList="prop.timeKey"
></TableHeader>
<Table
ref="tableRef"
@@ -59,7 +59,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})
@@ -111,32 +111,6 @@ const tableStore: any = new TableStore({
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{
title: '治理对象',
field: 'sensitiveUser',
minWidth: '80'
},
{
title: '电压等级',
field: 'volGrade',
minWidth: '70'
},
{
title: '是否治理',
field: 'govern',
minWidth: '70'
},
// {
// title: '治理前报告',
// field: 'reportFileName',
// minWidth: '80',
// render: 'customTemplate',
// customTemplate: (row: any) => {
// return `<span style='cursor: pointer;text-decoration: underline;'>${row.reportFileName}</span>`
// }
// },
{
title: '监测点名称',
field: 'lineName',
@@ -146,16 +120,33 @@ const tableStore: any = new TableStore({
return `<span style='cursor: pointer;text-decoration: underline;'>${row.lineName}</span>`
}
},
{ title: '监测类型', field: 'position', minWidth: '70' },
{ title: '监测类型', field: 'position', minWidth: '80' },
{
title: '监测点状态',
field: 'runStatus',
minWidth: '80',
minWidth: '90',
render: 'customTemplate',
customTemplate: (row: any) => {
return `<span style='color: ${row.runStatus === '中断' ? '#FF0000' : ''}'>${row.runStatus}</span>`
}
},
{
title: '治理对象',
field: 'sensitiveUser',
minWidth: '90'
},
{
title: '电压等级',
field: 'volGrade',
minWidth: '80'
},
{
title: '是否治理',
field: 'govern',
minWidth: '80'
},
{
title: '最新数据时间',
field: 'latestTime',

View File

@@ -49,7 +49,7 @@ const loop50 = (key: string) => {
list.push({
title: i + '次',
field: key + i + 'Overtime',
width: '80',
width: '60',
render: 'customTemplate',
customTemplate: (row: any) => {
return `<span style='cursor: pointer;text-decoration: underline;'>${row[key + i + 'Overtime']}</span>`

View File

@@ -6,7 +6,7 @@
ref="TableHeaderRef"
@selectChange="selectChange"
datePicker
v-if="fullscreen"
v-if="fullscreen" :timeKeyList="prop.timeKey"
></TableHeader>
<my-echart
class="tall"
@@ -43,7 +43,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -6,7 +6,7 @@
:showReset="false"
@selectChange="selectChange"
datePicker
v-if="fullscreen"
v-if="fullscreen" :timeKeyList="prop.timeKey"
></TableHeader>
<Table
ref="tableRef"
@@ -29,7 +29,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -7,7 +7,7 @@
@selectChange="selectChange"
datePicker
v-if="fullscreen"
:timeKeyList="['3']"
:timeKeyList="prop.timeKey"
></TableHeader>
<el-calendar
v-model="value"
@@ -74,7 +74,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -1,7 +1,7 @@
<template>
<div>
<!--暂态事件概率分布 -->
<TableHeader ref="TableHeaderRef" :showReset="false" @selectChange="selectChange" datePicker v-if="fullscreen"></TableHeader>
<TableHeader ref="TableHeaderRef" :timeKeyList="prop.timeKey" :showReset="false" @selectChange="selectChange" datePicker v-if="fullscreen"></TableHeader>
<my-echart
class="tall"
:options="echartList"
@@ -33,7 +33,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -6,7 +6,7 @@
:showReset="false"
@selectChange="selectChange"
datePicker
v-if="fullscreen"
v-if="fullscreen" :timeKeyList="prop.timeKey"
></TableHeader>
<my-echart
class="tall"
@@ -41,7 +41,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})

View File

@@ -4,14 +4,19 @@
<TableHeader
datePicker
ref="TableHeaderRef"
:timeKeyList="['4', '5']"
:timeKeyList="prop.timeKey"
:showReset="false"
@selectChange="selectChange"
v-if="fullscreen"
>
<template v-slot:select>
<el-form-item label="监测对象">
<el-select filterable v-model="tableStore.table.params.sensitiveUserId" placeholder="请选择监测对象" clearable>
<el-select
filterable
v-model="tableStore.table.params.sensitiveUserId"
placeholder="请选择监测对象"
clearable
>
<el-option v-for="item in idList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
@@ -93,7 +98,7 @@ const prop = defineProps({
h: { type: [String, Number] },
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object },
interval: { type: Number }
})
@@ -449,7 +454,6 @@ watch(
}
}
)
</script>
<style lang="scss" scoped>
// :deep(.el-select) {

View File

@@ -90,7 +90,7 @@ interface Props {
showReset?: boolean //是否显示重置
showExport?: boolean //导出控制
timeCacheFlag?: boolean //是否取缓存时间
timeKeyList?: Array<string> //日期下拉列表
timeKeyList?: string[] //日期下拉列表
}
const props = withDefaults(defineProps<Props>(), {
@@ -102,7 +102,7 @@ const props = withDefaults(defineProps<Props>(), {
showReset: true,
showExport: false,
timeCacheFlag: true,
timeKeyList: () => [] // 修改为箭头函数返回空数组
timeKeyList: () => ['1', '2', '3', '4', '5'] // 修改为箭头函数返回空数组
})
// 处理 DatePicker 值变化事件

View File

@@ -52,7 +52,7 @@ import { mainHeight } from '@/utils/layout'
const prop = defineProps({
width: { type: [String, Number] },
height: { type: [String, Number] },
timeKey: { type: [String, Number] },
timeKey: { type: Array as () => string[] },
timeValue: { type: Object }
})