|
@@ -37,32 +37,28 @@
|
|
</div>
|
|
</div>
|
|
</el-collapse-transition>
|
|
</el-collapse-transition>
|
|
</div>
|
|
</div>
|
|
- <div class='edit_map' v-if='systemName != "土建系统"'>
|
|
|
|
- <div class='divHover'>
|
|
|
|
- <div class='hover-div'>
|
|
|
|
- <!-- 备注编辑器 -->
|
|
|
|
- <el-tooltip class='item' effect='dark' content='编辑备注' placement='left'>
|
|
|
|
- <span class='bj' @click='legendClik'>备注</span>
|
|
|
|
- </el-tooltip>
|
|
|
|
- <!-- 编辑图例 -->
|
|
|
|
- <el-tooltip class='item' effect='dark' content='编辑图例' placement='left'>
|
|
|
|
- <p @click='editTl'>
|
|
|
|
- <img src='@/assets/imgs/bjtl.png' alt />
|
|
|
|
- </p>
|
|
|
|
- </el-tooltip>
|
|
|
|
- </div>
|
|
|
|
- <!-- 编辑平面图 -->
|
|
|
|
- <el-tooltip v-if='editPmt' @click='goToEditer' class='bjpmt' effect='dark' content='编辑平面图' placement='left'>
|
|
|
|
- <span class='edit-icon'>
|
|
|
|
- <i class='el-icon-edit'></i>
|
|
|
|
- </span>
|
|
|
|
- </el-tooltip>
|
|
|
|
- <span v-else @click='goToEditer' class='edit-icon2'>
|
|
|
|
- <a-icon type='edit' style='color:#fff' />
|
|
|
|
|
|
+ <div class='edit_map'>
|
|
|
|
+ <!-- 备注编辑器 -->
|
|
|
|
+ <el-tooltip effect='dark' content='编辑备注' placement='left'>
|
|
|
|
+ <span v-if='systemName != "土建系统"' class='bjtk' @click='legendClik'>备注</span>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ <!-- 编辑图例 -->
|
|
|
|
+ <el-tooltip effect='dark' content='编辑图例' placement='left'>
|
|
|
|
+ <p v-if='systemName != "土建系统"' @click='editTl' class='tltk'>
|
|
|
|
+ <img src='@/assets/imgs/bjtl.png' alt />
|
|
|
|
+ </p>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ <!-- 编辑平面图 -->
|
|
|
|
+ <el-tooltip v-if='editPmt' class='bjpmt' effect='dark' content='编辑平面图' placement='left'>
|
|
|
|
+ <span class='edit-icon' @click='goToEditer'>
|
|
|
|
+ <i class='el-icon-edit' style='color:#fff;font-size:16px;'></i>
|
|
</span>
|
|
</span>
|
|
- </div>
|
|
|
|
- <legend-remarks @queryMarks='queryMarks' ref='EditdMarks'></legend-remarks>
|
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ <span v-else class='edit-icon2'>
|
|
|
|
+ <i class='el-icon-edit' style='color:#fff;font-size:16px;'></i>
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
|
|
+ <legend-remarks @queryMarks='queryMarks' ref='EditdMarks'></legend-remarks>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
@@ -92,8 +88,7 @@ export default {
|
|
multipleSelection: [],
|
|
multipleSelection: [],
|
|
editText: '',
|
|
editText: '',
|
|
editSwitch: false,
|
|
editSwitch: false,
|
|
- editPmt: false,
|
|
|
|
- graphId: ''
|
|
|
|
|
|
+ editPmt: true //是否有跳转道图例库的权限
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
@@ -128,21 +123,11 @@ export default {
|
|
} else {
|
|
} else {
|
|
this.remarksText = `${this.text1}${this.text2}${note}`
|
|
this.remarksText = `${this.text1}${this.text2}${note}`
|
|
}
|
|
}
|
|
- // if (note.search(this.text2) != -1) {
|
|
|
|
- // this.remarksText = `${note}`
|
|
|
|
- // } else {
|
|
|
|
- // this.remarksText = `${this.text2}${note}`
|
|
|
|
- // }
|
|
|
|
} else {
|
|
} else {
|
|
this.remarksText = `${this.text1}${this.text2}`
|
|
this.remarksText = `${this.text1}${this.text2}`
|
|
}
|
|
}
|
|
- console.log(this.remarksText)
|
|
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- dump() {},
|
|
|
|
- editChange(val) {
|
|
|
|
- this.editText = val
|
|
|
|
- },
|
|
|
|
// 点击展示图例框
|
|
// 点击展示图例框
|
|
showTl() {
|
|
showTl() {
|
|
this.show = !this.show
|
|
this.show = !this.show
|
|
@@ -154,6 +139,7 @@ export default {
|
|
cance() {
|
|
cance() {
|
|
this.show2 = false
|
|
this.show2 = false
|
|
},
|
|
},
|
|
|
|
+ // 编辑图例
|
|
editTl() {
|
|
editTl() {
|
|
this.show = false
|
|
this.show = false
|
|
this.show2 = true
|
|
this.show2 = true
|
|
@@ -203,13 +189,12 @@ export default {
|
|
})
|
|
})
|
|
this.queryMarks()
|
|
this.queryMarks()
|
|
},
|
|
},
|
|
- // this.$cookie.get('graphId')
|
|
|
|
// 查询编辑状态图例
|
|
// 查询编辑状态图例
|
|
queryEditNum(flag) {
|
|
queryEditNum(flag) {
|
|
let postParams = {}
|
|
let postParams = {}
|
|
let data = {
|
|
let data = {
|
|
- graphId: '1',
|
|
|
|
- projectId: '1',
|
|
|
|
|
|
+ graphId: this.$cookie.get('graphId'),
|
|
|
|
+ projectId: this.$store.state.plazaId,
|
|
flag: flag
|
|
flag: flag
|
|
}
|
|
}
|
|
queryStatis({ data, postParams }).then(res => {
|
|
queryStatis({ data, postParams }).then(res => {
|
|
@@ -313,62 +298,34 @@ export default {
|
|
.edit-icon {
|
|
.edit-icon {
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
- .divHover {
|
|
|
|
- .hover-div {
|
|
|
|
- position: absolute;
|
|
|
|
- bottom: 58px;
|
|
|
|
- // display: none;
|
|
|
|
- .bj {
|
|
|
|
- width: 40px;
|
|
|
|
- height: 40px;
|
|
|
|
- display: inline-block;
|
|
|
|
- text-align: center;
|
|
|
|
- background: rgba(255, 255, 255, 1);
|
|
|
|
- box-shadow: 0px 2px 15px 0px rgba(31, 36, 41, 0.08);
|
|
|
|
- border-radius: 90px;
|
|
|
|
- line-height: 40px;
|
|
|
|
- font-size: 12px;
|
|
|
|
- margin: 0 auto;
|
|
|
|
- cursor: pointer;
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
- margin-left: 4px;
|
|
|
|
- margin-bottom: 8px;
|
|
|
|
- }
|
|
|
|
- // .icon1 {
|
|
|
|
- // width: 40px;
|
|
|
|
- // height: 40px;
|
|
|
|
- // background: rgba(255, 255, 255, 1);
|
|
|
|
- // box-shadow: 0px 2px 4px 0px rgba(31, 36, 41, 0.06);
|
|
|
|
- // border: 1px solid rgba(31, 36, 41, 0.2);
|
|
|
|
- // font-size: 16px;
|
|
|
|
- // display: inline-block;
|
|
|
|
- // color: #646c73;
|
|
|
|
- // border-radius: 50%;
|
|
|
|
- // text-align: center;
|
|
|
|
- // line-height: 40px;
|
|
|
|
- // cursor: pointer;
|
|
|
|
- // }
|
|
|
|
- // .icon2 {
|
|
|
|
- // width: 40px;
|
|
|
|
- // height: 40px;
|
|
|
|
- // background: rgba(255, 255, 255, 1);
|
|
|
|
- // box-shadow: 0px 2px 4px 0px rgba(31, 36, 41, 0.06);
|
|
|
|
- // border: 1px solid rgba(31, 36, 41, 0.2);
|
|
|
|
- // font-size: 16px;
|
|
|
|
- // display: inline-block;
|
|
|
|
- // color: #646c73;
|
|
|
|
- // border-radius: 50%;
|
|
|
|
- // text-align: center;
|
|
|
|
- // line-height: 40px;
|
|
|
|
- // margin-top: 15px;
|
|
|
|
- // cursor: pointer;
|
|
|
|
- // }
|
|
|
|
- }
|
|
|
|
|
|
+ .bjtk {
|
|
|
|
+ width: 40px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ text-align: center;
|
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
|
+ box-shadow: 0px 2px 15px 0px rgba(31, 36, 41, 0.08);
|
|
|
|
+ border-radius: 90px;
|
|
|
|
+ line-height: 40px;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ border: 1px solid #ccc;
|
|
|
|
+ margin-left: 4px;
|
|
|
|
+ margin-bottom: 8px;
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ display: none;
|
|
}
|
|
}
|
|
- .bjpmt {
|
|
|
|
|
|
+ .tltk {
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ display: none;
|
|
|
|
+ cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-.edit_map:hover .hover-div {
|
|
|
|
|
|
+.edit_map:hover .tltk {
|
|
|
|
+ display: block;
|
|
|
|
+}
|
|
|
|
+.edit_map:hover .bjtk {
|
|
display: block;
|
|
display: block;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|