修改定值

This commit is contained in:
jingna 2026-05-28 18:13:33 +08:00
parent adc57779a4
commit 166b94ec71

View File

@ -201,86 +201,115 @@ const handleSave = () => {
<div class="tab-content-item"> <div class="tab-content-item">
<div class="tab-content-item-box box-height">限制</div> <div class="tab-content-item-box box-height">限制</div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.over_limit_alarm[0].limit" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[0].limit" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.over_limit_alarm[1].limit" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[1].limit" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.over_limit_alarm[2].limit" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[2].limit" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.fault_alarm[0].delay" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.fault_alarm[0].delay" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.fault_alarm[1].limit" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.fault_alarm[1].limit" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height" style="border: none;"> <div class="tab-content-item-box box-color box-height"
<img src="@/assets/images/menuicon/noitem.png" style="width: 100%; height: 100%;" alt=""> style="display: flex;align-items: center;flex-direction: row;border: none;">
<div style="width: 60px;min-width: 60px;">PT变比</div>
<div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.fault_alarm[0].limit" style="width: 100%;"
:controls="false" />
</div>
</div>
<div class="tab-content-item-box box-color box-height" style="display: flex;align-items: center;border: none;flex-direction: row;">
<div style="width: 60px;min-width: 60px;">CT变比</div>
<div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.fault_alarm[1].limit" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height" style="border: none;">
<img src="@/assets/images/menuicon/noitem.png" style="width: 100%; height: 100%;" alt="">
</div> </div>
</div> </div>
<div class="tab-content-item"> <div class="tab-content-item">
<div class="tab-content-item-box box-height">延时s</div> <div class="tab-content-item-box box-height">延时s</div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.over_limit_alarm[0].delay" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[0].delay" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.over_limit_alarm[1].delay" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[1].delay" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.over_limit_alarm[2].delay" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[2].delay" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.over_limit_alarm[3].delay" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[3].delay" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.over_limit_alarm[4].delay" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[4].delay" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.fault_alarm[0].delay" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.fault_alarm[0].delay" style="width: 100%;"
:controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.fault_alarm[1].delay" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.fault_alarm[1].delay" style="width: 100%;"
:controls="false" />
</div> </div>
</div> </div>
<div class="tab-content-item"> <div class="tab-content-item">
<div class="tab-content-item-box box-height">输出节点</div> <div class="tab-content-item-box box-height">输出节点</div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.over_limit_alarm[0].output_node"> <el-select v-model="infoList.over_limit_alarm[0].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.over_limit_alarm[1].output_node"> <el-select v-model="infoList.over_limit_alarm[1].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.over_limit_alarm[2].output_node"> <el-select v-model="infoList.over_limit_alarm[2].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.over_limit_alarm[3].output_node"> <el-select v-model="infoList.over_limit_alarm[3].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.over_limit_alarm[4].output_node"> <el-select v-model="infoList.over_limit_alarm[4].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.fault_alarm[0].output_node"> <el-select v-model="infoList.fault_alarm[0].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.fault_alarm[1].output_node"> <el-select v-model="infoList.fault_alarm[1].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
@ -368,6 +397,7 @@ const handleSave = () => {
padding: 20px 20px; padding: 20px 20px;
min-height: max-content; min-height: max-content;
gap: 5px; gap: 5px;
.tab-content-item { .tab-content-item {
width: calc(100% / 6); width: calc(100% / 6);
display: flex; display: flex;
@ -394,6 +424,7 @@ const handleSave = () => {
.box-color { .box-color {
background-color: #ffffff; background-color: #ffffff;
} }
.box-height { .box-height {
height: 40px; height: 40px;
} }
@ -410,6 +441,7 @@ const handleSave = () => {
} }
} }
} }
:deep(.el-select__wrapper), :deep(.el-select__wrapper),
:deep(.el-input__wrapper) { :deep(.el-input__wrapper) {
border: none !important; border: none !important;
@ -417,6 +449,7 @@ const handleSave = () => {
background: transparent !important; background: transparent !important;
text-align: center !important; text-align: center !important;
} }
:deep(.el-select__wrapper.is-hover), :deep(.el-select__wrapper.is-hover),
:deep(.el-input__wrapper.is-hover), :deep(.el-input__wrapper.is-hover),
:deep(.el-select__wrapper.is-focused), :deep(.el-select__wrapper.is-focused),
@ -424,6 +457,7 @@ const handleSave = () => {
box-shadow: none !important; box-shadow: none !important;
border: none !important; border: none !important;
} }
:deep(.el-input__inner) { :deep(.el-input__inner) {
text-align: center !important; text-align: center !important;
} }