+解决（点击建筑后，生成的绿布，不会被点击其他关闭）

liuyg

2022-02-10 d834db340790851078fd384dbccbfa21d2d8b5df

 src/components/arcNavBar/index.vue

@@ -1,41 +1,28 @@
<template>
    <div class="public-org-nav-bar"
         ref="publicOrgNavBar">
    <div class="public-org-nav-bar" ref="publicOrgNavBar">
        <div class="container">
            <div class="header"
                 @mousedown="move"
                 :class="{'move': moveFlag}">
            <div class="header" @mousedown="move" :class="{'move': moveFlag}">
                <div class="title">
                    <img class="icon deblurring"
                         src="/img/icon/xyjz.png"
                         alt="">
                    <span>
                        {{arcNavBarTitle}}
                    </span>
                    <img class="icon deblurring" src="/img/icon/xyjz.png" alt />
                    <span>{{arcNavBarTitle}}</span>
                </div>
                <img class="close"
                     src="/img/navicon/close.png"
                     alt=""
                     @click="closeModel">
                <img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
            </div>
            <div class="content">
                <div class="tab">
                <div class="tab" v-show="false">
                    <ul>
                        <li :class="{'on': item.flag}"
                        <li
                            :class="{'on': item.flag}"
                            v-for="(item, index) in titleList"
                            :key="index"
                            @click="topNavClick(item, index)">{{ item.title }}</li>
                            @click="topNavClick(item, index)"
                        >{{ item.title }}</li>
                    </ul>
                </div>
                <ul>
                    <li v-for="(item, index) in itemNavList"
                        :key="index"
                        @click="mapPopup(item)">
                        <img :src="item.icon"
                             alt="">
                        <span>
                            {{item.navTitle}}
                        </span>
                    <li v-for="(item, index) in itemNavList" :key="index" @click="mapPopup(item)">
                        <img :src="item.icon" alt />
                        <span>{{item.navTitle}}</span>
                    </li>
                </ul>
            </div>
@@ -180,8 +167,6 @@
                this.$store.commit('CLEAR_ALL', null)

                var imgArr = result.tpurl.split(',')
                var tabOne = res.data.data[0].jx.split(',')
                var tabTwo = res.data.data[0].sh.split(',')

                this.$store.commit('SET_POPUPBGURL', imgArr[0])
                this.$store.commit('SET_POPUPQRURL', result.codeurl)
@@ -195,13 +180,15 @@
                if (result.videourl && result.videourl != '') {
                    this.$store.commit('SET_MONITORURL', result.videourl)
                }
                if (res.data.data[0].jx != '') {
                if (res.data.data[0].jx != undefined && res.data.data[0].jx != '') {
                    var tabOne = res.data.data[0].jx.split(',')
                    this.$store.commit('SET_TEACHLIST', tabOne)
                } else {
                    this.$store.commit('SET_TEACHLIST', [])
                }

                if (res.data.data[0].sh != '') {
                if (res.data.data[0].sh != undefined && res.data.data[0].sh != '') {
                    var tabTwo = res.data.data[0].sh.split(',')
                    this.$store.commit('SET_LIVELIST', tabTwo)
                } else {
                    this.$store.commit('SET_LIVELIST', [])
@@ -256,7 +243,7 @@
    top: 140px;
    left: 140px;
    background-color: transparent;
    z-index: 999;
    z-index: 99;
    font-size: 14px;
    .container {
        .header {
@@ -265,16 +252,16 @@
            width: 100%;
            height: 36px;
            line-height: 36px;
            background: rgba(0, 131, 176, 0.9); /* fallback for old browsers */
            background: rgba(0, 131, 176, 0.7); /* fallback for old browsers */
            background: -webkit-linear-gradient(
                to left,
                rgba(0, 180, 219, 0.9),
                rgba(0, 131, 176, 0.9)
                rgba(0, 180, 219, 0.7),
                rgba(0, 131, 176, 0.7)
            ); /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(
                to left,
                rgba(0, 180, 219, 0.9),
                rgba(0, 131, 176, 0.9)
                rgba(0, 180, 219, 0.7),
                rgba(0, 131, 176, 0.7)
            ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

            .title {
@@ -313,16 +300,16 @@
            margin-top: 0px;
            text-align: center;
            overflow-y: auto;
            background: rgba(0, 131, 176, 0.9); /* fallback for old browsers */
            background: rgba(0, 131, 176, 0.7); /* fallback for old browsers */
            background: -webkit-linear-gradient(
                to left,
                rgba(0, 180, 219, 0.9),
                rgba(0, 131, 176, 0.9)
                rgba(0, 180, 219, 0.7),
                rgba(0, 131, 176, 0.7)
            ); /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(
                to left,
                rgba(0, 180, 219, 0.9),
                rgba(0, 131, 176, 0.9)
                rgba(0, 180, 219, 0.7),
                rgba(0, 131, 176, 0.7)
            ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            border-radius: 0 0 8px 8px;