选择一条数据之后,回显应该按照表单的值回显

This commit is contained in:
任珮宇 2023-11-10 18:37:44 +08:00
parent d31a12b8e4
commit e0dfaf9ce9
3 changed files with 57 additions and 12 deletions

View File

@ -22,10 +22,10 @@
}"
>
<a-form-model-item label="Energy">
<a-input type="number" v-model="model.energy"></a-input>
<a-input type="number" v-model="model.energy" @change="handleChannelChange"></a-input>
</a-form-model-item>
<a-form-model-item label="Efficiency">
<a-input type="number" v-model="model.efficiency"></a-input>
<a-input type="number" v-model="model.efficiency" @change="handleEnergyChange"></a-input>
</a-form-model-item>
<a-form-model-item :label="' '">
<a-button type="primary" @click="handleInsert">Insert</a-button>
@ -257,6 +257,7 @@ export default {
option: cloneDeep(initialOption),
selectedRowKeys: [],
model: {},
emptyModal: {},
currSelectedDataSource: '',
appliedDataSource: '',
opts: {
@ -356,6 +357,9 @@ export default {
//
handleRowClick(row) {
this.model = cloneDeep(row)
this.model.channel = parseFloat(Number(this.model.channel).toPrecision(6))
this.model.energy = parseFloat(Number(this.model.energy).toPrecision(6))
this.emptyModal = cloneDeep(row)
},
//
@ -404,12 +408,23 @@ export default {
item.id = index
})
},
handleChannelChange(e) {
if (e.target.value != parseFloat(Number(this.emptyModal.channel).toPrecision(6))) {
this.emptyModal.channel = e.target.value
}
},
handleEnergyChange(e) {
console.log(e.target.value)
if (e.target.value != parseFloat(Number(this.emptyModal.energy).toPrecision(6))) {
this.emptyModal.energy = e.target.value
}
},
//
handleModify() {
if (this.selectedRowKeys.length) {
const energy = parseFloat(this.model.energy)
const efficiency = parseFloat(this.model.efficiency)
const energy = parseFloat(this.emptyModal.energy)
const efficiency = parseFloat(this.emptyModal.efficiency)
if (Number.isNaN(energy) || Number.isNaN(efficiency)) {
this.$message.warn('Format is invalid.')

View File

@ -22,10 +22,10 @@
}"
>
<a-form-model-item label="Channel">
<a-input type="number" v-model="model.channel"></a-input>
<a-input type="number" v-model="model.channel" @change="handleChannelChange"></a-input>
</a-form-model-item>
<a-form-model-item label="Energy">
<a-input type="number" v-model="model.energy"></a-input>
<a-input type="number" v-model="model.energy" @change="handleEnergyChange"></a-input>
</a-form-model-item>
<a-form-model-item :label="' '">
<a-button type="primary" @click="handleInsert">Insert</a-button>
@ -219,6 +219,7 @@ export default {
option: cloneDeep(initialOption),
selectedRowKeys: [],
model: {},
emptyModal: {},
currSelectedDataSource: '',
appliedDataSource: '',
opts: {
@ -317,6 +318,9 @@ export default {
//
handleRowClick(row) {
this.model = cloneDeep(row)
this.model.channel = parseFloat(Number(this.model.channel).toPrecision(6))
this.model.energy = parseFloat(Number(this.model.energy).toPrecision(6))
this.emptyModal = cloneDeep(row)
},
//
@ -365,12 +369,23 @@ export default {
item.id = index
})
},
handleChannelChange(e) {
if (e.target.value != parseFloat(Number(this.emptyModal.channel).toPrecision(6))) {
this.emptyModal.channel = e.target.value
}
},
handleEnergyChange(e) {
console.log(e.target.value)
if (e.target.value != parseFloat(Number(this.emptyModal.energy).toPrecision(6))) {
this.emptyModal.energy = e.target.value
}
},
//
handleModify() {
if (this.selectedRowKeys.length) {
const centroid = parseFloat(this.model.channel)
const energy = parseFloat(this.model.energy)
const centroid = parseFloat(this.emptyModal.channel)
const energy = parseFloat(this.emptyModal.energy)
if (Number.isNaN(centroid) || Number.isNaN(energy)) {
this.$message.warn('Format is invalid.')

View File

@ -22,10 +22,10 @@
}"
>
<a-form-model-item label="Energy">
<a-input type="number" v-model="model.energy"></a-input>
<a-input type="number" v-model="model.energy" @change="handleChannelChange"></a-input>
</a-form-model-item>
<a-form-model-item label="FWHM">
<a-input type="number" v-model="model.fwhm"></a-input>
<a-input type="number" v-model="model.fwhm" @change="handleEnergyChange"></a-input>
</a-form-model-item>
<a-form-model-item :label="' '">
<a-button type="primary" @click="handleInsert">Insert</a-button>
@ -219,6 +219,7 @@ export default {
option: cloneDeep(initialOption),
selectedRowKeys: [],
model: {},
emptyModal: {},
currSelectedDataSource: '',
appliedDataSource: '',
opts: {
@ -316,6 +317,9 @@ export default {
//
handleRowClick(row) {
this.model = cloneDeep(row)
this.model.channel = parseFloat(Number(this.model.channel).toPrecision(6))
this.model.energy = parseFloat(Number(this.model.energy).toPrecision(6))
this.emptyModal = cloneDeep(row)
},
//
@ -364,12 +368,23 @@ export default {
item.id = index
})
},
handleChannelChange(e) {
if (e.target.value != parseFloat(Number(this.emptyModal.channel).toPrecision(6))) {
this.emptyModal.channel = e.target.value
}
},
handleEnergyChange(e) {
console.log(e.target.value)
if (e.target.value != parseFloat(Number(this.emptyModal.energy).toPrecision(6))) {
this.emptyModal.energy = e.target.value
}
},
//
handleModify() {
if (this.selectedRowKeys.length) {
const energy = parseFloat(this.model.energy)
const fwhm = parseFloat(this.model.fwhm)
const energy = parseFloat(this.emptyModal.energy)
const fwhm = parseFloat(this.emptyModal.fwhm)
if (Number.isNaN(energy) || Number.isNaN(fwhm)) {
this.$message.warn('Format is invalid.')