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

View File

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

View File

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