feat:折叠图表按钮样式修改
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user