From ee6141e072aa03e6e32453ea05b5c75d86bac157 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E5=85=8B?= <819966041@qq.com>
Date: Tue, 2 Aug 2022 14:46:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=84=8F=E8=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BasicBox1/index.vue     |  6 +-
 src/components/layout/header.vue       |  1 +
 src/views/carManage.vue                | 96 ++++++++++++++++++++------
 src/views/carManage/carManageRight.vue |  6 +-
 src/views/food.vue                     |  4 +-
 src/views/green.vue                    |  6 +-
 src/views/land.vue                     | 18 +++--
 src/views/land/index.vue               |  3 +-
 src/views/wisdom/children/index.vue    |  4 +-
 src/views/wisdom/index.vue             |  4 +-
 10 files changed, 102 insertions(+), 46 deletions(-)

diff --git a/src/components/BasicBox1/index.vue b/src/components/BasicBox1/index.vue
index e430061..8fddea3 100644
--- a/src/components/BasicBox1/index.vue
+++ b/src/components/BasicBox1/index.vue
@@ -12,9 +12,9 @@
                 <span class="right">{{ item.value }}</span>
             </li>
         </ul>
-        <div class="line">
-            <img src="~@/assets/landRes/line.png" alt="" width="100%" height="100%">
-        </div>
+<!--        <div class="line">-->
+<!--            <img src="~@/assets/landRes/line.png" alt="" width="100%" height="100%">-->
+<!--        </div>-->
     </div>
 </template>
 
diff --git a/src/components/layout/header.vue b/src/components/layout/header.vue
index 3318a38..5974dce 100644
--- a/src/components/layout/header.vue
+++ b/src/components/layout/header.vue
@@ -110,6 +110,7 @@ $box-width: 100%;
     width: 100%;
     // height: 244px;
     background: url("../../assets/up.png") no-repeat top center;
+  background-size: 100%;
 }
 #headers {
 //   height: 123px;
diff --git a/src/views/carManage.vue b/src/views/carManage.vue
index 3caf382..9b6fa71 100644
--- a/src/views/carManage.vue
+++ b/src/views/carManage.vue
@@ -3,7 +3,7 @@
  <div
       class="bg"
     >
-   <iframe :src="buildingUrl" name="ifr" frameborder="0" ref="iframe"  width="100%" height="100%" style="position: absolute"></iframe>
+   <iframe :src="buildingUrl" id="ifr" frameborder="0" ref="iframe"  width="100%" height="100%" style="position: absolute"></iframe>
 <!--   <div class="body-left"></div>-->
 <!--      <div class="body-right"></div>-->
 <!--      <div class="body-bottom"></div>-->
@@ -28,8 +28,8 @@
               <!-- <div class="back-button" @click="goPage('home')">
                 <a href="../../index.html"></a>
               </div> -->
-            <div class="back-button" @click="cancel()">
-              <a></a>
+            <div class="back-button" >
+              <a href="../../index.html"></a>
             </div>
             <div>
                  <carManageLeft />
@@ -64,18 +64,30 @@
           <!-- 第四行数据 -->
           <div class="bottom-box"></div>
           <div class="footer-nav">
-            <div class="baseBlock changeCar" @click='goPage(1)'>
+            <div class="baseBlock changeCar" @click='goPage(1)' v-show="isShow">
                 <img src="../assets/car/car.png" alt="">
               <p>停车场1</p>
             </div>
-            <div class="baseBlock changeCar" @click='goPage(2)'>
+            <div class="baseBlock changeCar1" @click='goPage(1)' v-show="!isShow">
+              <img src="../assets/car/car.png" alt="">
+              <p>停车场1</p>
+            </div>
+            <div class="baseBlock changeCar" @click='goPage(2)' v-show="isShow1">
                 <img src="../assets/car/car.png" alt="">
               <p>停车场2</p>
             </div>
-            <div class="baseBlock changeCar" @click='goPage(3)'>
+            <div class="baseBlock changeCar1" @click='goPage(2)' v-show="!isShow1">
+              <img src="../assets/car/car.png" alt="">
+              <p>停车场2</p>
+            </div>
+            <div class="baseBlock changeCar" @click='goPage(3)' v-show="isShow2">
                 <img src="../assets/car/car.png" alt="">
               <p>停车场3</p>
             </div>
+            <div class="baseBlock1 changeCar1" @click='goPage(3)' v-show="!isShow2">
+              <img src="../assets/car/car.png" alt="">
+              <p>停车场3</p>
+            </div>
             <!-- <div class="baseBlock changeCar" @click='goTcc(4)'>
                 <img src="../assets/car/car.png" alt="">
               <p>停车场4</p>
