表格宽度调整
This commit is contained in:
@@ -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: '电压等级',
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
@@ -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: '网络参数',
|
||||||
|
|||||||
@@ -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: '网络参数',
|
||||||
|
|||||||
@@ -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 : '/' } },
|
||||||
|
|||||||
@@ -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
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -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 } },
|
||||||
|
|||||||
@@ -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: '网络参数',
|
||||||
|
|||||||
@@ -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: '网络参数',
|
||||||
|
|||||||
Reference in New Issue
Block a user