报警规则、网关设备管理和点检方案管理菜单样式功能修改

This commit is contained in:
zhangjunwen 2024-11-05 14:40:58 +08:00
parent d94c410bb2
commit 3c1fc98c5e
3 changed files with 115 additions and 88 deletions

View File

@ -502,90 +502,110 @@
width="40%" width="40%"
:close-on-click-modal="false" :close-on-click-modal="false"
> >
<el-card class="box-card">
<el-form <el-form
:model="detailForm" :model="detailForm"
v-loading="detailLoading" v-loading="detailLoading"
label-width="100px" label-width="100px"
> >
<el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="客户名称" label="客户名称"
prop="customerName" prop="customerName"
class="form-item-border"
> >
{{ detailForm.customerName }} {{ detailForm.customerName }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="设备型号" label="设备型号"
prop="equipNo" prop="equipNo"
class="form-item-border"
> >
{{ detailForm.equipNo }} {{ detailForm.equipNo }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="规则名称" label="规则名称"
prop="alarmName" prop="alarmName"
class="form-item-border"
> >
{{ detailForm.alarmName }} {{ detailForm.alarmName }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="规则单位" label="规则单位"
prop="alarmInfoUnit" prop="alarmInfoUnit"
class="form-item-border"
> >
{{ detailForm.alarmInfoUnit }} {{ detailForm.alarmInfoUnit }}
</el-form-item> </el-form-item>
</el-col> </el-col></el-row>
<el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="判断规则" label="判断规则"
prop="referenceCon" prop="referenceCon"
class="form-item-border"
> >
{{ detailForm.referenceCon }} {{ detailForm.referenceCon }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="规则描述" label="规则描述"
prop="referenceName" prop="referenceName"
class="form-item-border"
> >
{{ detailForm.referenceName }} {{ detailForm.referenceName }}
</el-form-item> </el-form-item>
</el-col> </el-col></el-row>
<el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="规则上限" label="规则上限"
prop="alertUpperBound" prop="alertUpperBound"
class="form-item-border"
> >
{{ detailForm.alertUpperBound }} {{ detailForm.alertUpperBound }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="规则下限" label="规则下限"
prop="alertLowerBound" prop="alertLowerBound"
class="form-item-border"
> >
{{ detailForm.alertLowerBound }} {{ detailForm.alertLowerBound }}
</el-form-item> </el-form-item>
</el-col> </el-col></el-row>
<el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item <el-form-item
label="可能故障原因" label="可能故障原因"
prop="reasonDescription" prop="reasonDescription"
class="form-item-border"
label-width="110px"
> >
<div v-html="detailForm.reasonDescription" /> <div v-html="detailForm.reasonDescription" />
</el-form-item> </el-form-item>
</el-col> </el-col></el-row>
<el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item <el-form-item
label="备注" label="备注"
prop="remark" prop="remark"
class="form-item-border"
>{{ detailForm.remark }}</el-form-item> >{{ detailForm.remark }}</el-form-item>
</el-col> </el-col></el-row>
</el-form> </el-form>
</el-card>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -769,3 +789,10 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
.form-item-border {
border-bottom: 1px solid #e4e7ed; /* 你可以调整颜色和宽度 */
padding-bottom: 10px; /* 可选:增加底部间距 */
margin-bottom: 10px; /* 可选:增加外边距 */
}
</style>

View File

@ -80,7 +80,7 @@
>新增</el-button> >新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <!-- <el-button
type="warning" type="warning"
plain plain
icon="el-icon-download" icon="el-icon-download"
@ -88,7 +88,7 @@
@click="handleExport" @click="handleExport"
:loading="exportLoading" :loading="exportLoading"
v-hasPermi="['imt:gateway-info:export']" v-hasPermi="['imt:gateway-info:export']"
>导出</el-button> >导出</el-button> -->
</el-col> </el-col>
<right-toolbar <right-toolbar
:showSearch.sync="showSearch" :showSearch.sync="showSearch"

View File

@ -12,12 +12,12 @@
> >
<el-form-item <el-form-item
label="父级点检方案名" label="父级点检方案名"
label-width="90px" label-width="110px"
prop="inspectionName" prop="inspectionName"
> >
<el-input <el-input
v-model="queryParams.inspectionName" v-model="queryParams.inspectionName"
placeholder="请输入辅机点检方案名" placeholder="请输入父级点检方案名"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />