修改 首页展示

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

@@ -25,10 +25,10 @@
     </div>
 
     <!-- 摄像机设备 控制 弹窗  球机 可打开-->
-    <!-- <ControlCamera :data="cameraDialogConfig.data" :visible="cameraDialogConfig.visibleType === 0" /> -->
+    <!-- <ControlCamera :data="dialogConfig.data" :visible="dialogConfig.visibleType === 0" /> -->
     <!-- 摄像机 G35 K094+079 下行（可控） 枪机 可打开-->
-    <!-- <Camera :data="cameraDialogConfig.data" :visible="cameraDialogConfig.visibleType === 1" /> -->
+    <!-- <Camera :data="dialogConfig.data" :visible="dialogConfig.visibleType === 1" /> -->
-    <component :dialogData="cameraDialogConfig.data" :is="cameraDialogConfig.component" @change="handleCameraChange" />
+    <component :dialogData="dialogConfig.data" :is="dialogConfig.component" @change="handleCameraChange" />
   </Bg1>
 </template>
 
@@ -55,7 +55,7 @@ export default {
       tabContentData: [],
 
       // 路测设备-摄像机
-      cameraDialogConfig: {
+      dialogConfig: {
         // 0 有 可控（球机） ControlCamera | 1 ⽆ 不可控（枪机） Camera
         component: void 0,
         data: void 0,
@@ -107,7 +107,7 @@ export default {
 
     // 摄像机 可控 不可控 弹窗 回调
     handleCameraChange() {
-      this.cameraDialogConfig = {
+      this.dialogConfig = {
         // 0 有 可控（球机）ControlCamera | 1 ⽆ 不可控（枪机）Camera
         component: null,
         data: null

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js

@@ -63,13 +63,13 @@ export const eventMap = {
     const markerClick = (e) => {
       const extData = e.target.getExtData();
 
-      this.cameraDialogConfig = {
+      this.dialogConfig = {
         // 0 有（球机） 1 ⽆（枪机）
         component: cameraCtrlMap[extData.ptzCtrl],
         data: extData,
       };
 
-      console.log(this.cameraDialogConfig);
+      console.log(this.dialogConfig);
     };
 
     const markerCluster = await setMarkerCluster(

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

@@ -66,9 +66,14 @@ export default {
       const result = (e.target.style.transform.match(/[-0-9]+/)?.[0] || -90) * -1
 
       e.target.style.transform = `rotate(${result}deg)`;
-
+      if (translateXElement.style.transform !== `translateY(calc(100% - 36px))`) {
-      // translateXElement.style.transform = translateXElement.style.transform ? "" : `translateY(calc(100% - 36px))`
+        translateXElement.style.transform = `translateY(calc(100% - 36px))`
-      translateXElement.style.height = translateXElement.style.height != "36px" ? "36px" : `100%`
+        translateXElement.style.position = `absolute`;
+        translateXElement.style.bottom = `0px`;
+      } else {
+        translateXElement.style.transform = `translateY(0)`
+        translateXElement.style.position = `relative`;
+      }
     },
     onClickItem(item) {
       if (item.title.includes("情报板")) {
@@ -87,7 +92,7 @@ export default {
   flex-direction: column;
   gap: 30px;
   padding: 19px 31px 0 25px;
-  justify-content: space-between;
+  justify-content: center;
 
   .card-menu {
     transition: all .24s linear;
@@ -98,7 +103,8 @@ export default {
     // margin: auto;
     display: flex;
     justify-content: space-between;
-    flex: 1;
+    // flex: 1;
+    height: min-content;
     pointer-events: none;
 
     >div {
@@ -137,9 +143,9 @@ export default {
     // margin: auto;
     pointer-events: none;
     overflow: hidden;
-    height: 100%;
+    height: min-content;
-    // height: fit-content;
     will-change: height;
+    bottom: 0;
 
     >div {
       pointer-events: all;

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/dutyOfficer/index.vue

@@ -2,7 +2,7 @@
   <div class='DutyOfficer'>
     <SpecialTable :columns="columns" :data="data">
       <template #title-DateDuty>
-        <div>
+        <div class="special-title">
           值班中心
         </div>
       </template>
@@ -194,6 +194,12 @@ export default {
 <style lang='scss' scoped>
 .DutyOfficer {
 
+  .special-title {
+    background: linear-gradient(180deg, #FFC071 0%, #D68D00 100%);
+    background-clip: text;
+    color: transparent;
+  }
+
   .item {
     display: flex;
     align-items: center;