vue2-client 1.17.39 → 1.17.41

package/src/base-client/components/common/XForm/XFormItem.vue

@@ -26,7 +26,8 @@
           @blur="mode !== '查询' && attr.inputOnBlurFunc && emitFunc(attr.inputOnBlurFunc,attr)"
           @keyup.enter="mode !== '查询' && attr.inputOnEnterFunc && emitFunc(attr.inputOnEnterFunc, attr)"
           :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-          :ref="`${attr.model}input`"/>
+          :ref="rowIndex !== undefined ? `${rowIndex}-${attr.model}input` : `${attr.model}input`"
+          :id="rowIndex !== undefined ? `${rowIndex}-${attr.model}input` : `${attr.model}input`"/>
         <a-button
           v-if="attr.inputOnAfterName && attr.inputOnAfterFunc && !attr.inputOnAfterName.includes('|')"
           style="width: auto; min-width: 4rem;max-width: 6rem"
@@ -61,7 +62,8 @@
         @keyup.enter="mode !== '查询' && attr.inputOnEnterFunc && emitFunc(attr.inputOnEnterFunc, attr)"
         :suffix="attr.inputSuffix && mode !== '新增' ? attr.inputSuffix : ''"
         :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-        :ref="`${attr.model}input`"/>
+        :ref="rowIndex !== undefined ? `${rowIndex}-${attr.model}input` : `${attr.model}input`"
+        :id="rowIndex !== undefined ? `${rowIndex}-${attr.model}input` : `${attr.model}input`"/>
       <a-input
         v-else
         v-model="form[attr.model]"
@@ -74,7 +76,8 @@
         @blur="mode !== '查询' && attr.inputOnBlurFunc && emitFunc(attr.inputOnBlurFunc,attr)"
         @keyup.enter="mode !== '查询' && attr.inputOnEnterFunc && emitFunc(attr.inputOnEnterFunc, attr)"
         :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-        :ref="`${attr.model}input`"/>
+        :ref="rowIndex !== undefined ? `${rowIndex}-${attr.model}input` : `${attr.model}input`"
+        :id="rowIndex !== undefined ? `${rowIndex}-${attr.model}input` : `${attr.model}input`"/>
     </a-form-model-item>
   </x-form-col>
   <!-- 下拉框 -->
@@ -666,7 +669,7 @@
         style="width:100%"
         @blur="attr.inputOnBlurFunc && emitFunc(attr.inputOnBlurFunc,attr)"
         :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-        :ref="`${attr.model}input`"/>
+        :ref="rowIndex !== undefined ? `${rowIndex}-${attr.model}input` : `${attr.model}input`"/>
       <x-license-plate
         v-else
         v-model="form[attr.model]"
@@ -884,6 +887,11 @@ export default {
         () => {
           return undefined
         }
+    },
+    // 行索引（行编辑模式下使用）
+    rowIndex: {
+      type: Number,
+      default: undefined
     }
   },
   provide () {

package/src/base-client/components/common/XFormTable/XFormTable.vue

@@ -68,6 +68,7 @@
             :externalSelectedRowKeys="externalSelectedRowKeys"
             :customPagination="customPagination"
             :hiddenFunctionalArea="hiddenFunctionalArea"
+            @x-form-item-emit-func="emitFunc"
             @add="add"
             @move="move"
             @edit="edit"
@@ -881,9 +882,9 @@ export default {
         callback()
       }
     },
