--修正后的小屏按钮挤兑问题

src/views/monitor/job/index.vue

@@ -645,12 +645,9 @@ onMounted(() => {
     <a-card :bordered="false" :body-style="{ padding: '0px' }">
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <a-space :size="8" align="center">
-          <div class="button-container">
-
+        <div class="button-container">
           <a-button
             type="primary"
-            class="primary-button"
             @click.prevent="fnModalVisibleByEdit()"
             v-perms:has="['monitor:job:add']"
           >
@@ -660,7 +657,6 @@ onMounted(() => {
           <a-button
             type="default"
             danger
-            class="danger-button"
             :disabled="tableState.selectedRowKeys.length <= 0"
             @click.prevent="fnRecordDelete()"
             v-perms:has="['monitor:job:remove']"
@@ -670,7 +666,6 @@ onMounted(() => {
           </a-button>
           <a-button
             type="dashed"
-            class="dashed-button"
             @click.prevent="fnExportList()"
             v-perms:has="['monitor:job:export']"
           >
@@ -679,7 +674,6 @@ onMounted(() => {
           </a-button>
           <a-button
             type="default"
-            class="dashed-button"
             @click.prevent="fnJobLogView()"
             v-perms:has="['monitor:job:query']"
           >
@@ -689,20 +683,18 @@ 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>
+        </div>
       </template>
 
       <!-- 插槽-卡片右侧 -->
       <template #extra>
-        <a-space :size="8" align="center">
+        <div class="button-container">
           <a-tooltip>
             <template #title>{{ t('common.searchBarText') }}</template>
             <a-switch
@@ -751,7 +743,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->
@@ -874,7 +866,8 @@ onMounted(() => {
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item :label="t('views.monitor.job.status')" name="status">
               {{
-                dict.sysJobStatus.find(s => s.value === modalState.from.status)?.label
+                dict.sysJobStatus.find(s => s.value === modalState.from.status)
+                  ?.label
               }}
             </a-form-item>
           </a-col>

src/views/monitor/job/log.vue

@@ -491,53 +491,44 @@ onMounted(() => {
     <a-card :bordered="false" :body-style="{ padding: '0px' }">
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <a-space :size="8" align="center">
-          <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>
+        <div class="button-container">
+          <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>
       </template>
 
       <!-- 插槽-卡片右侧 -->
       <template #extra>
-        <a-space :size="8" align="center">
+        <div class="button-container">
           <a-tooltip>
             <template #title>{{ t('common.searchBarText') }}</template>
             <a-switch
@@ -586,7 +577,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->