🎨 修改前端代码样式.

orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm

@@ -2,10 +2,10 @@
   <!-- 搜索 -->
   <a-card class="general-card table-search-card">
     <query-header :model="formModel"
-                    label-align="left"
-                    @submit="fetchTableData"
-                    @reset="fetchTableData"
-                    @keyup.enter="() => fetchTableData()">
+                  label-align="left"
+                  @submit="fetchTableData"
+                  @reset="fetchTableData"
+                  @keyup.enter="() => fetchTableData()">
       #foreach($field in ${table.fields})
       <!-- $field.comment -->
       <a-form-item field="${field.propertyName}" label="${field.comment}" label-col-flex="50px">
@@ -48,8 +48,8 @@
       <div class="table-right-bar-handle">
         <a-space>
           <!-- 新增 -->
-          <a-button type="primary"
-                    v-permission="['${package.ModuleName}:${typeHyphen}:create']"
+          <a-button v-permission="['${package.ModuleName}:${typeHyphen}:create']"
+                    type="primary"
                     @click="emits('openAdd')">
             新增
             <template #icon>
@@ -58,9 +58,9 @@
           </a-button>
           #if($vue.enableRowSelection)
           <!-- 删除 -->
-          <a-popconfirm position="br"
+          <a-popconfirm :content="`确认删除选中的${selectedKeys.length}条记录吗?`"
+                        position="br"
                         type="warning"
-                        :content="`确认删除选中的${selectedKeys.length}条记录吗?`"
                         @ok="deleteSelectRows">
             <a-button v-permission="['${package.ModuleName}:${typeHyphen}:delete']"
                       type="secondary"
@@ -80,7 +80,6 @@
     <a-table row-key="id"
              class="table-wrapper-8"
              ref="tableRef"
-             label-align="left"
              :loading="loading"
              :columns="columns"
              #if($vue.enableRowSelection)
@@ -104,9 +103,9 @@
       <template #handle="{ record }">
         <div class="table-handle-wrapper">
           <!-- 修改 -->
-          <a-button type="text"
+          <a-button v-permission="['${package.ModuleName}:${typeHyphen}:update']"
+                    type="text"
                     size="mini"
-                    v-permission="['${package.ModuleName}:${typeHyphen}:update']"
                     @click="emits('openUpdate', record)">
             修改
           </a-button>

orion-ops-ui/src/components/asset/host-group/host-group-tree.vue

@@ -58,10 +58,11 @@
                         position="left"
                         type="warning"
                         @ok="deleteNode(node.key)">
-          <span v-permission="['asset:host-group:delete']"
-                class="tree-icon" title="删除">
-            <icon-delete />
-          </span>
+            <span v-permission="['asset:host-group:delete']"
+                  class="tree-icon"
+                  title="删除">
+              <icon-delete />
+            </span>
           </a-popconfirm>
           <!-- 新增 -->
           <span v-permission="['asset:host-group:create']"

orion-ops-ui/src/components/meta/history/history-value-modal.vue

@@ -31,7 +31,6 @@
       <a-table row-key="id"
                class="table-wrapper-8"
                ref="tableRef"
-               label-align="left"
                :loading="loading"
                :columns="columns"
                :data="tableRenderData"

orion-ops-ui/src/views/asset/grant/components/host-identity-grant.vue

@@ -6,7 +6,6 @@
     <!-- 主机身份表格 -->
     <a-table row-key="id"
              class="host-identity-main-table"
-             label-align="left"
              :columns="hostIdentityColumns"
              v-model:selected-keys="selectedKeys"
              :row-selection="rowSelection"

orion-ops-ui/src/views/asset/grant/components/host-key-grant.vue

@@ -6,7 +6,6 @@
     <!-- 主机秘钥表格 -->
     <a-table row-key="id"
              class="host-key-main-table"
-             label-align="left"
              :columns="hostKeyColumns"
              v-model:selected-keys="selectedKeys"
              :row-selection="rowSelection"

orion-ops-ui/src/views/asset/host-identity/components/host-identity-table.vue

@@ -2,10 +2,10 @@
   <!-- 搜索 -->
   <a-card class="general-card table-search-card">
     <query-header :model="formModel"
-                    label-align="left"
-                    @submit="fetchTableData"
-                    @reset="fetchTableData"
-                    @keyup.enter="() => fetchTableData()">
+                  label-align="left"
+                  @submit="fetchTableData"
+                  @reset="fetchTableData"
+                  @keyup.enter="() => fetchTableData()">
       <!-- id -->
       <a-form-item field="id" label="id" label-col-flex="50px">
         <a-input-number v-model="formModel.id"
@@ -74,7 +74,6 @@
     <a-table row-key="id"
              class="table-wrapper-8"
              ref="tableRef"
-             label-align="left"
              :loading="loading"
              :columns="columns"
              :data="tableRenderData"

orion-ops-ui/src/views/asset/host-key/components/host-key-table.vue

@@ -2,10 +2,10 @@
   <!-- 搜索 -->
   <a-card class="general-card table-search-card">
     <query-header :model="formModel"
