|
@@ -22,10 +22,12 @@
|
|
|
<template>
|
|
|
<div class="jt-drawTool">
|
|
|
<div style="margin-bottom: 0rem;">
|
|
|
- <el-select class="selectInfo" v-model="value" @change="handleClick" placeholder="请选择" style="width: 65%; margin-bottom: 10rem;margin-right: 10rem;">
|
|
|
+ <el-select class="selectInfo" v-model="value" @change="handleClick" placeholder="请选择"
|
|
|
+ style="width: 65%; margin-bottom: 10rem;margin-right: 10rem;">
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
- <el-button type="danger" :icon="Delete" style="margin-top: 8rem;width: 30%;" @click="removeAll()">清除</el-button>
|
|
|
+ <el-button type="danger" :icon="Delete" style="margin-top: 8rem;width: 30%;" @click="removeAll()">清除
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
<div v-show="value=='二维平面类'">
|
|
|
<el-row :gutter="20" style="margin-left: 0rem; margin-right: 0rem">
|
|
@@ -33,7 +35,8 @@
|
|
|
<el-avatar shape="circle" :size="70" :class="currentIndex===index?'selectStyle':'defaultStyle'">
|
|
|
<i :class="[item.icon,currentIndex===index?'selectFontStyle':'']" />
|
|
|
</el-avatar>
|
|
|
- <div style="margin-top: 5rem; font-size: 14rem;" :class="currentIndex===index?'selectFontStyle':''">{{item.label}}</div>
|
|
|
+ <div style="margin-top: 5rem; font-size: 14rem;" :class="currentIndex===index?'selectFontStyle':''">
|
|
|
+ {{item.label}}</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -43,17 +46,20 @@
|
|
|
<el-avatar shape="circle" :size="70" :class="currentIndex===index?'selectStyle':'defaultStyle'">
|
|
|
<i :class="[item.icon,currentIndex===index?'selectFontStyle':'']" />
|
|
|
</el-avatar>
|
|
|
- <div style="margin-top: 5rem; font-size: 14rem;" :class="currentIndex===index?'selectFontStyle':''">{{item.label}}</div>
|
|
|
+ <div style="margin-top: 5rem; font-size: 14rem;" :class="currentIndex===index?'selectFontStyle':''">
|
|
|
+ {{item.label}}</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<div v-show="value=='军事标绘类'">
|
|
|
<el-row :gutter="20" style="margin-left: 0rem; margin-right: 0rem">
|
|
|
- <el-col v-for="(item,index) in militaryPlotting" :span="8" @click="createMilitaryPlot(item.drawType,index)">
|
|
|
+ <el-col v-for="(item,index) in militaryPlotting" :span="8"
|
|
|
+ @click="createMilitaryPlot(item.drawType,index)">
|
|
|
<el-avatar shape="circle" :size="70" :class="currentIndex===index?'selectStyle':'defaultStyle'">
|
|
|
<i :class="[item.icon,currentIndex===index?'selectFontStyle':'']" />
|
|
|
</el-avatar>
|
|
|
- <div style="margin-top: 5rem; font-size: 14rem;" :class="currentIndex===index?'selectFontStyle':''">{{item.label}}</div>
|
|
|
+ <div style="margin-top: 5rem; font-size: 14rem;" :class="currentIndex===index?'selectFontStyle':''">
|
|
|
+ {{item.label}}</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -180,22 +186,22 @@
|
|
|
],
|
|
|
militaryPlotting: [{
|
|
|
label: '直线箭头',
|
|
|
- drawType: 'straightArrow',
|
|
|
+ drawType: 'DrawStraightArrow',
|
|
|
number: 1,
|
|
|
icon: 'iconfont icon-zhijiantou'
|
|
|
},
|
|
|
{
|
|
|
label: '攻击箭头',
|
|
|
- drawType: 'attackArrow',
|
|
|
+ drawType: 'DrawAttackArrow',
|
|
|
number: 2,
|
|
|
icon: 'iconfont icon-tujifangxiang'
|
|
|
},
|
|
|
{
|
|
|
label: '钳击箭头',
|
|
|
- drawType: 'pincerArrow',
|
|
|
+ drawType: 'DrawPincerArrow',
|
|
|
number: 3,
|
|
|
icon: 'iconfont icon-qianji'
|
|
|
- }
|
|
|
+ },
|
|
|
]
|
|
|
}
|
|
|
},
|
|
@@ -229,16 +235,19 @@
|
|
|
if (jt3d.handlerLeftClick) {
|
|
|
jt3d.handlerLeftClick.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
|
|
}
|
|
|
-
|
|
|
/* 创建监听 */
|
|
|
jt3d.DrawMilitaryPlot.onEditProperty = {};
|
|
|
// 开始绘制
|
|
|
- jt3d.DrawMilitaryPlot.draw(type, {
|
|
|
- onComplete(cPoint, gPoint) {
|
|
|
- // _self.$parent.$parent.param = param;
|
|
|
- // _self.$parent.$parent.showDialog = true;
|
|
|
- }
|
|
|
- });
|
|
|
+ jt3d.DrawMilitaryPlot.drawActivate(type);
|
|
|
+ /* 创建监听 */
|
|
|
+ // jt3d.DrawMilitaryPlot.onEditProperty = {};
|
|
|
+ // // 开始绘制
|
|
|
+ // jt3d.DrawMilitaryPlot.draw(type, {
|
|
|
+ // onComplete(cPoint, gPoint) {
|
|
|
+ // // _self.$parent.$parent.param = param;
|
|
|
+ // // _self.$parent.$parent.showDialog = true;
|
|
|
+ // }
|
|
|
+ // });
|
|
|
},
|
|
|
//创建二维标会和三维标会
|
|
|
createGraphics(type, index) {
|
|
@@ -272,12 +281,13 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .el-avatar{
|
|
|
+ .el-avatar {
|
|
|
width: 70rem !important;
|
|
|
height: 70rem !important;
|
|
|
font-size: 14px !important;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
// .el-popper{
|
|
|
// padding: 5rem 11rem;
|
|
|
// font-size: 12rem;
|
|
@@ -288,18 +298,19 @@
|
|
|
// left: 15rem !important;
|
|
|
// top: 175rem !important;
|
|
|
// }
|
|
|
-
|
|
|
- ::v-deep .el-scrollbar{
|
|
|
+
|
|
|
+ ::v-deep .el-scrollbar {
|
|
|
background-color: gainsboro !important;
|
|
|
}
|
|
|
- .el-select-dropdown__item{
|
|
|
+
|
|
|
+ .el-select-dropdown__item {
|
|
|
color: #409eff !important;
|
|
|
padding: 0 32rem 0 20rem;
|
|
|
height: 34rem;
|
|
|
line-height: 34rem;
|
|
|
- font-size:14rem;
|
|
|
+ font-size: 14rem;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.jt-drawTool {
|
|
|
--el-avatar-size: 70rem !important;
|
|
|
|