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

修复当小屏时按钮显示不出问题

Browse Source
This commit is contained in:
lai
2023-12-12 11:27:27 +08:00
parent f198d2b9a2
commit d9ec9fd1e1
13 changed files with 371 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
src/views/neUser/auth/index.vue
View File

@@ -729,67 +729,71 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
<template #icon>
<PlusOutlined />
</template>
{{ t('common.addText') }}
</a-button>
<div class="button-container">
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByEdit()">
<template #icon>
<PlusOutlined />
</template>
{{ t('common.addText') }}
</a-button>
<a-button type="primary" @click.prevent="fnModalVisibleByBatch(1)">
<template #icon>
<PlusOutlined />
</template>
{{ t('views.neUser.auth.batchAddText') }}
</a-button>
<a-button
type="primary"
danger
ghost
@click.prevent="fnModalVisibleByBatch(0)"
>
<template #icon>
<DeleteOutlined />
</template>
{{ t('views.neUser.auth.batchDelText') }}
</a-button>
<a-popconfirm
:title="t('views.neUser.auth.loadDataConfirm')"
:ok-text="t('common.ok')"
:cancel-text="t('common.cancel')"
:disabled="modalState.loadDataLoading"
@confirm="fnLoadData"
>
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByBatch(1)">
<template #icon>
<PlusOutlined />
</template>
{{ t('views.neUser.auth.batchAddText') }}
</a-button>
<a-button
type="dashed"
type="primary"
danger
:disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading"
class="danger-button"
ghost
@click.prevent="fnModalVisibleByBatch(0)"
>
<template #icon><SyncOutlined /></template>
{{ t('views.neUser.auth.loadData') }}
<template #icon>
<DeleteOutlined />
</template>
{{ t('views.neUser.auth.batchDelText') }}
</a-button>
</a-popconfirm>
<a-popconfirm
:title="t('views.neUser.auth.loadDataConfirm')"
:ok-text="t('common.ok')"
:cancel-text="t('common.cancel')"
:disabled="modalState.loadDataLoading"
@confirm="fnLoadData"
>
<a-button
type="dashed"
danger
class="dashed-button"
:disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading"
>
<template #icon><SyncOutlined /></template>
{{ t('views.neUser.auth.loadData') }}
</a-button>
</a-popconfirm>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
<template #icon><ImportOutlined /></template>
{{ t('views.neUser.auth.import') }}
</a-button>
<a-popconfirm
:title="t('views.neUser.auth.exportConfirm')"
ok-text="TXT"
ok-type="default"
@confirm="fnExportList('txt')"
:show-cancel="false"
cancel-text="CSV"
@cancel="fnExportList('csv')"
>
<a-button type="dashed">
<template #icon><ExportOutlined /></template>
{{ t('views.neUser.auth.export') }}
<a-button class="dashed-button" type="dashed" @click.prevent="fnModalUploadImportOpen">
<template #icon><ImportOutlined /></template>
{{ t('views.neUser.auth.import') }}
</a-button>
</a-popconfirm>
<a-popconfirm
:title="t('views.neUser.auth.exportConfirm')"
ok-text="TXT"
ok-type="default"
@confirm="fnExportList('txt')"
:show-cancel="false"
cancel-text="CSV"
@cancel="fnExportList('csv')"
>
<a-button class="dashed-button" type="dashed">
<template #icon><ExportOutlined /></template>
{{ t('views.neUser.auth.export') }}
</a-button>
</a-popconfirm>
</div>
</a-space>
</template>