feat(CuteEditTable): 添加表格新增行功能并优化输入组件

- 为表格添加新增行按钮，支持动态添加数据行
- 为输入框和选择器添加占位符提示文本
- 修复表格高度计算逻辑，统一使用height属性
- 为schema属性添加默认值空数组

cutejava-front/src/views/components/dev/CuteEditTable.vue

@@ -5,40 +5,60 @@
  * @created 2026-02-01
  -->
 <template>
-  <el-table
+  <div>
-    ref="table"
+    <el-table
-    stripe
+      ref="table"
-    empty-text="暂无数据"
+      stripe
-    :row-key="primaryKey"
+      empty-text="暂无数据"
-    fit
+      :row-key="primaryKey"
-    :data="dataSource"
+      fit
-    style="width: 100%;"
+      :data="dataSource"
-    :height="height"
+      style="width: 100%;"
-    :max-height="height"
+      :height="height"
-    highlight-current-row
+      :max-height="height"
-  >
+      highlight-current-row
-    <el-table-column type="index" width="70" />
+    >
-    <el-table-column v-for="item in schema" :key="item[primaryKey]" :prop="item.name" :label="item.title">
+      <el-table-column type="index" width="70" />
-      <template slot-scope="scope">
+      <el-table-column v-for="item in schema" :key="item[primaryKey]" :prop="item.name" :label="item.title">
-        <el-input v-if="item.type === 'input'" v-model="scope.row[item.name]" @input="(val) => onRowChange(val, scope.$index, item.name)" />
+        <template slot-scope="scope">
-        <el-select v-if="item.type === 'select'" v-model="scope.row[item.name]" @change="(val) => onRowChange(val, scope.$index, item.name)">
+          <el-input
-          <el-option
+            v-if="item.type === 'input'"
-            v-for="option in (item.dataSource || [])"
+            v-model="scope.row[item.name]"
-            :key="option.value"
+            :placeholder="`请输入${item.title}`"
-            :label="option.label"
+            @input="(val) => onRowChange(val, scope.$index, item.name)"
-            :value="option.value"
           />
-        </el-select>
+          <el-select
-      </template>
+            v-if="item.type === 'select'"
-    </el-table-column>
+            v-model="scope.row[item.name]"
-    <el-table-column>
+            :placeholder="`请选择${item.title}`"
-      <template slot-scope="scope">
+            @change="(val) => onRowChange(val, scope.$index, item.name)"
-        <el-button type="text" size="small" @click="onRowRemove(scope.$index)">删除</el-button>
+          >
-        <el-button type="text" size="small" :disabled="scope.$index < 1" @click="onRowUpMove(scope.$index)">上移</el-button>
+            <el-option
-        <el-button type="text" size="small" :disabled="scope.$index + 1 >= dataSource.length" @click="onRowDownMove(scope.$index)">下移</el-button>
+              v-for="option in (item.dataSource || [])"
-      </template>
+              :key="option.value"
-    </el-table-column>
+              :label="option.label"
-  </el-table>
+              :value="option.value"
+            />
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column>
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="onRowRemove(scope.$index)">删除</el-button>
+          <el-button type="text" size="small" :disabled="scope.$index < 1" @click="onRowUpMove(scope.$index)">上移
+          </el-button>
+          <el-button
+            type="text"
+            size="small"
+            :disabled="scope.$index + 1 >= dataSource.length"
+            @click="onRowDownMove(scope.$index)"
+          >下移
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-button size="small" plain icon="el-icon-plus" style="width: 100%" @click="onRowAddClick">新增一行数据</el-button>
+  </div>
 </template>
 
 <script>
@@ -68,15 +88,18 @@ export default {
      */
     schema: {
       type: Array,
-      require: true
+      require: true,
+      default: function() {
+        return []
+      }
     },
     /**
-     * 自定义高度
+     * 表格高度
      */
-    customHeight: {
+    height: {
       type: Number,
       required: false,
-      default: null
+      default: 240
     }
   },
   data() {
@@ -84,14 +107,6 @@ export default {
       dataSource: []
     }
   },
-  computed: {
-    height() {
-      if (this.customHeight) {
-        return this.customHeight
-      }
-      return document.documentElement.clientHeight - 300
-    }
-  },
   mounted() {
     if (this.value && this.value.length > 0) {
       this.dataSource = this.value
@@ -140,7 +155,6 @@ export default {
      * @param index
      */
     onRowDownMove(index) {
-      console.log('=====onRowDownMove1', index)
       if (index >= this.dataSource.length - 1) {
         return
       }
@@ -150,6 +164,19 @@ export default {
       dataSource[index + 1] = temp
       this.dataSource = [...dataSource]
       this.$emit('input', this.dataSource)
+    },
+    /**
+     * 当添加数据按钮被点击
+     */
+    onRowAddClick() {
+      const dataSource = this.dataSource
+      const schema = this.schema
+      const newObj = {}
+      for (const element of schema) {
+        newObj[element.name] = null
+      }
+      dataSource.push(newObj)
+      this.dataSource = [...dataSource]
     }
   }
 }