浏览代码

feat(table): add labelWidth support for table search form items

1. 新增表格列配置的labelWidth属性,用于自定义搜索表单项的标签宽度
2. 为压力接单页面的设备码搜索项配置自定义标签宽度
3. 调整任务单页面的搜索表单全局标签宽度与搜索项文案
xuzhancheng 3 周之前
父节点
当前提交
13b4b3ebce

+ 1 - 0
yudao-ui-admin-vue3/src/components/SmartTable/SmartTable.tsx

@@ -227,6 +227,7 @@ export default defineComponent({
                         <ElFormItem
                           label={col.search?.label || col.label}
                           prop={col.search?.prop || col.prop}
+                          label-width={col.search?.labelWidth}
                         >
                           {renderSearchItem(col)}
                         </ElFormItem>

+ 1 - 0
yudao-ui-admin-vue3/src/types/table.d.ts

@@ -63,6 +63,7 @@ export type SmartTableColumn = {
     sort?: number
     label?: string
     prop?: string
+    labelWidth?: string
     fieldProps?: {
       disabled?: boolean
       placeholder?: string

+ 3 - 2
yudao-ui-admin-vue3/src/views/pressure/acceptorder/index.vue

@@ -147,12 +147,13 @@ import { PressureEquipMainTypeMap, allCheckTypeMap } from '@/utils/constants'
       render: (row, value) => <el-button link type="primary" onClick={() => handleOpenDetail(row)}>{ value || '-'}</el-button>
     },
     {
-      label: '设备注册代码',
+      label: '设备注册代码/工程号',
       prop: 'equipCode',
       width: 140,
       hidden: true,
       search: {
-        type: 'input'
+        type: 'input',
+        labelWidth: '160px'
       },
     },
     {

+ 3 - 3
yudao-ui-admin-vue3/src/views/pressure/taskorder/index.vue

@@ -6,7 +6,7 @@
       :model="queryParams"
       ref="queryFormRef"
       :inline="true"
-      label-width="100px"
+      label-width="120px"
     >
       <el-form-item label="任务单号" prop="orderNo">
         <el-input
@@ -26,10 +26,10 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item label="设备注册代码" prop="equipCode">
+      <el-form-item label="设备代码/工程号" prop="equipCode">
         <el-input
           v-model="queryParams.equipCode"
-          placeholder="请输入设备注册代码"
+          placeholder="请输入设备代码/工程号"
           clearable
           @keyup.enter="handleQuery"
           class="!w-240px"