From 9f54205cde962fde34c7e24b0edebd1ca4e94c49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=90=AA?= <727393967@qq.com>
Date: Mon, 2 Sep 2024 13:51:14 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BA=BF=E6=9D=A1=E9=A2=9C=E8=89=B2=E9=9A=8F?=
 =?UTF-8?q?=E6=9C=BA=E6=96=B9=E5=BC=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dataSearch.vue | 35 +++++++++++++++++++----------------
 src/views/home.vue       | 23 ++++++++++++++---------
 2 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/views/dataSearch.vue b/src/views/dataSearch.vue
index 67de018..1a80636 100644
--- a/src/views/dataSearch.vue
+++ b/src/views/dataSearch.vue
@@ -40,13 +40,13 @@
               <p>{{ item.dataset_name }} <span class="mileage">{{item.file_total}}</span></p>
               <span class="org">{{ item.create_time }}</span>
             </div>
-            <ul v-if="currenId == item.tsy_id">
+            <ul v-if="currenId == item.tsy_id && fold">
               <li
                 :class="sample.tsy_id == currenSample ? 'bg-color' : ''"
                 class="sample"
                 v-for="(sample, i) in item.sampleArray"
                 :key="i"
-                @click="onSample(sample)"
+                @click.stop="onSample(sample)"
               >{{sample.sample_name}}</li>
             </ul>
             <div class="left4_list">
@@ -134,7 +134,7 @@
         <img src="../../static/images/arrow_nav1.png" alt="">
       </div>
       <div class="right">
-        <div id="cesiumContainerData" style="height: 100%;width:100%;" />
+        <div id="cesiumContainerData" style="height: calc(100vh - 90px);width:100%;" />
       </div>
     </div>
     <!--  航次名称弹窗-->
@@ -322,6 +322,7 @@ export default {
       ids: [],
       menuShow: true,
       currenId: null,
+      fold: false,
       currenSample: null,
       previousEntityId: null,
       job: '',
@@ -500,6 +501,8 @@ export default {
       this.viewer.shadowMap.darkness = 0.8
       this.viewer.scene._sunBloom = false
       this.viewer.scene.globe.showGroundAtmosphere = false
+      this.viewer.scene.postProcessStages.fxaa.enabled = true
+
       // 叠加叠加影像服务
       const earthMap = new Cesium.WebMapTileServiceImageryProvider(
         {
@@ -543,16 +546,11 @@ export default {
         id: id,
         polyline: { //polyline折线实体
           positions: Cesium.Cartesian3.fromDegreesArray(degreeArr),//位置
-          width: 5,//折线宽度
-          cusColor: this.color[index],
-          material: new Cesium.PolylineArrowMaterialProperty(
-            this.color[index]
-            //Cesium.Color.BLUE
-            // glowPower : 0.2,//发光的强度，值为线宽的百分比(0-1.0)
-            // color:Cesium.Color.BLUE //发光的颜色
-          ),//材质
           clampToGround: true, //地表层高度模式,
-          zIndex: 1000
+          zIndex: 1000,
+          width: 2,
+          // 设置线条的材质（颜色）
+          material: Cesium.Color.fromRandom({alpha: 0.5})
         }
       })
       this.viewer.camera.setView({
@@ -751,9 +749,14 @@ export default {
     },
     // 展开数据样品列表
     openList(item) {
-      if (item.file_total) {
-        this.currenId = item.tsy_id
-        this.job = item.job_type
+      if (this.currenId == item.tsy_id) {
+        this.fold = !this.fold
+      } else {
+        this.fold = true
+        if (item.file_total) {
+          this.currenId = item.tsy_id
+          this.job = item.job_type
+        }
       }
     },
     // 选中样品列表数据
@@ -798,7 +801,7 @@ export default {
   height: 100%;
   .shuju_con {
     width: 100%;
-    height: 995px;
+    height: calc(100vh - 90px);
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/src/views/home.vue b/src/views/home.vue
index fa64688..2d811d2 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -393,6 +393,8 @@ export default {
       this.viewer.shadowMap.darkness = 0.8
       this.viewer.scene._sunBloom = false
       this.viewer.scene.globe.showGroundAtmosphere = false
+      this.viewer.scene.postProcessStages.fxaa.enabled = true
+
       // 不显示底图
       // this.viewer.imageryLayers.get(0).show = false
 
@@ -439,16 +441,19 @@ export default {
         id: id,
         polyline: { //polyline折线实体
           positions: Cesium.Cartesian3.fromDegreesArray(degreeArr),//位置
-          width: 5,//折线宽度
-          cusColor: this.color[index],
-          material: new Cesium.PolylineArrowMaterialProperty(
-            this.color[index]
-            //Cesium.Color.BLUE
-            // glowPower : 0.2,//发光的强度，值为线宽的百分比(0-1.0)
-            // color:Cesium.Color.BLUE //发光的颜色
-          ),//材质
+          // width: 5,//折线宽度
+          // cusColor: this.color[index],
+          // material: new Cesium.PolylineArrowMaterialProperty(
+          //   this.color[index]
+          //   //Cesium.Color.BLUE
+          //   // glowPower : 0.2,//发光的强度，值为线宽的百分比(0-1.0)
+          //   // color:Cesium.Color.BLUE //发光的颜色
+          // ),//材质
           clampToGround: true, //地表层高度模式,
-          zIndex: 1000
+          zIndex: 1000,
+          width: 2,
+          // 设置线条的材质（颜色）
+          material: Cesium.Color.fromRandom({alpha: 0.5})
         }
       })
       this.viewer.camera.setView({