试验容器，动态字段表单

src/views/other/first-item.vue

@@ -655,7 +655,6 @@ const showReportFinish = () => {
     showReportModal.value = false
 }
 
-
 //打印
 const printLoading = ref(false)
 const batchPrint = async () => {

src/views/tentative/parameter/container.vue

@@ -75,7 +75,7 @@
                 <el-form-item label="试验容器名称">
                     <el-input v-model="addEditNodeFormModel.key1" placeholder="请输入试验容器名称"/>
                 </el-form-item>
-                <template v-for="item in addEditNodeData">
+                <template v-for="(item, index) in addEditNodeData">
                     <div class="hc-form-item">
                         <el-form-item class="w-32" label="数据类型" style="flex: initial;">
                             <el-select v-model="item.type" block>
@@ -87,7 +87,7 @@
                             <template #label>
                                 <div class="solt-label">字段名</div>
                                 <div class="solt-extra">
-                                    <el-button type="primary" plain size="small">删除当前行</el-button>
+                                    <el-button type="primary" plain size="small" @click="addEditNodeDataDel(index)">删除当前行</el-button>
                                 </div>
                             </template>
                             <el-input v-model="item.name" block/>
@@ -96,7 +96,7 @@
                 </template>
             </el-form>
             <template #leftRowFooter>
-                <el-button size="large">
+                <el-button size="large" @click="addEditNodeDataAdd">
                     <HcIcon name="add"/>
                     <span>加字段</span>
                 </el-button>
@@ -365,6 +365,14 @@ const addEditNodeData = ref([
     {type: 2, name: ''},
 ])
 
+//加字段
+const addEditNodeDataAdd = () => {
+    addEditNodeData.value.push({type: 1, name: ''})
+}
+//删除当前行
+const addEditNodeDataDel = (index) => {
+    addEditNodeData.value.splice(index, 1);
+}