feat 移除摄像头 设备编号和所属机构的展示

ruoyi-ui/src/views/JiHeExpressway/components/Descriptions.vue

@@ -1,18 +1,11 @@
 <template>
   <div class="Descriptions keep-ratio" origin="left" :style="getStyle()">
-    <div
-      class="item"
-      v-for="(item, index) in getResolveList"
-      :key="`${item.key || item.label}${index}`"
-      :style="[gridStyle(item, index), transformStyle(itemStyle)]"
-    >
-      <div
-        class="text title"
-        :style="{
-          ...transformStyle(titleStyle),
-          width: labelWidth,
-        }"
-      >
+    <div class="item" v-for="(item, index) in getResolveList" :key="`${item.key || item.label}${index}`"
+      :style="[gridStyle(item, index), transformStyle(itemStyle)]">
+      <div class="text title" :style="{
+    ...transformStyle(titleStyle),
+    width: labelWidth,
+  }">
         <p>
           <slot :name="`title-${item.key || item.label}`" :data="item">
             {{ item.label || "-" }}
@@ -20,18 +13,9 @@
         </p>
         :
       </div>
-      <ContentText
-        :style="transformStyle(titleStyle)"
-        class="content text"
-        :data="data"
-        :_config="item"
-      >
+      <ContentText :style="transformStyle(titleStyle)" class="content text" :data="data" :_config="item">
         <template #default="{ value }">
-          <slot
-            :name="`content-${item.key || item.label}`"
-            :value="value"
-            :data="item"
-          >
+          <slot :name="`content-${item.key || item.label}`" :value="value" :data="item">
             {{ value }}
           </slot>
         </template>

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/index.vue

@@ -7,19 +7,11 @@
           <Descriptions :list="list" :data="data" style="gap: 18px">
             <template #content-deviceName>
               <span>{{ dialogData.deviceName || "-" }}</span>
-              <img
-                @click="controlDialogVisible = true"
-                v-if="
-                  [0, '0'].includes(
-                    dialogData.parseOtherConfig &&
-                      dialogData.parseOtherConfig.ptzCtrl
-                  )
-                "
-                src="@screen/images/camera-control-icon.svg"
-                width="18px"
-                height="18px"
-                style="cursor: pointer"
-              />
+              <img @click="controlDialogVisible = true" v-if="[0, '0'].includes(
+    dialogData.parseOtherConfig &&
+    dialogData.parseOtherConfig.ptzCtrl
+  )
+    " src="@screen/images/camera-control-icon.svg" width="18px" height="18px" style="cursor: pointer" />
             </template>
           </Descriptions>
         </ElTabPane>
@@ -33,10 +25,7 @@
       </div>
     </div>
 
-    <CameraControlDialog
-      :deviceId="dialogData.iotDeviceId"
-      v-model="controlDialogVisible"
-    />
+    <CameraControlDialog :deviceId="dialogData.iotDeviceId" v-model="controlDialogVisible" />
   </Dialog>
 </template>
 
@@ -79,14 +68,14 @@ export default {
           label: "道路名称",
           key: "roadName",
         },
-        {
-          label: "设备编号",
-          key: "deviceCode",
-        },
-        {
-          label: "所属机构",
-          key: "organizationName",
-        },
+        // {
+        //   label: "设备编号",
+        //   key: "deviceCode",
+        // },
+        // {
+        //   label: "所属机构",
+        //   key: "organizationName",
+        // },
         {
           label: "设备桩号",
           key: "stakeMark",
@@ -126,6 +115,7 @@ export default {
     const roadInfo = await getRoadInfoByStakeMark(this.dialogData.stakeMark);
 
     if (roadInfo) this.data.roadName = roadInfo.roadName;
+    console.log(this.data, "this.data");
   },
   methods: {
     visibleClose(bool) {
@@ -190,7 +180,7 @@ export default {
     align-items: center;
     justify-content: end;
 
-    > div {
+    >div {
       font-size: 16px;
       padding: 6px 12px;
     }