From 19a4741002f4208bf7fc951cbf3219897af5699a Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期四, 26 十月 2023 16:41:22 +0800 Subject: [PATCH] 标绘查询修改 --- src/views/plotting/plotting.vue | 59 +++++++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 43 insertions(+), 16 deletions(-) diff --git a/src/views/plotting/plotting.vue b/src/views/plotting/plotting.vue index 874fe06..73a8ea8 100644 --- a/src/views/plotting/plotting.vue +++ b/src/views/plotting/plotting.vue @@ -1,8 +1,14 @@ <template> - <div v-drag class="plottingBox"> + <div + v-drag + class="plottingBox" + > <div class="plottingTitle"> <div class="tileLeft"> - <div class="titleImg" @click="setCloseplotting"> + <div + class="titleImg" + @click="setCloseplotting" + > <ArrowLeft /> </div> <div class="titleLable">鏍囩粯鏌ヨ</div> @@ -12,9 +18,18 @@ <div class="plotting_content_btn"> <span class="plotting_content_title">鏍囩粯宸ュ叿</span> <div class="plotting_btn"> - <div class="btn_box_d btn_box" @click="setMenuDraw('point')"></div> - <div class="btn_box_x btn_box" @click="setMenuDraw('polyline')"></div> - <div class="btn_box_m btn_box" @click="setMenuDraw('polygon')"></div> + <div + class="btn_box_d btn_box" + @click="setMenuDraw('point')" + ></div> + <div + class="btn_box_x btn_box" + @click="setMenuDraw('polyline')" + ></div> + <div + class="btn_box_m btn_box" + @click="setMenuDraw('polygon')" + ></div> </div> </div> <div class="plotting_list"> @@ -32,8 +47,14 @@ /><span>{{ item.name }}</span> </div> <div class="plotting_list_tr_btn"> - <div class="tr_btn dw" @click.stop="setLayerLocation(item)"></div> - <div class="tr_btn sc" @click.stop="setLayerRemove(item)"></div> + <div + class="tr_btn dw" + @click.stop="setLayerLocation(item)" + ></div> + <div + class="tr_btn sc" + @click.stop="setLayerRemove(item)" + ></div> </div> </div> </div> @@ -172,7 +193,11 @@ positions: Cesium.Cartesian3.fromDegreesArray(std), width: 6, material: lineColor.value, - clampToGround: true, + //clampToGround: true, + heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, //璁剧疆 HeightReference 楂樺害鍙傝�冪被鍨嬩负 CLAMP_TO_GROUND 璐村湴绫诲瀷 + //classificationType: Cesium.ClassificationType.BOTH, //璐村湴褰㈠拰3dtile BOTH 鎴� CESIUM_3D_TILE 鎴� TERRAIN + verticalOrigin: Cesium.VerticalOrigin.CENTER, // 鍨傜洿浣嶇疆 + horizontalOrigin: Cesium.HorizontalOrigin.CENTER, // 姘村钩浣嶇疆 }, }); var linestring = turf.lineString(coord); @@ -205,9 +230,10 @@ outline: true, outlineColor: lineColor.value, outlineWidth: 2, - classificationType: Cesium.ClassificationType.BOTH, //璐村湴褰㈠拰3dtile + classificationType: Cesium.ClassificationType.BOTH, //璐村湴褰㈠拰3dtile BOTH 鎴� CESIUM_3D_TILE 鎴� TERRAIN clampToGround: true, //寮�鍚创鍦� height: 0, + heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, //璁剧疆 HeightReference 楂樺害鍙傝�冪被鍨嬩负 CLAMP_TO_GROUND 璐村湴绫诲瀷 }, }); @@ -248,7 +274,6 @@ emits("setCloseplotting", false); }; const resultShow = (res) => { - console.log(res); let obj = { isshow: true, entitiesData: res, @@ -261,6 +286,7 @@ watch( () => store.state.plottingInquireData, (nVal, oVal) => { + if(!nVal)return if (nVal.isshow == false) { //鍒楄〃鍒犻櫎鑱斿姩 if (nVal.entitiesData != {} && nVal.entitiesData.name) { @@ -270,6 +296,7 @@ break; } } + store.state.plottingInquireData = null } } }, @@ -340,8 +367,8 @@ margin-right: 18px; } .btn_box_d { - width: 17px; - height: 18px; + width: 30px; + height: 30px; background: url("../../assets/img/d.png") no-repeat center; background-size: 100% 100%; } @@ -350,8 +377,8 @@ background-size: 100% 100%; } .btn_box_x { - width: 26px; - height: 27px; + width: 30px; + height: 30px; background: url("../../assets/img/x.png") no-repeat center; background-size: 100% 100%; } @@ -360,8 +387,8 @@ background-size: 100% 100%; } .btn_box_m { - width: 22px; - height: 20px; + width: 30px; + height: 30px; background: url("../../assets/img/m.png") no-repeat center; background-size: 100% 100%; margin-right: 0; -- Gitblit v1.9.3