@@ -110,6 +122,9 @@ export default {
   mixins: [drawMixin],
   data() {
     return {
+      isShow:true,
+      isShow1:true,
+      isShow2:true,
       buildingUrl:'/sgs/index.html',
       backgroundPic: {
         index: "car/bg",
@@ -121,7 +136,10 @@ export default {
       dateWeek: null,
       weekday: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
       decorationColor: ["#568aea", "#000000"],
-      scenes:''
+      scenes:'',
+      carUrl:'https://www.4dkankan.com/spg.html?m=KJ-tLgNh7gVhB',
+      carUrl1:'https://www.4dkankan.com/spg.html?m=KJ-T0kYoNIRuL',
+      carUrl2:'https://www.4dkankan.com/spg.html?m=KJ-ZsO6GXHfiE'
     };
   },
   components: {
@@ -170,21 +188,37 @@ export default {
       }, 500);
     },
        goPage(val) {
-        
+      let that = this
       
       if(val === 0) {
          this.$router.push("car/carChild");
       }else if(val === 1){
          console.log("切换停车场1-主场景")
-          window.GotoScene("B1");
+          // window.GotoScene("B1");
+        that.isShow = !that.isShow
+        that.isShow1 = true
+        that.isShow2 = true
+        that.buildingUrl = that.carUrl
+        document.getElementById('ifr').contentWindow.getUrl(that.buildingUrl);
+
       }else if(val === 2) {
-          console.log("切换停车场2-主场景");
-        window.GotoScene("B2");
+        // window.GotoScene("B2");
+        console.log("切换停车场2-主场景");
+        that.isShow1 = !that.isShow1
+        that.isShow = true
+        that.isShow2 = true
+        that.buildingUrl = that.carUrl1
+        document.getElementById('ifr').contentWindow.getUrl(that.buildingUrl);
       }else if(val === 3) {
           console.log("切换停车场3-主场景");
-        window.GotoScene("B3");
+        // window.GotoScene("B3");
+        that.isShow2 = !that.isShow2
+        that.isShow1 = true
+        that.isShow = true
+        that.buildingUrl = that.carUrl2
+        document.getElementById('ifr').contentWindow.getUrl(that.buildingUrl);
       }else if(val === 'home'){
- console.log("跳传首页")
+         console.log("跳传首页")
       }
     //   else if(val === 4) {
     //       console.log("切换停车场4-主场景")
@@ -193,15 +227,16 @@ export default {
     //   }
    
     },
-    cancel(){
-      let that = this
-      if (that.scenes === '360'){
-        console.log('取消模型')
-        window.cancel()
-      }else{
-        this.$router.back();
-      }
-    },
+    // cancel(){
+    //   let that = this
+    //   // if (that.scenes === '360'){
+    //   //   console.log('取消模型')
+    //   //   window.cancel()
+    //   // }else{
+    //   //   this.$router.back();
+    //   // }
+    //   that.$router.back();
+    // },
   },
 };
 </script>
@@ -222,7 +257,7 @@ left: 63%;
     }
     .rightCar{
       position: absolute;
-    right: 2%;
+    right: 3%;
     }
       .middle {
     /* 搜索框 */
@@ -374,6 +409,17 @@ left: 63%;
         // padding: 25px 15px;
     font-size: 15px;
   }
+      .baseBlock1 {
+        cursor: pointer;
+        color: #c7fcff;
+        width: 120px;
+        height: 125px;
+        text-align: center;
+        letter-spacing: 3px;
+        padding-top: 40px;
+        // padding: 25px 15px;
+        font-size: 15px;
+      }
     .changeCar {
     background: url("../assets/car/6len.png") no-repeat ;
     background-size: cover;
@@ -382,6 +428,10 @@ left: 63%;
     background: url("../assets/car/6len03.png") no-repeat;
     background-size: cover;
   }
+      .changeCar1 {
+        background: url("../assets/car/6len03.png") no-repeat;
+        background-size: cover;
+      }
   }
     
 </style>
diff --git a/src/views/carManage/carManageRight.vue b/src/views/carManage/carManageRight.vue
index f4c2d08..3103dd2 100644
--- a/src/views/carManage/carManageRight.vue
+++ b/src/views/carManage/carManageRight.vue
@@ -233,11 +233,11 @@ $box-height:731px;
       justify-content: space-between;
     //   width: 506px;
     //   height: 324px;
-    width: 426px;
-    height: 350px;
+    width: 456px;
+    height: 350px !important;
       padding: 30px 20px;
       background: url(../../assets/borad-bg.png) no-repeat;
