forked from drone/command-center-dashboard

chenyao
2025-04-17 4fb3a428fe5fbea4e19253dd3563260c2476f65f
src/views/Home/EventOverviewDetail/EventOverviewDetailRight.vue
@@ -199,14 +199,7 @@
const positioning = row => {
   const longitude = Number(row.longitude)
   const latitude = Number(row.latitude)
   // ismore 单独点击定位和未展开都为0 ismore为false 展开大图 值为0.004 ismore=true & isShowBigImg=true 展开大图 值为0.005
   if (isMore.value) {
      longitudeOffset.value = isShowBigImg.value ? 0.005 : 0.003
   }
   if (!isMore.value) {
      longitudeOffset.value = isShowBigImg.value ? 0.003 : 0;
   }
   flyTo({ longitude: longitude + longitudeOffset.value, latitude }, 1, 1000);
   flyTo({ longitude: longitude, latitude:latitude + 0.0002 }, 1, 1000);
}
// 事件状态+数量
@@ -539,22 +532,23 @@
   justify-content: center;
}
.image-list {
   border: 1px solid red;
   position: absolute;
   z-index: 10;
   z-index: 1;
   right: 460px;
   top: 122px;
   width: 800px;
   height: 600px;
   width: 540px;
   height: 420px;
   background: #0F1929;
   box-shadow: inset 0px -50px 50px 0px rgba(27,148,255,0.13);
   border-radius: 0px 0px 0px 0px;
   // box-shadow: inset 0px -50px 50px 0px rgba(27,148,255,0.13);
   // border-radius: 0px 0px 0px 0px;
   border: 2px solid;
   border-image: linear-gradient(180deg, rgba(81, 168, 255, 0), rgba(48, 111, 202, 1), rgba(255, 255, 255, 1), rgba(27, 148, 255, 1)) 2 2;
   .title {
      position: relative;
      position: absolute;
      text-align: right;
      right: 12px;
      top: 12px;
      // top: 12px;
      img {
         width: 10px;
         height: 10px;
@@ -562,24 +556,21 @@
      }
   }
   .content {
      width: 740px;
      height: 440px;
      box-shadow: 1px 3px 6px 0px rgba(81,168,255,0.58);
      border-radius: 20px 20px 20px 20px;
      border-image: linear-gradient(180deg, rgba(81, 168, 255, 1), rgba(189, 228, 255, 1)) 2 2;
      margin: 28px 28px;
      img {
         width: 100%;
         height: 100%;
         border-radius: 20px 20px 20px 20px;
         border-radius: 10px 10px 10px 10px;
      }
   }
   .card {
      margin: 26px 26px;
      background: linear-gradient( 180deg, rgba(13,30,70,0.72) 0%, #142E6B 100%);
      padding: 0px 10px 0px 10px;
      color: #BECBEA;
      display: flex;
      justify-content: space-between;
      position: relative;
      position: absolute;
      bottom: 0px;
      width: 100%;
      .time-top {
         width: 50px;
         height: 30px;