|
@@ -19,34 +19,36 @@
|
|
|
<div class="contorl-parame">
|
|
|
<!-- 动态添加新的输入框/下拉框 -->
|
|
|
<div v-for="(field, index) in fields" :key="index" class="parame-item">
|
|
|
- <div class="parame-lable" :for="field.name">
|
|
|
- {{ field.label }}:
|
|
|
- </div>
|
|
|
- <div class="parame-value">
|
|
|
- <input v-if="field.type === 'text'" :id="field.name" v-model="field.value" maxlength="64" :placeholder="field.placeholder || '请填写'+field.label" :disabled="isEdit" :type="field.type" :name="field.name" size="mini">
|
|
|
- <input
|
|
|
- v-else-if="field.type === 'number'"
|
|
|
- :id="field.name"
|
|
|
- v-model="field.value"
|
|
|
- :min="field.min || 1"
|
|
|
- :max="field.max || 65535"
|
|
|
- :disabled="isEdit"
|
|
|
- :type="field.type"
|
|
|
- :name="field.name"
|
|
|
- maxlength="19"
|
|
|
- size="mini"
|
|
|
- :placeholder="field.placeholder || '请填写'+field.label"
|
|
|
- style="bgcolor:red"
|
|
|
- >
|
|
|
- <el-select v-else-if="field.type === 'select'" v-model="field.value" :disabled="isEdit" filterable :placeholder="`请选择${field.label}`" size="mini">
|
|
|
- <el-option
|
|
|
- v-for="item in field.options"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
+ <template v-if="field.name!='k' && field.name!='w' && field.name!='t1' && field.name!='t2' && field.name!='t3'">
|
|
|
+ <div class="parame-lable" :for="field.name">
|
|
|
+ {{ field.label }}:
|
|
|
+ </div>
|
|
|
+ <div class="parame-value">
|
|
|
+ <input v-if="field.type === 'text'" :id="field.name" v-model="field.value" maxlength="64" :placeholder="field.placeholder || '请填写'+field.label" :disabled="isEdit" :type="field.type" :name="field.name" size="mini">
|
|
|
+ <input
|
|
|
+ v-else-if="field.type === 'number'"
|
|
|
+ :id="field.name"
|
|
|
+ v-model="field.value"
|
|
|
+ :min="field.min || 1"
|
|
|
+ :max="field.max || 65535"
|
|
|
+ :disabled="isEdit"
|
|
|
+ :type="field.type"
|
|
|
+ :name="field.name"
|
|
|
+ maxlength="19"
|
|
|
+ size="mini"
|
|
|
+ :placeholder="field.placeholder || '请填写'+field.label"
|
|
|
+ style="bgcolor:red"
|
|
|
+ >
|
|
|
+ <el-select v-else-if="field.type === 'select'" v-model="field.value" :disabled="isEdit" filterable :placeholder="`请选择${field.label}`" size="mini">
|
|
|
+ <el-option
|
|
|
+ v-for="item in field.options"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="contorl-buttons">
|
|
@@ -175,50 +177,50 @@ export default {
|
|
|
type: 'number',
|
|
|
name: 'ipPort',
|
|
|
label: '从站端口',
|
|
|
- value: ''
|
|
|
+ value: 2404
|
|
|
},
|
|
|
t1: {
|
|
|
type: 'number',
|
|
|
name: 't1',
|
|
|
label: 'T1',
|
|
|
- value: ''
|
|
|
+ value: 15
|
|
|
},
|
|
|
t2: {
|
|
|
type: 'number',
|
|
|
name: 't2',
|
|
|
label: 'T2',
|
|
|
- value: ''
|
|
|
+ value: 10
|
|
|
},
|
|
|
t3: {
|
|
|
type: 'number',
|
|
|
name: 't3',
|
|
|
label: 'T3',
|
|
|
- value: ''
|
|
|
+ value: 20
|
|
|
},
|
|
|
k: {
|
|
|
type: 'number',
|
|
|
name: 'k',
|
|
|
label: 'K',
|
|
|
- value: ''
|
|
|
+ value: 12
|
|
|
},
|
|
|
w: {
|
|
|
type: 'number',
|
|
|
name: 'w',
|
|
|
label: 'W',
|
|
|
- value: ''
|
|
|
+ value: 8
|
|
|
},
|
|
|
// #TODO: 以后改为仅整型
|
|
|
unitAddr: {
|
|
|
type: 'number',
|
|
|
name: 'unitAddr',
|
|
|
label: '子站链路地址',
|
|
|
- value: '1'
|
|
|
+ value: 0
|
|
|
},
|
|
|
unitIdentifier: {
|
|
|
type: 'number',
|
|
|
name: 'unitIdentifier',
|
|
|
label: 'ASDU公区地址',
|
|
|
- value: '0'
|
|
|
+ value: 1
|
|
|
}
|
|
|
},
|
|
|
// 是否禁用
|
|
@@ -321,7 +323,7 @@ export default {
|
|
|
// const values = Object.values(this.curPlanDetail)
|
|
|
const keys = Object.keys(this.formItems)
|
|
|
keys.forEach(key => {
|
|
|
- this.formItems[key].value = this.curPlanDetail[key]
|
|
|
+ if (this.curPlanDetail[key] != null) this.formItems[key].value = this.curPlanDetail[key]
|
|
|
})
|
|
|
// console.log('makeParamesForm started ', this.formItems)
|
|
|
|
|
@@ -356,11 +358,11 @@ export default {
|
|
|
ipPort: obj.ipPort.value,
|
|
|
unitAddr: obj.unitAddr != null ? obj.unitAddr.value : 0,
|
|
|
unitIdentifier: obj.unitIdentifier != null ? obj.unitIdentifier.value : 1,
|
|
|
- t1: obj.t1.value,
|
|
|
- t2: obj.t2.value,
|
|
|
- t3: obj.t3.value,
|
|
|
- k: obj.k.value,
|
|
|
- w: obj.w.value
|
|
|
+ t1: obj.t1.value || this.formItems.t1.value,
|
|
|
+ t2: obj.t2.value || this.formItems.t2.value,
|
|
|
+ t3: obj.t3.value || this.formItems.t3.value,
|
|
|
+ k: obj.k.value || this.formItems.k.value,
|
|
|
+ w: obj.w.value || this.formItems.w.value
|
|
|
}
|
|
|
},
|
|
|
// 控制按钮
|