CN-1612 feat: 部分css重构内容: Administration下的界面、tabs和分页

src/components/table/administration/RoleTable.vue

@@ -1,55 +1,55 @@
 <template>
   <el-table
-    id="roleTable"
-    ref="dataTable"
-    :data="tableData"
-    tooltip-effect="light"
-    empty-text=" "
-    @header-dragend="dragend"
-    @sort-change="tableDataSort"
-    @selection-change="selectionChange"
+      id="roleTable"
+      ref="dataTable"
+      :data="tableData"
+      tooltip-effect="light"
+      empty-text=" "
+      @header-dragend="dragend"
+      @sort-change="tableDataSort"
+      @selection-change="selectionChange"
   >
     <el-table-column
-      :resizable="false"
-      align="center"
-      type="selection"
-      :selectable="checkSelectable"
-      width="55">
+        :resizable="false"
+        align="center"
+        type="selection"
+        :selectable="checkSelectable"
+        width="55">
     </el-table-column>
     <!--key只使用item.prop的话，拖拽后，界面无响应，添加index后问题解决-->
     <el-table-column
-      v-for="(item, index) in customTableTitles"
-      :key="item.prop+index"
-      :fixed="item.fixed"
-      :label="item.label"
-      :min-width="`${item.minWidth}`"
-      :prop="item.prop"
-      :resizable="true"
-      :sort-orders="['ascending', 'descending']"
-      :sortable="item.sortable"
-      :width="`${item.width}`"
-      class="data-column"
+        v-for="(item, index) in customTableTitles"
+        :key="item.prop+index"
+        :fixed="item.fixed"
+        :label="item.label"
+        :min-width="`${item.minWidth}`"
+        :prop="item.prop"
+        :resizable="true"
+        :sort-orders="['ascending', 'descending']"
+        :sortable="item.sortable"
+        :width="`${item.width}`"
+        class="data-column"
     >
       <template #header>
-        <span class="data-column__span">{{item.label}}</span>
+        <span class="data-column__span">{{ item.label }}</span>
         <div class="col-resize-area"></div>
       </template>
-      <template  #default="scope" :column="item">
+      <template #default="scope" :column="item">
         <template v-if="item.prop === 'name'">
           <template v-if="scope.row.name">
-            <span>{{$t(scope.row.name)}}</span>
+            <span>{{ $t(scope.row.name) }}</span>
           </template>
           <template v-else-if="scope.row.i18n">
-            <span>{{scope.row.i18n}}</span>
+            <span>{{ scope.row.i18n }}</span>
           </template>
           <template v-else>
             <span>-</span>
           </template>
         </template>
-        <span v-else>{{scope.row[item.prop] || '-'}}</span>
+        <span v-else>{{ scope.row[item.prop] || '-' }}</span>
       </template>
     </el-table-column>
-    <template v-slot:empty >
+    <template v-slot:empty>
       <div class="table-no-data" v-if="isNoData">
         <div class="table-no-data__title">{{ $t('npm.noData') }}</div>
       </div>
@@ -59,6 +59,7 @@
 
 <script>
 import table from '@/mixins/table'
+
 export default {
   name: 'roleTable',
   mixins: [table],