我的标记的修改完善

shuishen

2022-02-11 ff7803c7293caa7f8aee531f83542c9e4f74a7ac

我的标记的修改完善

 src/components/map/components/dimension.vue

@@ -721,7 +721,9 @@
                                    Number(0),
                                    Number(-90),
                                    Number(0)
                                )
                                ),
                                () => { },
                                0
                            )
                        }
                    })

 src/components/map/components/mapPopup.vue

@@ -1,9 +1,7 @@
<template>
    <div>
        <div id="map_popup_content">
            <div v-if="detailsPopup"
                 class="divForms-dom"
                 id="divFormsDomBox">
            <div v-if="detailsPopup" class="divForms-dom" id="divFormsDomBox">
                <div style="width: 100%; height: 100%;">
                    <div class="divForms divForms-theme">
                        <div class="divForms-wrap">
@@ -17,33 +15,42 @@
                                <div class="label-wrap">
                                    <div class="title">
                                        {{ stateName }}
                                        <img v-show="introduceText != null && introduceText != ''"
                                             @click="audioPlay"
                                             class="audio-control"
                                             src="/img/navicon/audio.png"
                                             alt="" />
                                        <img @click="closeMapPopupBox"
                                             class="close-box"
                                             src="/img/navicon/close.png"
                                             alt="" />
                                        <img
                                            v-show="introduceText != null && introduceText != ''"
                                            @click="audioPlay"
                                            class="audio-control"
                                            src="/img/navicon/audio.png"
                                            alt
                                        />
                                        <img
                                            @click="closeMapPopupBox"
                                            class="close-box"
                                            src="/img/navicon/close.png"
                                            alt
                                        />
                                    </div>
                                    <div class="label-content">
                                        <div class="arc-bcg">
                                            <img :src="popupBgUrl"
                                                 alt="" />
                                            <img :src="popupBgUrl" alt />
                                        </div>
                                        <div v-show="siteName != null && siteName != ''"
                                             class="site">
                                        <div
                                            v-show="siteName != null && siteName != ''"
                                            class="site"
                                        >
                                            <strong>地址：</strong>
                                            {{ siteName }}
                                        </div>
                                        <div v-show="telephone != null && telephone != ''"
                                             class="phone">
                                        <div
                                            v-show="telephone != null && telephone != ''"
                                            class="phone"
                                        >
                                            <strong>电话：</strong>
                                            {{ telephone }}
                                        </div>
                                        <div v-show="introduceText != null && introduceText != ''"
                                             class="introduce">
                                        <div
                                            v-show="introduceText != null && introduceText != ''"
                                            class="introduce"
                                        >
                                            <p ref="DomIntroduceText">
                                                <strong>介绍：</strong>
                                                <span v-html="introduceText"></span>
@@ -59,8 +66,7 @@
                                                    <i class="popup-icon start-nav deblurring"></i>
                                                    出发
                                                </li>
                                                <li v-show="false"
                                                    @click="qrCodeClick">
                                                <li v-show="false" @click="qrCodeClick">
                                                    <i class="popup-icon qr-code-nav deblurring"></i>
                                                    二维码
                                                </li>
@@ -68,50 +74,63 @@
                                                    <i class="popup-icon atlas-nav deblurring"></i>
                                                    图集
                                                </li>
                                                <li v-show="panoramaUrl != null && panoramaUrl != ''"
                                                    @click="panoramaClick">
                                                    <i class="popup-icon live-action-nav deblurring"></i>
                                                <li
                                                    v-show="panoramaUrl != null && panoramaUrl != ''"
                                                    @click="panoramaClick"
                                                >
                                                    <i
                                                        class="popup-icon live-action-nav deblurring"
                                                    ></i>
                                                    实景
                                                </li>
                                                <!-- v-show="panoramaUrl != null && panoramaUrl != ''" -->
                                                <li v-show="false"
                                                    @click="monitorClick">
                                                <li v-show="false" @click="monitorClick">
                                                    <i class="popup-icon monitor-nav deblurring"></i>
                                                    监控
                                                </li>
                                            </ul>
                                        </div>
                                        <div v-show="teachList.length > 0 || liveList.length > 0"
                                             class="arc-box">
                                        <div
                                            v-show="teachList.length > 0 || liveList.length > 0"
                                            class="arc-box"
                                        >
                                            <ul class="tab-btn">
                                                <li v-show="teachList.length > 0"
                                                <li
                                                    v-show="teachList.length > 0"
                                                    :class="{ on: tabBtnFlag == '教学科研行政' }"
                                                    @click="tabBtnClick('教学科研行政')">
                                                    教学科研行政
                                                </li>
                                                <li v-show="liveList.length > 0"
                                                    @click="tabBtnClick('教学科研行政')"
                                                >教学科研行政</li>
                                                <li
                                                    v-show="liveList.length > 0"
                                                    :class="{ on: tabBtnFlag == '生活服务' }"
                                                    @click="tabBtnClick('生活服务')">
                                                    生活服务
                                                </li>
                                                    @click="tabBtnClick('生活服务')"
                                                >生活服务</li>
                                            </ul>
                                            <div class="btm-content">
                                                <div :class="{ on: tabBtnFlag == '教学科研行政' }">
                                                    <ul>
                                                        <li v-for="(item, index) in teachList"
                                                        <li
                                                            v-for="(item, index) in teachList"
                                                            :key="index"
                                                            @click="mechanismDetailPopup(0, item)">
                                                            <i class="popup-icon location-icon deblurring"></i>
                                                            @click="mechanismDetailPopup(0, item)"
                                                        >
                                                            <i
                                                                class="popup-icon location-icon deblurring"
                                                            ></i>
                                                            {{ item }}
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div :class="{ on: tabBtnFlag == '生活服务' }">
                                                    <ul>
                                                        <li v-for="(item, index) in liveList"
                                                        <li
                                                            v-for="(item, index) in liveList"
                                                            :key="index"
                                                            @click="mechanismDetailPopup(1, item)">
                                                            <i class="popup-icon location-icon deblurring"></i>
                                                            @click="mechanismDetailPopup(1, item)"
                                                        >
                                                            <i
                                                                class="popup-icon location-icon deblurring"
                                                            ></i>
                                                            {{ item }}
                                                        </li>
                                                    </ul>
