From adba628772067ff547396522c245d1fcfe6d9f7e Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期二, 14 二月 2023 12:15:52 +0800 Subject: [PATCH] 1 --- src/components/mapsdk.vue | 173 ++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 133 insertions(+), 40 deletions(-) diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue index 4646ed1..f2d00c6 100644 --- a/src/components/mapsdk.vue +++ b/src/components/mapsdk.vue @@ -1,44 +1,85 @@ <template> <div class="mapBox"> <div id="mapdiv"> - <div class="menu_Top" v-if="$store.state.mapMenuBoolean"> + <div + class="menu_Top" + v-if="$store.state.mapMenuBoolean" + > <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" /> <map-space-top v-if="$store.state.mapMenuBoxFlag == '2'" /> </div> - <div class="bufferBox" v-if="showBufferBoxDialog"> + <div + class="bufferBox" + v-if="showBufferBoxDialog" + > <el-card class="box-card"> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>缂撳啿鍖哄垎鏋�</span> <div style="float: right; cursor: pointer"> - <i class="el-icon-close" @click="closeBufferBox(1)"></i> + <i + class="el-icon-close" + @click="closeBufferBox(1)" + ></i> </div> </div> <div class="box-body"> - <el-form ref="form" :model="bufFrom" label-width="100px"> + <el-form + ref="form" + :model="bufFrom" + label-width="100px" + > <el-form-item label="缂撳啿鍗婂緞(绫�):"> <el-input v-model="bufFrom.val"></el-input> </el-form-item> <el-form-item> - <el-button @click="addBuffer(1)" type="info">鐐�</el-button> - <el-button @click="addBuffer(2)" type="info">绾�</el-button> - <el-button @click="addBuffer(3)" type="info">闈�</el-button> - <el-button @click="clearBuffer" type="info">娓呴櫎</el-button> + <el-button + @click="addBuffer(1)" + type="info" + >鐐�</el-button> + <el-button + @click="addBuffer(2)" + type="info" + >绾�</el-button> + <el-button + @click="addBuffer(3)" + type="info" + >闈�</el-button> + <el-button + @click="clearBuffer" + type="info" + >娓呴櫎</el-button> </el-form-item> </el-form> </div> </el-card> </div> - <div class="coordLocalBox" v-if="showCoordLocalBoxDialog"> + <div + class="coordLocalBox" + v-if="showCoordLocalBoxDialog" + > <el-card class="box-card"> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>鍧愭爣瀹氫綅</span> <div style="float: right; cursor: pointer"> - <i class="el-icon-close" @click="closeBufferBox(2)"></i> + <i + class="el-icon-close" + @click="closeBufferBox(2)" + ></i> </div> </div> <div class="box-body"> - <el-form ref="form" :model="coordFrom" label-width="50px"> + <el-form + ref="form" + :model="coordFrom" + label-width="50px" + > <el-form-item label="缁忓害:"> <el-input v-model="coordFrom.lon"></el-input> </el-form-item> @@ -49,22 +90,38 @@ <el-input v-model="coordFrom.height"></el-input> </el-form-item> <el-form-item> - <el-button @click="setCoordLocal" type="info">瀹氫綅</el-button> + <el-button + @click="setCoordLocal" + type="info" + >瀹氫綅</el-button> </el-form-item> </el-form> </div> </el-card> </div> - <div class="toponymicLocalBox" v-if="showToponymicLocalBoxDialog"> + <div + class="toponymicLocalBox" + v-if="showToponymicLocalBoxDialog" + > <el-card class="box-card"> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>鍦板悕瀹氫綅</span> <div style="float: right; cursor: pointer"> - <i class="el-icon-close" @click="closeBufferBox(3)"></i> + <i + class="el-icon-close" + @click="closeBufferBox(3)" + ></i> </div> </div> <div class="box-body"> - <el-form :model="comprehensive" :inline="true" label-width="50px"> + <el-form + :model="comprehensive" + :inline="true" + label-width="50px" + > <el-form-item label="鍦板悕:"> <el-input style="width: 200px" @@ -72,17 +129,28 @@ ></el-input> </el-form-item> <el-form-item> - <el-button @click="setQueryTable" type="info">鏌ヨ</el-button> + <el-button + @click="setQueryTable" + type="info" + >鏌ヨ</el-button> </el-form-item> </el-form> - <el-table :data="tableData" height="200px" style="width: 100%"> + <el-table + :data="tableData" + height="200px" + style="width: 100%" + > <el-table-column align="center" type="index" label="搴忓彿" width="70px" /> - <el-table-column prop="name" align="center" label="瀹氫綅"> + <el-table-column + prop="name" + align="center" + label="瀹氫綅" + > <template slot-scope="scope"> <el-button @click="handleLocation(scope.$index, scope.row)" @@ -91,10 +159,17 @@ ></el-button> </template> </el-table-column> - <el-table-column prop="name" align="center" label="鍦板悕"> + <el-table-column + prop="name" + align="center" + label="鍦板悕" + > </el-table-column> </el-table> - <div style="margin-top: 10px" class="pagination_box"> + <div + style="margin-top: 10px" + class="pagination_box" + > <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -109,12 +184,21 @@ </div> </el-card> </div> - <div class="pathAnalysisBox" v-if="showPathAnalysisBoxDialog"> + <div + class="pathAnalysisBox" + v-if="showPathAnalysisBoxDialog" + > <el-card class="box-card"> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>璺緞鍒嗘瀽</span> <div style="float: right; cursor: pointer"> - <i class="el-icon-close" @click="closeBufferBox(4)"></i> + <i + class="el-icon-close" + @click="closeBufferBox(4)" + ></i> </div> </div> <div class="box-body"> @@ -124,7 +208,10 @@ :rules="rules" label-width="55px" > - <el-form-item label="璧风偣:" prop="lon"> + <el-form-item + label="璧风偣:" + prop="lon" + > <el-input style="width: 250px" v-model="pathFrom.lon" @@ -134,10 +221,15 @@ :underline="false" @click="showMouseLeftClick(1)" style="margin-left: 10px" - ><i style="color: white" class="el-icon-plus"></i - ></el-link> + ><i + style="color: white" + class="el-icon-plus" + ></i></el-link> </el-form-item> - <el-form-item label="缁堢偣:" prop="lat"> + <el-form-item + label="缁堢偣:" + prop="lat" + > <el-input style="width: 250px" v-model="pathFrom.lat" @@ -147,13 +239,16 @@ :underline="false" @click="showMouseLeftClick(2)" style="margin-left: 10px" - ><i style="color: white" class="el-icon-plus"></i - ></el-link> + ><i + style="color: white" + class="el-icon-plus" + ></i></el-link> </el-form-item> <el-form-item> - <el-button @click="showMouseLeftClick(3)" type="info" - >鏌ヨ</el-button - > + <el-button + @click="showMouseLeftClick(3)" + type="info" + >鏌ヨ</el-button> </el-form-item> </el-form> </div> @@ -302,7 +397,7 @@ // 100000 // ), // }) - Viewer.camera.flyTo({ + Viewer.camera.flyTo({ destination: Cesium.Cartesian3.fromDegrees(110, 33, 8000000), }); @@ -570,9 +665,7 @@ return false } }) - if (this.linePath != null) { - this.clearPathAll(3) - } + this.clearPathAll(3) var start = this.pathFrom.lon.split(",") var end = this.pathFrom.lat.split(",") var startData = { @@ -581,7 +674,7 @@ x2: parseFloat(end[0]), y2: parseFloat(end[1]), } - + const data = await comprehensive_selectRoute(startData) if (data.code != 200) { return this.$message.error("鏁版嵁璇锋眰澶辫触") -- Gitblit v1.9.3