From 31fc16c132772ea0c6d9598d58366941f6cc91d9 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期二, 16 三月 2021 10:42:21 +0800 Subject: [PATCH] 功能实现 --- src/components/panel/ToolBoxPanel.vue | 74 +++++++++++++++++++++++++++--------- 1 files changed, 55 insertions(+), 19 deletions(-) diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue index 8433648..a6dd8d1 100644 --- a/src/components/panel/ToolBoxPanel.vue +++ b/src/components/panel/ToolBoxPanel.vue @@ -19,13 +19,13 @@ <span>{{ item.label }}</span> </el-button> <el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT)"> - <img :src="itemT.icon" alt=""/> + <img :src="itemT.icon" :title="itemT.title"/> </el-button> </el-popover> + <el-button @click="changeSelect" class="special-button"> + <i :class="selectGroup === false ? 'el-icon-d-arrow-right':'el-icon-d-arrow-left'"></i> + </el-button> </el-row> - <el-button @click="changeSelect" class="special-button"> - <i :class="selectGroup === false ? 'el-icon-d-arrow-right':'el-icon-d-arrow-left'"></i> - </el-button> </div> </div> </template> @@ -49,11 +49,6 @@ // 娴嬮噺鐨勬柟娉� import Measure from '@/components/plugin/MeaSure' -// import '@/components/plugin/leaflet-measure-path/leaflet-measure-path.css' -// 灏佽鐨勯�夋嫨寮规 -// import BaseNavMenuItem from '@components/panel/BaseNavMenuItem' -// 鏍囨敞鐨勬柟娉� -// import MakeTation from '@components/plugin/MakeTation' export default { name: 'ToolBoxPanel', @@ -69,27 +64,32 @@ { index: '1-1', label: '鐐规爣缁�', - icon: marker + icon: marker, + title: '鐐规爣缁�' }, { index: '1-2', label: '绾挎爣缁�', - icon: line + icon: line, + title: '绾挎爣缁�' }, { index: '1-4', label: '澶氳竟褰�', - icon: polygonJ + icon: polygonJ, + title: '澶氳竟褰�' }, { index: '1-5', label: '鐭╁舰', - icon: polygonS + icon: polygonS, + title: '鐭╁舰' }, { index: '1-3', label: '鍦嗗舰', - icon: polygonY + icon: polygonY, + title: '鍦嗗舰' } ] }, @@ -101,12 +101,14 @@ { index: '3-1', label: '璺濈', - icon: distance + icon: distance, + title: '璺濈娴嬮噺' }, { index: '3-2', label: '闈㈢Н', - icon: mm + icon: mm, + title: '闈㈢Н娴嬮噺' } ] }, @@ -154,15 +156,21 @@ items: [ { index: '4-1', - label: '鍏ㄥ睆' + label: '鍏ㄥ睆', + icon: '', + title: '鍏ㄥ睆' }, { index: '4-2', - label: 'A4妯悜' + label: 'A4妯悜', + icon: '', + title: 'A4妯悜' }, { index: '4-3', - label: 'A4绾靛悜' + label: 'A4绾靛悜', + icon: '', + title: 'A4绾靛悜' } ] } @@ -208,6 +216,34 @@ case '闈㈢Н': Measure.startMeasureArea(this.map, this.L) break + case '鍏ㄥ睆': + // this.map.toggleFullscreen() + var printer = this.L.easyPrint({ + sizeModes: ['Current', 'A4Landscape', 'A4Portrait'], + filename: 'map_image', + exportOnly: true, + hideControlContainer: true + }).addTo(this.map) + printer.printMap('CurrentSize', 'MyManualPrint') + break + case 'A4妯悜': + var printerX = this.L.easyPrint({ + sizeModes: ['Current', 'A4Landscape', 'A4Portrait'], + filename: 'map_image', + exportOnly: true, + hideControlContainer: true + }).addTo(this.map) + printerX.printMap('A4Landscape page', 'MyManualPrint') + break + case 'A4绾靛悜': + var printerY = this.L.easyPrint({ + sizeModes: ['Current', 'A4Landscape', 'A4Portrait'], + filename: 'map_image', + exportOnly: true, + hideControlContainer: true + }).addTo(this.map) + printerY.printMap('A4Portrait page', 'MyManualPrint') + break } }, // handleSelect (index) { -- Gitblit v1.8.0