表格宽度调整

This commit is contained in:
2025-04-25 09:18:50 +08:00
parent cd20b4134a
commit e9a462f736
9 changed files with 19 additions and 16 deletions

View File

@@ -108,7 +108,8 @@ const tableStore = new TableStore({
title: '', title: '',
field: 'name', field: 'name',
align: 'left', align: 'left',
treeNode: true treeNode: true,
minWidth:'150'
}, },
{ {
title: '电压等级', title: '电压等级',

View File

@@ -110,16 +110,16 @@ const tableStore = new TableStore({
{ {
field: 'index', field: 'index',
title: '序号', title: '序号',
width: '80', width: '60',
formatter: (row: any) => { formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
} }
}, },
{ field: 'startTime', title: '暂降发生时刻', minWidth: '150' }, { field: 'startTime', title: '暂降发生时刻', minWidth: '180' },
{ field: 'lineName', title: '监测点名称', minWidth: '90' }, { field: 'lineName', title: '监测点名称', minWidth: '180' },
{ field: 'gdName', title: '供电公司', minWidth: '90' }, { field: 'gdName', title: '供电公司', minWidth: '120' },
{ field: 'subName', title: '变电站', minWidth: '150' }, { field: 'subName', title: '变电站', minWidth: '150' },
{ field: 'ip', title: '网络参数', minWidth: '90' }, { field: 'ip', title: '网络参数', minWidth: '110' },
{ field: 'scale', title: '电压等级', minWidth: '90' }, { field: 'scale', title: '电压等级', minWidth: '90' },
{ {
field: 'advanceType', field: 'advanceType',

View File

@@ -195,7 +195,8 @@ const tableStore = new TableStore({
title: formData.value.statisticalType.name, title: formData.value.statisticalType.name,
field: 'name', field: 'name',
align: 'left', align: 'left',
treeNode: true treeNode: true,
minWidth: '150',
}, },
{ {
title: '网络参数', title: '网络参数',

View File

@@ -189,10 +189,11 @@ const tableStore = new TableStore({
method: 'POST', method: 'POST',
column: [ column: [
{ {
title: '名称', title: '电网拓扑',
field: 'name', field: 'name',
align: 'left', align: 'left',
treeNode: true treeNode: true,
minWidth: '150',
}, },
{ {
title: '网络参数', title: '网络参数',

View File

@@ -37,11 +37,11 @@
</div> </div>
<div class="online_main"> <div class="online_main">
<el-tabs v-model="activeName" type="border-card" @tab-click="handleClick"> <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
<el-tab-pane :name="0" :lazy="true" label="谐波畸变率统计表"> <el-tab-pane :name="0" :lazy="true" label="稳态合格率统计表">
<Table ref="tableRef" :tree-config="{ transform: true, parentField: 'pid' }" <Table ref="tableRef" :tree-config="{ transform: true, parentField: 'pid' }"
:scroll-y="{ enabled: true }" v-if="activeName == 0" /> :scroll-y="{ enabled: true }" v-if="activeName == 0" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :name="1" :lazy="true" label="谐波畸变率统计图"> <el-tab-pane :name="1" :lazy="true" label="稳态合格率统计图">
<charts v-if="activeName == 1" ref="chartsRef" /> <charts v-if="activeName == 1" ref="chartsRef" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
@@ -104,7 +104,7 @@ const tableStore = new TableStore({
url: '/harmonic-boot/steadyQualify/getSteadyQualifyData', url: '/harmonic-boot/steadyQualify/getSteadyQualifyData',
method: 'POST', method: 'POST',
column: [ column: [
{ title: '', field: 'name', align: 'left', treeNode: true,width: 200, }, { title: '', field: 'name', align: 'left', treeNode: true,minWidth: '180', },
{ title: '电压等级', field: 'voltageLevel', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } }, { title: '电压等级', field: 'voltageLevel', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } },
{ title: '网络参数', field: 'networkParam', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } }, { title: '网络参数', field: 'networkParam', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } },
{ title: '监测点名称', field: 'lineName', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } }, { title: '监测点名称', field: 'lineName', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } },

View File

@@ -264,7 +264,7 @@ const tableStore = new TableStore({
title: formData.value.statisticalType.name, title: formData.value.statisticalType.name,
field: 'name', field: 'name',
align: 'left', align: 'left',
minWidth: '200px', minWidth: '40',
treeNode: true treeNode: true
}, },
{ {

View File

@@ -63,7 +63,7 @@ const tableStore = new TableStore({
isWebPaging: true, isWebPaging: true,
column: [ column: [
{ field: 'index', title: '序号', width: '80', formatter: (row: any) => { return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1 } }, { field: 'index', title: '序号', width: '80', formatter: (row: any) => { return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1 } },
{ field: 'name', title: '电网拓扑', minWidth: "180px", }, { field: 'name', title: '电网拓扑', minWidth: '150', },
{ field: 'onlineMonitorNumber', title: '在线监测点数量(个)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'onlineMonitorNumber', title: '在线监测点数量(个)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'overLimitMonitorNumber', title: '超标监测点数量(个)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'overLimitMonitorNumber', title: '超标监测点数量(个)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'overBiLi', title: '超标监测点占比(个)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'overBiLi', title: '超标监测点占比(个)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },

View File

@@ -71,7 +71,7 @@ const tableStore = new TableStore({
method: 'POST', method: 'POST',
column: [ column: [
// { width: '60', title: '111', }, // { width: '60', title: '111', },
{ field: 'name', title: '电网拓扑', minWidth: '180px', type: 'radio', align: 'left', treeNode: true }, { field: 'name', title: '电网拓扑', width: '150', type: 'radio', align: 'left', treeNode: true },
{ {
field: 'ip', field: 'ip',
title: '网络参数', title: '网络参数',

View File

@@ -62,7 +62,7 @@ const tableStore = new TableStore({
showPage: false, showPage: false,
method: 'POST', method: 'POST',
column: [ column: [
{ field: 'name', title: '电网拓扑', minWidth: '180px', align: 'left', treeNode: true }, { field: 'name', title: '电网拓扑', minWidth: '150', align: 'left', treeNode: true },
{ {
field: 'ip', field: 'ip',
title: '网络参数', title: '网络参数',