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

src/views/neUser/auth/index.vue

@@ -728,78 +728,74 @@ onMounted(() => {
     <a-card :bordered="false" :body-style="{ padding: '0px' }">
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <a-space :size="8" align="center">
-          <div class="button-container">
-            <a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByEdit()">
-              <template #icon>
-                <PlusOutlined />
-              </template>
-              {{ t('common.addText') }}
-            </a-button>
+        <div class="button-container">
+          <a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
+            <template #icon>
+              <PlusOutlined />
+            </template>
+            {{ t('common.addText') }}
+          </a-button>
 
-            <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="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"
+              type="dashed"
               danger
-              class="danger-button"
-              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"
+              :loading="modalState.loadDataLoading"
             >
-              <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  class="dashed-button" type="dashed" @click.prevent="fnModalUploadImportOpen">
-              <template #icon><ImportOutlined /></template>
-              {{ t('views.neUser.auth.import') }}
+              <template #icon><SyncOutlined /></template>
+              {{ t('views.neUser.auth.loadData') }}
             </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>
+          <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>
+          </a-popconfirm>
+        </div>
       </template>
 
       <!-- 插槽-卡片右侧 -->
       <template #extra>
-        <a-space :size="8" align="center">
+        <div class="button-container">
           <a-tooltip>
             <template #title>{{ t('common.searchBarText') }}</template>
             <a-switch
@@ -852,7 +848,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->

src/views/neUser/pcf/index.vue

@@ -567,9 +567,8 @@ onMounted(() => {
     <a-card :bordered="false" :body-style="{ padding: '0px' }">
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <a-space :size="8" align="center">
-          <div class="button-container">
-          <a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByEdit()">
+        <div class="button-container">
+          <a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
             <template #icon>
               <PlusOutlined />
             </template>
@@ -579,7 +578,6 @@ onMounted(() => {
           <a-button
             type="primary"
             ghost
-            class="primary-button"
             @click.prevent="fnModalVisibleByBatch('add')"
           >
             <template #icon>
@@ -590,7 +588,6 @@ onMounted(() => {
           <a-button
             type="primary"
             ghost
-            class="primary-button"
             @click.prevent="fnModalVisibleByBatch('update')"
           >
             <template #icon>
@@ -602,7 +599,6 @@ onMounted(() => {
             type="primary"
             danger
             ghost
-            class="danger-button"
             @click.prevent="fnModalVisibleByBatch('delete')"
           >
             <template #icon>
@@ -611,7 +607,7 @@ onMounted(() => {
             {{ t('views.neUser.pcf.batchDelText') }}
           </a-button>
 
-          <a-button type="dashed" class="dashed-button" @click.prevent="fnModalUploadImportOpen">
+          <a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
             <template #icon><ImportOutlined /></template>
             {{ t('views.neUser.pcf.import') }}
           </a-button>
@@ -624,18 +620,17 @@ onMounted(() => {
             cancel-text="CSV"
             @cancel="fnExportList('csv')"
           >
-            <a-button type="dashed" class="dashed-button">
+            <a-button type="dashed">
               <template #icon><ExportOutlined /></template>
               {{ t('views.neUser.pcf.export') }}
             </a-button>
           </a-popconfirm>
-          </div>
-        </a-space>
+        </div>
       </template>
 
       <!-- 插槽-卡片右侧 -->
       <template #extra>
-        <a-space :size="8" align="center">
+        <div class="button-container">
           <a-tooltip>
             <template #title>
               {{
@@ -696,7 +691,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->

src/views/neUser/sub/index.vue

@@ -1023,7 +1023,7 @@ onMounted(() => {
             cancel-text="CSV"
             @cancel="fnExportList('csv')"
           >
-            <a-button type="dashed" class="dashed-button">
+            <a-button type="dashed">
               <template #icon>
                 <ExportOutlined />
               </template>