@@ -130,31 +149,41 @@
                </div>
            </div>

            <div v-if="panoramaPopup"
                 class="panorama-dom"
                 :class="{'change-full': fullscreen}"
                 id="PanoramaBox">
            <div
                v-if="panoramaPopup"
                class="panorama-dom"
                :class="{'change-full': fullscreen}"
                id="PanoramaBox"
            >
                <div style="width: 100%; height: 100%;">
                    <div class="panorama-container">
                        <div class="panorama-wrap">
                            <div class="content-wrap"
                                 :class="{'change-full': fullscreen}"
                                 id="FullScreenBox">
                            <div
                                class="content-wrap"
                                :class="{'change-full': fullscreen}"
                                id="FullScreenBox"
                            >
                                <div class="title">
                                    {{ stateName }}
                                    <img @click="screen"
                                         class="full-srceen-btn"
                                         :src="fullScreenUrl"
                                         alt="" />
                                    <img @click="closePanoramaPopupBox"
                                         class="close-box"
                                         src="/img/navicon/close.png"
                                         alt="" />
                                    <img
                                        @click="screen"
                                        class="full-srceen-btn"
                                        :src="fullScreenUrl"
                                        alt
                                    />
                                    <img
                                        @click="closePanoramaPopupBox"
                                        class="close-box"
                                        src="/img/navicon/close.png"
                                        alt
                                    />
                                </div>
                                <div class="content">
                                    <iframe allowfullscreen="true"
                                            :src="panoramaUrl"
                                            frameborder="0"></iframe>
                                    <iframe
                                        allowfullscreen="true"
                                        :src="panoramaUrl"
                                        frameborder="0"
                                    ></iframe>
                                </div>
                            </div>
                        </div>
@@ -163,26 +192,63 @@
                </div>
            </div>

            <div v-if="monitorPopup"
                 class="monitor-dom"
                 id="MonitorBox">
            <div v-if="monitorPopup" class="monitor-dom" id="MonitorBox">
                <div style="width: 100%; height: 100%;">
                    <div class="monitor-container">
                        <div class="monitor-wrap">
                            <div class="content-wrap">
                                <div class="title">
                                    {{ stateName }}
                                    <img @click="closeMonitorPopupBox"
                                         class="close-box"
                                         src="/img/navicon/close.png"
                                         alt="" />
                                    <img
                                        @click="closeMonitorPopupBox"
                                        class="close-box"
                                        src="/img/navicon/close.png"
                                        alt
                                    />
                                </div>
                                <div class="content">
                                    <video :src="monitorUrl"
                                           controls
                                           autoplay></video>
                                    <video :src="monitorUrl" controls autoplay></video>
                                </div>
                            </div>
                        </div>
                        <div class="arrow"></div>
                    </div>
                </div>
            </div>

            <div v-if="addTagPopup" class="divForms-dom" id="AddTagBox">
                <div style="width: 100%; height: 100%;">
                    <div class="divForms divForms-theme">
                        <div class="divForms-wrap">
                            <div class="area">
                                <div class="arrow-lt"></div>
                                <div class="b-t"></div>
                                <div class="b-r"></div>
                                <div class="b-b"></div>
                                <div class="b-l"></div>
                                <div class="arrow-rb"></div>
                                <div class="label-wrap">
                                    <div class="title">
                                        地图标记
                                        <img
                                            @click="closeAddTagBox"
                                            class="close-box"
                                            src="/img/navicon/close.png"
                                            alt
                                        />
                                    </div>
                                    <div class="add-tag-content">
                                        <div>
                                            <el-input v-model="addTagName" placeholder="请输入标签名称"></el-input>
                                        </div>
                                        <div>
                                            <el-button type="primary" @click="createTag">生成标记</el-button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="b-t-l"></div>
                            <div class="b-b-r"></div>
                        </div>
                        <div class="arrow"></div>
                    </div>
@@ -191,33 +257,38 @@
        </div>

        <!-- 二维码弹框相关 -->
        <el-dialog title="场景二维码"
                   :visible.sync="QRCodeFlag"
                   :modal="false"
                   :modal-append-to-body="false"
                   width="44%">
        <el-dialog
            title="场景二维码"
            :visible.sync="QRCodeFlag"
            :modal="false"
            :modal-append-to-body="false"
            width="44%"
        >
            <div style="margin: 0; position: relative; width: 100%; height: 352px;">
                <img width="260"
                     :src="pupupQRUrl"
                     alt=""
                     style="position: absolute;
                <img
                    width="260"
                    :src="pupupQRUrl"
                    alt
                    style="position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    margin: auto" />
                <div style="position: absolute; bottom: 0; width: 100%; line-height: 36px; text-align: center;">
                    (右键另存为图片)
                </div>
                    margin: auto"
                />
                <div
                    style="position: absolute; bottom: 0; width: 100%; line-height: 36px; text-align: center;"
                >(右键另存为图片)</div>
            </div>
        </el-dialog>

        <el-image v-show="false"
                  style="width: 100px; height: 100px"
                  :src="popupImgAtlas[0]"
                  :preview-src-list="popupImgAtlas"
                  ref="popupImgs">
        </el-image>
        <el-image
            v-show="false"
            style="width: 100px; height: 100px"
            :src="popupImgAtlas[0]"
            :preview-src-list="popupImgAtlas"
            ref="popupImgs"
        ></el-image>
    </div>
</template>