-    emitFunc (func, data, value) {
-      this.$emit(func, data, value)
-      this.$emit('getEmitFuncData', func, data, value)
+    emitFunc (func, ...args) {
+      this.$emit(func, ...args)
+      this.$emit('getEmitFuncData', func, ...args)
     },
     // 直接转发事件的函数
     emitEvent (event, ...args) {

package/src/base-client/components/common/XFormTable/demo.vue

@@ -8,8 +8,10 @@
       @action="action"
       @selectRow="selectRow"
       @columnClick="columnClick"
+      @ceshi="ceshi"
       serviceName="af-revenue"
-      ref="xFormTable">
+      ref="xFormTable"
+    >
     </x-form-table>
   </a-card>
 </template>
@@ -21,7 +23,7 @@ import { microDispatch } from '@vue2-client/utils/microAppUtils'
 export default {
   name: 'Demo',
   components: {
-    XFormTable
+    XFormTable,
   },
   data () {
     return {
@@ -39,11 +41,35 @@ export default {
       selectedKeys: [],
       selected: {
         keys: [],
-        rows: []
-      }
+        rows: [],
+      },
     }
   },
   methods: {
+    // input框 行編輯參數傳遞
+    ceshi (...args) {
+      // attr, value, currentRecord, currentIndex, nextRecord, nextIndex
+      const [attr, value, currentRecord, currentIndex, nextRecord, nextIndex] =
+        args
+      console.log(
+        'ceshi',
+        attr,
+        value,
+        currentRecord,
+        currentIndex,
+        nextRecord,
+        nextIndex
+      )
+      // 示例：当按下 Enter 键且有下一行时，跳转到下一行的同一列
+      // 可以在这里执行业务逻辑（例如：保存数据）
+      console.log('当前行:', currentIndex, '下一行:', nextIndex)
+      if (!nextIndex) {
+        this.$message.warning('没有下一行')
+        return
+      }
+      // 跳转到下一行的同一列
+      this.$refs.xFormTable.$refs.xTable.focusInput(nextIndex, attr.model)
+    },
     test () {
       this.$refs.xFormTable.setTableData([])
     },
@@ -60,7 +86,7 @@ export default {
       microDispatch({
         type: 'v3route',
         path: '/bingliguanli/dianzibingliluru',
-        props: { selected: arguments[0].his_f_admission_id }
+        props: { selected: arguments[0].his_f_admission_id },
       })
     },
     action (record, id, actionType) {
@@ -75,7 +101,7 @@ export default {
     selectRow (selectedRowKeys, selectedRows) {
       this.selected = {
         keys: selectedRowKeys,
-        rows: selectedRows
+        rows: selectedRows,
       }
       console.log('selectedDemo', this.selected)
     },
@@ -84,6 +110,4 @@ export default {
 }
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/src/base-client/components/common/XTable/XTable.vue

@@ -715,6 +715,52 @@ export default {
       Object.assign(record, obj)
       this.$forceUpdate()
     },
+    /**
+     * 聚焦到指定行和字段的 input
+     * @param {Number} rowIndex 行索引
+     * @param {String} fieldName 字段名
+     */
+    focusInput (rowIndex, fieldName) {
+      this.$nextTick(() => {
+        // 构造 ID：{rowIndex}-{fieldName}input
+        const inputId = `${rowIndex}-${fieldName}input`
+
+        // 使用 ID 查找元素（因为 input 在子组件中，无法通过 this.$refs 访问）
+        const inputContainer = document.getElementById(inputId)
+
+        if (inputContainer) {
+          // 如果找到的是容器元素（Ant Design Vue 组件会包装一层），查找内部的 input
+          const inputElement = inputContainer.tagName === 'INPUT'
+            ? inputContainer
+            : inputContainer.querySelector('input')
+
+          if (inputElement) {
+            // 聚焦并选中文本
+            inputElement.focus()
+            // 延迟选中，确保焦点已经设置
+            this.$nextTick(() => {
+              if (inputElement.select) {
+                inputElement.select()
+              }
+            })
+          } else {
+            console.warn(`未找到实际的 input 元素，容器 ID: ${inputId}`)
+          }
+        } else {
+          console.warn(`未找到 input 元素，ID: ${inputId}`)
+        }
+      })
+    },
+    /**
+     * 处理表单项事件，向外抛出事件供开发者处理
+     * @param {Object} context 增强的上下文数据
+     */
+    handleFormItemEvent (context) {
+      const { func, attr, value, currentRecord, currentIndex, nextRecord, nextIndex } = context
+
+      // 向外抛出事件，参数顺序：func, attr, value, currentRecord, currentIndex, nextRecord, nextIndex
+      this.$emit('x-form-item-emit-func', func, attr, value, currentRecord, currentIndex, nextRecord, nextIndex)
+    },
     handleResize () {
       this.setScrollYHeight({})
     },

package/src/base-client/components/common/XTable/XTableWrapper.vue

@@ -41,8 +41,10 @@
           :env="tableContext.env"
           :setForm="(obj)=>tableContext.setForm(record,obj)"
           @rowChoose="(row, attr, callback) => tableContext.rowChoose(row, attr, callback, record)"
+          @x-form-item-emit-func="(func, attr, value) => handleFormItemEvent(func, attr, value, record, index)"
           :showLabel="false"
           :key="'editRow-' + c_index"
+          :row-index="index"
         />
       </template>
       <span v-else-if="item.slotType === 'rate'" :key="'rate-' + c_index">
@@ -178,8 +180,10 @@
           :env="tableContext.env"
           :setForm="(obj)=>tableContext.setForm(record,obj)"
           @rowChoose="(row, attr, callback) => tableContext.rowChoose(row, attr, callback, record)"
+          @x-form-item-emit-func="(func, attr, value) => handleFormItemEvent(func, attr, value, record, index)"
           :showLabel="false"
           :key="'editRow-' + c_index"
+          :row-index="index"
         />
       </template>
       <span v-else-if="item.slotType === 'rate'" :key="'rate-' + c_index">
@@ -596,6 +600,39 @@ export default {
         this.$set(record, dataIndex, data.value)
       }
     },
+    /**
+     * 处理表单项事件，增强事件数据
+     * @param {String} func 事件函数名
+     * @param {Object} attr 字段配置
+     * @param {*} value 字段值
+     * @param {Object} record 当前行数据
+     * @param {Number} index 当前行索引
+     */
+    handleFormItemEvent (func, attr, value, record, index) {
+      // 获取表格数据源
+      const dataSource = this.localDataSource || []
+
+      // 计算下一行的索引和数据
+      const nextIndex = index + 1
+      const nextRecord = nextIndex < dataSource.length ? dataSource[nextIndex] : null
+
+      // 构建增强的上下文数据
+      const enhancedContext = {
+        func,
+        attr,
+        value,
+        currentRecord: record,
+        currentIndex: index,
+        nextRecord,
+        nextIndex: nextRecord ? nextIndex : null,
+        tableContext: this.tableContext
+      }
+
+      // 调用 tableContext 的事件处理方法
+      if (this.tableContext && typeof this.tableContext.handleFormItemEvent === 'function') {
+        this.tableContext.handleFormItemEvent(enhancedContext)
+      }
+    }
   }
 }
 </script>