-      background-size: 426px 404px;
+      //background-size:100%;
 
       .main-title {
         // width: 542px;
diff --git a/src/views/food.vue b/src/views/food.vue
index a87b62d..7eaa71e 100644
--- a/src/views/food.vue
+++ b/src/views/food.vue
@@ -4,9 +4,9 @@
       class="bg"
     >
    <iframe src="/food/foodMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
-   <div class="body-left"></div>
+   <!-- <div class="body-left"></div>
       <div class="body-right"></div>
-      <div class="body-bottom"></div>
+      <div class="body-bottom"></div> -->
       <dv-loading v-if="loading">Loading...</dv-loading>
       <div v-else class="host-body">
         <headerIndex :cdata="{ title: '食品安全', margin: '26px auto' }" style="position: relative"/>
diff --git a/src/views/green.vue b/src/views/green.vue
index 7bff3bd..7b7605a 100644
--- a/src/views/green.vue
+++ b/src/views/green.vue
@@ -5,9 +5,9 @@
       class="bg"
     >
    <iframe src="/green/greenMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
-   <div class="body-left"></div>
-      <div class="body-right"></div>
-      <div class="body-bottom"></div>
+<!--   <div class="body-left"></div>-->
+<!--      <div class="body-right"></div>-->
+<!--      <div class="body-bottom"></div>-->
       <dv-loading v-if="loading">Loading...</dv-loading>
       <div v-else class="host-body">
         <headerIndex :cdata="{ title: '绿色双碳', margin: '26px auto' }" style="position:relative"/>
diff --git a/src/views/land.vue b/src/views/land.vue
index e53c314..f695893 100644
--- a/src/views/land.vue
+++ b/src/views/land.vue
@@ -1,14 +1,20 @@
 <template>
   <div id="index" ref="appRef">
- <div
-      class="bg"
-    >
-   <iframe src="/land/landMap.html" frameborder="0" width="100%" height="100%"></iframe>
-   <div class="body-left"></div>
+    <div class="bg">
+      <iframe
+        src="/land/landMap.html"
+        frameborder="0"
+        width="100%"
+        height="100%"
+      ></iframe>
+      <div class="body-left"></div>
       <div class="body-right"></div>
       <dv-loading v-if="loading">Loading...</dv-loading>
       <div v-else class="host-body">
-        <headerIndex :cdata="{ title: '房地资源', margin: '26px auto' }" style="position: relative" />
+        <headerIndex
+          :cdata="{ title: '房地资源', margin: '26px auto' }"
+          style="position: relative"
+        />
 
         <div class="body-box">
           <!-- 第三行数据 -->
diff --git a/src/views/land/index.vue b/src/views/land/index.vue
index f922402..8f79f75 100644
--- a/src/views/land/index.vue
+++ b/src/views/land/index.vue
@@ -81,7 +81,6 @@
                             <template slot="top">
                                 <Chart />
                             </template>
-
                         </BasicBox>
 
                         <BasicBox title="房地项目建设规模设计" :dataSource="false">
@@ -1428,7 +1427,7 @@ export default {
     flex-wrap: wrap;
     align-content: flex-start;
     position: relative;
-     left:30%;
+     left:28.5%;
     .box {
         font-size: 14px;
         // background: #11223289;
diff --git a/src/views/wisdom/children/index.vue b/src/views/wisdom/children/index.vue
index 7fc5503..a580b30 100644
--- a/src/views/wisdom/children/index.vue
+++ b/src/views/wisdom/children/index.vue
@@ -6,9 +6,9 @@
         'url(' + require(`../../../assets/${backgroundPic.index}.png`) + ')',
     }"> -->
           <iframe src="/wisdom/wisdomMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
-          <div class="body-left"></div>
+          <!-- <div class="body-left"></div>
       <div class="body-right"></div>
-      <div class="body-bottom"></div>
+      <div class="body-bottom"></div> -->
             <dv-loading v-if="loading">Loading...</dv-loading>
             <div v-else class="host-body" id="wis">
                 <headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" style="position: relative"/>
diff --git a/src/views/wisdom/index.vue b/src/views/wisdom/index.vue
index e30dea9..1bb4449 100644
--- a/src/views/wisdom/index.vue
+++ b/src/views/wisdom/index.vue
@@ -6,9 +6,9 @@
     }"> -->
      <div class="bg">
        <iframe src="/wisdom/wisdomMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
-       <div class="body-left"></div>
+       <!-- <div class="body-left"></div>
       <div class="body-right"></div>
-      <div class="body-bottom"></div>
+      <div class="body-bottom"></div> -->
       <dv-loading v-if="loading">Loading...</dv-loading>
       <div v-else class="host-body">
         <headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" style="position: relative"/>