-                    label-align="left"
-                    @submit="fetchTableData"
-                    @reset="fetchTableData"
-                    @keyup.enter="() => fetchTableData()">
+                  label-align="left"
+                  @submit="fetchTableData"
+                  @reset="fetchTableData"
+                  @keyup.enter="() => fetchTableData()">
       <!-- id -->
       <a-form-item field="id" label="id" label-col-flex="30px">
         <a-input-number v-model="formModel.id"
@@ -66,7 +66,6 @@
     <a-table row-key="id"
              class="table-wrapper-8"
              ref="tableRef"
-             label-align="left"
              :loading="loading"
              :columns="columns"
              :data="tableRenderData"

orion-ops-ui/src/views/asset/host-list/components/host-table.vue

@@ -2,10 +2,10 @@
   <!-- 搜索 -->
   <a-card class="general-card table-search-card">
     <query-header :model="formModel"
-                    label-align="left"
-                    @submit="fetchTableData"
-                    @reset="fetchTableData"
-                    @keyup.enter="() => fetchTableData()">
+                  label-align="left"
+                  @submit="fetchTableData"
+                  @reset="fetchTableData"
+                  @keyup.enter="() => fetchTableData()">
       <!-- id -->
       <a-form-item field="id" label="主机id" label-col-flex="50px">
         <a-input-number v-model="formModel.id"
@@ -93,7 +93,6 @@
     <a-table row-key="id"
              class="table-wrapper-8"
              ref="tableRef"
-             label-align="left"
              :loading="loading"
              :columns="columns"
              :data="tableRenderData"

orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table.vue

@@ -2,7 +2,6 @@
   <a-table row-key="path"
            ref="tableRef"
            class="sftp-table"
-           label-align="left"
            :columns="columns"
            v-model:selected-keys="selectedKeys"
            :row-selection="rowSelection"

orion-ops-ui/src/views/system/dict-key/components/dict-key-table.vue

@@ -2,10 +2,10 @@
   <!-- 搜索 -->
   <a-card class="general-card table-search-card">
     <query-header :model="formModel"
-                    label-align="left"
-                    @submit="fetchTableData"
-                    @reset="fetchTableData"
-                    @keyup.enter="() => fetchTableData()">
+                  label-align="left"
+                  @submit="fetchTableData"
+                  @reset="fetchTableData"
+                  @keyup.enter="() => fetchTableData()">
       <!-- 配置项 -->
       <a-form-item field="keyName" label="配置项" label-col-flex="50px">
         <a-input v-model="formModel.keyName" placeholder="请输入配置项" allow-clear />
@@ -43,8 +43,9 @@
                         position="left"
                         type="warning"
                         @ok="doRefreshCache">
-            <a-button type="primary" status="warning"
-                      v-permission="['infra:dict-key:management:refresh-cache']">
+            <a-button v-permission="['infra:dict-key:management:refresh-cache']"
+                      type="primary"
+                      status="warning">
               刷新缓存
               <template #icon>
                 <icon-sync />
@@ -58,7 +59,6 @@
     <a-table row-key="id"
              class="table-wrapper-8"
              ref="tableRef"
-             label-align="left"
              :loading="loading"
              :columns="columns"
              :data="tableRenderData"

orion-ops-ui/src/views/system/dict-value/components/dict-value-table.vue

@@ -2,10 +2,10 @@
   <!-- 搜索 -->
   <a-card class="general-card table-search-card">
     <query-header :model="formModel"
-                    label-align="left"
-                    @submit="fetchTableData"
-                    @reset="resetForm"
-                    @keyup.enter="() => fetchTableData()">
+                  label-align="left"
+                  @submit="fetchTableData"
+                  @reset="resetForm"
+                  @keyup.enter="() => fetchTableData()">
       <!-- 配置项 -->
       <a-form-item field="keyId" label="配置项" label-col-flex="50px">
         <dict-key-selector v-model="formModel.keyId"
@@ -46,9 +46,9 @@
             </template>
           </a-button>
           <!-- 删除 -->
-          <a-popconfirm position="br"
+          <a-popconfirm :content="`确认删除选中的${selectedKeys.length}条记录吗?`"
+                        position="br"
                         type="warning"
-                        :content="`确认删除选中的${selectedKeys.length}条记录吗?`"
                         @ok="deleteSelectRows">
             <a-button v-permission="['infra:dict-value:delete']"
                       type="secondary"
@@ -67,7 +67,6 @@
     <a-table row-key="id"
              class="table-wrapper-8"
              ref="tableRef"
-             label-align="left"
              :loading="loading"
              :columns="columns"
              v-model:selected-keys="selectedKeys"

orion-ops-ui/src/views/system/menu/components/menu-table.vue

@@ -66,8 +66,9 @@
                         position="left"
                         type="warning"
                         @ok="doRefreshCache">