@@ -238,7 +309,9 @@
            audioSynth: null,
            audioMsg: null,
            fullscreen: false,
            fullScreenUrl: '/img/icon/bigScreen.png'
            fullScreenUrl: '/img/icon/bigScreen.png',
            addTagName: '',
            addTagLayer: null
        }
    },
    computed: {
@@ -277,7 +350,9 @@
            // 科研
            'liveList',
            // 社区内导航的显示关闭
            'campusNavFlag'
            'campusNavFlag',
            'addTagPopup',
            'addTagPosition'
        ])
    },
    created () {
@@ -438,6 +513,40 @@
            this.$store.commit('SET_DETAILSPOPUP', false)
        },

        // 新增标记相关事件
        closeAddTagBox () {
            this.$store.commit('SET_ADDTAGPOPUP', false)
        },

        createTag () {
            var that = this

            this.$store.commit('SET_ADDTAGPOPUP', false)

            if (this.addTagLayer == null) {
                this.addTagLayer = new this.DC.HtmlLayer('addTagLayer')
                this.viewer.addLayer(this.addTagLayer)
            }

            const divIcon = new this.DC.DivIcon(
                new that.DC.Position(Number(that.addTagPosition.lng), Number(that.addTagPosition.lat), 0),
                `
                        <div class="tag-entitys-box">
                            <div class="tag-content">
                                ${that.addTagName}
                            </div>
                            <div class="tag-angle-content">
                                <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
                            </div>
                        </div>
                    `
            )

            this.addTagName = ''

            this.addTagLayer.addOverlay(divIcon)
        },

        closePanoramaPopupBox () {
            this.$store.commit('SET_PANORAMAURL', '')
            this.$store.commit('SET_PANORAMAPOPUP', false)

 src/components/map/index.vue

@@ -1,22 +1,21 @@
/* eslint-disable camelcase */
<template>
    <div id="viewer-container"
         style="height: 100%; width: 100%;"
         @click="mapClick($event)">

        <video id="video"
               style="position: fixed;
    <div id="viewer-container" style="height: 100%; width: 100%;" @click="mapClick($event)">
        <video
            id="video"
            style="position: fixed;
                visibility: hidden;"
               muted
               autoplay
               loop
               crossorigin
               controls>
            <source src="http://dc.dvgis.cn/examples/data/demo.mp4"
                    type="video/mp4" />
            muted
            autoplay
            loop
            crossorigin
            controls
        >
            <source src="http://dc.dvgis.cn/examples/data/demo.mp4" type="video/mp4" />
        </video>

        <div style="
        <div
            style="
            position: fixed;
            left: 4px;
            bottom: 4px;
@@ -28,11 +27,10 @@
            border-radius: 4px;
            background: #2196f3ed;
            z-index: 11;
        ">
            智慧社区
        </div>
        "
        >智慧社区</div>

        <dimension :areaLayer='areaLayer' />
        <dimension :areaLayer="areaLayer" />

        <left-nav ref="leftNav"></left-nav>

@@ -40,8 +38,7 @@

        <campusBuildingSearch ref="campusBuildingSearch" />

        <campusNav ref="campusNavRoute"
                   v-show="campusNavFlag" />
        <campusNav ref="campusNavRoute" v-show="campusNavFlag" />

        <search-details v-if="searchPopupFlag"></search-details>
        <org-nav-bar v-if="orgNavBarFlag"></org-nav-bar>
@@ -50,7 +47,6 @@
</template>
<script>

import axios from 'axios'
import { mapGetters } from 'vuex'
import mapPopup from './components/mapPopup.vue'
import campusBuildingSearch from './components/campusBuildingSearch.vue'

 src/pcviews/tool/sign.vue

@@ -1,5 +1,5 @@
<template>
    <div>456</div>
    <div></div>
</template>

<script>
@@ -7,21 +7,70 @@

export default {
    data () {
        return { DC: null }
        return {
            DC: null,
            destroyedFlag: true
        }
    },
    computed: {
        ...mapGetters(['viewer'])
    },
    created () {
    mounted () {
        var that = this
        that.DC = global.DC
        that.viewer.tooltip.enable = true
        that.viewer.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => {
            that.viewer.tooltip.showAt(e.windowPosition, '我是鼠标提示')

        that.viewer.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => that.moveMessage(e, '点击确认标注位置'))

        that.viewer.on(that.DC.MouseEventType.CLICK, (e) => {
            if (that.destroyedFlag == false) return

            that.viewer.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => that.moveMessage(e, ''))

            var popup = new this.DC.DivForms(this.viewer, {
                domId: 'AddTagBox',
                position: [that.DC.Transform.transformWGS84ToCartesian(
                    new that.DC.Position(
                        Number(
                            e.wgs84SurfacePosition.lng
                        ),
                        Number(
                            e.wgs84SurfacePosition.lat
                        ),
                        Number(
                            e.wgs84SurfacePosition.alt
                        )
                    )
                )]
            })

            that.$store.commit('SET_ADDTAGPOSITION', e.wgs84SurfacePosition)
            that.$store.commit('SET_ADDTAGPOPUP', true)

            that.$store.dispatch('delVisitedViews', this.$route)
            that.$router.push('/pcLayout/default')
        })

        // that.viewer.on(that.DC.MouseEventType.CLICK, (e) => {
        //     alert(111)
        // })

        // off
    },
    methods: {},
    destroyed () { }
    methods: {
        moveMessage (e, b) {
            if (b == '') {
                this.viewer.tooltip.enable = false
            } else {
                this.viewer.tooltip.enable = true
                this.viewer.tooltip.showAt(e.windowPosition, b)
            }
        }
    },
    destroyed () {
        var that = this
        that.destroyedFlag = false
        that.viewer.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => that.moveMessage(e, ''))
    }
}
</script>


 src/router/page/index.js

