From 303f5d5c1296bfdcec63f1de35f3f64739f14007 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期日, 26 二月 2023 15:38:28 +0800 Subject: [PATCH] 资料馆,数据申请界面优化,综合展示三维截面分析 --- src/components/mapsdk.vue | 149 ++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 116 insertions(+), 33 deletions(-) diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue index ac27717..220c225 100644 --- a/src/components/mapsdk.vue +++ b/src/components/mapsdk.vue @@ -1,44 +1,82 @@ <template> <div class="mapBox"> <div id="mapdiv"> - <div class="menu_Top box_divm" v-if="$store.state.mapMenuBoolean"> + <div + class="menu_Top box_divm" + 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 box_divm"> - <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"> <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 +87,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 +126,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,7 +156,11 @@ ></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 class="pagination_box"> @@ -109,12 +178,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 +202,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 +215,12 @@ :underline="false" @click="showMouseLeftClick(1)" style="margin-left: 10px" - ><i style="color: white" class="el-icon-plus"></i - ></el-link> + ><i 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 +230,13 @@ :underline="false" @click="showMouseLeftClick(2)" style="margin-left: 10px" - ><i style="color: white" class="el-icon-plus"></i - ></el-link> + ><i 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> -- Gitblit v1.9.3