OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

style: 表格头按钮响应式

Browse Source
This commit is contained in:
TsMask
2023-12-12 12:14:20 +08:00
parent d9ec9fd1e1
commit 63e3f352b2
2 changed files with 35 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/neUser/sub/index.vue
View File

@@ -962,16 +962,15 @@ onMounted(() => {
<a-card :bordered="false" :body-style="{ padding: '0px' }">
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<div class="button-container">
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByEdit()">
<div class="button-container">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
<template #icon>
<PlusOutlined />
</template>
{{ t('common.addText') }}
</a-button>
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByBatch(1)">
<a-button type="primary" @click.prevent="fnModalVisibleByBatch(1)">
<template #icon>
<PlusOutlined />
</template>
@@ -981,7 +980,6 @@ onMounted(() => {
type="primary"
danger
ghost
class="danger-button"
@click.prevent="fnModalVisibleByBatch(0)"
>
<template #icon>
@@ -999,7 +997,6 @@ onMounted(() => {
<a-button
type="dashed"
danger
class="dashed-button"
:disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading"
>
@@ -1010,7 +1007,7 @@ onMounted(() => {
</a-button>
</a-popconfirm>
<a-button type="dashed" class="dashed-button" @click.prevent="fnModalUploadImportOpen">
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
<template #icon>
<ImportOutlined />
</template>
@@ -1033,13 +1030,12 @@ onMounted(() => {
{{ t('views.neUser.sub.export') }}
</a-button>
</a-popconfirm>
</div>
</a-space>
</div>
</template>
<!-- 插槽-卡片右侧 -->
<template #extra>
<a-space :size="8" align="center">
<div class="button-container">
<a-tooltip>
<template #title>{{ t('common.searchBarText') }}</template>
<a-switch
@@ -1092,7 +1088,7 @@ onMounted(() => {
</template>
</a-dropdown>
</a-tooltip>
</a-space>
</div>
</template>
<!-- 表格列表 -->