From c31958d0b7350fc1dc156defb955d4d15257b18b Mon Sep 17 00:00:00 2001
From: sc <shencheng@heronshn.com>
Date: Fri, 17 Feb 2023 10:43:41 +0800
Subject: [PATCH] =?UTF-8?q?UP=20scFormTable=201.3=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=A4=96=E9=83=A8=E6=96=B0=E5=A2=9E=E5=88=A0=E9=99=A4=E6=96=B9?=
 =?UTF-8?q?=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/scFormTable/index.vue | 13 +++++++++++--
 src/views/vab/formtable.vue          | 19 ++++++++++++++++++-
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/components/scFormTable/index.vue b/src/components/scFormTable/index.vue
index 4846457c..cb44888f 100644
--- a/src/components/scFormTable/index.vue
+++ b/src/components/scFormTable/index.vue
@@ -1,10 +1,10 @@
 <!--
  * @Descripttion: 表单表格
- * @version: 1.2
+ * @version: 1.3
  * @Author: sakuya
  * @Date: 2023年2月9日12:32:26
  * @LastEditors: sakuya
- * @LastEditTime: 2023年2月17日09:52:24
+ * @LastEditTime: 2023年2月17日10:41:47
 -->
 
 <template>
@@ -98,6 +98,15 @@
 			},
 			rowDel(row, index){
 				this.data.splice(index, 1)
+			},
+			//插入行
+			pushRow(row){
+				const temp = row || JSON.parse(JSON.stringify(this.addTemplate))
+				this.data.push(temp)
+			},
+			//根据index删除
+			deleteRow(index){
+				this.data.splice(index, 1)
 			}
 		}
 	}
diff --git a/src/views/vab/formtable.vue b/src/views/vab/formtable.vue
index 41621ca8..74181d95 100644
--- a/src/views/vab/formtable.vue
+++ b/src/views/vab/formtable.vue
@@ -8,7 +8,7 @@
 					<el-input v-model="form.title"></el-input>
 				</el-form-item>
 				<el-form-item label="表格" prop="list">
-					<sc-form-table v-model="form.list" :addTemplate="addTemplate" drag-sort placeholder="暂无数据">
+					<sc-form-table ref="table" v-model="form.list" :addTemplate="addTemplate" drag-sort placeholder="暂无数据">
 						<el-table-column prop="time" label="时间" width="180">
 							<template #default="scope">
 								<el-time-select v-model="scope.row.time"></el-time-select>
@@ -44,6 +44,10 @@
 				</el-form-item>
 			</el-form>
 		</el-card>
+		<el-card shadow="never" header="方法" style="margin-top: 15px;">
+			<el-button type="primary" @click="pushRow">外部插入行</el-button>
+			<el-button type="primary" @click="deleteRow">外部删除第一行</el-button>
+		</el-card>
 	</el-main>
 </template>
 
@@ -108,6 +112,19 @@
 			},
 			resetForm(){
 				this.$refs.ruleForm.resetFields();
+			},
+			pushRow(){
+				const data = {
+					time: '18:00',
+					type: '1',
+					val: '0',
+					open: true,
+					checked: true
+				}
+				this.$refs.table.pushRow(data)
+			},
+			deleteRow(){
+				this.$refs.table.deleteRow(0)
 			}
 		}
 	}