Merge remote-tracking branch 'origin/master'

罗广辉

2025-03-28 f17ddc63b988c1b2851606c7b75c59093cb94dc6

Merge remote-tracking branch 'origin/master'

 src/assets/images/3D.png

 src/assets/images/bg-mc.png

Binary files differ

 src/assets/images/bg.png

Binary files differ

 src/assets/images/chat-bottom.png

 src/assets/images/chat.png

 src/assets/images/cursor.png

 src/assets/images/event.png

 src/assets/images/home/homeLeft/inspection-num.png

 src/assets/images/home/homeLeft/next-num.png

 src/assets/images/home/homeLeft/table-icon.png

 src/assets/images/home/homeLeft/table-zx.png

 src/assets/images/home/homeLeft/tq.png

 src/assets/images/intelligent-introduction-flying.png

 src/assets/images/layer.png

 src/assets/images/machine-nest.png

 src/assets/images/measuring-scale.png

 src/assets/images/orthophoto.png

 src/assets/images/panorama.png

 src/assets/images/self-positioning.png

 src/assets/images/背景图@2x.png

Binary files differ

 src/layout/Footer.vue

New file
@@ -0,0 +1,56 @@
<template>
    <div class="footer">
      <img class="machine-nest" src="@/assets/images/machine-nest.png" alt="">
      <img class="event" src="@/assets/images/event.png" alt="">
      <img class="panorama" src="@/assets/images/panorama.png" alt="">
      <img class="threeD" src="@/assets/images/3D.png" alt="">
      <img class="orthophoto" src="@/assets/images/orthophoto.png" alt="">
    </div>
    <div class="intelligent-introduction-flying">
      <img class="orthophoto" src="@/assets/images/intelligent-introduction-flying.png" alt="">
    </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
  .footer {
    position: absolute;
    bottom: 84px;
    left: 624px;
    img {
      width: 103px;
      height: 119px;
    }
    .event {
      position: relative;
      left: 40px;
      bottom: 15px;
    }
    .panorama {
      position: relative;
      left: 80px;
      bottom: 34px;
    }
    .threeD {
      position: relative;
      left: 120px;
      bottom: 15px;
    }
    .orthophoto {
      position: relative;
      left: 160px;
    }
  }
  .intelligent-introduction-flying {
    position: absolute;
    left: 888px;
    bottom: 23px;
    img {
      width: 146px;
      height: 54px;
    }
  }
</style>

 src/layout/Header.vue

@@ -83,7 +83,7 @@
.header {
  width: calc(100% - 57px - 59px);
  margin-left: 57px;
  padding-top: 38px;
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  // position: relative;

 src/layout/RSide.vue

New file
@@ -0,0 +1,82 @@
<template>
  <div class="ai-chat">
    <img class="chat" src="@/assets/images/chat.png" alt="">
    <img class="chat-bottom" src="@/assets/images/chat-bottom.png" alt="">
  </div>
  <div class="r-side">
    <img class="positioning" src="@/assets/images/self-positioning.png" alt="" @mouseenter="enterHover(0)" @mouseleave="logIndex=3">
    <img class="measuring-scale" src="@/assets/images/measuring-scale.png" alt="" @mouseenter="enterHover(1)" @mouseleave="logIndex=3">
    <img class="layer" src="@/assets/images/layer.png" alt="" @mouseenter="enterHover(2)" @mouseleave="logIndex=3">
  </div>
  <div v-if="logIndex===0" class="r-side-positioning">切换地图模式</div>
  <div v-if="logIndex===1" class="r-side-measuring">量尺</div>
  <div v-if="logIndex===2" class="r-side-layer">返回当前位置</div>
</template>

<script setup>
let logIndex = ref(3);
const enterHover = (value) => {
  logIndex.value = value;
}
</script>

<style scoped lang="scss">
.ai-chat {
  position: absolute;
  bottom: 309px;
  right: 440px;
  cursor: pointer;
  img {
    width: 100px;
    height: 68px;
    display: block;
  };
  .chat {
    position: relative;
    bottom: -50px;
    height: 124px;
  }
}
.r-side {
  position: absolute;
  bottom: 122px;
  right: 463px;
  cursor: pointer;
  img {
    display: block;
    width: 48px;
    height: 48px;
  }
  .positioning {
    position: relative;
    bottom: 24px;
  }
  .measuring-scale {
    position: relative;
    bottom: 12px;
  }
}
.r-side-positioning, .r-side-measuring, .r-side-layer {
  position: absolute;
  right: 514px;
  width: 130px;
  height: 48px;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
  background: url('@/assets/images/cursor.png');
}
.r-side-positioning {
  bottom: 242px;
}
.r-side-measuring {
  bottom: 182px;
}
.r-side-layer {
  bottom: 122px;
}

</style>

 src/layout/index.vue

@@ -4,6 +4,8 @@
    <div class="page-index">
      <Header />
      <router-view></router-view>
      <RSide />
      <Footer />
    </div>
  </div>
</template>
@@ -12,6 +14,8 @@
import { onMounted } from 'vue';
import cesiumOperation from '@/utils/cesium-tsa';
import Header from './Header.vue';
import Footer from './Footer.vue';
import RSide from './RSide.vue';

const { _init } = cesiumOperation();
const narrowScreen  = ref(false)

 src/views/Home/components/HomeLeft/HomeLeft.vue

@@ -5,7 +5,7 @@
      <div class="time">{{ time }}</div>
      <div class="line"></div>
      <div class="weather">
        <img src="@/assets/images/tq.png" alt="" />
        <img src="@/assets/images/home/homeLeft/tq.png" alt="" />
        <span class="tq">阴天</span>
        <span class="qk">适合飞行</span>
      </div>

 src/views/Home/components/HomeLeft/InspectionRaskDetails.vue

@@ -171,7 +171,7 @@
  border-radius: 0px 0px 0px 0px;
  opacity: 0.85;
  .inspection-num {
    background: url('@/assets/images/inspection-num.png') no-repeat center / 100% 100%;
    background: url('@/assets/images/home/homeLeft/inspection-num.png') no-repeat center / 100% 100%;
    width: 360px;
    height: 118px;
    position: relative;

 src/views/Home/components/HomeLeft/OverviewNext.vue

@@ -28,8 +28,8 @@
      </div>
      <div class="table-item" v-for="item in tableList">
        <div class="name">
          <img class="yjzx-img" width="10" height="10" src="@/assets/images/table-zx.png" alt="" />
          <img width="13" height="15" src="@/assets/images/table-icon.png" alt="" />
          <img class="yjzx-img" width="10" height="10" src="@/assets/images/home/homeLeft/table-zx.png" alt="" />
          <img width="13" height="15" src="@/assets/images/home/homeLeft/table-icon.png" alt="" />
          {{ item.name }}
        </div>
        <div class="status">{{ item.status }}</div>
@@ -78,7 +78,7 @@
  .next-num {
    width: 358px;
    height: 92px;
    background: url(@/assets/images/next-num.png) no-repeat center / 100% 100%;
    background: url(@/assets/images/home/homeLeft/next-num.png) no-repeat center / 100% 100%;
    position: relative;
    .total {
      position: absolute;