页面修改

This commit is contained in:
stt
2025-11-10 14:47:18 +08:00
parent d1eb7f2dad
commit c3d7e91f4e
9 changed files with 817 additions and 239 deletions

View File

@@ -11,7 +11,7 @@
>
<template v-slot:select>
<el-form-item label="关键词">
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输关键字" />
<el-input v-model="tableStore.table.params.keywords" clearable placeholder="请输关键字" />
</el-form-item>
</template>
</TableHeader>
@@ -29,11 +29,8 @@ import { ref, onMounted, provide, reactive, watch, h } from 'vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
import { useDictData } from '@/stores/dictData'
import { ElMessage, ElMessageBox } from 'element-plus'
import { getTimeOfTheMonth } from '@/utils/formatTime'
import { ElTag } from 'element-plus'
import OverLimitDetails from '@/components/cockpit/listOfMainMonitoringPoints/components/overLimitDetails.vue'
import OverLimitDetails from '@/components/cockpit/indicatorFittingChart/components/overLimitDetails.vue'
import { useRoute } from 'vue-router'
import { useTimeCacheStore } from '@/stores/timeCache'
@@ -76,9 +73,8 @@ const fullscreen = computed(() => {
const tableStore: any = new TableStore({
url: '/system-boot/dashboard/queryPage',
url: '/harmonic-boot/mainLine/list',
method: 'POST',
showPage: false,
exportName: '主要监测点列表',
column: [
@@ -92,27 +88,26 @@ const tableStore: any = new TableStore({
},
{
title: '监测点名称',
field: 'name',
field: 'lineName',
minWidth: '90',
render: 'customTemplate',
customTemplate: (row: any) => {
return `<span style='cursor: pointer;text-decoration: underline;'>${row.name}</span>`
return `<span style='cursor: pointer;text-decoration: underline;'>${row.lineName}</span>`
}
},
{
title: '监测对象类型',
field: 'type',
field: 'objType',
minWidth: '90'
},
{
title: '是否治理',
field: 'whetherToGovern',
field: 'govern',
minWidth: '70'
},
{ title: '主要存在的电能质量问题', field: 'question', minWidth: '150' }
{ title: '主要存在的电能质量问题', field: 'problems', minWidth: '150' }
],
beforeSearchFun: () => {
// 尝试从缓存获取时间值
@@ -132,46 +127,18 @@ const tableStore: any = new TableStore({
tableStore.table.params.searchEndTime = endTime || prop.timeValue?.[1] || getTimeOfTheMonth(prop.timeKey)[1]
},
loadCallback: () => {
tableStore.table.data = [
{
name: '10kV1#电动机',
type: '电动机',
whetherToGovern: '否',
question: '3次谐波电压、5次谐波电流、电压不平衡度超标'
},
{
name: '10kV2#(治理后)',
type: '电焊机',
whetherToGovern: '100A APF',
question: '所有指标均合格'
},
{
name: '380V电焊机(治理前)',
type: '电焊机',
whetherToGovern: '100A APF',
question: '5次谐波电流、电压不平衡度超标'
},
{
name: '380V水泵机',
type: '电动机',
whetherToGovern: '否',
question: '所有指标均合格'
}
]
tableStore.table.height = `calc(${prop.height} - 80px)`
}
})
const tableRef = ref()
provide('tableRef', tableRef)
tableStore.table.params.type = ''
tableStore.table.params.searchValue = ''
tableStore.table.params.keywords = ''
provide('tableStore', tableStore)
// 点击行
const cellClickEvent = ({ row, column }: any) => {
if (column.field == 'name') {
if (column.field == 'lineName') {
console.log(row)
OverLimitDetailsRef.value.open(row)
}