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:36:35 +08:00
parent 09b40f5f1e
commit 209163eb36
3 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/iot/device/index.vue
View File

@ -379,9 +379,9 @@
</div>
<div class="card-footer">
<el-button icon="el-icon-search" type="text" @click="handleDetails(item)">查看详情</el-button>
<el-divider direction="vertical"></el-divider>
<el-button v-hasPermi="['iot:device:edit']" type="text"><el-divider direction="vertical"></el-divider></el-button>
<el-button v-hasPermi="['iot:device:edit']" icon="el-icon-edit" type="text" @click="handleUpdate(item)">修改</el-button>
<el-divider direction="vertical"></el-divider>
<el-button v-hasPermi="['iot:device:edit','iot:device:remove']" type="text"><el-divider direction="vertical"></el-divider></el-button>
<el-button v-if="item['parentId'] && item['parentId'] !== '0'" v-hasPermi="['iot:device:edit']" icon="el-icon-error" type="text" @click="handleDisassociate(item)">解绑</el-button>
<el-button v-else v-hasPermi="['iot:device:remove']" icon="el-icon-delete" type="text" @click="handleDelete(item)">删除</el-button>
</div>

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

@ -8,14 +8,13 @@
@changeEvent="viewDeviceChange($event)"
@wsRealTImeMsg="wsRealTImeMsg($event)"
></device-select>
<div class="main-device-card">
<div :class="infoData.deviceType === 'GATEWAY_CONTROLLER' ? 'link-to-list is-widening': 'link-to-list'">
<div :class="infoData.deviceType === 'GATEWAY_CONTROLLER' ? 'link-to-list is-widening': 'link-to-list'" class="main-device-card">
<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">
<div class="info-tabs-circuit main-device-card">
<div v-show="breadcrumbList.length > 1" class="breadcrumb-wrap">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item
@ -122,7 +121,6 @@
</el-tab-pane>
</el-tabs>
</div>
</div>
<div style="height: 0;">
<!-- 添加或修改建筑类型对话框 -->
<dialog-template
@ -436,29 +434,29 @@ export default {
.link-to-list {
display: flex;
color: #656363;
justify-content: flex-end;
font-size: 20px;
height: 0;
background: #e4eaf3;
display: flex;
//height: 0;
//background: #e4eaf3;
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: 0;
//width: 25px;
//height: 20px;
padding: 10px;
background: #0d8afd;
color: #fff;
font-size: 16px;
border-radius: 5px;
height: 30px;
width: 100%;
//height: 30px;
//width: 100%;
font-size: 14px;
}
}
@ -468,8 +466,8 @@ export default {
}
.is-widening {
width: 220px;
left: calc(100% - 220px);
//width: 220px;
//left: calc(100% - 220px);
}
.info-tabs-circuit {

4
src/views/tenant/device/index.vue
View File

@ -310,9 +310,9 @@
</div>
<div class="card-footer">
<el-button icon="el-icon-search" type="text" @click="handleDetails(item)">查看详情</el-button>
<el-divider direction="vertical"></el-divider>
<el-button v-hasPermi="['iot:device:edit']" type="text"><el-divider direction="vertical"></el-divider></el-button>
<el-button v-hasPermi="['iot:device:edit']" icon="el-icon-edit" type="text" @click="handleUpdate(item)">修改</el-button>
<el-divider direction="vertical"></el-divider>
<el-button v-hasPermi="['iot:device:edit','iot:device:remove']" type="text"><el-divider direction="vertical"></el-divider></el-button>
<el-button v-if="item['parentId'] && item['parentId'] !== '0'" v-hasPermi="['iot:device:edit']" icon="el-icon-error" type="text" @click="handleDisassociate(item)">解绑</el-button>
<el-button v-else v-hasPermi="['iot:device:remove']" icon="el-icon-delete" type="text" @click="handleDelete(item)">删除</el-button>
</div>