🌷 UI(设备): 调整设备管理、我的设备列表页，子设备塑壳断路器详情开启告警

src/views/iot/device/index.vue

@@ -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>

src/views/profile/DeviceDetailsView/index.vue

@@ -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'" 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">
+    <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;
+    //height: 0;
-    background: #e4eaf3;
+    //background: #e4eaf3;
-    display: flex;
     position: relative;
     top: 10px;
     z-index: 100;
-    width: 120px;
+    //width: 120px;
-    left: calc(100% - 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;
+      //width: 25px;
-      height: 20px;
+      //height: 20px;
-      padding: 0;
+      padding: 10px;
       background: #0d8afd;
       color: #fff;
       font-size: 16px;
       border-radius: 5px;
-      height: 30px;
+      //height: 30px;
-      width: 100%;
+      //width: 100%;
       font-size: 14px;
     }
   }
@@ -468,8 +466,8 @@ export default {
   }
 
   .is-widening {
-    width: 220px;
+    //width: 220px;
-    left: calc(100% - 220px);
+    //left: calc(100% - 220px);
   }
 
   .info-tabs-circuit {

src/views/tenant/device/index.vue

@@ -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>