-            <a-button type="primary" status="warning"
-                      v-permission="['infra:system-menu:management:refresh-cache']">
+            <a-button v-permission="['infra:system-menu:management:refresh-cache']"
+                      type="primary"
+                      status="warning">
               刷新缓存
               <template #icon>
                 <icon-sync />
@@ -83,7 +84,6 @@
     <a-table row-key="id"
              class="table-wrapper-16"
              ref="tableRef"
-             label-align="left"
              :loading="fetchLoading"
              :pagination="false"
              :columns="columns"
@@ -162,9 +162,10 @@
                         position="left"
                         type="warning"
                         @ok="doDeleteMenu(record)">
-            <a-button type="text" size="mini"
-                      status="danger"
-                      v-permission="['infra:system-menu:delete']">
+            <a-button v-permission="['infra:system-menu:delete']"
+                      type="text"
+                      size="mini"
+                      status="danger">
               删除
             </a-button>
           </a-popconfirm>

orion-ops-ui/src/views/user/operator-log/components/operator-log-query-header.vue

@@ -1,10 +1,10 @@
 <template>
   <query-header :model="formModel"
-                  label-align="left"
-                  :itemOptions="{ [visibleUser ? 5 : 4]: { span: 2 } }"
-                  @submit="submit"
-                  @reset="submit"
-                  @keyup.enter="submit">
+                label-align="left"
+                :itemOptions="{ [visibleUser ? 5 : 4]: { span: 2 } }"
+                @submit="submit"
+                @reset="submit"
+                @keyup.enter="submit">
     <!-- 操作用户 -->
     <a-form-item v-if="visibleUser"
                  field="userId"

orion-ops-ui/src/views/user/operator-log/components/operator-log-table.vue

@@ -2,7 +2,6 @@
   <a-table row-key="id"
            class="table-wrapper-8"
            ref="tableRef"
-           label-align="left"
            :loading="loading"
            :columns="tableColumns"
            :data="tableRenderData"
@@ -39,7 +38,9 @@
     <template #handle="{ record }">
       <div class="table-handle-wrapper">
         <!-- 详情 -->
-        <a-button type="text" size="mini" @click="viewDetail(record)">
+        <a-button type="text"
+                  size="mini"
+                  @click="viewDetail(record)">
           详情
         </a-button>
       </div>

orion-ops-ui/src/views/user/role/components/role-table.vue

@@ -2,10 +2,10 @@
   <!-- 搜索 -->
   <a-card class="general-card table-search-card">
     <query-header :model="formModel"
-                    label-align="left"
-                    @submit="fetchTableData"
-                    @reset="fetchTableData"
-                    @keyup.enter="() => fetchTableData()">
+                  label-align="left"
+                  @submit="fetchTableData"
+                  @reset="fetchTableData"
+                  @keyup.enter="() => fetchTableData()">
       <!-- 角色名称 -->
       <a-form-item field="name" label="角色名称" label-col-flex="50px">
         <a-input v-model="formModel.name" placeholder="请输入角色名称" allow-clear />
@@ -52,7 +52,6 @@
     <a-table row-key="id"
              class="table-wrapper-8"
              ref="tableRef"
-             label-align="left"
              :loading="loading"
              :columns="columns"
              :data="tableRenderData"

orion-ops-ui/src/views/user/user/components/user-table.vue

@@ -2,10 +2,10 @@
   <!-- 搜索 -->
   <a-card class="general-card table-search-card">
     <query-header :model="formModel"
-                    label-align="left"
-                    @submit="fetchTableData"
-                    @reset="fetchTableData"
-                    @keyup.enter="() => fetchTableData()">
+                  label-align="left"
+                  @submit="fetchTableData"
+                  @reset="fetchTableData"
+                  @keyup.enter="() => fetchTableData()">
       <!-- id -->
       <a-form-item field="id" label="id" label-col-flex="50px">
         <a-input-number v-model="formModel.id"
@@ -67,7 +67,6 @@
     <a-table row-key="id"
              class="table-wrapper-8"
              ref="tableRef"
-             label-align="left"
              :loading="loading"
              :columns="columns"
              :data="tableRenderData"
@@ -92,10 +91,10 @@
                         position="left"
                         type="warning"
                         @ok="updateStatus(record)">
-            <a-button type="text"
+            <a-button v-permission="['infra:system-user:update-status']"
+                      type="text"
                       size="mini"
-                      :disabled="record.id === userStore.id"
-                      v-permission="['infra:system-user:update-status']">
+                      :disabled="record.id === userStore.id">
               {{
                 UserStatus.ENABLED === record.status
                   ? getDictValue(userStatusKey, UserStatus.DISABLED)
@@ -137,10 +136,11 @@
                         position="left"
                         type="warning"
                         @ok="deleteRow(record)">
-            <a-button type="text" size="mini"
+            <a-button v-permission="['infra:system-user:delete']"
+                      type="text"
+                      size="mini"
                       status="danger"
-                      :disabled="record.id === userStore.id"
-                      v-permission="['infra:system-user:delete']">
+                      :disabled="record.id === userStore.id">
               删除
             </a-button>
           </a-popconfirm>