From ff7803c7293caa7f8aee531f83542c9e4f74a7ac Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 11 Feb 2022 13:47:22 +0800
Subject: [PATCH] 我的标记的修改完善
---
src/router/page/index.js | 544 ++++++++++++----------
src/components/map/components/dimension.vue | 4
src/store/modules/popupParams.js | 12
src/styles/divforms/divForms.scss | 237 +++++----
src/components/map/index.vue | 38
src/store/getters.js | 141 +++---
src/components/map/components/mapPopup.vue | 293 ++++++++----
src/pcviews/tool/sign.vue | 65 ++
8 files changed, 781 insertions(+), 553 deletions(-)
diff --git a/src/components/map/components/dimension.vue b/src/components/map/components/dimension.vue
index fc87f7f..bcca275 100644
--- a/src/components/map/components/dimension.vue
+++ b/src/components/map/components/dimension.vue
@@ -721,7 +721,9 @@
Number(0),
Number(-90),
Number(0)
- )
+ ),
+ () => { },
+ 0
)
}
})
diff --git a/src/components/map/components/mapPopup.vue b/src/components/map/components/mapPopup.vue
index 743a336..cbb4d82 100644
--- a/src/components/map/components/mapPopup.vue
+++ b/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)
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index dbf3aad..7546c3d 100644
--- a/src/components/map/index.vue
+++ b/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'
diff --git a/src/pcviews/tool/sign.vue b/src/pcviews/tool/sign.vue
index b361e48..1f46892 100644
--- a/src/pcviews/tool/sign.vue
+++ b/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>
diff --git a/src/router/page/index.js b/src/router/page/index.js
index 74260c0..9e7047d 100644
--- a/src/router/page/index.js
+++ b/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: '地图测面'
+ }
+ }
+ ]
+ }
]
}]
},
diff --git a/src/store/getters.js b/src/store/getters.js
index a9348c2..a6eb549 100644
--- a/src/store/getters.js
+++ b/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
diff --git a/src/store/modules/popupParams.js b/src/store/modules/popupParams.js
index 224dee6..ad9dfde 100644
--- a/src/store/modules/popupParams.js
+++ b/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
diff --git a/src/styles/divforms/divForms.scss b/src/styles/divforms/divForms.scss
index ee2f7c9..2171d9b 100644
--- a/src/styles/divforms/divForms.scss
+++ b/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;
+ }
+ }
-
+}
\ No newline at end of file
--
Gitblit v1.9.3