bug修复
This commit is contained in:
@@ -13,7 +13,7 @@
|
|||||||
checkStrictly :props="cascaderProps" @change="change" />
|
checkStrictly :props="cascaderProps" @change="change" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="名称" prop="name">
|
<el-form-item label="名称" prop="name">
|
||||||
<el-input v-model="form.name" placeholder="名称" maxlength="32" show-word-limit @input="handleInput"/>
|
<el-input v-model="form.name" placeholder="名称" maxlength="20" show-word-limit @input="handleInput"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="标准" v-if="title == '新增' && form.pid?.length > 0">
|
<el-form-item label="标准" v-if="title == '新增' && form.pid?.length > 0">
|
||||||
|
|||||||
@@ -110,13 +110,13 @@
|
|||||||
<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
|
<Table
|
||||||
ref="tableRef"
|
ref="tableRef"
|
||||||
:tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }"
|
:tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }"
|
||||||
:checkbox-config="{ labelField: 'name' }"
|
:checkbox-config="{ labelField: 'name', checkMethod: ({ row }) => true }"
|
||||||
:scroll-y="{ enabled: true }"
|
:scroll-y="{ enabled: true }"
|
||||||
v-if="activeName == 0"
|
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" />
|
||||||
@@ -217,7 +217,6 @@ const tableStore = new TableStore({
|
|||||||
showPage: false,
|
showPage: false,
|
||||||
url: '/device-boot/LineIntegrityData/getLineIntegrityData',
|
url: '/device-boot/LineIntegrityData/getLineIntegrityData',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
|
|
||||||
column: [
|
column: [
|
||||||
{
|
{
|
||||||
title: formData.value.statisticalType.name,
|
title: formData.value.statisticalType.name,
|
||||||
@@ -230,17 +229,6 @@ const tableStore = new TableStore({
|
|||||||
return row.cellValue ? row.cellValue : '/'
|
return row.cellValue ? row.cellValue : '/'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: formData.value.statisticalType.name,
|
|
||||||
field: 'name',
|
|
||||||
align: 'left',
|
|
||||||
type: 'html',
|
|
||||||
treeNode: true,
|
|
||||||
width: 350,
|
|
||||||
formatter: function (row) {
|
|
||||||
return row.cellValue ? row.cellValue : '/'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: '网络参数',
|
title: '网络参数',
|
||||||
field: 'ip',
|
field: 'ip',
|
||||||
@@ -336,6 +324,7 @@ const tableStore = new TableStore({
|
|||||||
loadCallback: () => {
|
loadCallback: () => {
|
||||||
tableStore.table.data = tree2List(tableStore.table.data, Math.random() * 1000)
|
tableStore.table.data = tree2List(tableStore.table.data, Math.random() * 1000)
|
||||||
tableStore.table.column[0].title = formData.value.statisticalType.name
|
tableStore.table.column[0].title = formData.value.statisticalType.name
|
||||||
|
|
||||||
chartsRef.value && chartsRef.value.getTableStoreParams(tableStore.table.params)
|
chartsRef.value && chartsRef.value.getTableStoreParams(tableStore.table.params)
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
activeName.value == 0 && tableRef.value && tableRef.value.getRef().setAllTreeExpand(true)
|
activeName.value == 0 && tableRef.value && tableRef.value.getRef().setAllTreeExpand(true)
|
||||||
@@ -450,23 +439,6 @@ watch(
|
|||||||
deep: true
|
deep: true
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
||||||
watch(
|
|
||||||
() => tableStore.table,
|
|
||||||
(val) => {
|
|
||||||
if(val.data.length > 0){
|
|
||||||
tableStore.table.column[0].visible = true
|
|
||||||
tableStore.table.column[1].visible = false
|
|
||||||
}else{
|
|
||||||
tableStore.table.column[0].visible = false
|
|
||||||
tableStore.table.column[1].visible = true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
immediate: true,
|
|
||||||
deep: true
|
|
||||||
}
|
|
||||||
)
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
@@ -483,4 +455,92 @@ watch(
|
|||||||
// padding: 0 10px;
|
// padding: 0 10px;
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
|
|
||||||
|
// 修复VXE表格树表checkbox的样式问题
|
||||||
|
:deep(.vxe-table--main-wrapper) {
|
||||||
|
.vxe-table--body-wrapper {
|
||||||
|
.vxe-body--row {
|
||||||
|
.vxe-cell--checkbox {
|
||||||
|
.vxe-checkbox--icon {
|
||||||
|
color: var(--el-color-primary-light-3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 确保空数据状态下没有灰色遮罩层
|
||||||
|
:deep(.vxe-table--empty-block) {
|
||||||
|
background: transparent;
|
||||||
|
|
||||||
|
.vxe-table--empty-content {
|
||||||
|
color: #909399;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修复树表header的样式
|
||||||
|
:deep(.vxe-table--header-wrapper) {
|
||||||
|
.vxe-header--row {
|
||||||
|
.vxe-cell--checkbox {
|
||||||
|
.vxe-checkbox--icon {
|
||||||
|
color: var(--el-color-primary-light-3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 精确修复checkbox的disabled状态样式
|
||||||
|
:deep(.vxe-checkbox.is--disabled) {
|
||||||
|
.vxe-checkbox--icon {
|
||||||
|
color: var(--el-color-primary-light-3) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 确保树表节点没有灰色背景,但保留边框
|
||||||
|
:deep(.vxe-tree-cell) {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 精确修复空数据状态下的灰色背景
|
||||||
|
:deep(.vxe-table--empty-block) {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修复checkbox在空数据状态下的样式
|
||||||
|
:deep(.vxe-table--body-wrapper:empty) {
|
||||||
|
.vxe-cell--checkbox {
|
||||||
|
background: transparent;
|
||||||
|
|
||||||
|
.vxe-checkbox--icon {
|
||||||
|
color: var(--el-color-primary-light-3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 专门修复checkbox和treeNode组合的样式问题
|
||||||
|
:deep(.vxe-cell--checkbox) {
|
||||||
|
background: transparent !important;
|
||||||
|
|
||||||
|
.vxe-checkbox--icon {
|
||||||
|
color: var(--el-color-primary-light-3) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修复树表checkbox的特殊样式
|
||||||
|
:deep(.vxe-tree-cell .vxe-cell--checkbox) {
|
||||||
|
background: transparent !important;
|
||||||
|
|
||||||
|
.vxe-checkbox--icon {
|
||||||
|
color: var(--el-color-primary-light-3) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 确保checkbox在树表中的正确显示
|
||||||
|
:deep(.vxe-body--row .vxe-cell--checkbox) {
|
||||||
|
background: transparent !important;
|
||||||
|
|
||||||
|
.vxe-checkbox--icon {
|
||||||
|
color: var(--el-color-primary-light-3) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -198,7 +198,7 @@ const tableStore = new TableStore({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '网络参数',
|
title: '网络参数',
|
||||||
field: 'networkParam',
|
field: 'ip',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
formatter: function (row) {
|
formatter: function (row) {
|
||||||
return row.cellValue ? row.cellValue : '/'
|
return row.cellValue ? row.cellValue : '/'
|
||||||
|
|||||||
@@ -70,7 +70,10 @@ const tableStore = new TableStore({
|
|||||||
{
|
{
|
||||||
field: 'startTime',
|
field: 'startTime',
|
||||||
title: '暂态事件发生时刻',
|
title: '暂态事件发生时刻',
|
||||||
width: '180'
|
width: '180',
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return row.cellValue ? row.cellValue.replace('T', ' ') : '/'
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{ field: 'gdName', title: '供电公司' },
|
{ field: 'gdName', title: '供电公司' },
|
||||||
{ field: 'subName', title: '变电站' },
|
{ field: 'subName', title: '变电站' },
|
||||||
|
|||||||
Reference in New Issue
Block a user