facat/egm
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: 限制导线和地线坐标数组的最大长度并更新标签

Browse Source 
限制导线和地线坐标数组的最大长度为4（1地线+3导线），更新相关按钮的禁用逻辑
更新坐标输入框的标签文本
This commit is contained in:
dmy
2026-03-02 21:58:09 +08:00
parent 3bda0260b6
commit dbd6c4f702
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
webui/src/components/ParameterForm.vue
View File

@@ -105,7 +105,7 @@
<!-- 导、地线挂点高度 --> <!-- 导、地线挂点高度 -->
<div class="q-mt-md"> <div class="q-mt-md">
<div class="text-subtitle2 q-mb-sm"> <div class="text-subtitle2 q-mb-sm">
导、地线挂点垂直距离 (m) - 第一个值为地线挂点高度 导、地线挂点垂直坐标 (m)
</div> </div>
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col" v-for="(h, index) in params.parameter.h_arm" :key="index"> <div class="col" v-for="(h, index) in params.parameter.h_arm" :key="index">
@@ -118,10 +118,10 @@
/> />
</div> </div>
<div class="col-auto"> <div class="col-auto">
<q-btn flat round color="primary" icon="add" @click="addHArm" /> <q-btn flat round color="primary" icon="add" @click="addHArm" :disable="params.parameter.h_arm.length >= 4" />
</div> </div>
<div class="col-auto"> <div class="col-auto">
<q-btn flat round color="negative" icon="remove" @click="removeHArm" :disable="params.parameter.h_arm.length <= 1" /> <q-btn flat round color="negative" icon="remove" @click="removeHArm" :disable="params.parameter.h_arm.length <= 2" />
</div> </div>
</div> </div>
</div> </div>
@@ -129,7 +129,7 @@
<!-- 导、地线水平坐标 --> <!-- 导、地线水平坐标 -->
<div class="q-mt-md"> <div class="q-mt-md">
<div class="text-subtitle2 q-mb-sm"> <div class="text-subtitle2 q-mb-sm">
导、地线水平坐标 (m) 导、地线挂点水平坐标 (m)
</div> </div>
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col" v-for="(x, index) in params.parameter.gc_x" :key="index"> <div class="col" v-for="(x, index) in params.parameter.gc_x" :key="index">
@@ -142,10 +142,10 @@
/> />
</div> </div>
<div class="col-auto"> <div class="col-auto">
<q-btn flat round color="primary" icon="add" @click="addGcX" /> <q-btn flat round color="primary" icon="add" @click="addGcX" :disable="params.parameter.gc_x.length >= 4" />
</div> </div>
<div class="col-auto"> <div class="col-auto">
<q-btn flat round color="negative" icon="remove" @click="removeGcX" :disable="params.parameter.gc_x.length <= 1" /> <q-btn flat round color="negative" icon="remove" @click="removeGcX" :disable="params.parameter.gc_x.length <= 2" />
</div> </div>
</div> </div>
</div> </div>
@@ -357,25 +357,29 @@ const voltageOptions = [
'±500kV', '±660kV', '±800kV', '±1100kV' '±500kV', '±660kV', '±800kV', '±1100kV'
] ]
// 数组操作函数 // 数组操作函数（最多3条导线，即数组最多4个元素：1地线+3导线）
const addHArm = () => { const addHArm = () => {
const last = params.parameter.h_arm[params.parameter.h_arm.length - 1] || 100 if (params.parameter.h_arm.length < 4) {
params.parameter.h_arm.push(last - 20) const last = params.parameter.h_arm[params.parameter.h_arm.length - 1] || 100
params.parameter.h_arm.push(last - 20)
}
} }
const removeHArm = () => { const removeHArm = () => {
if (params.parameter.h_arm.length > 1) { if (params.parameter.h_arm.length > 2) {
params.parameter.h_arm.pop() params.parameter.h_arm.pop()
} }
} }
const addGcX = () => { const addGcX = () => {
const last = params.parameter.gc_x[params.parameter.gc_x.length - 1] || 10 if (params.parameter.gc_x.length < 4) {
params.parameter.gc_x.push(last) const last = params.parameter.gc_x[params.parameter.gc_x.length - 1] || 10
params.parameter.gc_x.push(last)
}
} }
const removeGcX = () => { const removeGcX = () => {
if (params.parameter.gc_x.length > 1) { if (params.parameter.gc_x.length > 2) {
params.parameter.gc_x.pop() params.parameter.gc_x.pop()
} }
} }