💄 修改表单宽度.

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

@@ -18,9 +18,7 @@
               :label-col-props="{ span: 5 }"
               :wrapper-col-props="{ span: 18 }">
         <!-- 操作用户 -->
-        <a-form-item field="userId"
-                     label="操作用户"
-        >
+        <a-form-item field="userId" label="操作用户">
           <user-selector v-model="formModel.userId"
                          placeholder="请选择操作用户"
                          allow-clear />
@@ -60,7 +58,6 @@
         <!-- 执行时间 -->
         <a-form-item field="startTimeRange" label="执行时间">
           <a-range-picker v-model="formModel.startTimeRange"
-                          style="width: 100%"
                           :time-picker-props="{ defaultValue: ['00:00:00', '23:59:59'] }"
                           show-time
                           format="YYYY-MM-DD HH:mm:ss" />

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

@@ -8,14 +8,13 @@
     <!-- 操作用户 -->
     <a-form-item v-if="visibleUser"
                  field="userId"
-                 label="操作用户"
-                 label-col-flex="50px">
+                 label="操作用户">
       <user-selector v-model="formModel.userId"
                      placeholder="请选择操作用户"
                      allow-clear />
     </a-form-item>
     <!-- 操作模块 -->
-    <a-form-item field="module" label="操作模块" label-col-flex="50px">
+    <a-form-item field="module" label="操作模块">
       <a-select v-model="formModel.module"
                 :options="toOptions(operatorLogModuleKey)"
                 :allow-search="true"
@@ -24,7 +23,7 @@
                 allow-clear />
     </a-form-item>
     <!-- 操作类型 -->
-    <a-form-item field="type" label="操作类型" label-col-flex="50px">
+    <a-form-item field="type" label="操作类型">
       <a-select v-model="formModel.type"
                 :options="typeOptions"
                 :allow-search="true"
@@ -33,23 +32,22 @@
                 allow-clear />
     </a-form-item>
     <!-- 风险等级 -->
-    <a-form-item field="riskLevel" label="风险等级" label-col-flex="50px">
+    <a-form-item field="riskLevel" label="风险等级">
       <a-select v-model="formModel.riskLevel"
                 :options="toOptions(operatorRiskLevelKey)"
                 placeholder="请选择风险等级"
                 allow-clear />
     </a-form-item>
     <!-- 执行结果 -->
-    <a-form-item field="result" label="执行结果" label-col-flex="50px">
+    <a-form-item field="result" label="执行结果">
       <a-select v-model="formModel.result"
                 :options="toOptions(operatorLogResultKey)"
                 placeholder="请选择执行结果"
                 allow-clear />
     </a-form-item>
     <!-- 执行时间 -->
-    <a-form-item field="startTimeRange" label="执行时间" label-col-flex="50px">
+    <a-form-item field="startTimeRange" label="执行时间">
       <a-range-picker v-model="formModel.startTimeRange"
-                      style="width: 100%"
                       :time-picker-props="{ defaultValue: ['00:00:00', '23:59:59'] }"
                       show-time
                       format="YYYY-MM-DD HH:mm:ss" />

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

@@ -7,15 +7,19 @@
                   @reset="fetchTableData"
                   @keyup.enter="() => fetchTableData()">
       <!-- 角色名称 -->
-      <a-form-item field="name" label="角色名称" label-col-flex="50px">
-        <a-input v-model="formModel.name" placeholder="请输入角色名称" allow-clear />
+      <a-form-item field="name" label="角色名称">
+        <a-input v-model="formModel.name"
+                 placeholder="请输入角色名称"
+                 allow-clear />
       </a-form-item>
       <!-- 角色编码 -->
-      <a-form-item field="code" label="角色编码" label-col-flex="50px">
-        <a-input v-model="formModel.code" placeholder="请输入角色编码" allow-clear />
+      <a-form-item field="code" label="角色编码">
+        <a-input v-model="formModel.code"
+                 placeholder="请输入角色编码"
+                 allow-clear />
       </a-form-item>
       <!-- 角色状态 -->
-      <a-form-item field="status" label="角色状态" label-col-flex="50px">
+      <a-form-item field="status" label="角色状态">
         <a-select v-model="formModel.status"
                   placeholder="请选择角色状态"
                   :options="toOptions(roleStatusKey)"

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

@@ -7,33 +7,33 @@
                   @reset="fetchTableData"
                   @keyup.enter="() => fetchTableData()">
       <!-- id -->
-      <a-form-item field="id" label="id" label-col-flex="50px">
+      <a-form-item field="id" label="id">
         <a-input-number v-model="formModel.id"
                         placeholder="请输入id"
                         allow-clear
                         hide-button />
       </a-form-item>
       <!-- 用户名 -->
-      <a-form-item field="username" label="用户名" label-col-flex="50px">
+      <a-form-item field="username" label="用户名">
         <a-input v-model="formModel.username" placeholder="请输入用户名" allow-clear />
       </a-form-item>
       <!-- 花名 -->
-      <a-form-item field="nickname" label="花名" label-col-flex="50px">
+      <a-form-item field="nickname" label="花名">
         <a-input v-model="formModel.nickname" placeholder="请输入花名" allow-clear />
       </a-form-item>
       <!-- 用户状态 -->
-      <a-form-item field="status" label="用户状态" label-col-flex="50px">
+      <a-form-item field="status" label="用户状态">
         <a-select v-model="formModel.status"
                   :options="toOptions(userStatusKey)"
                   placeholder="请选择用户状态"
                   allow-clear />
       </a-form-item>
       <!-- 手机号 -->
-      <a-form-item field="mobile" label="手机号" label-col-flex="50px">
+      <a-form-item field="mobile" label="手机号">
         <a-input v-model="formModel.mobile" placeholder="请输入手机号" allow-clear />
       </a-form-item>
       <!-- 邮箱 -->
-      <a-form-item field="email" label="邮箱" label-col-flex="50px">
+      <a-form-item field="email" label="邮箱">
         <a-input v-model="formModel.email" placeholder="请输入邮箱" allow-clear />
       </a-form-item>
     </query-header>