@@ -2,12 +2,54 @@
 * @Author: Morpheus
 * @Date: 2021-04-30 14:12:09
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2022-02-08 16:17:12
 * @Last Modified time: 2022-02-10 10:21:12
 */

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const pcLayout = () => import('../../pcLayout/index.vue')
const pcHome = () => import('../../pcviews/home/index.vue')
const pcMapnav = () => import('../../pcviews/mapnav/index.vue')
const pcOrgnav = () => import('../../pcviews/orgnav/index.vue')
const pcOrgnavMasses = () => import('../../pcviews/orgnav/masses.vue')
const pcOrgnavOfc = () => import('../../pcviews/orgnav/ofc.vue')
const pcOrgnavDirectly = () => import('../../pcviews/orgnav/directly.vue')
const pcOrgnavTeaching = () => import('../../pcviews/orgnav/teaching.vue')
const pcOrgnavRest = () => import('../../pcviews/orgnav/rest.vue')
const pcArc = () => import('../../pcviews/arc/index.vue')
const pcArcEdifact = () => import('../../pcviews/arc/edifact.vue')
const pcArcTeaching = () => import('../../pcviews/arc/teaching.vue')
const pcArcVenue = () => import('../../pcviews/arc/venue.vue')
const pcArcDorm = () => import('../../pcviews/arc/dorm.vue')
const pcArcCulture = () => import('../../pcviews/arc/culture.vue')
const pcArcFamily = () => import('../../pcviews/arc/family.vue')
const pcArcRest = () => import('../../pcviews/arc/rest.vue')
const pcService = () => import('../../pcviews/service/index.vue')
const pcServiceCanteen = () => import('../../pcviews/service/canteen.vue')
const pcServiceSupermarket = () => import('../../pcviews/service/supermarket.vue')
const pcServiceMedical = () => import('../../pcviews/service/medical.vue')
const pcServiceExpress = () => import('../../pcviews/service/express.vue')
const pcServiceShowers = () => import('../../pcviews/service/showers.vue')
const pcServiceTransfer = () => import('../../pcviews/service/transfer.vue')
const pcServiceCopy = () => import('../../pcviews/service/copy.vue')
const pcServiceBank = () => import('../../pcviews/service/bank.vue')
const pcServiceAed = () => import('../../pcviews/service/aed.vue')
const pcServiceService = () => import('../../pcviews/service/service.vue')
const pcServicePark = () => import('../../pcviews/service/park.vue')
const pcServiceAlleyway = () => import('../../pcviews/service/alleyway.vue')
const pcAllquery = () => import('../../pcviews/allquery/index.vue')
const pcCampusnav = () => import('../../pcviews/campusnav/index.vue')
const pcCampusnavi = () => import('../../pcviews/campusnavi/index.vue')
const pcSpecialmap = () => import('../../pcviews/specialmap/index.vue')
const pcSpecialmapCelebrate = () => import('../../pcviews/specialmap/celebrate.vue')
const pcSpecialmapWelcome = () => import('../../pcviews/specialmap/welcome.vue')
const pcTool = () => import('../../pcviews/tool/index.vue')
const pcToolDownload = () => import('../../pcviews/tool/download.vue')
const pcToolSign = () => import('../../pcviews/tool/sign.vue')
const pcToolRanging = () => import('../../pcviews/tool/ranging.vue')
const pcToolArea = () => import('../../pcviews/tool/area.vue')

