diff --git a/src/App.vue b/src/App.vue
index 17a8eed9..894320dc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -99,7 +99,7 @@ body .ant-pro-basicLayout {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
-  align-items: center;
+  align-items: left;
 }
 
 .button-container > button {
@@ -115,7 +115,7 @@ body .ant-pro-basicLayout {
   .button-container {
     flex-direction: row;
     align-items: flex-start;
-    align-items: center;
+    align-items: left;
   }
   .button-container > button {
     margin-right: 12px;
@@ -127,7 +127,7 @@ body .ant-pro-basicLayout {
   .button-container {
     flex-direction: column;
     align-items: flex-start;
-    align-items: center;
+    align-items: left;
   }
   .button-container > button {
     margin-right: 0px;
diff --git a/src/views/faultManage/active-alarm/index.vue b/src/views/faultManage/active-alarm/index.vue
index 30ac1e7b..167c541c 100644
--- a/src/views/faultManage/active-alarm/index.vue
+++ b/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>
diff --git a/src/views/monitor/job/index.vue b/src/views/monitor/job/index.vue
index 492c9909..27b8a92f 100644
--- a/src/views/monitor/job/index.vue
+++ b/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>
diff --git a/src/views/monitor/job/log.vue b/src/views/monitor/job/log.vue
index 2df020b8..df32b7d7 100644
--- a/src/views/monitor/job/log.vue
+++ b/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>
 
       <!-- 表格列表 -->
diff --git a/src/views/neUser/auth/index.vue b/src/views/neUser/auth/index.vue
index a512bd5d..7c369498 100644
--- a/src/views/neUser/auth/index.vue
+++ b/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>
 
       <!-- 表格列表 -->
diff --git a/src/views/neUser/pcf/index.vue b/src/views/neUser/pcf/index.vue
index f8639b13..e9a06add 100644
--- a/src/views/neUser/pcf/index.vue
+++ b/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>
 
       <!-- 表格列表 -->
diff --git a/src/views/neUser/sub/index.vue b/src/views/neUser/sub/index.vue
index 048818be..54cfd370 100644
--- a/src/views/neUser/sub/index.vue
+++ b/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>
diff --git a/src/views/perfManage/goldTarget/index1.vue b/src/views/perfManage/goldTarget/index1.vue
new file mode 100644
index 00000000..b717f13e
--- /dev/null
+++ b/src/views/perfManage/goldTarget/index1.vue
@@ -0,0 +1,334 @@
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import { reactive, ref, onMounted, toRaw } from 'vue';
+import { PageContainer } from 'antdv-pro-layout';
+import { Modal } from 'ant-design-vue/lib';
+import { SizeType } from 'ant-design-vue/lib/config-provider';
+import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
+import { ColumnsType } from 'ant-design-vue/lib/table';
+import { parseDateToStr } from '@/utils/date-utils';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { listgoldData } from '@/api/perfManage/goldTarget';
+import useNeInfoStore from '@/store/modules/neinfo';
+import useDictStore from '@/store/modules/dict';
+import useI18n from '@/hooks/useI18n';
+const { getDict } = useDictStore();
+const { t } = useI18n();
+const route = useRoute();
+
+/**路由标题 */
+let title = ref<string>((route.meta.title as string) ?? '标题');
+
+/**记录开始结束时间 */
+let queryRangePicker = ref<[string, string]>(['', '']);
+
+/**查询参数 */
+let queryParams = reactive({
+  /**网元类型 */
+  neType: '',
+  /**记录时间 */
+  beginTime: '',
+  endTime: '',
+  /**排序字段 */
+  sortField: 'value',
+  /**排序方式 */
+  sortOrder: 'asc',
+  /**当前页数 */
+  pageNum: 1,
+  /**每页条数 */
+  pageSize: 20,
+});
+
+/**查询参数重置 */
+function fnQueryReset() {
+  queryParams = Object.assign(queryParams, {
+    neType: '',
+    beginTime: '',
+    endTime: '',
+    sortField: 'value',
+    sortOrder: 'asc',
+    pageNum: 1,
+    pageSize: 20,
+  });
+  queryRangePicker.value = ['', ''];
+  tablePagination.current = 1;
+  tablePagination.pageSize = 20;
+  fnGetList();
+}
+
+/**表格状态类型 */
+type TabeStateType = {
+  /**加载等待 */
+  loading: boolean;
+  /**紧凑型 */
+  size: SizeType;
+  /**搜索栏 */
+  seached: boolean;
+  /**记录数据 */
+  data: object[];
+};
+
+/**表格状态 */
+let tableState: TabeStateType = reactive({
+  loading: false,
+  size: 'middle',
+  seached: true,
+  data: [],
+});
+
+/**表格字段列 */
+let tableColumns: ColumnsType = [
+  {
+    title: t('views.perfManage.goldTarget.type'),
+    dataIndex: 'neType',
+    align: 'center',
+  },
+  {
+    title: t('views.perfManage.goldTarget.enTitle'),
+    dataIndex: 'enTitle',
+    align: 'center',
+  },
+  {
+    title: t('views.perfManage.goldTarget.value'),
+    dataIndex: 'value',
+    key: 'value',
+    align: 'center',
+    sorter: true,
+  },
+  {
+    title: t('views.perfManage.goldTarget.startTime'),
+    dataIndex: 'startTime',
+    key: 'start_time',
+    align: 'center',
+    customRender(opt) {
+      if (!opt.value) return '';
+      return parseDateToStr(opt.value);
+    },
+    sorter: true,
+  },
+  {
+    title: t('views.perfManage.goldTarget.endTime'),
+    dataIndex: 'endTime',
+    align: 'center',
+    customRender(opt) {
+      if (!opt.value) return '';
+      return parseDateToStr(opt.value);
+    },
+  },
+];
+
+/**表格分页器参数 */
+let tablePagination = reactive({
+  /**当前页数 */
+  current: 1,
+  /**每页条数 */
+  pageSize: 20,
+  /**默认的每页条数 */
+  defaultPageSize: 20,
+  /**指定每页可以显示多少条 */
+  pageSizeOptions: ['10', '20', '50', '100'],
+  /**只有一页时是否隐藏分页器 */
+  hideOnSinglePage: false,
+  /**是否可以快速跳转至某页 */
+  showQuickJumper: true,
+  /**是否可以改变 pageSize */
+  showSizeChanger: true,
+  /**数据总数 */
+  total: 0,
+  showTotal: (total: number) => t('common.tablePaginationTotal', { total }),
+  onChange: (page: number, pageSize: number) => {
+    tablePagination.current = page;
+    tablePagination.pageSize = pageSize;
+    queryParams.pageNum = page;
+    queryParams.pageSize = pageSize;
+    fnGetList();
+  },
+});
+
+/**表格紧凑型变更操作 */
+function fnTableSize({ key }: MenuInfo) {
+  tableState.size = key as SizeType;
+}
+
+/**查询黄金指标列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
+  if (tableState.loading) return;
+  tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
+  if (!queryRangePicker.value) {
+    queryRangePicker.value = ['', ''];
+  }
+  queryParams.beginTime = queryRangePicker.value[0];
+  queryParams.endTime = queryRangePicker.value[1];
+  listgoldData(toRaw(queryParams)).then(res => {
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
+      tablePagination.total = res.total;
+      tableState.data = res.rows;
+    }
+    tableState.loading = false;
+  });
+}
+
+/**表格分页、排序、筛选变化时触发操作, 排序方式，取值为 ascend descend */
+function fnTableChange(pagination: any, filters: any, sorter: any, extra: any) {
+  console.log(sorter);
+  const { columnKey, order } = sorter;
+  if (order) {
+    queryParams.sortField = columnKey;
+    queryParams.sortOrder = order.replace('end', '');
+  } else {
+    queryParams.sortOrder = 'asc';
+  }
+  fnGetList(1);
+}
+
+onMounted(() => {
+  // 获取网元网元列表
+  useNeInfoStore().fnNelist();
+  // 获取列表数据
+  fnGetList();
+});
+</script>
+
+<template>
+  <PageContainer>
+    <a-card
+      v-show="tableState.seached"
+      :bordered="false"
+      :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
+    >
+      <!-- 表格搜索栏 -->
+      <a-form :model="queryParams" name="queryParams" layout="horizontal">
+        <a-row :gutter="16">
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.perfManage.goldTarget.type')"
+              name="neType"
+            >
+              <a-auto-complete
+                v-model:value="queryParams.neType"
+                :options="useNeInfoStore().getNeSelectOtions"
+                allow-clear
+              />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="8" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.perfManage.goldTarget.startTime')"
+              name="queryRangePicker"
+            >
+              <a-range-picker
+                v-model:value="queryRangePicker"
+                allow-clear
+                bordered
+                show-time
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm:ss"
+                style="width: 100%"
+              ></a-range-picker>
+            </a-form-item>
+          </a-col>
+
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item>
+              <a-space :size="8">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
+                  <template #icon><SearchOutlined /></template>
+                  {{ t('common.search') }}
+                </a-button>
+                <a-button type="default" @click.prevent="fnQueryReset">
+                  <template #icon><ClearOutlined /></template>
+                  {{ t('common.reset') }}
+                </a-button>
+              </a-space>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+    </a-card>
+
+    <a-card :bordered="false" :body-style="{ padding: '0px' }">
+      <!-- 插槽-卡片左侧侧 -->
+      <template #title> </template>
+
+      <!-- 插槽-卡片右侧 -->
+      <template #extra>
+        <a-space :size="8" align="center">
+          <a-tooltip>
+            <template #title>{{ t('common.searchBarText') }}</template>
+            <a-switch
+              v-model:checked="tableState.seached"
+              :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')"
+              size="small"
+            />
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ t('common.reloadText') }}</template>
+            <a-button type="text" @click.prevent="fnGetList()">
+              <template #icon><ReloadOutlined /></template>
+            </a-button>
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ t('common.sizeText') }}</template>
+            <a-dropdown trigger="click" placement="bottomRight">
+              <a-button type="text">
+                <template #icon><ColumnHeightOutlined /></template>
+              </a-button>
+              <template #overlay>
+                <a-menu
+                  :selected-keys="[tableState.size as string]"
+                  @click="fnTableSize"
+                >
+                  <a-menu-item key="default">
+                    {{ t('common.size.default') }}
+                  </a-menu-item>
+                  <a-menu-item key="middle">
+                    {{ t('common.size.middle') }}
+                  </a-menu-item>
+                  <a-menu-item key="small">
+                    {{ t('common.size.small') }}
+                  </a-menu-item>
+                </a-menu>
+              </template>
+            </a-dropdown>
+          </a-tooltip>
+        </a-space>
+      </template>
+
+      <!-- 表格列表 -->
+      <a-table
+        class="table"
+        row-key="id"
+        :columns="tableColumns"
+        :loading="tableState.loading"
+        :data-source="tableState.data"
+        :size="tableState.size"
+        @change="fnTableChange"
+        :pagination="tablePagination"
+        :scroll="{ x: true }"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'alarmTitle'">
+            <a-tooltip>
+              <template #title>{{ record.operResult }}</template>
+              <div class="alarmTitleText">{{ record.alarmTitle }}</div>
+            </a-tooltip>
+          </template>
+        </template>
+      </a-table>
+    </a-card>
+  </PageContainer>
+</template>
+
+<style lang="less" scoped>
+.table :deep(.ant-pagination) {
+  padding: 0 24px;
+}
+.alarmTitleText {
+  max-width: 300px;
+  cursor: pointer;
+}
+</style>
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
index 0a48905a..e5b964c9 100644
--- a/src/views/system/config/index.vue
+++ b/src/views/system/config/index.vue
@@ -552,54 +552,48 @@ 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()"
-              v-perms:has="['system:config:add']"
-            >
-              <template #icon><PlusOutlined /></template>
-              {{ t('common.addText') }}
-            </a-button>
-            <a-button
-              type="default"
-              danger
-              class="danger-button"
-              :disabled="tableState.selectedRowKeys.length <= 0"
-              @click.prevent="fnRecordDelete()"
-              v-perms:has="['system:config:remove']"
-            >
-              <template #icon><DeleteOutlined /></template>
-              {{ t('common.deleteText') }}
-            </a-button>
-            <a-button
-              type="dashed"
-              danger
-              class="danger-button"
-              @click.prevent="fnRefreshCache"
-              v-perms:has="['system:config:remove']"
-            >
-              <template #icon><SyncOutlined /></template>
-              {{ t('views.system.config.refreshCache') }}
-            </a-button>
-            <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>
+        <div class="button-container">
+          <a-button
+            type="primary"
+            @click.prevent="fnModalVisibleByEdit()"
+            v-perms:has="['system:config:add']"
+          >
+            <template #icon><PlusOutlined /></template>
+            {{ t('common.addText') }}
+          </a-button>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            @click.prevent="fnRecordDelete()"
+            v-perms:has="['system:config:remove']"
+          >
+            <template #icon><DeleteOutlined /></template>
+            {{ t('common.deleteText') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            danger
+            @click.prevent="fnRefreshCache"
+            v-perms:has="['system:config:remove']"
+          >
+            <template #icon><SyncOutlined /></template>
+            {{ t('views.system.config.refreshCache') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            @click.prevent="fnExportList()"
+            v-perms:has="['system:config: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
@@ -648,7 +642,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->
diff --git a/src/views/system/dict/data.vue b/src/views/system/dict/data.vue
index 20b63457..0a293611 100644
--- a/src/views/system/dict/data.vue
+++ b/src/views/system/dict/data.vue
@@ -561,52 +561,43 @@ 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="primary"
-              class="primary-button"
-              @click.prevent="fnModalVisibleByEdit()"
-              v-perms:has="['system:dict:add']"
-            >
-              <template #icon><PlusOutlined /></template>
-              {{ t('common.addText') }}
-            </a-button>
-            <a-button
-              type="default"
-              danger
-              class="danger-button"
-              :disabled="tableState.selectedRowKeys.length <= 0"
-              @click.prevent="fnRecordDelete()"
-              v-perms:has="['system:dict:remove']"
-            >
-              <template #icon><DeleteOutlined /></template>
-              {{ t('common.deleteText') }}
-            </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>
+        <div class="button-container">
+          <a-button type="default" @click.prevent="fnClose()">
+            <template #icon><CloseOutlined /></template>
+            {{ t('common.close') }}
+          </a-button>
+          <a-button
+            type="primary"
+            @click.prevent="fnModalVisibleByEdit()"
+            v-perms:has="['system:dict:add']"
+          >
+            <template #icon><PlusOutlined /></template>
+            {{ t('common.addText') }}
+          </a-button>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            @click.prevent="fnRecordDelete()"
+            v-perms:has="['system:dict:remove']"
+          >
+            <template #icon><DeleteOutlined /></template>
+            {{ t('common.deleteText') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            @click.prevent="fnExportList()"
+            v-perms:has="['system:dict: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
@@ -655,7 +646,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 9f25233f..e2f1f81f 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -552,63 +552,56 @@ 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()"
-              v-perms:has="['system:dict:add']"
-            >
-              <template #icon><PlusOutlined /></template>
-              {{ t('common.addText') }}
-            </a-button>
-            <a-button
-              type="default"
-              danger
-              class="danger-button"
-              :disabled="tableState.selectedRowKeys.length <= 0"
-              @click.prevent="fnRecordDelete()"
-              v-perms:has="['system:dict:remove']"
-            >
-              <template #icon><DeleteOutlined /></template>
-              {{ t('common.deleteText') }}
-            </a-button>
-            <a-button
-              type="default"
-              class="primary-button"
-              @click.prevent="fnDataView()"
-              v-perms:has="['system:dict:data']"
-            >
-              <template #icon><ContainerOutlined /></template>
-              {{ t('views.system.dict.dictData') }}
-            </a-button>
-            <a-button
-              type="dashed"
-              danger
-              class="danger-button"
-              @click.prevent="fnRefreshCache"
-              v-perms:has="['system:dict:remove']"
-            >
-              <template #icon><SyncOutlined /></template>
-              {{ t('views.system.dict.reload') }}
-            </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>
+        <div class="button-container">
+          <a-button
+            type="primary"
+            @click.prevent="fnModalVisibleByEdit()"
+            v-perms:has="['system:dict:add']"
+          >
+            <template #icon><PlusOutlined /></template>
+            {{ t('common.addText') }}
+          </a-button>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            @click.prevent="fnRecordDelete()"
+            v-perms:has="['system:dict:remove']"
+          >
+            <template #icon><DeleteOutlined /></template>
+            {{ t('common.deleteText') }}
+          </a-button>
+          <a-button
+            type="default"
+            @click.prevent="fnDataView()"
+            v-perms:has="['system:dict:data']"
+          >
+            <template #icon><ContainerOutlined /></template>
+            {{ t('views.system.dict.dictData') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            danger
+            @click.prevent="fnRefreshCache"
+            v-perms:has="['system:dict:remove']"
+          >
+            <template #icon><SyncOutlined /></template>
+            {{ t('views.system.dict.reload') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            @click.prevent="fnExportList()"
+            v-perms:has="['system:dict: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
@@ -657,7 +650,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index d4c10c70..c83c3377 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -491,45 +491,39 @@ 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()"
-              v-perms:has="['system:post:add']"
-            >
-              <template #icon><PlusOutlined /></template>
-              {{ t('common.addText') }}
-            </a-button>
-            <a-button
-              type="default"
-              danger
-              class="danger-button"
-              :disabled="tableState.selectedRowKeys.length <= 0"
-              @click.prevent="fnRecordDelete()"
-              v-perms:has="['system:post:remove']"
-            >
-              <template #icon><DeleteOutlined /></template>
-              {{ t('common.deleteText') }}
-            </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>
+        <div class="button-container">
+          <a-button
+            type="primary"
+            @click.prevent="fnModalVisibleByEdit()"
+            v-perms:has="['system:post:add']"
+          >
+            <template #icon><PlusOutlined /></template>
+            {{ t('common.addText') }}
+          </a-button>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            @click.prevent="fnRecordDelete()"
+            v-perms:has="['system:post:remove']"
+          >
+            <template #icon><DeleteOutlined /></template>
+            {{ t('common.deleteText') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            @click.prevent="fnExportList()"
+            v-perms:has="['system:post: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
@@ -578,7 +572,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->
diff --git a/src/views/system/role/auth-user.vue b/src/views/system/role/auth-user.vue
index 15ebc05a..ac0c03d1 100644
--- a/src/views/system/role/auth-user.vue
+++ b/src/views/system/role/auth-user.vue
@@ -394,43 +394,35 @@ 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.cancel') }}
-            </a-button>
-            <a-button
-              type="primary"
-              class="primary-button"
-              @click.prevent="fnModalVisibleBySelectUser()"
-              v-perms:has="['system:role:add']"
-            >
-              <template #icon><UsergroupAddOutlined /></template>
-              {{ t('views.system.role.distributeUser') }}
-            </a-button>
-            <a-button
-              type="default"
-              danger
-              class="danger-button"
-              :disabled="tableState.selectedRowKeys.length <= 0"
-              @click.prevent="fnRecordDelete('0')"
-              v-perms:has="['system:role:remove']"
-            >
-              <template #icon><UsergroupDeleteOutlined /></template>
-              {{ t('views.system.role.batchCancel') }}
-            </a-button>
-          </div>
-        </a-space>
+        <div class="button-container">
+          <a-button type="default" @click.prevent="fnClose()">
+            <template #icon><CloseOutlined /></template>
+            {{ t('common.cancel') }}
+          </a-button>
+          <a-button
+            type="primary"
+            @click.prevent="fnModalVisibleBySelectUser()"
+            v-perms:has="['system:role:add']"
+          >
+            <template #icon><UsergroupAddOutlined /></template>
+            {{ t('views.system.role.distributeUser') }}
+          </a-button>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            @click.prevent="fnRecordDelete('0')"
+            v-perms:has="['system:role:remove']"
+          >
+            <template #icon><UsergroupDeleteOutlined /></template>
+            {{ t('views.system.role.batchCancel') }}
+          </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
@@ -479,7 +471,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 738a25f6..d9ee75e1 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -815,12 +815,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="['system:role:add']"
           >
@@ -830,8 +827,6 @@ onMounted(() => {
           <a-button
             type="default"
             danger
-            class="danger-button"
-
             :disabled="tableState.selectedRowKeys.length <= 0"
             @click.prevent="fnRecordDelete()"
             v-perms:has="['system:role:remove']"
@@ -847,8 +842,7 @@ onMounted(() => {
             <template #icon><ExportOutlined /></template>
             {{ t('common.export') }}
           </a-button>
-          </div>
-        </a-space>
+        </div>
       </template>
 
       <!-- 插槽-卡片右侧 -->
@@ -1242,7 +1236,10 @@ onMounted(() => {
             </a-form-item>
           </a-col>
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item :label="t('views.system.role.createTime')" name="createTime">
+            <a-form-item
+              :label="t('views.system.role.createTime')"
+              name="createTime"
+            >
               <span v-if="+modalState.from.createTime > 0">
                 {{ parseDateToStr(+modalState.from.createTime) }}
               </span>
@@ -1251,12 +1248,18 @@ onMounted(() => {
         </a-row>
         <a-row :gutter="16">
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item  :label="t('views.system.role.roleSort')" name="roleSort">
+            <a-form-item
+              :label="t('views.system.role.roleSort')"
+              name="roleSort"
+            >
               {{ modalState.from.roleSort }}
             </a-form-item>
           </a-col>
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item  :label="t('views.system.role.roleStatus')" name="status">
+            <a-form-item
+              :label="t('views.system.role.roleStatus')"
+              name="status"
+            >
               <DictTag
                 :options="dict.sysNormalDisable"
                 :value="modalState.from.status"
@@ -1266,17 +1269,20 @@ onMounted(() => {
         </a-row>
         <a-row :gutter="16">
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item  :label="t('views.system.role.roleName')" name="roleName">
+            <a-form-item
+              :label="t('views.system.role.roleName')"
+              name="roleName"
+            >
               {{ modalState.from.roleName }}
             </a-form-item>
           </a-col>
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item  :label="t('views.system.role.roleKey')" name="roleKey">
+            <a-form-item :label="t('views.system.role.roleKey')" name="roleKey">
               {{ modalState.from.roleKey }}
             </a-form-item>
           </a-col>
         </a-row>
-        <a-form-item  :label="t('views.system.role.roleMark')" name="remark">
+        <a-form-item :label="t('views.system.role.roleMark')" name="remark">
           {{ modalState.from.remark }}
         </a-form-item>
 
@@ -1299,21 +1305,21 @@ onMounted(() => {
               :checked="modalState.deptTree.expandedKeys.length > 0"
               @change="(e:any) => fnModalExpandedKeys(e.target.checked, 'dept')"
             >
-              {{t('views.system.role.openSwitch')}}
+              {{ t('views.system.role.openSwitch') }}
             </a-checkbox>
             <a-checkbox
               id="dept_2"
               :checked="modalState.from.deptIds.length > 0"
               @change="(e:any) => fnModalCheckedKeys(e.target.checked, 'dept')"
             >
-            {{t('views.system.role.selAllSwitch')}}
+              {{ t('views.system.role.selAllSwitch') }}
             </a-checkbox>
             <a-checkbox
               id="dept_1"
               :checked="modalState.from.deptCheckStrictly === '1'"
               @change="(e:any) => fnModalCheckStrictly(e.target.checked, 'dept')"
             >
-            {{t('views.system.role.relationSwitch')}}
+              {{ t('views.system.role.relationSwitch') }}
             </a-checkbox>
           </a-space>
           <a-tree
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 6d53f4b3..15b5cfa7 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -889,53 +889,47 @@ 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()"
-              v-perms:has="['system:user:add']"
-            >
-              <template #icon><PlusOutlined /></template>
-              {{ t('common.addText') }}
-            </a-button>
-            <a-button
-              type="default"
-              danger
-              class="danger-button"
-              :disabled="tableState.selectedRowKeys.length <= 0"
-              @click.prevent="fnRecordDelete()"
-              v-perms:has="['system:user:remove']"
-            >
-              <template #icon><DeleteOutlined /></template>
-              {{ t('common.deleteText') }}
-            </a-button>
-            <a-button
-              type="dashed"
-              class="dashed-button"
-              @click.prevent="fnModalUploadImportOpen()"
-              v-perms:has="['system:user:import']"
-            >
-              <template #icon><ImportOutlined /></template>
-              {{ t('common.import') }}
-            </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>
+        <div class="button-container">
+          <a-button
+            type="primary"
+            @click.prevent="fnModalVisibleByEdit()"
+            v-perms:has="['system:user:add']"
+          >
+            <template #icon><PlusOutlined /></template>
+            {{ t('common.addText') }}
+          </a-button>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            @click.prevent="fnRecordDelete()"
+            v-perms:has="['system:user:remove']"
+          >
+            <template #icon><DeleteOutlined /></template>
+            {{ t('common.deleteText') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            @click.prevent="fnModalUploadImportOpen()"
+            v-perms:has="['system:user:import']"
+          >
+            <template #icon><ImportOutlined /></template>
+            {{ t('common.import') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            @click.prevent="fnExportList()"
+            v-perms:has="['system:user: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
@@ -984,7 +978,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->