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

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

@@ -22,7 +22,7 @@ import { writeSheet } from '@/utils/execl-utils';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { readLoalXlsx } from '@/utils/execl-utils';
 const { getDict } = useDictStore();
-const { t,currentLocale } = useI18n();
+const { t, currentLocale } = useI18n();
 
 /**字典数据 */
 let dict: {
@@ -233,9 +233,6 @@ let tableColumns: ColumnsType = [
   },
 ];
 
-									
-
-
 /**帮助文档表格字段列 */
 let alarmTableColumns: ColumnsType = [
   {
@@ -246,19 +243,19 @@ let alarmTableColumns: ColumnsType = [
   },
   {
     title: t('views.faultManage.activeAlarm.locationInfo'),
-    dataIndex:  'alarmInfo',
+    dataIndex: 'alarmInfo',
     align: 'center',
     width: 5,
   },
   {
     title: t('views.faultManage.activeAlarm.addInfo'),
-    dataIndex:'helpInfo',
+    dataIndex: 'helpInfo',
     align: 'center',
     width: 8,
   },
   {
     title: t('views.faultManage.activeAlarm.alarmType'),
-    dataIndex:  'alarmType',
+    dataIndex: 'alarmType',
     align: 'center',
     width: 5,
   },
@@ -294,7 +291,7 @@ let alarmTableColumns: ColumnsType = [
   },
   {
     title: t('views.faultManage.activeAlarm.objectNf'),
-    dataIndex:'objNf',
+    dataIndex: 'objNf',
     align: 'center',
     width: 2,
   },
@@ -416,14 +413,12 @@ function fnModalVisibleByVive(row: Record<string, any>) {
   modalState.visibleByView = true;
 }
 
-
-
 /** 告警帮助文档详细信息 */
 function fnModalVisibleBy(code: string) {
   modalState.helpShowView = false;
-  const lang=currentLocale.value.split('_')[0];
-  modalState.title=t('views.faultManage.activeAlarm.helpFile');
-  readLoalXlsx(lang,code)
+  const lang = currentLocale.value.split('_')[0];
+  modalState.title = t('views.faultManage.activeAlarm.helpFile');
+  readLoalXlsx(lang, code)
     .then(res => {
       alarmTableState.data = res;
       modalState.helpShowView = true;
@@ -438,7 +433,7 @@ function fnModalVisibleBy(code: string) {
 function fnModalOk() {
   modalState.confirmLoading = true;
   const from = toRaw(modalState.from);
-  if (from.ackState==="1") {
+  if (from.ackState === '1') {
     message.error({
       content: t('views.faultManage.activeAlarm.ackError'),
       duration: 3,
@@ -661,7 +656,7 @@ function fnModalCancel() {
   modalState.visibleByEdit = false;
   modalState.visibleByView = false;
   modalState.visibleByShowSet = false;
-  modalState.helpShowView=false;
+  modalState.helpShowView = false;
 }
 
 /**查询列表, pageNum初始页数 */
@@ -850,12 +845,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="fnCancelConfirm()"
             :disabled="state.selectedRowKeys.length <= 0"
           >
@@ -865,7 +857,7 @@ onMounted(() => {
             {{ t('views.faultManage.activeAlarm.updateConfirm') }}
           </a-button>
 
-          <a-button type="primary" class="primary-button" @click.prevent="fnSync()">
+          <a-button type="primary" @click.prevent="fnSync()">
             <template #icon>
               <ReloadOutlined />
             </template>
@@ -875,7 +867,6 @@ onMounted(() => {
           <a-button
             type="primary"
             danger
-            class="danger-button"
             @click.prevent="fnClear()"
             :disabled="state.selectedRowKeys.length !== 1"
           >
@@ -885,22 +876,21 @@ onMounted(() => {
             {{ t('views.faultManage.activeAlarm.clear') }}
           </a-button>
 
-          <a-button type="primary" class="primary-button" @click.prevent="fnShowSet()">
+          <a-button type="primary" @click.prevent="fnShowSet()">
             <template #icon> <SettingOutlined /> </template>
             {{ t('views.faultManage.activeAlarm.disPlayFilfter') }}
           </a-button>
 
-          <a-button type="primary" class="primary-button"  @click.prevent="fnExportAll()">
+          <a-button type="primary" @click.prevent="fnExportAll()">
             <template #icon> <export-outlined /> </template>
             {{ t('views.faultManage.activeAlarm.exportAll') }}
           </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
@@ -940,7 +930,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->
@@ -1011,7 +1001,6 @@ onMounted(() => {
       </a-table>
     </a-card>
 
-    
     <!-- 帮助文档 -->
     <a-modal
       width="100%"
@@ -1032,7 +1021,7 @@ onMounted(() => {
         :data-source="alarmTableState.data"
         :size="alarmTableState.size"
         :pagination="false"
-          :scroll="{ x: 1700, y: 560 }"
+        :scroll="{ x: 1700, y: 560 }"
       >
       </a-table>
     </a-modal>