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

src/views/faultManage/active-alarm/index.vue

@@ -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>
 

src/views/monitor/job/index.vue

@@ -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>
 

src/views/monitor/job/log.vue

@@ -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>
 

src/views/neUser/auth/index.vue

@@ -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>
 

src/views/neUser/pcf/index.vue

@@ -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>
 

src/views/neUser/sub/index.vue

@@ -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>
 

src/views/system/config/index.vue

@@ -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>
 

src/views/system/dict/data.vue

@@ -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>
 

src/views/system/dict/index.vue

@@ -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>
 

src/views/system/post/index.vue

@@ -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>
 

src/views/system/role/auth-user.vue

@@ -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)"

src/views/system/role/index.vue

@@ -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>
 

src/views/system/user/index.vue

@@ -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>