报警规则、网关设备管理和点检方案管理菜单样式功能修改
This commit is contained in:
parent
d94c410bb2
commit
3c1fc98c5e
@ -502,90 +502,110 @@
|
||||
width="40%"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form
|
||||
:model="detailForm"
|
||||
v-loading="detailLoading"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="客户名称"
|
||||
prop="customerName"
|
||||
>
|
||||
{{ detailForm.customerName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="设备型号"
|
||||
prop="equipNo"
|
||||
>
|
||||
{{ detailForm.equipNo }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则名称"
|
||||
prop="alarmName"
|
||||
>
|
||||
{{ detailForm.alarmName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则单位"
|
||||
prop="alarmInfoUnit"
|
||||
>
|
||||
{{ detailForm.alarmInfoUnit }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="判断规则"
|
||||
prop="referenceCon"
|
||||
>
|
||||
{{ detailForm.referenceCon }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则描述"
|
||||
prop="referenceName"
|
||||
>
|
||||
{{ detailForm.referenceName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则上限"
|
||||
prop="alertUpperBound"
|
||||
>
|
||||
{{ detailForm.alertUpperBound }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则下限"
|
||||
prop="alertLowerBound"
|
||||
>
|
||||
{{ detailForm.alertLowerBound }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="可能故障原因"
|
||||
prop="reasonDescription"
|
||||
>
|
||||
<div v-html="detailForm.reasonDescription" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="备注"
|
||||
prop="remark"
|
||||
>{{ detailForm.remark }}</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
<el-card class="box-card">
|
||||
<el-form
|
||||
:model="detailForm"
|
||||
v-loading="detailLoading"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="客户名称:"
|
||||
prop="customerName"
|
||||
class="form-item-border"
|
||||
>
|
||||
{{ detailForm.customerName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="设备型号:"
|
||||
prop="equipNo"
|
||||
class="form-item-border"
|
||||
>
|
||||
{{ detailForm.equipNo }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则名称:"
|
||||
prop="alarmName"
|
||||
class="form-item-border"
|
||||
>
|
||||
{{ detailForm.alarmName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则单位:"
|
||||
prop="alarmInfoUnit"
|
||||
class="form-item-border"
|
||||
>
|
||||
{{ detailForm.alarmInfoUnit }}
|
||||
</el-form-item>
|
||||
</el-col></el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="判断规则:"
|
||||
prop="referenceCon"
|
||||
class="form-item-border"
|
||||
>
|
||||
{{ detailForm.referenceCon }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则描述:"
|
||||
prop="referenceName"
|
||||
class="form-item-border"
|
||||
>
|
||||
{{ detailForm.referenceName }}
|
||||
</el-form-item>
|
||||
</el-col></el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则上限:"
|
||||
prop="alertUpperBound"
|
||||
class="form-item-border"
|
||||
>
|
||||
{{ detailForm.alertUpperBound }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="规则下限:"
|
||||
prop="alertLowerBound"
|
||||
class="form-item-border"
|
||||
>
|
||||
{{ detailForm.alertLowerBound }}
|
||||
</el-form-item>
|
||||
</el-col></el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="可能故障原因:"
|
||||
prop="reasonDescription"
|
||||
class="form-item-border"
|
||||
label-width="110px"
|
||||
>
|
||||
<div v-html="detailForm.reasonDescription" />
|
||||
</el-form-item>
|
||||
</el-col></el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="备注:"
|
||||
prop="remark"
|
||||
class="form-item-border"
|
||||
>{{ detailForm.remark }}</el-form-item>
|
||||
</el-col></el-row>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
@ -769,3 +789,10 @@ export default {
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.form-item-border {
|
||||
border-bottom: 1px solid #e4e7ed; /* 你可以调整颜色和宽度 */
|
||||
padding-bottom: 10px; /* 可选:增加底部间距 */
|
||||
margin-bottom: 10px; /* 可选:增加外边距 */
|
||||
}
|
||||
</style>
|
||||
|
@ -80,7 +80,7 @@
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
<!-- <el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
@ -88,7 +88,7 @@
|
||||
@click="handleExport"
|
||||
:loading="exportLoading"
|
||||
v-hasPermi="['imt:gateway-info:export']"
|
||||
>导出</el-button>
|
||||
>导出</el-button> -->
|
||||
</el-col>
|
||||
<right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
|
@ -12,12 +12,12 @@
|
||||
>
|
||||
<el-form-item
|
||||
label="父级点检方案名"
|
||||
label-width="90px"
|
||||
label-width="110px"
|
||||
prop="inspectionName"
|
||||
>
|
||||
<el-input
|
||||
v-model="queryParams.inspectionName"
|
||||
placeholder="请输入辅机点检方案名"
|
||||
placeholder="请输入父级点检方案名"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
|
Loading…
Reference in New Issue
Block a user