修改表格结构.

orion-ops-launch/src/main/resources/templates/orion-vue-views-components-table.vue.vm

@@ -36,12 +36,15 @@
   <!-- 表格 -->
   <a-card class="general-card table-card">
     <template #title>
-      <!-- 左侧标题 -->
-      <div class="table-title">
-        ${table.comment}列表
+      <!-- 左侧操作 -->
+      <div class="table-left-bar-handle">
+        <!-- 标题 -->
+        <div class="table-title">
+          ${table.comment}列表
+        </div>
       </div>
-      <!-- 右侧按钮 -->
-      <div class="table-bar-handle">
+      <!-- 右侧操作 -->
+      <div class="table-right-bar-handle">
         <a-space>
           <!-- 新增 -->
           <a-button type="primary"

orion-ops-launch/src/main/resources/templates/orion-vue-views-types-table.columns.ts.vm

@@ -13,7 +13,7 @@ const columns = [
     title: '${field.comment}',
     dataIndex: '${field.propertyName}',
     slotName: '${field.propertyName}',
-    align: 'center',
+    align: 'left',
     #if(${field.propertyType} == 'String')
     ellipsis: true,
     tooltip: true,

orion-ops-ui/src/assets/style/layout.less

@@ -15,7 +15,13 @@
   }
 }
 
-.table-bar-handle {
+.table-left-bar-handle {
+  display: flex;
+  align-items: center;
+  justify-content: start;
+}
+
+.table-right-bar-handle {
   display: flex;
   align-items: center;
   justify-content: end

orion-ops-ui/src/components/navbar/index.vue

@@ -21,7 +21,7 @@
     <div class="center-side">
       <Menu v-if="topMenu" />
     </div>
-    <!-- 右侧按钮 -->
+    <!-- 右侧操作 -->
     <ul class="right-side">
       <!-- 搜索 -->
       <li v-if="false">

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

@@ -29,12 +29,15 @@
   <!-- 表格 -->
   <a-card class="general-card table-card">
     <template #title>
-      <!-- 左侧标题 -->
-      <div class="table-title">
-        身份列表
+      <!-- 左侧操作 -->
+      <div class="table-left-bar-handle">
+        <!-- 标题 -->
+        <div class="table-title">
+          身份列表
+        </div>
       </div>
-      <!-- 右侧按钮 -->
-      <div class="table-bar-handle">
+      <!-- 右侧操作 -->
+      <div class="table-right-bar-handle">
         <a-space>
           <!-- 新增 -->
           <a-button type="primary"

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

@@ -21,12 +21,15 @@
   <!-- 表格 -->
   <a-card class="general-card table-card">
     <template #title>
-      <!-- 左侧标题 -->
-      <div class="table-title">
-        秘钥列表
+      <!-- 左侧操作 -->
+      <div class="table-left-bar-handle">
+        <!-- 标题 -->
+        <div class="table-title">
+          秘钥列表
+        </div>
       </div>
-      <!-- 右侧按钮 -->
-      <div class="table-bar-handle">
+      <!-- 右侧操作 -->
+      <div class="table-right-bar-handle">
         <a-space>
           <!-- 新增 -->
           <a-button type="primary"

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

@@ -39,12 +39,15 @@
   <!-- 表格 -->
   <a-card class="general-card table-card">
     <template #title>
-      <!-- 左侧标题 -->
-      <div class="table-title">
-        主机列表
+      <!-- 左侧操作 -->
+      <div class="table-left-bar-handle">
+        <!-- 标题 -->
+        <div class="table-title">
+          主机列表
+        </div>
       </div>
-      <!-- 右侧按钮 -->
-      <div class="table-bar-handle">
+      <!-- 右侧操作 -->
+      <div class="table-right-bar-handle">
         <a-space>
           <!-- 仅看收藏 -->
           <a-checkbox v-model="formModel.favorite" @change="fetchTableData()">

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

@@ -28,7 +28,7 @@
         </a-form>
       </a-col>
       <!-- 操作 -->
-      <a-col :span="12" class="table-bar-handle">
+      <a-col :span="12" class="table-right-bar-handle">
         <a-space>
           <!-- 新增 -->
           <a-button type="primary"

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

@@ -25,12 +25,15 @@
   <!-- 表格 -->
   <a-card class="general-card table-card">
     <template #title>
-      <!-- 左侧标题 -->
-      <div class="table-title">
-        角色列表
+      <!-- 左侧操作 -->
+      <div class="table-left-bar-handle">
+        <!-- 标题 -->
+        <div class="table-title">
+          角色列表
+        </div>
       </div>
-      <!-- 右侧按钮 -->
-      <div class="table-bar-handle">
+      <!-- 右侧操作 -->
+      <div class="table-right-bar-handle">
         <a-space>
           <!-- 新增 -->
           <a-button type="primary"

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

@@ -40,12 +40,15 @@
   <!-- 表格 -->
   <a-card class="general-card table-card">
     <template #title>
-      <!-- 左侧标题 -->
-      <div class="table-title">
-        用户列表
+      <!-- 左侧操作 -->
+      <div class="table-left-bar-handle">
+        <!-- 标题 -->
+        <div class="table-title">
+          用户列表
+        </div>
       </div>
-      <!-- 右侧按钮 -->
-      <div class="table-bar-handle">
+      <!-- 右侧操作 -->
+      <div class="table-right-bar-handle">
         <a-space>
           <!-- 新增 -->
           <a-button type="primary"

orion-ops-ui/src/views/user/user/types/form.rules.ts

@@ -8,7 +8,7 @@ export const username = [{
   message: '用户名长度不能大于32位'
 }, {
   match: /^[a-zA-Z0-9]{4,32}$/,
-  message: '用户名只能是 4-32 位的数字以及字母'
+  message: '用户名需要为 4-32 位的数字以及字母'
 }] as FieldRule[];
 
 export const password = [{