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

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

View File

@@ -851,8 +851,11 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<div class="button-container">
<a-button
type="primary"
class="primary-button"
@click.prevent="fnCancelConfirm()"
:disabled="state.selectedRowKeys.length <= 0"
>
@@ -862,7 +865,7 @@ onMounted(() => {
{{ t('views.faultManage.activeAlarm.updateConfirm') }}
</a-button>
<a-button type="primary" @click.prevent="fnSync()">
<a-button type="primary" class="primary-button" @click.prevent="fnSync()">
<template #icon>
<ReloadOutlined />
</template>
@@ -872,6 +875,7 @@ onMounted(() => {
<a-button
type="primary"
danger
class="danger-button"
@click.prevent="fnClear()"
:disabled="state.selectedRowKeys.length !== 1"
>
@@ -881,15 +885,16 @@ onMounted(() => {
{{ t('views.faultManage.activeAlarm.clear') }}
</a-button>
<a-button type="primary" @click.prevent="fnShowSet()">
<a-button type="primary" class="primary-button" @click.prevent="fnShowSet()">
<template #icon> <SettingOutlined /> </template>
{{ t('views.faultManage.activeAlarm.disPlayFilfter') }}
</a-button>
<a-button type="primary" @click.prevent="fnExportAll()">
<a-button type="primary" class="primary-button" @click.prevent="fnExportAll()">
<template #icon> <export-outlined /> </template>
{{ t('views.faultManage.activeAlarm.exportAll') }}
</a-button>
</div>
</a-space>
</template>

View File

@@ -646,8 +646,11 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<div class="button-container">
<a-button
type="primary"
class="primary-button"
@click.prevent="fnModalVisibleByEdit()"
v-perms:has="['monitor:job:add']"
>
@@ -657,6 +660,7 @@ onMounted(() => {
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete()"
v-perms:has="['monitor:job:remove']"
@@ -666,6 +670,7 @@ onMounted(() => {
</a-button>
<a-button
type="dashed"
class="dashed-button"
@click.prevent="fnExportList()"
v-perms:has="['monitor:job:export']"
>
@@ -674,6 +679,7 @@ onMounted(() => {
</a-button>
<a-button
type="default"
class="dashed-button"
@click.prevent="fnJobLogView()"
v-perms:has="['monitor:job:query']"
>
@@ -683,12 +689,14 @@ onMounted(() => {
<a-button
type="dashed"
danger
class="dashed-button"
@click.prevent="fnResetQueueJob"
v-perms:has="['monitor:job:remove']"
>
<template #icon><SyncOutlined /></template>
{{ t('views.monitor.job.resetQueue') }}
</a-button>
</div>
</a-space>
</template>

View File

@@ -492,13 +492,19 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<a-button type="default" @click.prevent="fnClose()">
<div class="button-container">
<a-button
type="default"
class="primary-button"
@click.prevent="fnClose()"
>
<template #icon><CloseOutlined /></template>
{{ t('common.close') }}
</a-button>
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete()"
v-perms:has="['monitor:job:remove']"
@@ -509,6 +515,7 @@ onMounted(() => {
<a-button
type="dashed"
danger
class="danger-button"
@click.prevent="fnCleanList()"
v-perms:has="['monitor:job:remove']"
>
@@ -517,12 +524,14 @@ onMounted(() => {
</a-button>
<a-button
type="dashed"
class="dashed-button"
@click.prevent="fnExportList()"
v-perms:has="['monitor:job:export']"
>
<template #icon><ExportOutlined /></template>
{{ t('common.export') }}
</a-button>
</div>
</a-space>
</template>

View File

@@ -729,14 +729,15 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
<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)">
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByBatch(1)">
<template #icon>
<PlusOutlined />
</template>
@@ -745,6 +746,7 @@ onMounted(() => {
<a-button
type="primary"
danger
class="danger-button"
ghost
@click.prevent="fnModalVisibleByBatch(0)"
>
@@ -763,6 +765,7 @@ onMounted(() => {
<a-button
type="dashed"
danger
class="dashed-button"
:disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading"
>
@@ -771,7 +774,7 @@ onMounted(() => {
</a-button>
</a-popconfirm>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
<a-button class="dashed-button" type="dashed" @click.prevent="fnModalUploadImportOpen">
<template #icon><ImportOutlined /></template>
{{ t('views.neUser.auth.import') }}
</a-button>
@@ -785,11 +788,12 @@ onMounted(() => {
cancel-text="CSV"
@cancel="fnExportList('csv')"
>
<a-button type="dashed">
<a-button class="dashed-button" type="dashed">
<template #icon><ExportOutlined /></template>
{{ t('views.neUser.auth.export') }}
</a-button>
</a-popconfirm>
</div>
</a-space>
</template>

View File

@@ -568,7 +568,8 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
<div class="button-container">
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByEdit()">
<template #icon>
<PlusOutlined />
</template>
@@ -578,6 +579,7 @@ onMounted(() => {
<a-button
type="primary"
ghost
class="primary-button"
@click.prevent="fnModalVisibleByBatch('add')"
>
<template #icon>
@@ -588,6 +590,7 @@ onMounted(() => {
<a-button
type="primary"
ghost
class="primary-button"
@click.prevent="fnModalVisibleByBatch('update')"
>
<template #icon>
@@ -599,6 +602,7 @@ onMounted(() => {
type="primary"
danger
ghost
class="danger-button"
@click.prevent="fnModalVisibleByBatch('delete')"
>
<template #icon>
@@ -607,7 +611,7 @@ onMounted(() => {
{{ t('views.neUser.pcf.batchDelText') }}
</a-button>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
<a-button type="dashed" class="dashed-button" @click.prevent="fnModalUploadImportOpen">
<template #icon><ImportOutlined /></template>
{{ t('views.neUser.pcf.import') }}
</a-button>
@@ -620,11 +624,12 @@ onMounted(() => {
cancel-text="CSV"
@cancel="fnExportList('csv')"
>
<a-button type="dashed">
<a-button type="dashed" class="dashed-button">
<template #icon><ExportOutlined /></template>
{{ t('views.neUser.pcf.export') }}
</a-button>
</a-popconfirm>
</div>
</a-space>
</template>

View File

@@ -963,14 +963,15 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
<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)">
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByBatch(1)">
<template #icon>
<PlusOutlined />
</template>
@@ -980,6 +981,7 @@ onMounted(() => {
type="primary"
danger
ghost
class="danger-button"
@click.prevent="fnModalVisibleByBatch(0)"
>
<template #icon>
@@ -997,6 +999,7 @@ onMounted(() => {
<a-button
type="dashed"
danger
class="dashed-button"
:disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading"
>
@@ -1007,7 +1010,7 @@ onMounted(() => {
</a-button>
</a-popconfirm>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
<a-button type="dashed" class="dashed-button" @click.prevent="fnModalUploadImportOpen">
<template #icon>
<ImportOutlined />
</template>
@@ -1023,13 +1026,14 @@ onMounted(() => {
cancel-text="CSV"
@cancel="fnExportList('csv')"
>
<a-button type="dashed">
<a-button type="dashed" class="dashed-button">
<template #icon>
<ExportOutlined />
</template>
{{ t('views.neUser.sub.export') }}
</a-button>
</a-popconfirm>
</div>
</a-space>
</template>

View File

@@ -553,8 +553,10 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<div class="button-container">
<a-button
type="primary"
class="primary-button"
@click.prevent="fnModalVisibleByEdit()"
v-perms:has="['system:config:add']"
>
@@ -564,6 +566,7 @@ onMounted(() => {
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete()"
v-perms:has="['system:config:remove']"
@@ -574,6 +577,7 @@ onMounted(() => {
<a-button
type="dashed"
danger
class="danger-button"
@click.prevent="fnRefreshCache"
v-perms:has="['system:config:remove']"
>
@@ -583,11 +587,13 @@ onMounted(() => {
<a-button
type="dashed"
@click.prevent="fnExportList()"
class="dashed-button"
v-perms:has="['system:config:export']"
>
<template #icon><ExportOutlined /></template>
{{ t('common.export') }}
</a-button>
</div>
</a-space>
</template>

View File

@@ -562,12 +562,18 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<a-button type="default" @click.prevent="fnClose()">
<div class="button-container">
<a-button
type="default"
class="primary-button"
@click.prevent="fnClose()"
>
<template #icon><CloseOutlined /></template>
{{ t('common.close') }}
</a-button>
<a-button
type="primary"
class="primary-button"
@click.prevent="fnModalVisibleByEdit()"
v-perms:has="['system:dict:add']"
>
@@ -577,6 +583,7 @@ onMounted(() => {
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete()"
v-perms:has="['system:dict:remove']"
@@ -586,12 +593,14 @@ onMounted(() => {
</a-button>
<a-button
type="dashed"
class="dashed-button"
@click.prevent="fnExportList()"
v-perms:has="['system:dict:export']"
>
<template #icon><ExportOutlined /></template>
{{ t('common.export') }}
</a-button>
</div>
</a-space>
</template>

View File

@@ -553,8 +553,10 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<div class="button-container">
<a-button
type="primary"
class="primary-button"
@click.prevent="fnModalVisibleByEdit()"
v-perms:has="['system:dict:add']"
>
@@ -564,6 +566,7 @@ onMounted(() => {
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete()"
v-perms:has="['system:dict:remove']"
@@ -573,6 +576,7 @@ onMounted(() => {
</a-button>
<a-button
type="default"
class="primary-button"
@click.prevent="fnDataView()"
v-perms:has="['system:dict:data']"
>
@@ -582,6 +586,7 @@ onMounted(() => {
<a-button
type="dashed"
danger
class="danger-button"
@click.prevent="fnRefreshCache"
v-perms:has="['system:dict:remove']"
>
@@ -590,12 +595,14 @@ onMounted(() => {
</a-button>
<a-button
type="dashed"
class="dashed-button"
@click.prevent="fnExportList()"
v-perms:has="['system:dict:export']"
>
<template #icon><ExportOutlined /></template>
{{ t('common.export') }}
</a-button>
</div>
</a-space>
</template>

View File

@@ -492,8 +492,10 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<div class="button-container">
<a-button
type="primary"
class="primary-button"
@click.prevent="fnModalVisibleByEdit()"
v-perms:has="['system:post:add']"
>
@@ -503,6 +505,7 @@ onMounted(() => {
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete()"
v-perms:has="['system:post:remove']"
@@ -512,12 +515,15 @@ onMounted(() => {
</a-button>
<a-button
type="dashed"
class="dashed-button"
@click.prevent="fnExportList()"
v-perms:has="['system:post:export']"
>
<template #icon><ExportOutlined /></template>
{{ t('common.export') }}
</a-button>
</div>
</a-space>
</template>

View File

@@ -395,12 +395,18 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<a-button type="default" @click.prevent="fnClose()">
<div class="button-container">
<a-button
type="default"
class="primary-button"
@click.prevent="fnClose()"
>
<template #icon><CloseOutlined /></template>
{{ t('common.cancel') }}
</a-button>
<a-button
type="primary"
class="primary-button"
@click.prevent="fnModalVisibleBySelectUser()"
v-perms:has="['system:role:add']"
>
@@ -410,6 +416,7 @@ onMounted(() => {
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete('0')"
v-perms:has="['system:role:remove']"
@@ -417,6 +424,7 @@ onMounted(() => {
<template #icon><UsergroupDeleteOutlined /></template>
{{ t('views.system.role.batchCancel') }}
</a-button>
</div>
</a-space>
</template>
@@ -498,7 +506,9 @@ onMounted(() => {
<template v-if="column.key === 'userId'">
<a-space :size="8" align="center">
<a-tooltip>
<template #title>{{t('views.system.role.cancelGive')}}</template>
<template #title>{{
t('views.system.role.cancelGive')
}}</template>
<a-button
type="link"
@click.prevent="fnRecordDelete(record.userId)"

View File

@@ -816,8 +816,11 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<div class="button-container">
<a-button
type="primary"
class="primary-button"
@click.prevent="fnModalVisibleByEdit()"
v-perms:has="['system:role:add']"
>
@@ -827,6 +830,8 @@ onMounted(() => {
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete()"
v-perms:has="['system:role:remove']"
@@ -842,6 +847,7 @@ onMounted(() => {
<template #icon><ExportOutlined /></template>
{{ t('common.export') }}
</a-button>
</div>
</a-space>
</template>

View File

@@ -890,8 +890,10 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<div class="button-container">
<a-button
type="primary"
class="primary-button"
@click.prevent="fnModalVisibleByEdit()"
v-perms:has="['system:user:add']"
>
@@ -901,6 +903,7 @@ onMounted(() => {
<a-button
type="default"
danger
class="danger-button"
:disabled="tableState.selectedRowKeys.length <= 0"
@click.prevent="fnRecordDelete()"
v-perms:has="['system:user:remove']"
@@ -910,6 +913,7 @@ onMounted(() => {
</a-button>
<a-button
type="dashed"
class="dashed-button"
@click.prevent="fnModalUploadImportOpen()"
v-perms:has="['system:user:import']"
>
@@ -918,12 +922,14 @@ onMounted(() => {
</a-button>
<a-button
type="dashed"
class="dashed-button"
@click.prevent="fnExportList()"
v-perms:has="['system:user:export']"
>
<template #icon><ExportOutlined /></template>
{{ t('common.export') }}
</a-button>
</div>
</a-space>
</template>