const routes = [
    // pc端
@@ -18,281 +60,281 @@
        meta: {
            title: '导航菜单'
        },
        component: resolve => require(['../../pcLayout/index.vue'], resolve),
        component: pcLayout,
        children: [{
            path: 'default',
            component: resolve => require(['../../pcviews/home/index.vue'], resolve),
            component: pcHome,
            meta: {
                title: '系统首页'
            },
            children: [{
                    path: 'mapnav',
                    component: resolve => require(['../../pcviews/mapnav/index.vue'], resolve),
                path: 'mapnav',
                component: pcMapnav,
                meta: {
                    title: '地图导览'
                }
            },
            {
                path: 'orgnav',
                component: pcOrgnav,
                meta: {
                    title: '社区内机构导览'
                },
                children: [{
                    path: 'masses',
                    component: pcOrgnavMasses,
                    meta: {
                        title: '地图导览'
                        title: '党群机构'
                    }
                },
                {
                    path: 'orgnav',
                    component: resolve => require(['../../pcviews/orgnav/index.vue'], resolve),
                    path: 'ofc',
                    component: pcOrgnavOfc,
                    meta: {
                        title: '社区内机构导览'
                    },
                    children: [{
                            path: 'masses',
                            component: resolve => require(['../../pcviews/orgnav/masses.vue'], resolve),
                            meta: {
                                title: '党群机构'
                            }
                        },
                        {
                            path: 'ofc',
                            component: resolve => require(['../../pcviews/orgnav/ofc.vue'], resolve),
                            meta: {
                                title: '职能部处'
                            }
                        }, {
                            path: 'directly',
                            component: resolve => require(['../../pcviews/orgnav/directly.vue'], resolve),
                            meta: {
                                title: '直属及附属单位'
                            }
                        },
                        {
                            path: 'teaching',
                            component: resolve => require(['../../pcviews/orgnav/teaching.vue'], resolve),
                            meta: {
                                title: '教学与科研机构'
                            }
                        }, {
                            path: 'rest',
                            component: resolve => require(['../../pcviews/orgnav/rest.vue'], resolve),
                            meta: {
                                title: '其他机构'
                            }
                        }
                    ]
                        title: '职能部处'
                    }
                }, {
                    path: 'directly',
                    component: pcOrgnavDirectly,
                    meta: {
                        title: '直属及附属单位'
                    }
                },
                {
                    path: 'arc',
                    component: resolve => require(['../../pcviews/arc/index.vue'], resolve),
                    path: 'teaching',
                    component: pcOrgnavTeaching,
                    meta: {
                        title: '社区内建筑'
                    },
                    children: [{
                            path: 'edifact',
                            component: resolve => require(['../../pcviews/arc/edifact.vue'], resolve),
                            meta: {
                                title: '行政办公'
                            }
                        },
                        {
                            path: 'teaching',
                            component: resolve => require(['../../pcviews/arc/teaching.vue'], resolve),
                            meta: {
                                title: '教学科研'
                            }
                        }, {
                            path: 'venue',
                            component: resolve => require(['../../pcviews/arc/venue.vue'], resolve),
                            meta: {
                                title: '社区场馆'
                            }
                        },
                        {
                            path: 'dorm',
                            component: resolve => require(['../../pcviews/arc/dorm.vue'], resolve),
                            meta: {
                                title: '社区宿舍'
                            }
                        }, {
                            path: 'culture',
                            component: resolve => require(['../../pcviews/arc/culture.vue'], resolve),
                            meta: {
                                title: '文化风景'
                            }
                        },
                        {
                            path: 'family',
                            component: resolve => require(['../../pcviews/arc/family.vue'], resolve),
                            meta: {
                                title: '家属住宅'
                            }
                        }, {
                            path: 'rest',
                            component: resolve => require(['../../pcviews/arc/rest.vue'], resolve),
                            meta: {
                                title: '主要楼宇'
                            }
                        }
                    ]
                        title: '教学与科研机构'
                    }
                }, {
                    path: 'rest',
                    component: pcOrgnavRest,
                    meta: {
                        title: '其他机构'
                    }
                }
                ]
            },
            {
                path: 'arc',
                component: pcArc,
                meta: {
                    title: '社区内建筑'
                },
                children: [{
                    path: 'edifact',
                    component: pcArcEdifact,
                    meta: {
                        title: '行政办公'
                    }
                },
                {
                    path: 'teaching',
                    component: pcArcTeaching,
                    meta: {
                        title: '教学科研'
                    }
                }, {
                    path: 'venue',
                    component: pcArcVenue,
                    meta: {
                        title: '社区场馆'
                    }
                },
                {
                    path: 'dorm',
                    component: pcArcDorm,
                    meta: {
                        title: '社区宿舍'
                    }
                }, {
                    path: 'culture',
                    component: pcArcCulture,
                    meta: {
                        title: '文化风景'
                    }
                },
                {
                    path: 'family',
                    component: pcArcFamily,
                    meta: {
                        title: '家属住宅'
                    }
                }, {
                    path: 'rest',
                    component: pcArcRest,
                    meta: {
                        title: '主要楼宇'
                    }
                }
                ]
            },
            {
                path: 'service',
                component: pcService,
                meta: {
                    title: '生活服务设施'
                },
                children: [{
                    path: 'canteen',
                    component: pcServiceCanteen,
                    meta: {
                        title: '食堂餐厅'
                    }
                },
                {
                    path: 'supermarket',
                    component: pcServiceSupermarket,
                    meta: {
                        title: '购物超市'
                    }
                }, {
                    path: 'medical',
                    component: pcServiceMedical,
                    meta: {
                        title: '社区内医疗'
                    }
                },
                {
                    path: 'express',
                    component: pcServiceExpress,
                    meta: {
                        title: '邮寄快递'
                    }
                }, {
                    path: 'showers',
                    component: pcServiceShowers,
                    meta: {
                        title: '社区浴室'
                    }
                },
                {
                    path: 'transfer',
                    component: pcServiceTransfer,
                    meta: {
                        title: '圈存机'
                    }
                },
                {
                    path: 'copy',
                    component: pcServiceCopy,
                    meta: {
                        title: '打字复印'
                    }
                },
                {
                    path: 'bank',
                    component: pcServiceBank,
                    meta: {
                        title: '银行网点'
                    }
                }, {
                    path: 'aed',
                    component: pcServiceAed,
                    meta: {
                        title: 'AED'
                    }
                },
                {
                    path: 'service',
                    component: resolve => require(['../../pcviews/service/index.vue'], resolve),
                    component: pcServiceService,
                    meta: {
                        title: '生活服务设施'
                    },
                    children: [{
                            path: 'canteen',
                            component: resolve => require(['../../pcviews/service/canteen.vue'], resolve),
                            meta: {
                                title: '食堂餐厅'
                            }
                        },
                        {
                            path: 'supermarket',
                            component: resolve => require(['../../pcviews/service/supermarket.vue'], resolve),
                            meta: {
                                title: '购物超市'
                            }
                        }, {
                            path: 'medical',
                            component: resolve => require(['../../pcviews/service/medical.vue'], resolve),
                            meta: {
                                title: '社区内医疗'
                            }
                        },
                        {
                            path: 'express',
                            component: resolve => require(['../../pcviews/service/express.vue'], resolve),
                            meta: {
                                title: '邮寄快递'
                            }
                        }, {
                            path: 'showers',
                            component: resolve => require(['../../pcviews/service/showers.vue'], resolve),
                            meta: {
                                title: '社区浴室'
                            }
                        },
                        {
                            path: 'transfer',
                            component: resolve => require(['../../pcviews/service/transfer.vue'], resolve),
                            meta: {
                                title: '圈存机'
                            }
                        },
                        {
                            path: 'copy',
                            component: resolve => require(['../../pcviews/service/copy.vue'], resolve),
                            meta: {
                                title: '打字复印'
                            }
                        },
                        {
                            path: 'bank',
                            component: resolve => require(['../../pcviews/service/bank.vue'], resolve),
                            meta: {
                                title: '银行网点'
                            }
                        }, {
                            path: 'aed',
                            component: resolve => require(['../../pcviews/service/aed.vue'], resolve),
                            meta: {
                                title: 'AED'
                            }
                        },
                        {
                            path: 'service',
                            component: resolve => require(['../../pcviews/service/service.vue'], resolve),
                            meta: {
                                title: '通信营业厅'
                            }
                        }, {
                            path: 'park',
                            component: resolve => require(['../../pcviews/service/park.vue'], resolve),
                            meta: {
                                title: '停车场'
                            }
                        },
                        {
                            path: 'alleyway',
                            component: resolve => require(['../../pcviews/service/alleyway.vue'], resolve),
                            meta: {
                                title: '出入口'
                            }
                        }
                    ]
                },
                {
                    path: 'allquery',
                    component: resolve => require(['../../pcviews/allquery/index.vue'], resolve),
                        title: '通信营业厅'
                    }
                }, {
                    path: 'park',
                    component: pcServicePark,
                    meta: {
                        title: '综合查询'
                        title: '停车场'
                    }
                },
                {
                    path: 'campusnav',
                    component: resolve => require(['../../pcviews/campusnav/index.vue'], resolve),
                    path: 'alleyway',
                    component: pcServiceAlleyway,
                    meta: {
                        title: '社区导览'
                        title: '出入口'
                    }
                },
                {
                    path: 'campusnavi',
                    component: resolve => require(['../../pcviews/campusnavi/index.vue'], resolve),
                    meta: {
                        title: '社区导航'
                    }
                },
                {
                    path: 'specialmap',
                    component: resolve => require(['../../pcviews/specialmap/index.vue'], resolve),
                    meta: {
                        title: '专题地图'
                    },
                    children: [{
                            path: 'celebrate',
                            component: resolve => require(['../../pcviews/specialmap/celebrate.vue'], resolve),
                            meta: {
                                title: '社区庆'
                            }
                        },
                        {
                            path: 'welcome',
                            component: resolve => require(['../../pcviews/specialmap/welcome.vue'], resolve),
                            meta: {
                                title: '社区迎新'
                            }
                        }
                    ]
                },
                {
                    path: 'tool',
                    component: resolve => require(['../../pcviews/tool/index.vue'], resolve),
                    meta: {
                        title: '工具'
                    },
                    children: [{
                            path: 'download',
                            component: resolve => require(['../../pcviews/tool/download.vue'], resolve),
                            meta: {
                                title: '地图下载'
                            }
                        }, {
                            path: 'sign',
                            component: resolve => require(['../../pcviews/tool/sign.vue'], resolve),
                            meta: {
                                title: '地图标记'
                            }
                        },
                        {
                            path: 'ranging',
                            component: resolve => require(['../../pcviews/tool/ranging.vue'], resolve),
                            meta: {
                                title: '地图测距'
                            }
                        },
                        {
                            path: 'area',
                            component: resolve => require(['../../pcviews/tool/area.vue'], resolve),
                            meta: {
                                title: '地图测面'
                            }
                        }
                    ]
                }
                ]
            },
            {
                path: 'allquery',
                component: pcAllquery,
                meta: {
                    title: '综合查询'
                }
            },
            {
                path: 'campusnav',
                component: pcCampusnav,
                meta: {
                    title: '社区导览'
                }
            },
            {
                path: 'campusnavi',
                component: pcCampusnavi,
                meta: {
                    title: '社区导航'
                }
            },
            {
                path: 'specialmap',
                component: pcSpecialmap,
                meta: {
                    title: '专题地图'
                },
                children: [{
                    path: 'celebrate',
                    component: pcSpecialmapCelebrate,
                    meta: {
                        title: '社区庆'
                    }
                },
                {
                    path: 'welcome',
                    component: pcSpecialmapWelcome,
                    meta: {
                        title: '社区迎新'
                    }
                }
                ]
            },
            {
                path: 'tool',
                component: pcTool,
                meta: {
                    title: '工具'
                },
                children: [{
                    path: 'download',
                    component: pcToolDownload,
                    meta: {
                        title: '地图下载'
                    }
                }, {
                    path: 'sign',
                    component: pcToolSign,
                    meta: {
                        title: '地图标记'
                    }
                },
                {
                    path: 'ranging',
                    component: pcToolRanging,
                    meta: {
                        title: '地图测距'
                    }
                },
                {
                    path: 'area',
                    component: pcToolArea,
                    meta: {
                        title: '地图测面'
                    }
                }
                ]
            }
            ]
        }]
    },

 src/store/getters.js

