0017
/
smart-power-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🌷 UI(内容): 给企业端子断路器设备信息添加告警配置

This commit is contained in:
fhysy 2025-05-09 16:56:55 +08:00
parent 209163eb36
commit 89c3b3047b
2 changed files with 156 additions and 141 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/profile/DeviceDetailsView/index.vue
View File

@ -8,13 +8,14 @@
@changeEvent="viewDeviceChange($event)"
@wsRealTImeMsg="wsRealTImeMsg($event)"
></device-select>
<div :class="infoData.deviceType === 'GATEWAY_CONTROLLER' ? 'link-to-list is-widening': 'link-to-list'" class="main-device-card">
<div class="main-device-card">
<div :class="infoData.deviceType === 'GATEWAY_CONTROLLER' ? 'link-to-list is-widening': 'link-to-list'">
<el-button circle icon="el-icon-d-arrow-left" style="margin-left: 10px;" title="返回列表" @click="toTableClick"
>返回列表</el-button
>
<el-button v-if="infoData.deviceType === 'GATEWAY_CONTROLLER'" circle title="批量升级" @click="batchUpgradeOpen">批量升级</el-button>
</div>
<div class="info-tabs-circuit main-device-card">
<div class="info-tabs-circuit">
<div v-show="breadcrumbList.length > 1" class="breadcrumb-wrap">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item
@ -121,6 +122,7 @@
</el-tab-pane>
</el-tabs>
</div>
</div>
<div style="height: 0;">
<!-- 添加或修改建筑类型对话框 -->
<dialog-template
@ -434,29 +436,29 @@ export default {
.link-to-list {
display: flex;
color: #656363;
justify-content: flex-end;
font-size: 20px;
//height: 0;
//background: #e4eaf3;
height: 0;
background: #e4eaf3;
display: flex;
position: relative;
top: 10px;
z-index: 100;
//width: 120px;
//left: calc(100% - 120px);
width: 120px;
left: calc(100% - 120px);
cursor: default;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row-reverse;
.el-button--medium.is-circle {
//width: 25px;
//height: 20px;
padding: 10px;
width: 25px;
height: 20px;
padding: 0;
background: #0d8afd;
color: #fff;
font-size: 16px;
border-radius: 5px;
//height: 30px;
//width: 100%;
height: 30px;
width: 100%;
font-size: 14px;
}
}
@ -466,8 +468,8 @@ export default {
}
.is-widening {
//width: 220px;
//left: calc(100% - 220px);
width: 220px;
left: calc(100% - 220px);
}
.info-tabs-circuit {

13
src/views/tenant/device/profile/info.vue
View File

@ -135,13 +135,26 @@
</div>
</div>
</div>
<div v-if="infoData.deviceType === 'MINIATURE_BREAKER' || infoData.deviceType === 'MOLDED_BREAKER'" class="group-list-info" style="margin-top: 15px;">
<div class="top">
<div class="top-label">
<svg-icon icon-class="A_product1" style="margin-right: 2px; height: 20px; width: 20px;" />告警配置
</div>
</div>
</div>
<div v-if="infoData.deviceType === 'MINIATURE_BREAKER' || infoData.deviceType === 'MOLDED_BREAKER'" class="group-list-table" style="border: 0;">
<device-alarm-config v-if="infoData.deviceType === 'MINIATURE_BREAKER' || infoData.deviceType === 'MOLDED_BREAKER'" :deviceId="infoData.deviceId" :deviceKey="infoData.deviceKey" />
</div>
</div>
</template>
<script>
import { updateDevice } from "@/api/iot/device";
import DeviceAlarmConfig from '@/views/profile/DeviceAlarmConfig/DeviceAlarmConfig'
export default {
name: "DeviceInfo",
props: ["infoData"],
components: {DeviceAlarmConfig},
data() {
return {
updateState: false,