|
@@ -3,10 +3,13 @@
|
|
|
<!-- <div :class="{'active':active=='move'}">
|
|
|
<i class="iconfont icon-move" @click="moveCanvas"></i>
|
|
|
</div> -->
|
|
|
+ <div v-if="isEdit&&groupSelect" :class="{'active':active=='groupSelect'}">
|
|
|
+ <i class="iconfont icon-shuxingxuanze" @click="groupSelect"></i>
|
|
|
+ </div>
|
|
|
<div>
|
|
|
<i class="iconfont icon-maximize" @click="fitToWindow"></i>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div v-if="!isEdit" >
|
|
|
<el-dropdown size="mini" placement="top-start" @command="handleCommand">
|
|
|
<i class="el-icon-download" style="font-size:20px;color:#fff;"></i>
|
|
|
<el-dropdown-menu slot='dropdown'>
|
|
@@ -15,7 +18,7 @@
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
- <div v-if="isEdit" :class="{'active':active=='divide'}">
|
|
|
+ <div v-if="isEdit&÷" :class="{'active':active=='divide'}">
|
|
|
<el-dropdown size="mini" placement="top-start" @command="handleDivideCommand" :hide-on-click="false">
|
|
|
<i class="iconfont icon-edit1" @click="divide"></i>
|
|
|
<el-dropdown-menu slot='dropdown'>
|
|
@@ -25,7 +28,7 @@
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
- <div v-if="isEdit">
|
|
|
+ <div v-if="isEdit&÷">
|
|
|
<i class="iconfont icon-Erase" @click="clearDivide"></i>
|
|
|
</div>
|
|
|
<div v-if="isEdit">
|
|
@@ -59,6 +62,12 @@ export default {
|
|
|
props: {
|
|
|
isEdit: {
|
|
|
default: false
|
|
|
+ },
|
|
|
+ divide: {
|
|
|
+ default: true
|
|
|
+ },
|
|
|
+ groupSelect: {
|
|
|
+ default: false
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -70,6 +79,11 @@ export default {
|
|
|
// this.active = this.active != "move" ? "move" : '';
|
|
|
// this.$emit('move', this.active == 'move');
|
|
|
// },
|
|
|
+ //
|
|
|
+ groupSelect() {
|
|
|
+ this.active = 'groupSelect';
|
|
|
+ this.$emit('groupSelect');
|
|
|
+ },
|
|
|
// 适配大小
|
|
|
fitToWindow() {
|
|
|
this.$emit('fit');
|