@@ -1,79 +1,82 @@
// 手机端
const mobile = {
  mviewer: (state) => state.mobile.mviewer,
  mBigPopup: (state) => state.mobile.mBigPopup,
  popupOurOpenData: (state) => state.mobile.popupOurOpenData,
  popupTableName: (state) => state.mobile.popupTableName,
  mBigPopupAfter: (state) => state.mobile.mBigPopupAfter,
  iconHide: (state) => state.mobile.iconHide,
  MobileWindowsHide: (state) => state.mobile.MobileWindowsHide, // 随地图移动窗口
  MobileWindowChangeData: (state) => state.mobile.MobileWindowChangeData, // 随地图移动窗口
  popupsDom: (state) => state.mobile.popupsDom,
  query: (state) => state.mobile.query,
  openmobileGoTo: (state) => state.mobile.openmobileGoTo, // 测试
  ccDataState: (state) => state.mobile.ccDataState, // 测试
  openmobilePanorama: (state) => state.mobile.openmobilePanorama,
  MobileWindowsHideFixed: (state) => state.mobile.MobileWindowsHideFixed, // 固定窗口
  MobileWindowChangeDataFixed: (state) =>
    state.mobile.MobileWindowChangeDataFixed, // 固定窗口
  startPointFn: (state) => state.mobile.startPointFn, // 默认起始点位置
  dimension: (state) => state.mobile.dimension, // 维度
  dimensionData: (state) => state.mobile.dimensionData, // 维度镜头数据
  perspectiveControl: (state) => state.mobile.perspectiveControl, /// 视角控制：高度、角度  ()=>{}
  audioState: (state) => state.mobile.audioState, // 文字转语音状态
  areaLayer: (state) => state.mobile.areaLayer, // 文字转语音状态
  areaLayerSelect: (state) => state.mobile.select, // 文字转语音状态
    mviewer: (state) => state.mobile.mviewer,
    mBigPopup: (state) => state.mobile.mBigPopup,
    popupOurOpenData: (state) => state.mobile.popupOurOpenData,
    popupTableName: (state) => state.mobile.popupTableName,
    mBigPopupAfter: (state) => state.mobile.mBigPopupAfter,
    iconHide: (state) => state.mobile.iconHide,
    MobileWindowsHide: (state) => state.mobile.MobileWindowsHide, // 随地图移动窗口
    MobileWindowChangeData: (state) => state.mobile.MobileWindowChangeData, // 随地图移动窗口
    popupsDom: (state) => state.mobile.popupsDom,
    query: (state) => state.mobile.query,
    openmobileGoTo: (state) => state.mobile.openmobileGoTo, // 测试
    ccDataState: (state) => state.mobile.ccDataState, // 测试
    openmobilePanorama: (state) => state.mobile.openmobilePanorama,
    MobileWindowsHideFixed: (state) => state.mobile.MobileWindowsHideFixed, // 固定窗口
    MobileWindowChangeDataFixed: (state) =>
        state.mobile.MobileWindowChangeDataFixed, // 固定窗口
    startPointFn: (state) => state.mobile.startPointFn, // 默认起始点位置
    dimension: (state) => state.mobile.dimension, // 维度
    dimensionData: (state) => state.mobile.dimensionData, // 维度镜头数据
    perspectiveControl: (state) => state.mobile.perspectiveControl, /// 视角控制：高度、角度  ()=>{}
    audioState: (state) => state.mobile.audioState, // 文字转语音状态
    areaLayer: (state) => state.mobile.areaLayer, // 文字转语音状态
    areaLayerSelect: (state) => state.mobile.select, // 文字转语音状态

  isOpenDrawALine: (state) => state.mobile.isOpenDrawALine, // 是否开启路线
  isendPosition: (state) => state.mobile.isendPosition, // 路线导航终点数据改变
  endPosition: (state) => state.mobile.endPosition, // 路线导航终点数据
  routerS: (state) => state.mobile.routerS, // 所有路径
  choiceRouterS: (state) => state.mobile.choiceRouterS, // 当前选择路径
    isOpenDrawALine: (state) => state.mobile.isOpenDrawALine, // 是否开启路线
    isendPosition: (state) => state.mobile.isendPosition, // 路线导航终点数据改变
    endPosition: (state) => state.mobile.endPosition, // 路线导航终点数据
    routerS: (state) => state.mobile.routerS, // 所有路径
    choiceRouterS: (state) => state.mobile.choiceRouterS, // 当前选择路径

  showActivity: (state) => state.mobile.showActivity, // 显影活动弹窗
  showActivityData: (state) => state.mobile.showActivityData, // 活动弹窗数据
  isOpenDrawALineMany: (state) => state.mobile.isOpenDrawALineMany, // 显影活动弹窗
};
    showActivity: (state) => state.mobile.showActivity, // 显影活动弹窗
    showActivityData: (state) => state.mobile.showActivityData, // 活动弹窗数据
    isOpenDrawALineMany: (state) => state.mobile.isOpenDrawALineMany // 显影活动弹窗
}

