school-web.git - Gitblit

			@@ -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)