From 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 16 一月 2023 10:35:15 +0800 Subject: [PATCH] 廊坊代码更新 --- src/views/exportMap/index.vue | 175 +++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 118 insertions(+), 57 deletions(-) diff --git a/src/views/exportMap/index.vue b/src/views/exportMap/index.vue index 4c0ce81..bb7f266 100644 --- a/src/views/exportMap/index.vue +++ b/src/views/exportMap/index.vue @@ -3,22 +3,28 @@ id="mapView" class="MapBox" v-loading="loading" - element-loading-spinner="el-icon-loading" + element-loading-background="rgba(0, 0, 0, 0.8)" > <div class="topMenu"> - <el-form :inline="true" :model="formInline" class="demo-form-inline"> + <el-form + :inline="true" + :model="formInline" + class="demo-form-inline" + > <el-form-item> <el-link style="color: white" @click="showLeftMenu(1)" :underline="false" title="鍥惧眰鍒楄〃" - ><i class="el-icon-s-operation"></i - ></el-link> + ><i class="el-icon-s-operation"></i></el-link> </el-form-item> <el-form-item> - <el-select v-model="value" placeholder="璇烽�夋嫨"> + <el-select + v-model="value" + placeholder="璇烽�夋嫨" + > <el-option v-for="item in options" :key="item.value" @@ -34,8 +40,7 @@ style="color: white" @click="setMapAddDraw()" :underline="false" - ><i class="el-icon-edit-outline"></i>缁樺埗</el-link - > + ><i class="el-icon-edit-outline"></i>缁樺埗</el-link> </el-form-item> <el-form-item> <el-link @@ -44,8 +49,7 @@ @click="setMapRemoveDraw()" :underline="false" title="鍥惧眰鍒楄〃" - ><i class="el-icon-delete"></i>娓呴櫎</el-link - > + ><i class="el-icon-delete"></i>娓呴櫎</el-link> </el-form-item> <el-form-item> @@ -54,32 +58,29 @@ @click="showMapApply = true" :underline="false" :disabled="layerExtent == null" - >鍑哄浘鐢宠 - </el-link></el-form-item - > + >鍑哄浘鐢宠 + </el-link> + </el-form-item> <el-form-item> <el-link style="color: white" @click="getShowMapList" :underline="false" - >鍑哄浘鍒楄〃</el-link - ></el-form-item - > + >鍑哄浘鍒楄〃</el-link> + </el-form-item> <el-form-item> <el-link style="color: white" @click="changeMenulayer" :underline="false" v-show="isActive" - >褰卞儚</el-link - > + >褰卞儚</el-link> <el-link style="color: white" v-show="!isActive" @click="changeMenulayer" :underline="false" - >鐭㈤噺</el-link - > + >鐭㈤噺</el-link> </el-form-item> <el-form-item label="鏃嬭浆瑙掑害"> <el-input @@ -96,13 +97,19 @@ :class="{ left_main_show: !leftMenuOpen }" > <div class="menu_content"> - <div class="topHeader" v-show="lefMenuContent"> + <div + class="topHeader" + v-show="lefMenuContent" + > <div>鍥惧眰鍒楄〃</div> <div @click="showLeftMenu(2)"><i class="el-icon-s-fold"></i></div> </div> <el-divider></el-divider> <div class="bottomContent"> - <div style="width: 100%" v-show="lefMenuContent"> + <div + style="width: 100%" + v-show="lefMenuContent" + > <el-tree :data="data" show-checkbox @@ -118,41 +125,67 @@ </div> </div> - <div class="mapApplay" v-if="showMapApply"> + <div + class="mapApplay" + v-if="showMapApply" + > <label>鍑哄浘鐢宠</label> <el-divider /> - <el-form ref="form" :model="form" label-width="80px"> + <el-form + ref="form" + :model="form" + label-width="80px" + > <el-form-item label="鍑哄浘鍚嶇О"> <el-input v-model="form.name"></el-input> </el-form-item> <el-form-item> - <el-table - ref="singleTable" - :data="tableData" - style="width: 100%" - height="200" - > - <el-table-column type="index" label="搴忓彿" width="50"> - </el-table-column> + <div style="padding:1%;border:1px solid white"> + <el-table + ref="singleTable" + :data="tableData" + style="width: 100%" + height="200" + > + <el-table-column + type="index" + label="搴忓彿" + width="50" + > + </el-table-column> - <el-table-column property="name" label="鍥惧眰鍚嶇О"> - </el-table-column> - </el-table> + <el-table-column + property="name" + label="鍥惧眰鍚嶇О" + > + </el-table-column> + </el-table> + </div> </el-form-item> <el-form-item> - <el-button type="primary" @click="setMapApply">绔嬪嵆鍒涘缓</el-button> + <el-button + type="primary" + @click="setMapApply" + >绔嬪嵆鍒涘缓</el-button> <el-button @click="showMapApply = false">鍙栨秷</el-button> </el-form-item> </el-form> </div> - <div class="mapApplay" v-if="showMapList"> + <div + class="mapApplay" + v-if="showMapList" + > <div> <label>鍑哄浘鍒楄〃</label> <div style="float: right"> - <el-link @click="showMapList = false" :underline="false" - ><i style="color: white" class="el-icon-close"></i - ></el-link> + <el-link + @click="showMapList = false" + :underline="false" + ><i + style="color: white" + class="el-icon-close" + ></i></el-link> </div> </div> <el-divider /> @@ -163,26 +196,41 @@ height="200" @selection-change="handleSelectionChange" > - <el-table-column type="index" width="50" label="搴忓彿"> + <el-table-column + type="index" + width="50" + label="搴忓彿" + > </el-table-column> - <el-table-column property="descr" label="鏍囬"> </el-table-column> - <el-table-column property="name" label="鏂囦欢鍚嶇О"> </el-table-column> - <el-table-column property="createName" label="鍑哄浘浜�"> </el-table-column> + <el-table-column + property="descr" + label="鏍囬" + > </el-table-column> + <el-table-column + property="name" + label="鏂囦欢鍚嶇О" + > </el-table-column> + <el-table-column + property="createName" + label="鍑哄浘浜�" + > </el-table-column> <el-table-column property="createTime" :formatter="formatTime" label="鏃ユ湡" > </el-table-column> - - <el-table-column label="鎿嶄綔" width="120"> + + <el-table-column + label="鎿嶄綔" + width="120" + > <template slot-scope="scope"> <el-link style="color: white" @click.native.prevent="downloadMap(scope.$index, scope.row)" :underline="false" - >涓嬭浇</el-link - > + >涓嬭浇</el-link> </template> </el-table-column> </el-table> @@ -206,7 +254,11 @@ width="30%" :before-close="handleClose" > - <el-form ref="layerform" :model="layerform" label-width="80px"> + <el-form + ref="layerform" + :model="layerform" + label-width="80px" + > <el-form-item label="鏈嶅姟鍚嶇О"> <el-input v-model="layerform.name"></el-input> </el-form-item> @@ -216,12 +268,21 @@ </el-radio-group> </el-form-item> <el-form-item label="鏈嶅姟鍦板潃"> - <el-input type="textarea" v-model="layerform.resource"></el-input> + <el-input + type="textarea" + v-model="layerform.resource" + ></el-input> </el-form-item> </el-form> - <span slot="footer" class="dialog-footer"> + <span + slot="footer" + class="dialog-footer" + > <el-button @click="dialogVisible = false">鍙� 娑�</el-button> - <el-button type="primary" @click="setAddMapLayer">纭� 瀹�</el-button> + <el-button + type="primary" + @click="setAddMapLayer" + >纭� 瀹�</el-button> </span> </el-dialog> </div> @@ -439,13 +500,13 @@ data: JSON.stringify(data), contentType: 'application/json', dataType: 'json', - error: function () {}, + error: function () { }, success: (rs) => { this.loading = false; var value = 'code = ' + rs.code + ', result = ' + rs.result; if ((rs.code = 200)) { this.$message({ - message: value, + message: "鍑哄浘鎴愬姛,璇峰埌鍑哄浘鍒楄〃鏌ョ湅骞朵笅杞�", type: 'success', }); this.setMapRemoveDraw(); @@ -537,7 +598,7 @@ this.showMapApply = false; this.form = {}; }, - handleClose() {}, + handleClose() { }, handleTreeNodeClick(data, nodes) { if (data.children != null) return; var layers = mapView.getAllLayers(); @@ -682,7 +743,7 @@ .active { height: 40px; width: 60px; - background: url('../../assets/img/Layer/imgLayer2.png') no-repeat center; + background: url("../../assets/img/Layer/imgLayer2.png") no-repeat center; position: absolute; background-size: 100% 100%; border-radius: 5px; @@ -690,7 +751,7 @@ .menuLayer { height: 40px; width: 60px; - background: url('../../assets/img/Layer/imgLayer1.png') no-repeat center; + background: url("../../assets/img/Layer/imgLayer1.png") no-repeat center; position: absolute; background-size: 100% 100%; border-radius: 5px; @@ -704,7 +765,7 @@ .mapApplay { width: 40%; position: absolute; - background: rgba(0, 0, 0, 0.5); + background: #303030; z-index: 40; top: 15%; margin-left: 30%; -- Gitblit v1.9.3