step1:buttons

This commit is contained in:
YouWei Zhao 2019-03-19 22:19:41 -04:00
parent 69e4215e03
commit 4fa318a6b4
3 changed files with 91 additions and 114 deletions

View File

@ -1,12 +1,7 @@
// vue 相关处理
var exportMap = new Vue({ var exportMap = document.getElementById('exportMap')
el: '#exportMap', exportMap.isExport=false
data: { exportMap.onclick=function(){
isExport: false,
},
methods: {
exportMap: function () {
editor.updateMap(); editor.updateMap();
var sx=editor.map.length-1,sy=editor.map[0].length-1; var sx=editor.map.length-1,sy=editor.map[0].length-1;
@ -35,12 +30,10 @@ var exportMap = new Vue({
} }
pout.value = filestr; pout.value = filestr;
editArea.mapArr = filestr; editArea.mapArr = filestr;
this.isExport = true; exportMap.isExport = true;
editArea.error = 0; editArea.error = 0;
tip.whichShow = 2; tip.whichShow = 2;
} }
}
})
var editArea = new Vue({ var editArea = new Vue({
el: '#editArea', el: '#editArea',
data: { data: {
@ -133,18 +126,13 @@ var editArea = new Vue({
} }
} }
}); });
var copyMap = new Vue({ var copyMap=document.getElementById('copyMap')
el: '#copyMap', copyMap.err=''
data: { copyMap.onclick=function(){
err: ''
},
methods: {
copyMap: function () {
tip.whichShow = 0; tip.whichShow = 0;
if (pout.value.trim() != '') { if (pout.value.trim() != '') {
if (editArea.error) { if (editArea.error) {
this.err = editArea.errors[editArea.error - 1]; copyMap.err = editArea.errors[editArea.error - 1];
tip.whichShow = 5 tip.whichShow = 5
return; return;
} }
@ -154,20 +142,15 @@ var copyMap = new Vue({
document.execCommand("Copy"); document.execCommand("Copy");
tip.whichShow = 6; tip.whichShow = 6;
} catch (e) { } catch (e) {
this.err = e; copyMap.err = e;
tip.whichShow = 5; tip.whichShow = 5;
} }
} else { } else {
tip.whichShow = 7; tip.whichShow = 7;
} }
} }
}, var clearMapButton=document.getElementById('clearMapButton')
}) clearMapButton.onclick=function () {
var clearMap = new Vue({
el: '#clearMap',
methods: {
clearMap: function () {
editor.mapInit(); editor.mapInit();
editor_mode.onmode(''); editor_mode.onmode('');
editor.file.saveFloorFile(function (err) { editor.file.saveFloorFile(function (err) {
@ -185,12 +168,8 @@ var clearMap = new Vue({
tip.whichShow = 4; tip.whichShow = 4;
editArea.error = 0; editArea.error = 0;
} }
} var deleteMap=document.getElementById('deleteMap')
}) deleteMap.onclick=function () {
var deleteMap = new Vue({
el: '#deleteMap',
methods: {
deleteMap: function () {
editor_mode.onmode(''); editor_mode.onmode('');
var index = core.floorIds.indexOf(editor.currentFloorId); var index = core.floorIds.indexOf(editor.currentFloorId);
if (index>=0) { if (index>=0) {
@ -205,8 +184,6 @@ var deleteMap = new Vue({
} }
else printe('删除成功,请F5刷新编辑器生效'); else printe('删除成功,请F5刷新编辑器生效');
} }
}
})
printf = function (str_, type) { printf = function (str_, type) {
selectBox.isSelected = false; selectBox.isSelected = false;
if (!type) { if (!type) {

View File

@ -34,10 +34,10 @@
<input type="button" value="新建空白地图" id='newMap'/> <input type="button" value="新建空白地图" id='newMap'/>
</div> </div>
<div id='editBtns'> <div id='editBtns'>
<input type="button" value="导出地图" id="exportMap" v-on:click="exportMap"/> <input type="button" value="导出地图" id="exportMap"/>
<input type="button" value="复制地图" id="copyMap" v-on:click="copyMap"/> <input type="button" value="复制地图" id="copyMap"/>
<input type="button" value="清除地图" id='clearMap' v-on:click="clearMap"/> <input type="button" value="清除地图" id='clearMapButton'/>
<input type="button" value="删除地图" id="deleteMap" v-on:click="deleteMap"/> <input type="button" value="删除地图" id="deleteMap"/>
</div> </div>
<input type="button" value="批量创建空白地图 ↓" id='newMaps'/> <input type="button" value="批量创建空白地图 ↓" id='newMaps'/>
<div id='newFloors' style='display:none'> <div id='newFloors' style='display:none'>

View File

@ -32,10 +32,10 @@
<span style='vertical-align: bottom; margin-left: -4px'>保留楼层属性</span> <span style='vertical-align: bottom; margin-left: -4px'>保留楼层属性</span>
</div> </div>
<div id="editBtns"> <div id="editBtns">
<input type="button" value="导出地图" id="exportMap" v-on:click="exportMap"/> <input type="button" value="导出地图" id="exportMap"/>
<input type="button" value="复制地图" id="copyMap" v-on:click="copyMap"/> <input type="button" value="复制地图" id="copyMap"/>
<input type="button" value="清除地图" id='clearMap' v-on:click="clearMap"/> <input type="button" value="清除地图" id='clearMapButton'/>
<input type="button" value="删除地图" id="deleteMap" v-on:click="deleteMap"/> <input type="button" value="删除地图" id="deleteMap"/>
</div> </div>
<input type="button" value="批量创建空白地图 ↓" id='newMaps'/> <input type="button" value="批量创建空白地图 ↓" id='newMaps'/>
<div id='newFloors' style='display:none'> <div id='newFloors' style='display:none'>