fix:修改计划添加页面 根据ui修改页面

This commit is contained in:
zhaohy
2024-08-12 15:33:23 +08:00
parent dbdf3da68a
commit e7642fe14c
21 changed files with 408 additions and 218 deletions

View File

@@ -2,12 +2,28 @@
<ns-drawer
v-model:visible="visible"
width="520"
:title="infoObject?.id ? '编辑告警规则' : '新增告警规则'"
:title="' '"
:footer-style="{ textAlign: 'right' }"
:ok="btnClick"
:cancel="handleClose"
@close="handleClose"
placement="right">
<div
class="ns-title-extra-box"
style="
width: 100%;
height: 22px;
opacity: 1;
/** 文本1 */
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
line-height: 21px;
color: rgba(51, 51, 51, 1);
margin-bottom: 24px;
">
<span style="margin-left: 6px">{{ infoObject?.id ? '编辑' : '新增' }}</span>
</div>
<div style="padding: 18px; width: 100%; overflow: hidden">
<a-form ref="formRef" :model="infoObject" :rules="rules">
<a-form-item ref="site" label="站点" name="site">
@@ -104,9 +120,7 @@
<div
style="width: 70px; align-items: center; cursor: pointer"
@click="deleteAlarmList(index - 1)">
<img
style="width: 14px; margin: 0 12px"
src="https://files.axshare.com/gsc/4T0UQR/5a/e6/81/5ae6813d499c422383c7a15dd956523f/images/设备规则/u72.svg?pageId=cbce6e61-bc6a-4283-802d-993fce6151c0" />
<img style="width: 14px; margin: 0 12px" src="../../../../../src/icon/del.svg" />
</div>
</div>
<div
@@ -484,24 +498,26 @@
background-color: linear-gradient(
180deg,
rgba(1, 206, 255, 1) 0%,
rgba(0, 150, 229, 1) 100%
rgba(57, 215, 187, 1) 100%
) !important;
}
.grey-background.ant-switch {
background-color: grey !important;
background-color: rgba(238, 238, 238, 1) !important;
}
.blue-background.ant-switch-checked .ant-switch-handle {
background-color: linear-gradient(
180deg,
rgba(1, 206, 255, 1) 0%,
rgba(0, 150, 229, 1) 100%
rgba(57, 215, 187, 1) 100%
) !important;
}
.ant-switch-checked {
background-color: rgba(57, 215, 187, 1) !important;
}
.grey-background.ant-switch .ant-switch-handle {
background-color: grey !important;
background-color: rgba(238, 238, 238, 1) !important;
}
:deep(.ant-form-item-label) {
z-index: 20;
@@ -509,4 +525,3 @@
width: 23%;
}
</style>
../../../../api/alarmManagement/alarmSettings/energyAlarm