feat:折叠图表按钮样式修改

This commit is contained in:
zhongzm
2025-09-17 19:47:29 +08:00
parent 6edd445e3d
commit 1e27a414db
3 changed files with 6 additions and 6 deletions

View File

@@ -1870,14 +1870,14 @@ onBeforeUnmount(() => {
</a-form-item>
<a-button
v-show="!tableState.showTable"
type="link"
ghost
type="primary"
@click="toggleChartVisibility"
class="chart-toggle-btn"
:title="isChartVisible ? 'hide' : 'show'"
>
<EyeOutlined v-if="isChartVisible" />
<EyeInvisibleOutlined v-else />
<span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
</a-button>
</a-form>
</template>

View File

@@ -1294,14 +1294,14 @@ onBeforeUnmount(() => {
</a-form-item>
<a-button
v-show="!tableState.showTable"
type="link"
ghost
type="primary"
@click="toggleChartVisibility"
class="chart-toggle-btn"
:title="isChartVisible ? 'hide' : 'show'"
>
<EyeOutlined v-if="isChartVisible" />
<EyeInvisibleOutlined v-else />
<span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
</a-button>
</a-form>
</template>

View File

@@ -1418,14 +1418,14 @@ const tableRowConfig = computed(() => {
<a-switch v-model:checked="isRealtime" @change="toggleRealtime" />
</a-form-item>
<a-button
type="link"
ghost
type="primary"
@click="toggleChartVisibility"
class="chart-toggle-btn"
:title="isChartVisible ? 'hide' : 'show'"
>
<EyeOutlined v-if="isChartVisible" />
<EyeInvisibleOutlined v-else />
<span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
</a-button>
</div>
<div class="chart-wrapper">