Commit 6ce66876e7d10a39909c70b55cdfe48bd10378de
1 parent
3d7ab5e9
fix(paramsTable.vue): 修复参数表格不能同步删除数据
Showing
2 changed files
with
8 additions
and
9 deletions
| @@ -124,7 +124,7 @@ const props = withDefaults( | @@ -124,7 +124,7 @@ const props = withDefaults( | ||
| 124 | maxRow: 50, | 124 | maxRow: 50, | 
| 125 | } | 125 | } | 
| 126 | ) | 126 | ) | 
| 127 | - | 127 | + | 
| 128 | 128 | ||
| 129 | const emit = defineEmits(['update:value']) | 129 | const emit = defineEmits(['update:value']) | 
| 130 | 130 | ||
| @@ -143,7 +143,7 @@ watch( | @@ -143,7 +143,7 @@ watch( | ||
| 143 | dataSource.value = Object.keys(props.value || {}).map(keyName => ({ ...createNewRow(), keyName, value: Reflect.get(props.value || {}, keyName) })) | 143 | dataSource.value = Object.keys(props.value || {}).map(keyName => ({ ...createNewRow(), keyName, value: Reflect.get(props.value || {}, keyName) })) | 
| 144 | } else { | 144 | } else { | 
| 145 | dataSource.value = [createNewRow()] | 145 | dataSource.value = [createNewRow()] | 
| 146 | - } | 146 | + } | 
| 147 | }, | 147 | }, | 
| 148 | { | 148 | { | 
| 149 | immediate: true, | 149 | immediate: true, | 
| @@ -167,11 +167,11 @@ const handleAddRow = (record: DataSource) => { | @@ -167,11 +167,11 @@ const handleAddRow = (record: DataSource) => { | ||
| 167 | const handleSubtractRow = (record: DataSource) => { | 167 | const handleSubtractRow = (record: DataSource) => { | 
| 168 | const index = unref(dataSource).findIndex(item => item.id === record.id) | 168 | const index = unref(dataSource).findIndex(item => item.id === record.id) | 
| 169 | if (unref(dataSource).length === 1) { | 169 | if (unref(dataSource).length === 1) { | 
| 170 | - unref(dataSource)[index].keyName = '' | ||
| 171 | - unref(dataSource)[index].value = '' | ||
| 172 | - return | 170 | + emit('update:value', {}) | 
| 171 | + } else { | ||
| 172 | + unref(dataSource).splice(index, 1) | ||
| 173 | + emit('update:value', getHeaderConfiguration()) | ||
| 173 | } | 174 | } | 
| 174 | - unref(dataSource).splice(index, 1) | ||
| 175 | } | 175 | } | 
| 176 | 176 | ||
| 177 | 177 | ||
| @@ -194,5 +194,5 @@ const getHeaderConfiguration = () => { | @@ -194,5 +194,5 @@ const getHeaderConfiguration = () => { | ||
| 194 | </script> | 194 | </script> | 
| 195 | 195 | ||
| 196 | <template> | 196 | <template> | 
| 197 | - <NDataTable size="small" :columns="columns" :data="dataSource" max-height="300" /> | 197 | + <NDataTable size="small" :columns="columns" :row-key="rowData => rowData.id" :data="dataSource" max-height="300" /> | 
| 198 | </template> | 198 | </template> | 
| @@ -69,8 +69,7 @@ const getResult = () => { | @@ -69,8 +69,7 @@ const getResult = () => { | ||
| 69 | 69 | ||
| 70 | const handleSaveAction = async () => { | 70 | const handleSaveAction = async () => { | 
| 71 | if (!(await validate())) return | 71 | if (!(await validate())) return | 
| 72 | - const value = getResult() | ||
| 73 | - console.log(value) | 72 | + const value = getResult() | 
| 74 | if (unref(selectTarget)) { | 73 | if (unref(selectTarget)) { | 
| 75 | chartEditStore.updateComponentList(chartEditStore.fetchTargetIndex(), { | 74 | chartEditStore.updateComponentList(chartEditStore.fetchTargetIndex(), { | 
| 76 | ...unref(selectTarget)!, | 75 | ...unref(selectTarget)!, |