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

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,37 +492,46 @@ onMounted(() => {
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
         <a-space :size="8" align="center">
-          <a-button type="default" @click.prevent="fnClose()">
-            <template #icon><CloseOutlined /></template>
-            {{ t('common.close') }}
-          </a-button>
-          <a-button
-            type="default"
-            danger
-            :disabled="tableState.selectedRowKeys.length <= 0"
-            @click.prevent="fnRecordDelete()"
-            v-perms:has="['monitor:job:remove']"
-          >
-            <template #icon><DeleteOutlined /></template>
-            {{ t('common.deleteText') }}
-          </a-button>
-          <a-button
-            type="dashed"
-            danger
-            @click.prevent="fnCleanList()"
-            v-perms:has="['monitor:job:remove']"
-          >
-            <template #icon><DeleteOutlined /></template>
-            {{ t('views.monitor.jobLog.clearText') }}
-          </a-button>
-          <a-button
-            type="dashed"
-            @click.prevent="fnExportList()"
-            v-perms:has="['monitor:job:export']"
-          >
-            <template #icon><ExportOutlined /></template>
-            {{ t('common.export') }}
-          </a-button>
+          <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']"
+            >
+              <template #icon><DeleteOutlined /></template>
+              {{ t('common.deleteText') }}
+            </a-button>
+            <a-button
+              type="dashed"
+              danger
+              class="danger-button"
+              @click.prevent="fnCleanList()"
+              v-perms:has="['monitor:job:remove']"
+            >
+              <template #icon><DeleteOutlined /></template>
+              {{ t('views.monitor.jobLog.clearText') }}
+            </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>