feat: Nuclide Library的Name输入框改为只读,Energy输入框改为只允许数字类型,阻止相关输入框的键盘事件

This commit is contained in:
Xu Zhimeng 2025-02-13 11:19:42 +08:00
parent b02bb5490f
commit f3814d235f
2 changed files with 6 additions and 4 deletions

View File

@ -58,7 +58,7 @@
<div class="nuclide-library-settings-main"> <div class="nuclide-library-settings-main">
<a-form-model layout="inline"> <a-form-model layout="inline">
<a-form-model-item label="Name"> <a-form-model-item label="Name">
<a-input v-model="model.nuclideName"></a-input> <a-input v-model="model.nuclideName" readOnly></a-input>
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="Half Life"> <a-form-model-item label="Half Life">
{{ nuclideInfo.lab_halfLife }} {{ nuclideInfo.lab_halfLife }}
@ -88,13 +88,14 @@
<div class="nuclide-library-settings-operation"> <div class="nuclide-library-settings-operation">
<a-space :size="10"> <a-space :size="10">
<span> Energy: </span> <span> Energy: </span>
<a-input v-model="model.editEnergy"></a-input> <a-input v-model="model.editEnergy" type="number" @keyup.stop></a-input>
<a-input-number <a-input-number
v-model="model.err" v-model="model.err"
:min="0" :min="0"
:step="0.5" :step="0.5"
:precision="2" :precision="2"
@blur="handleErrInputBlur" @blur="handleErrInputBlur"
@keyup.stop
></a-input-number> ></a-input-number>
<a-button type="primary" @click="handleSearch">Search</a-button> <a-button type="primary" @click="handleSearch">Search</a-button>
</a-space> </a-space>

View File

@ -58,7 +58,7 @@
<div class="nuclide-library-settings-main"> <div class="nuclide-library-settings-main">
<a-form-model layout="inline"> <a-form-model layout="inline">
<a-form-model-item label="Name"> <a-form-model-item label="Name">
<a-input v-model="model.nuclideName"></a-input> <a-input v-model="model.nuclideName" readOnly></a-input>
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="Half Life"> <a-form-model-item label="Half Life">
{{ nuclideInfo.lab_halfLife }} {{ nuclideInfo.lab_halfLife }}
@ -88,13 +88,14 @@
<div class="nuclide-library-settings-operation"> <div class="nuclide-library-settings-operation">
<a-space :size="10"> <a-space :size="10">
<span> Energy: </span> <span> Energy: </span>
<a-input v-model="model.editEnergy"></a-input> <a-input v-model="model.editEnergy" type="number" @keyup.stop></a-input>
<a-input-number <a-input-number
v-model="model.err" v-model="model.err"
:min="0" :min="0"
:step="0.5" :step="0.5"
:precision="2" :precision="2"
@blur="handleErrInputBlur" @blur="handleErrInputBlur"
@keyup.stop
></a-input-number> ></a-input-number>
<a-button type="primary" @click="handleSearch">Search</a-button> <a-button type="primary" @click="handleSearch">Search</a-button>
</a-space> </a-space>