const navigation = {
  campusNavFlag: (state) => state.navigation.campusNavFlag,
  comeName: (state) => state.navigation.comeName,
  getToName: (state) => state.navigation.getToName,
};
    campusNavFlag: (state) => state.navigation.campusNavFlag,
    comeName: (state) => state.navigation.comeName,
    getToName: (state) => state.navigation.getToName
}

const search = {
  orgNavBarFlag: (state) => state.search.orgNavBarFlag,
  orgNavBarTitle: (state) => state.search.orgNavBarTitle,
  orgNavBarList: (state) => state.search.orgNavBarList,
  arcNavBarFlag: (state) => state.search.arcNavBarFlag,
  arcNavBarTitle: (state) => state.search.arcNavBarTitle,
  arcNavBarCode: (state) => state.search.arcNavBarCode,
  searchPopupFlag: (state) => state.search.searchPopupFlag,
  searchPopupList: (state) => state.search.searchPopupList,
};
    orgNavBarFlag: (state) => state.search.orgNavBarFlag,
    orgNavBarTitle: (state) => state.search.orgNavBarTitle,
    orgNavBarList: (state) => state.search.orgNavBarList,
    arcNavBarFlag: (state) => state.search.arcNavBarFlag,
    arcNavBarTitle: (state) => state.search.arcNavBarTitle,
    arcNavBarCode: (state) => state.search.arcNavBarCode,
    searchPopupFlag: (state) => state.search.searchPopupFlag,
    searchPopupList: (state) => state.search.searchPopupList
}

const getters = {
  ...mobile,
  ...navigation,
  ...search,
  viewer: (state) => state.viewer.viewer,
  twoOrThree: (state) => state.viewer.twoOrThree,
  popupBgUrl: (state) => state.popupParams.popupBgUrl,
  pupupQRUrl: (state) => state.popupParams.pupupQRUrl,
  pointPosition: (state) => state.popupParams.pointPosition,
  terminus: (state) => state.popupParams.terminus,
  startingPoint: (state) => state.popupParams.startingPoint,
  stateName: (state) => state.popupParams.stateName,
  siteName: (state) => state.popupParams.siteName,
  telephone: (state) => state.popupParams.telephone,
  introduceText: (state) => state.popupParams.introduceText,
  panoramaUrl: (state) => state.popupParams.panoramaUrl,
  panoramaPopup: (state) => state.popupParams.panoramaPopup,
  monitorUrl: (state) => state.popupParams.monitorUrl,
  monitorPopup: (state) => state.popupParams.monitorPopup,
  detailsPopup: (state) => state.popupParams.detailsPopup,
  popupImgAtlas: (state) => state.popupParams.popupImgAtlas,
  teachList: (state) => state.popupParams.teachList,
  liveList: (state) => state.popupParams.liveList,
};
export default getters;
    ...mobile,
    ...navigation,
    ...search,
    viewer: (state) => state.viewer.viewer,
    twoOrThree: (state) => state.viewer.twoOrThree,
    popupBgUrl: (state) => state.popupParams.popupBgUrl,
    pupupQRUrl: (state) => state.popupParams.pupupQRUrl,
    pointPosition: (state) => state.popupParams.pointPosition,
    terminus: (state) => state.popupParams.terminus,
    startingPoint: (state) => state.popupParams.startingPoint,
    stateName: (state) => state.popupParams.stateName,
    siteName: (state) => state.popupParams.siteName,
    telephone: (state) => state.popupParams.telephone,
    introduceText: (state) => state.popupParams.introduceText,
    panoramaUrl: (state) => state.popupParams.panoramaUrl,
    panoramaPopup: (state) => state.popupParams.panoramaPopup,
    monitorUrl: (state) => state.popupParams.monitorUrl,
    monitorPopup: (state) => state.popupParams.monitorPopup,
    detailsPopup: (state) => state.popupParams.detailsPopup,
    popupImgAtlas: (state) => state.popupParams.popupImgAtlas,
    teachList: (state) => state.popupParams.teachList,
    liveList: (state) => state.popupParams.liveList,
    addTagPopup: (state) => state.popupParams.addTagPopup,
    addTagPosition: (state) => state.popupParams.addTagPosition

}
export default getters

 src/store/modules/popupParams.js

