|
@@ -37,7 +37,7 @@
|
|
|
</div>
|
|
|
</el-collapse-transition>
|
|
|
</div>
|
|
|
- <div class='edit_map'>
|
|
|
+ <div class='edit_map' v-if='1!=1'>
|
|
|
<!-- 备注编辑器 -->
|
|
|
<el-tooltip effect='dark' content='编辑备注' placement='left'>
|
|
|
<span v-if='systemName != "土建系统"' class='bjtk' @click='legendClik'>备注</span>
|
|
@@ -48,8 +48,14 @@
|
|
|
<img src='@/assets/imgs/bjtl.png' alt />
|
|
|
</p>
|
|
|
</el-tooltip>
|
|
|
- <!-- 编辑平面图 -->
|
|
|
- <el-tooltip v-if='editPmt' class='bjpmt' effect='dark' content='编辑平面图' placement='left'>
|
|
|
+ <!-- 新增分布图 -->
|
|
|
+ <el-tooltip effect='dark' content='新增分布图' placement='left'>
|
|
|
+ <p class='tltk' style='margin-left: -5px;'>
|
|
|
+ <img src='@/assets/imgs/xzfbt.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>
|
|
@@ -58,6 +64,25 @@
|
|
|
<i class='el-icon-edit' style='color:#fff;font-size:16px;'></i>
|
|
|
</span>
|
|
|
</div>
|
|
|
+ <!-- 单独展示新增分布图 -->
|
|
|
+ <div class='edit_map1' v-else @click='addFloor'>
|
|
|
+ <el-tooltip effect='dark' content='新增分布图' placement='left'>
|
|
|
+ <!-- <p class='tltk' style='margin-left: -5px;'> -->
|
|
|
+ <img src='@/assets/imgs/xzfbt.png' alt />
|
|
|
+ <!-- </p> -->
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ <div class='select-floor' v-if='isFloor'>
|
|
|
+ <p class='p1'>请选择需要创建“消防泵房引出管路分布图”的楼层</p>
|
|
|
+ <p class='p2'>
|
|
|
+ <Select width='240' tipPlace='top' caption='楼层:' size='mini' :selectdata='floorSelect' :placeholder='"请选择"'></Select>
|
|
|
+ </p>
|
|
|
+ <p class='p3'>
|
|
|
+ <span @click='cancel'>取消</span>
|
|
|
+ <span @click='determine'>确定</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
<legend-remarks @queryMarks='queryMarks' ref='EditdMarks'></legend-remarks>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -88,11 +113,12 @@ export default {
|
|
|
multipleSelection: [],
|
|
|
editText: '',
|
|
|
editSwitch: false,
|
|
|
+ isFloor: false,
|
|
|
editPmt: true //是否有跳转道图例库的权限
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters(['plazaId', 'fmapID'])
|
|
|
+ ...mapGetters(['plazaId', 'fmapID', 'floorSelect'])
|
|
|
},
|
|
|
props: ['systemName'],
|
|
|
components: { lengendView, legendRemarks, lengendEdit },
|
|
@@ -235,6 +261,18 @@ export default {
|
|
|
} else {
|
|
|
this.isShow2()
|
|
|
}
|
|
|
+ },
|
|
|
+ addFloor() {
|
|
|
+ console.log(111111)
|
|
|
+ this.isFloor = true
|
|
|
+ },
|
|
|
+ // 新增楼层取消
|
|
|
+ cancel() {
|
|
|
+ this.isFloor = false
|
|
|
+ },
|
|
|
+ // 新增楼层确定
|
|
|
+ determine() {
|
|
|
+ this.isFloor = false
|
|
|
}
|
|
|
},
|
|
|
mounted() {}
|
|
@@ -330,6 +368,68 @@ export default {
|
|
|
.edit_map:hover .bjtk {
|
|
|
display: block;
|
|
|
}
|
|
|
+.edit_map1 {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 28px;
|
|
|
+ z-index: 1;
|
|
|
+ .select-floor {
|
|
|
+ width: 288px;
|
|
|
+ height: 220px;
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ box-shadow: 0px 2px 8px 0px rgba(31, 36, 41, 0.06);
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid rgba(228, 229, 231, 1);
|
|
|
+ position: relative;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+.select-floor {
|
|
|
+ width: 288px;
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ box-shadow: 0px 2px 8px 0px rgba(31, 36, 41, 0.06);
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid rgba(228, 229, 231, 1);
|
|
|
+ position: fixed;
|
|
|
+ bottom: 40px;
|
|
|
+ right: 70px;
|
|
|
+ padding: 24px;
|
|
|
+ .p1 {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei;
|
|
|
+ color: rgba(31, 36, 41, 1);
|
|
|
+ line-height: 19px;
|
|
|
+ }
|
|
|
+ .p2 {
|
|
|
+ margin-top: 8px;
|
|
|
+ margin-bottom: 68px;
|
|
|
+ }
|
|
|
+ .p3 {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei;
|
|
|
+ line-height: 22px;
|
|
|
+ text-align: center;
|
|
|
+ span:nth-of-type(1) {
|
|
|
+ width: 58px;
|
|
|
+ height: 24px;
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ border: 1px solid rgba(195, 199, 203, 1);
|
|
|
+ margin-right: 12px;
|
|
|
+ border-radius: 2px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ span:nth-of-type(2) {
|
|
|
+ width: 58px;
|
|
|
+ height: 24px;
|
|
|
+ background: linear-gradient(180deg, rgba(54, 156, 247, 1) 0%, rgba(2, 91, 170, 1) 100%);
|
|
|
+ border-radius: 2px;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ border-radius: 2px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="less">
|
|
|
.legend-container {
|