@@ -17,7 +17,9 @@
        // 图集
        popupImgAtlas: [],
        teachList: [],
        liveList: []
        liveList: [],
        addTagPopup: false,
        addTagPosition: null
    },
    mutations: {
        SET_POPUPBGURL (state, popupBgUrl) {
@@ -72,6 +74,14 @@
            state.liveList = liveList
        },

        SET_ADDTAGPOPUP (state, addTagPopup) {
            state.addTagPopup = addTagPopup
        },

        SET_ADDTAGPOSITION (state, addTagPosition) {
            state.addTagPosition = addTagPosition
        },

        CLEAR_ALL (state, param) {
            state.siteName = param
            state.introduceText = param

 src/styles/divforms/divForms.scss

@@ -1,140 +1,147 @@
.divForms-dom {
  position: fixed;
  left: 0;
  z-index: 1 !important;
    position: fixed;
    left: 0;
    z-index: 1 !important;
}

.divForms .arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45px;
  height: 2px;
  transform: rotate(-45deg) translate(5px, -15px);
  background-color: #28bbf0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px;
    transform: rotate(-45deg) translate(5px, -15px);
    background-color: #28bbf0;
}

.divForms-theme .area {
  background-image: linear-gradient(135deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50%, transparent 50%), linear-gradient(-45deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50.1%, transparent 50%);
    background-image: linear-gradient(135deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50%, transparent 50%), linear-gradient(-45deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50.1%, transparent 50%);
}

.divForms .area {
  position: relative;
  min-width: 420px;
    position: relative;
    min-width: 420px;
}

.divForms-wrap {
  position: relative;
  overflow: hidden;
  padding: 30px;
    position: relative;
    overflow: hidden;
    padding: 30px;
}

.divForms-theme .b-b, .divForms-theme .b-b-r, .divForms-theme .b-l, .divForms-theme .b-r, .divForms-theme .b-t, .divForms-theme .b-t-l {
  background-color: #29baf1;
  box-shadow: 0 0 10px 2px #29baf1;
.divForms-theme .b-b,
.divForms-theme .b-b-r,
.divForms-theme .b-l,
.divForms-theme .b-r,
.divForms-theme .b-t,
.divForms-theme .b-t-l {
    background-color: #29baf1;
    box-shadow: 0 0 10px 2px #29baf1;
}

.divForms .b-t {
  position: absolute;
  top: 0;
  left: 44px;
  right: 0;
  height: 1px;
  z-index: 10;
    position: absolute;
    top: 0;
    left: 44px;
    right: 0;
    height: 1px;
    z-index: 10;
}

.divForms .b-r {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 44px;
  width: 1px;
  z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 44px;
    width: 1px;
    z-index: 10;
}

.divForms .b-l {
  position: absolute;
  top: 44px;
  left: 0;
  bottom: 0;
  width: 1px;
  z-index: 10;
    position: absolute;
    top: 44px;
    left: 0;
    bottom: 0;
    width: 1px;
    z-index: 10;
}

.divForms .b-b {
  position: absolute;
  left: 0;
  right: 44px;
  bottom: 0;
  height: 1px;
  z-index: 10;
    position: absolute;
    left: 0;
    right: 44px;
    bottom: 0;
    height: 1px;
    z-index: 10;
}

.divForms .b-b-r {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 62px;
  transform: rotate(45deg) translate(-52px,22px);
  z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 62px;
    transform: rotate(45deg) translate(-52px, 22px);
    z-index: 10;
}

.divForms .b-t-l {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 62px;
  transform: rotate(45deg) translate(52px,-22px);
  z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 62px;
    transform: rotate(45deg) translate(52px, -22px);
    z-index: 10;
}

.divForms .label-wrap {
  padding: 0 12px;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
    padding: 0 12px;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
}

.divForms-theme .title {
  background-image: linear-gradient(135deg,transparent 25px,#29baf1 25px);
    background-image: linear-gradient(135deg, transparent 25px, #29baf1 25px);
}

.divForms .title {
  margin-top: 20px;
  padding: 0 12px 0 30px;
  height: 36px;
  line-height: 36px;
  position: relative;
    margin-top: 20px;
    padding: 0 12px 0 30px;
    height: 36px;
    line-height: 36px;
    position: relative;
}

.divForms .label-content {
  padding: 4px 0;
    padding: 4px 0;
}

.divForms-theme .arrow, .divForms-theme .title::before {
  background-color: #28bbf0;
.divForms-theme .arrow,
.divForms-theme .title::before {
    background-color: #28bbf0;
}

.divForms .title::before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  z-index: 10;
  height: 2px;
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    z-index: 10;
    height: 2px;
}

.divForms .data-li {
  padding: 4px 45px 4px 0;
    padding: 4px 45px 4px 0;
}

.divForms .arc-bcg {
    position: relative;
    height: 160px;

    img {
        position: absolute;
        top: 0;
@@ -146,59 +153,69 @@
    }
}

.data-value, .divForms .data-label {
  display: inline-block;
.data-value,
.divForms .data-label {
    display: inline-block;
}

.divForms .label-num {
  margin-right: 3px;
  color: #f09e28;
  font-weight: 600;
    margin-right: 3px;
    color: #f09e28;
    font-weight: 600;
}

.divForms .label-tag::after {
  content: attr(alt);
  display: inline-block;
  position: absolute;
  bottom: -22px;
  right: -35px;
  z-index: -1;
  padding: 2px 4px;
  color: #fff;
  font-size: 14px;
  background-color: #333;
  border-radius: 3px;
  opacity: 0;
  transition: all .3s ease-in;
    content: attr(alt);
    display: inline-block;
    position: absolute;
    bottom: -22px;
    right: -35px;
    z-index: -1;
    padding: 2px 4px;
    color: #fff;
    font-size: 14px;
    background-color: #333;
    border-radius: 3px;
    opacity: 0;
    transition: all .3s ease-in;
}

.divForms .data-value-status-1 {
  background-color: #35b15b !important;
    background-color: #35b15b !important;
}

.divForms .data-value-status-0 {
  background-color: #f0285c !important;
    background-color: #f0285c !important;
}

.divForms .data-value-status-2 {
  background-color: #f09e28 !important;
    background-color: #f09e28 !important;
}

.divForms .label-tag {
  display: inline-block;
  position: relative;
  margin-right: 6px;
  padding: 0 6px;
  font-weight: 600;
  cursor: pointer;
  background-color: #909399;
  border-radius: 4px;
    display: inline-block;
    position: relative;
    margin-right: 6px;
    padding: 0 6px;
    font-weight: 600;
    cursor: pointer;
    background-color: #909399;
    border-radius: 4px;
}

.divForms .data-value {
  font-size: 14px;
    font-size: 14px;
}

.divForms-dom {
    .add-tag-content {
        padding: 10px;
        height: 120px;
        text-align: center;

        &>div {
            line-height: 48px;
        }
    }


}