3.3
1.自定义标签，退出后自动清除
2.自定义标签，转换二维码的数据格式ok，移动端对接二维码ok，
3.自定义标签点击移动到指定位置 ok
4.面板自适应高度
4.更换定位依赖，自定义标签扫码入移动端可以定位并显示路线
3.4
1.pc活动自动介绍语音，并移动到位置
2.pc导航可以自己选点，正常输出路线导航以及所选位置
3.红色标签 加入点击弹窗
4.生活设施分层标注
5.数据改回校园模式
54 files modified
1 files added
| | |
|---|
| | | "lint": "vue-cli-service lint" |
|---|
| | | }, |
|---|
| | | "dependencies": { |
|---|
| | | "@amap/amap-vue": "^1.4.0", |
|---|
| | | "@dvgis/dc-sdk": "^2.5.0", |
|---|
| | | "axios": "^0.22.0", |
|---|
| | | "core-js": "^3.6.5", |
|---|
| | |
|---|
| | | "vuex": "^3.6.2" |
|---|
| | | }, |
|---|
| | | "devDependencies": { |
|---|
| | | "@amap/amap-jsapi-loader": "^1.0.1", |
|---|
| | | "@vue/cli-plugin-babel": "~4.5.0", |
|---|
| | | "@vue/cli-plugin-eslint": "~4.5.0", |
|---|
| | | "@vue/cli-plugin-router": "~4.5.0", |
|---|
| | |
|---|
| | | "last 2 versions", |
|---|
| | | "not dead" |
|---|
| | | ] |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|---|
| | | <meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|---|
| | | <link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
|---|
| | | <title>智慧社区大数据三维可视化平台</title> |
|---|
| | | <title>智慧校区大数据三维可视化平台</title> |
|---|
| | | <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> |
|---|
| | | <!-- 高德定位 --> |
|---|
| | | <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=4b3e1db3211054ce5b466407cbb9d221"> |
|---|
| | | <!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=9c4b1a0ce88821775605e726073c52b5"> --> |
|---|
| | | </script> |
|---|
| | | <!-- ip --> |
|---|
| | | <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> |
|---|
| | | <!-- 语音播放 --> |
|---|
| | | <!-- <script src="http://cdn.javanx.cn/wp-content/themes/lensnews2.2/js/jquery.min.js?ver=3.1.1"></script> --> |
|---|
| | | <!-- 高德地图路线规划 --> |
|---|
| | | <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=4b3e1db3211054ce5b466407cbb9d221"> |
|---|
| | | <!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=4b3e1db3211054ce5b466407cbb9d221"></script> --> |
|---|
| | | <script type="text/javascript"> |
|---|
| | | window._AMapSecurityConfig = { |
|---|
| | | securityJsCode: "92f88e76912e27c49f501f542a794a26", |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=e664359e1c66f0f26476ac1c0884edad"> |
|---|
| | | </script> --> |
|---|
| | | </head> |
|---|
| | | |
|---|
| | | <body> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import AMapLoader from "@amap/amap-jsapi-loader"; |
|---|
| | | export default { |
|---|
| | | name: "App", |
|---|
| | | data() { |
|---|
| | |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | let that = this; |
|---|
| | | |
|---|
| | | // console.log(frames, 789456); |
|---|
| | | // setInterval(function () { |
|---|
| | | // check(); |
|---|
| | |
|---|
| | | // } catch (err) {} |
|---|
| | | // }; |
|---|
| | | // check(); |
|---|
| | | // console.log(this.getQueryString("data"), "window.location"); |
|---|
| | | // var reg = new RegExp("(^|&)" + "data" + "=([^&]*)(&|$)"); |
|---|
| | | let data = this.getQueryString("data"); |
|---|
| | | // console.log(data); |
|---|
| | | try { |
|---|
| | | data = JSON.parse(data); |
|---|
| | | } catch (error) {} |
|---|
| | | |
|---|
| | | this.$store.commit("set_urlParameterData", data); //传入数据 |
|---|
| | | |
|---|
| | | let d = { |
|---|
| | | methods: "goto", |
|---|
| | | jd: 125.11111, |
|---|
| | | wd: 25.555555, |
|---|
| | | }; |
|---|
| | | // console.log( |
|---|
| | | // "http://192.168.0.222:8080/#/mobileLayout/default?data=" + |
|---|
| | | // JSON.stringify(d) |
|---|
| | | // ); |
|---|
| | | if (this._isMobile()) { |
|---|
| | | // 手机端 |
|---|
| | | this.$router.replace("/mobileLayout"); |
|---|
| | | |
|---|
| | | AMapLoader.load({ |
|---|
| | | key: "9c4b1a0ce88821775605e726073c52b5", // 申请好的Web端开发者Key，首次调用 load 时必填 |
|---|
| | | version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15 |
|---|
| | | plugins: [], //插件列表 |
|---|
| | | }) |
|---|
| | | .then((AMap) => { |
|---|
| | | console.log(AMap); |
|---|
| | | window.AMap = AMap; |
|---|
| | | // that.map = new AMap.Map("mymap", { |
|---|
| | | // center: [115.84414205551147, 28.678983439095823], |
|---|
| | | // zoom: 14, |
|---|
| | | // }); |
|---|
| | | |
|---|
| | | // this.map.on('touchmove', (e) => { |
|---|
| | | // console.log(e) |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // that.getLocationInfor(AMap, 115.84414205551147, 28.678983439095823); |
|---|
| | | // that.map.on("mapmove", () => { |
|---|
| | | // that.mouseMoveFlag = false; |
|---|
| | | // that.mouseMoveFlag = true; |
|---|
| | | // var currentCenter = that.map.getCenter(); |
|---|
| | | // if (that.setime) { |
|---|
| | | // clearTimeout(that.setime); |
|---|
| | | // } |
|---|
| | | // that.setime = setTimeout(() => { |
|---|
| | | // that.getLocationInfor(AMap, currentCenter.lng, currentCenter.lat); |
|---|
| | | // clearTimeout(that.setime); |
|---|
| | | // that.setime = null; |
|---|
| | | // }, 200); |
|---|
| | | // }); |
|---|
| | | |
|---|
| | | // this.map.on('mousemove', (e) => { |
|---|
| | | // console.log(e) |
|---|
| | | // }) |
|---|
| | | }) |
|---|
| | | .catch((e) => { |
|---|
| | | console.log(e); |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | // pc端 |
|---|
| | | this.$router.replace("/pcLayout"); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getQueryString(name) { |
|---|
| | | let inlength = |
|---|
| | | window.location.href.indexOf("?" + name + "=") + name.length + 2; |
|---|
| | | // console.log(inlength); |
|---|
| | | // console.log(window.location.href); |
|---|
| | | var r = window.location.href.slice(inlength); |
|---|
| | | if (r != null) return decodeURIComponent(r); |
|---|
| | | return null; |
|---|
| | | }, |
|---|
| | | getQueryVariable(variable) { |
|---|
| | | var query = window.location.search.substring(1); |
|---|
| | | var vars = query.split("&"); |
|---|
| | | for (var i = 0; i < vars.length; i++) { |
|---|
| | | var pair = vars[i].split("="); |
|---|
| | | if (pair[0] == variable) { |
|---|
| | | return pair[1]; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return false; |
|---|
| | | }, |
|---|
| | | _isMobile() { |
|---|
| | | const flag = navigator.userAgent.match( |
|---|
| | | /(phone|pad|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows phone)/i |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <public-box class="campus-nav-box"> |
|---|
| | | <template slot="public-box-header"> |
|---|
| | | <div class="title"> |
|---|
| | | <img class="icon deblurring" src="/img/icon/xndh.png" alt /> |
|---|
| | | <span>社区内导航</span> |
|---|
| | | <public-box class="campus-nav-box"> |
|---|
| | | <template slot="public-box-header"> |
|---|
| | | <div class="title"> |
|---|
| | | <img class="icon deblurring" src="/img/icon/xndh.png" alt /> |
|---|
| | | <span>校区内导航</span> |
|---|
| | | </div> |
|---|
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
|---|
| | | </template> |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <div class="tab"> |
|---|
| | | <ul> |
|---|
| | | <li @click="tabClick('步行')" :class="{ on: tabOneFlag }"> |
|---|
| | | <i></i> |
|---|
| | | 步行 |
|---|
| | | </li> |
|---|
| | | <li @click="tabClick('驾车')" :class="{ on: tabTwoFlag }"> |
|---|
| | | <i></i> |
|---|
| | | 驾车 |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="container"> |
|---|
| | | <div> |
|---|
| | | <div id="ToNameContainer"> |
|---|
| | | <el-input |
|---|
| | | v-model="toNameText" |
|---|
| | | @input="toNameChange" |
|---|
| | | placeholder="起点……" |
|---|
| | | > |
|---|
| | | <template slot="prepend"> |
|---|
| | | <i class="el-icon-location mydingwei" style="color: green"></i> |
|---|
| | | </template> |
|---|
| | | </el-input> |
|---|
| | | <div v-show="toNameShow" class="toname-value-box"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in toNameList" |
|---|
| | | :key="index" |
|---|
| | | @click="originChange(item)" |
|---|
| | | > |
|---|
| | | {{ item.mechanismname }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
|---|
| | | </template> |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <div class="tab"> |
|---|
| | | <ul> |
|---|
| | | <li @click="tabClick('步行')" :class="{on:tabOneFlag}"> |
|---|
| | | <i></i> |
|---|
| | | 步行 |
|---|
| | | </li> |
|---|
| | | <li @click="tabClick('驾车')" :class="{on:tabTwoFlag}"> |
|---|
| | | <i></i> |
|---|
| | | 驾车 |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div id="ComeNameContainer"> |
|---|
| | | <el-input |
|---|
| | | v-model="comeNameText" |
|---|
| | | @input="comeNameChange" |
|---|
| | | placeholder="终点……" |
|---|
| | | > |
|---|
| | | <template slot="prepend"> |
|---|
| | | <i class="el-icon-location mydingwei" style="color: red"></i> |
|---|
| | | </template> |
|---|
| | | </el-input> |
|---|
| | | <div v-show="comeNameShow" class="comename-value-box"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in comeNameList" |
|---|
| | | :key="index" |
|---|
| | | @click="terminusChange(item)" |
|---|
| | | > |
|---|
| | | {{ item.mechanismname }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="container"> |
|---|
| | | <div> |
|---|
| | | <div id="ToNameContainer"> |
|---|
| | | <el-input v-model="toNameText" @input="toNameChange" placeholder="起点……"> |
|---|
| | | <template slot="prepend"> |
|---|
| | | <i class="el-icon-location" style="color: green;"></i> |
|---|
| | | </template> |
|---|
| | | </el-input> |
|---|
| | | <div v-show="toNameShow" class="toname-value-box"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in toNameList" |
|---|
| | | :key="index" |
|---|
| | | @click="originChange(item)" |
|---|
| | | >{{item.mechanismname}}</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="ComeNameContainer"> |
|---|
| | | <el-input v-model="comeNameText" @input="comeNameChange" placeholder="终点……"> |
|---|
| | | <template slot="prepend"> |
|---|
| | | <i class="el-icon-location" style="color: red;"></i> |
|---|
| | | </template> |
|---|
| | | </el-input> |
|---|
| | | <div v-show="comeNameShow" class="comename-value-box"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in comeNameList" |
|---|
| | | :key="index" |
|---|
| | | @click="terminusChange(item)" |
|---|
| | | >{{item.mechanismname}}</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <el-button @click="startNavigation" type="primary">导航</el-button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <el-button @click="startNavigation" type="primary">导航</el-button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { getSearchList } from '@/api/pc/public/search' |
|---|
| | | import axios from 'axios' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | import { getSearchList } from "@/api/pc/public/search"; |
|---|
| | | import axios from "axios"; |
|---|
| | | export default { |
|---|
| | | name: 'campusNav', |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | tabOneFlag: true, |
|---|
| | | tabTwoFlag: false, |
|---|
| | | DC: null, |
|---|
| | | navigationWay: '步行', |
|---|
| | | routeLayer: null, |
|---|
| | | toNameText: '', |
|---|
| | | comeNameText: '', |
|---|
| | | toNameList: [], |
|---|
| | | comeNameList: [], |
|---|
| | | toNameShow: false, |
|---|
| | | comeNameShow: false |
|---|
| | | name: "campusNav", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | tabOneFlag: true, |
|---|
| | | tabTwoFlag: false, |
|---|
| | | DC: null, |
|---|
| | | navigationWay: "步行", |
|---|
| | | routeLayer: null, |
|---|
| | | toNameText: "", |
|---|
| | | comeNameText: "", |
|---|
| | | toNameList: [], |
|---|
| | | comeNameList: [], |
|---|
| | | toNameShow: false, |
|---|
| | | comeNameShow: false, |
|---|
| | | |
|---|
| | | overChouse: false, |
|---|
| | | butChouse: "", |
|---|
| | | startLayer: null, |
|---|
| | | endLayer: null, |
|---|
| | | |
|---|
| | | isOverRouter: false, //是否启用了导航 |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | "viewer", |
|---|
| | | "twoOrThree", |
|---|
| | | // 起点 |
|---|
| | | "startingPoint", |
|---|
| | | // 终点 |
|---|
| | | "terminus", |
|---|
| | | // 出发名称 |
|---|
| | | "getToName", |
|---|
| | | // 到达名称 |
|---|
| | | "comeName", |
|---|
| | | // 点信息 |
|---|
| | | "pointPosition", |
|---|
| | | "campusNavFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | getToName: { |
|---|
| | | immediate: true, |
|---|
| | | handler(newCode, oldCode) { |
|---|
| | | this.toNameText = newCode; |
|---|
| | | console.log(newCode, "see"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | comeName: { |
|---|
| | | immediate: true, |
|---|
| | | handler(newCode, oldCode) { |
|---|
| | | this.comeNameText = newCode; |
|---|
| | | console.log(newCode, "see"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | campusNavFlag: { |
|---|
| | | immediate: true, |
|---|
| | | handler(newCode, oldCode) { |
|---|
| | | if (newCode == false) { |
|---|
| | | this.navigationWay = "步行"; |
|---|
| | | this.tabOneFlag = true; |
|---|
| | | this.tabTwoFlag = false; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | 'viewer', |
|---|
| | | 'twoOrThree', |
|---|
| | | // 起点 |
|---|
| | | 'startingPoint', |
|---|
| | | // 终点 |
|---|
| | | 'terminus', |
|---|
| | | // 出发名称 |
|---|
| | | 'getToName', |
|---|
| | | // 到达名称 |
|---|
| | | 'comeName', |
|---|
| | | // 点信息 |
|---|
| | | 'pointPosition', |
|---|
| | | 'campusNavFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | getToName: { |
|---|
| | | immediate: true, |
|---|
| | | handler (newCode, oldCode) { |
|---|
| | | this.toNameText = newCode |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | comeName: { |
|---|
| | | immediate: true, |
|---|
| | | handler (newCode, oldCode) { |
|---|
| | | this.comeNameText = newCode |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | campusNavFlag: { |
|---|
| | | immediate: true, |
|---|
| | | handler (newCode, oldCode) { |
|---|
| | | if (newCode == false) { |
|---|
| | | this.navigationWay = '步行' |
|---|
| | | this.tabOneFlag = true |
|---|
| | | this.tabTwoFlag = false |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.DC = global.DC; |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | let leftBut = document.querySelectorAll(".el-input-group__prepend"); |
|---|
| | | leftBut[0].onclick = () => { |
|---|
| | | this.chouseDian("start"); |
|---|
| | | }; |
|---|
| | | leftBut[1].onclick = () => { |
|---|
| | | this.chouseDian("end"); |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | chouseDian(val) { |
|---|
| | | let that = this; |
|---|
| | | |
|---|
| | | that.clearLayer(); //清除完成的导航 |
|---|
| | | if (that.isOverRouter) { |
|---|
| | | //若是已经有导航，恢复未点击图标 |
|---|
| | | if (val == "start") { |
|---|
| | | //初始化图标图层 |
|---|
| | | if (this.endLayer == null) { |
|---|
| | | this.endLayer = new this.DC.VectorLayer("endLayer"); |
|---|
| | | this.viewer.addLayer(this.endLayer); |
|---|
| | | } else { |
|---|
| | | this.endLayer.clear(); |
|---|
| | | } |
|---|
| | | // console.log("baoliuend", "see"); |
|---|
| | | that.$store.commit("SET_STARTINGPOINT", []); |
|---|
| | | const endEntity = new that.DC.Billboard( |
|---|
| | | new that.DC.Position( |
|---|
| | | Number(this.terminus[0]), |
|---|
| | | Number(this.terminus[1]), |
|---|
| | | Number(this.terminus[2]) |
|---|
| | | ), |
|---|
| | | "/img/navicon/end.png" |
|---|
| | | ); |
|---|
| | | that.endLayer.addOverlay(endEntity); |
|---|
| | | } else if (val == "end") { |
|---|
| | | //初始化图标图层 |
|---|
| | | if (this.startLayer == null) { |
|---|
| | | this.startLayer = new this.DC.VectorLayer("startLayer"); |
|---|
| | | this.viewer.addLayer(this.startLayer); |
|---|
| | | } else { |
|---|
| | | this.startLayer.clear(); |
|---|
| | | } |
|---|
| | | // console.log("baoliustart", "see"); |
|---|
| | | that.$store.commit("SET_TERMINUS", []); |
|---|
| | | const startEntity = new that.DC.Billboard( |
|---|
| | | new that.DC.Position( |
|---|
| | | Number(this.startingPoint[0]), |
|---|
| | | Number(this.startingPoint[1]), |
|---|
| | | Number(this.startingPoint[2]) |
|---|
| | | ), |
|---|
| | | "/img/navicon/start.png" |
|---|
| | | ); |
|---|
| | | that.startLayer.addOverlay(startEntity); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // console.log(val, "see1"); |
|---|
| | | this.butChouse = val; |
|---|
| | | //关闭其他地图事件 |
|---|
| | | that.$store.commit("set_closeMapClick", true); |
|---|
| | | //添加标记 |
|---|
| | | let tooltip = that.viewer.tooltip; |
|---|
| | | tooltip.enable = true; |
|---|
| | | let title = ""; |
|---|
| | | if (val == "start") { |
|---|
| | | title = "点击放置起点"; |
|---|
| | | //初始化图标图层 |
|---|
| | | if (this.startLayer == null) { |
|---|
| | | this.startLayer = new this.DC.VectorLayer("startLayer"); |
|---|
| | | this.viewer.addLayer(this.startLayer); |
|---|
| | | } else { |
|---|
| | | this.startLayer.clear(); |
|---|
| | | } |
|---|
| | | } else if (val == "end") { |
|---|
| | | title = "点击放置终点"; |
|---|
| | | //初始化图标图层 |
|---|
| | | if (this.endLayer == null) { |
|---|
| | | this.endLayer = new this.DC.VectorLayer("endLayer"); |
|---|
| | | this.viewer.addLayer(this.endLayer); |
|---|
| | | } else { |
|---|
| | | this.endLayer.clear(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | that.overChouse = false; //开启事件 |
|---|
| | | // 地图选点 |
|---|
| | | that.clicks = that.viewer.on(that.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | if (that.overChouse) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | let lnglat = [e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat]; |
|---|
| | | // console.log(lnglat, "see11"); |
|---|
| | | // console.log(that.butChouse, "see11"); |
|---|
| | | //应用数据 |
|---|
| | | if (that.butChouse == "start") { |
|---|
| | | that.toNameText = "自定义起点"; |
|---|
| | | //传输坐标数据 |
|---|
| | | that.$store.commit("SET_STARTINGPOINT", [...lnglat, 0]); |
|---|
| | | //起点 |
|---|
| | | const startEntity = new that.DC.Billboard( |
|---|
| | | new that.DC.Position( |
|---|
| | | Number(lnglat[0]), |
|---|
| | | Number(lnglat[1]), |
|---|
| | | Number(0) |
|---|
| | | ), |
|---|
| | | "/img/navicon/start.png" |
|---|
| | | ); |
|---|
| | | that.startLayer.addOverlay(startEntity); |
|---|
| | | } else if (that.butChouse == "end") { |
|---|
| | | that.comeNameText = "自定义终点"; |
|---|
| | | //传输坐标数据 |
|---|
| | | that.$store.commit("SET_TERMINUS", [...lnglat, 0]); |
|---|
| | | //终点 |
|---|
| | | const endEntity = new that.DC.Billboard( |
|---|
| | | new that.DC.Position( |
|---|
| | | Number(lnglat[0]), |
|---|
| | | Number(lnglat[1]), |
|---|
| | | Number(0) |
|---|
| | | ), |
|---|
| | | "/img/navicon/end.png" |
|---|
| | | ); |
|---|
| | | that.endLayer.addOverlay(endEntity); |
|---|
| | | } |
|---|
| | | title = ""; |
|---|
| | | tooltip.enable = false; |
|---|
| | | that.overChouse = true; //关闭事件 |
|---|
| | | //开启其他地图事件 |
|---|
| | | that.$store.commit("set_closeMapClick", false); |
|---|
| | | }); |
|---|
| | | that.moves = that.viewer.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => { |
|---|
| | | if (that.overChouse) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | // let lnglat = [e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat]; |
|---|
| | | tooltip.showAt(e.windowPosition, title); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | this.DC = global.DC |
|---|
| | | closeModel() { |
|---|
| | | if (this.$route.path.indexOf("/campusnavi") != -1) { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.toNameText = ""; |
|---|
| | | this.toNameList = []; |
|---|
| | | this.toNameShow = false; |
|---|
| | | this.comeNameText = ""; |
|---|
| | | this.comeNameList = []; |
|---|
| | | this.comeNameShow = false; |
|---|
| | | if (this.routeLayer != null) { |
|---|
| | | this.routeLayer.clear(); |
|---|
| | | this.isOverRouter = false; |
|---|
| | | } |
|---|
| | | //清除自定义位置 |
|---|
| | | if (this.startLayer != null) { |
|---|
| | | this.startLayer.clear(); |
|---|
| | | // this.startLayer = null; |
|---|
| | | } |
|---|
| | | if (this.endLayer != null) { |
|---|
| | | this.endLayer.clear(); |
|---|
| | | // this.endLayer = null; |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_COMENAME", ""); |
|---|
| | | this.$store.commit("SET_TERMINUS", null); |
|---|
| | | this.$store.commit("SET_GETTONAME", ""); |
|---|
| | | this.$store.commit("SET_STARTINGPOINT", null); |
|---|
| | | this.$store.commit("SET_CAMPUSNAVFLAG", false); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | if (this.$route.path.indexOf('/campusnavi') != -1) { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | |
|---|
| | | tabClick(param) { |
|---|
| | | this.navigationWay = param; |
|---|
| | | this.tabOneFlag = !this.tabOneFlag; |
|---|
| | | this.tabTwoFlag = !this.tabTwoFlag; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | startNavigation() { |
|---|
| | | let that = this; |
|---|
| | | //清除自定义位置 |
|---|
| | | if (this.startLayer != null) { |
|---|
| | | this.startLayer.clear(); |
|---|
| | | // this.startLayer = null; |
|---|
| | | } |
|---|
| | | if (this.endLayer != null) { |
|---|
| | | this.endLayer.clear(); |
|---|
| | | // this.endLayer = null; |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.routeLayer == null) { |
|---|
| | | this.routeLayer = new this.DC.VectorLayer("navigation"); |
|---|
| | | this.viewer.addLayer(this.routeLayer); |
|---|
| | | } else { |
|---|
| | | this.routeLayer.clear(); |
|---|
| | | } |
|---|
| | | if (this.startingPoint == null) { |
|---|
| | | this.$message("请输入起点！！！"); |
|---|
| | | } |
|---|
| | | if (this.terminus == null) { |
|---|
| | | this.$message("请输入终点！！！"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // var start = this.DC.Transform.transformWGS84ToCartesian() |
|---|
| | | const startEntity = new this.DC.Billboard( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(this.startingPoint[0]), |
|---|
| | | Number(this.startingPoint[1]), |
|---|
| | | Number(this.startingPoint[2]) |
|---|
| | | ), |
|---|
| | | "/img/navicon/start.png" |
|---|
| | | ); |
|---|
| | | this.routeLayer.addOverlay(startEntity); |
|---|
| | | // var end = this.DC.Transform.transformWGS84ToCartesian() |
|---|
| | | const endEntity = new this.DC.Billboard( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(this.terminus[0]), |
|---|
| | | Number(this.terminus[1]), |
|---|
| | | Number(this.terminus[2]) |
|---|
| | | ), |
|---|
| | | "/img/navicon/end.png" |
|---|
| | | ); |
|---|
| | | this.routeLayer.addOverlay(endEntity); |
|---|
| | | |
|---|
| | | var routes = ""; |
|---|
| | | |
|---|
| | | var startLog = Number(this.startingPoint[0]).toFixed(6); |
|---|
| | | var startLat = Number(this.startingPoint[1]).toFixed(6); |
|---|
| | | var endLog = Number(this.terminus[0]).toFixed(6); |
|---|
| | | var endLat = Number(this.terminus[1]).toFixed(6); |
|---|
| | | |
|---|
| | | var origin = this.DC.CoordTransform.WGS84ToGCJ02(startLog, startLat); |
|---|
| | | var destination = this.DC.CoordTransform.WGS84ToGCJ02(endLog, endLat); |
|---|
| | | |
|---|
| | | if (this.navigationWay == "步行") { |
|---|
| | | axios |
|---|
| | | .get("https://restapi.amap.com/v3/direction/walking", { |
|---|
| | | params: { |
|---|
| | | origin: `${origin[0].toFixed(6) + "," + origin[1].toFixed(6)}`, |
|---|
| | | destination: `${ |
|---|
| | | destination[0].toFixed(6) + "," + destination[1].toFixed(6) |
|---|
| | | }`, |
|---|
| | | key: "4b3e1db3211054ce5b466407cbb9d221", |
|---|
| | | output: "json", |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | if (res.data.info == "OVER_DIRECTION_RANGE") { |
|---|
| | | this.$message({ |
|---|
| | | message: "超出步行范围！", |
|---|
| | | type: "warning", |
|---|
| | | duration: 3000, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.toNameText = '' |
|---|
| | | this.toNameList = [] |
|---|
| | | this.toNameShow = false |
|---|
| | | this.comeNameText = '' |
|---|
| | | this.comeNameList = [] |
|---|
| | | this.comeNameShow = false |
|---|
| | | if (this.routeLayer != null) { |
|---|
| | | this.routeLayer.clear() |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_COMENAME', '') |
|---|
| | | this.$store.commit('SET_TERMINUS', null) |
|---|
| | | this.$store.commit('SET_GETTONAME', '') |
|---|
| | | this.$store.commit('SET_STARTINGPOINT', null) |
|---|
| | | this.$store.commit('SET_CAMPUSNAVFLAG', false) |
|---|
| | | }, |
|---|
| | | res.data.route.paths[0].steps.forEach((item) => { |
|---|
| | | item.polyline = item.polyline.split(";"); |
|---|
| | | |
|---|
| | | tabClick (param) { |
|---|
| | | this.navigationWay = param |
|---|
| | | this.tabOneFlag = !this.tabOneFlag |
|---|
| | | this.tabTwoFlag = !this.tabTwoFlag |
|---|
| | | }, |
|---|
| | | var lineArr = []; |
|---|
| | | |
|---|
| | | startNavigation () { |
|---|
| | | if (this.routeLayer == null) { |
|---|
| | | this.routeLayer = new this.DC.VectorLayer('navigation') |
|---|
| | | this.viewer.addLayer(this.routeLayer) |
|---|
| | | item.polyline.forEach((it) => { |
|---|
| | | it = it.split(","); |
|---|
| | | lineArr.push( |
|---|
| | | this.DC.CoordTransform.GCJ02ToWGS84(it[0], it[1]).join(",") |
|---|
| | | ); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | lineArr = lineArr.join(";"); |
|---|
| | | |
|---|
| | | lineArr += ";"; |
|---|
| | | |
|---|
| | | routes += lineArr; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | routes = |
|---|
| | | startLog + "," + startLat + ";" + routes + endLog + "," + endLat; |
|---|
| | | |
|---|
| | | const polyline = new this.DC.Polyline(routes); |
|---|
| | | polyline.setStyle({ |
|---|
| | | width: 3, |
|---|
| | | material: new this.DC.PolylineTrailMaterialProperty({ |
|---|
| | | color: this.DC.Color.RED, |
|---|
| | | speed: 10, |
|---|
| | | }), |
|---|
| | | clampToGround: true, |
|---|
| | | }); |
|---|
| | | this.routeLayer.addOverlay(polyline); |
|---|
| | | if (this.twoOrThree == "真三维") { |
|---|
| | | this.viewer.flyTo(this.routeLayer); |
|---|
| | | } else { |
|---|
| | | this.routeLayer.clear() |
|---|
| | | var longitude = null; |
|---|
| | | var latitude = null; |
|---|
| | | startLog = Number(startLog); |
|---|
| | | endLog = Number(endLog); |
|---|
| | | if (startLog > endLog) { |
|---|
| | | longitude = (startLog - endLog) / 2 + endLog; |
|---|
| | | } else { |
|---|
| | | longitude = (endLog - startLog) / 2 + startLog; |
|---|
| | | } |
|---|
| | | startLat = Number(startLat); |
|---|
| | | endLat = Number(endLat); |
|---|
| | | if (startLat > endLat) { |
|---|
| | | latitude = (startLat - endLat) / 2 + endLat; |
|---|
| | | } else { |
|---|
| | | latitude = (endLat - startLat) / 2 + startLat; |
|---|
| | | } |
|---|
| | | that.isOverRouter = true; |
|---|
| | | this.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: this.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | longitude, |
|---|
| | | latitude, |
|---|
| | | 600 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: this.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: this.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | if (this.startingPoint == null) { |
|---|
| | | this.$message('请输入起点！！！') |
|---|
| | | } |
|---|
| | | if (this.terminus == null) { |
|---|
| | | this.$message('请输入终点！！！') |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | axios |
|---|
| | | .get("https://restapi.amap.com/v3/direction/driving", { |
|---|
| | | params: { |
|---|
| | | origin: `${origin[0].toFixed(6) + "," + origin[1].toFixed(6)}`, |
|---|
| | | destination: `${ |
|---|
| | | destination[0].toFixed(6) + "," + destination[1].toFixed(6) |
|---|
| | | }`, |
|---|
| | | key: "4b3e1db3211054ce5b466407cbb9d221", |
|---|
| | | strategy: 2, |
|---|
| | | extensions: "all", |
|---|
| | | output: "json", |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | res.data.route.paths[0].steps.forEach((item) => { |
|---|
| | | item.polyline = item.polyline.split(";"); |
|---|
| | | |
|---|
| | | // var start = this.DC.Transform.transformWGS84ToCartesian() |
|---|
| | | const startEntity = new this.DC.Billboard(new this.DC.Position(Number(this.startingPoint[0]), Number(this.startingPoint[1]), Number(this.startingPoint[2])), '/img/navicon/start.png') |
|---|
| | | this.routeLayer.addOverlay(startEntity) |
|---|
| | | // var end = this.DC.Transform.transformWGS84ToCartesian() |
|---|
| | | const endEntity = new this.DC.Billboard(new this.DC.Position(Number(this.terminus[0]), Number(this.terminus[1]), Number(this.terminus[2])), '/img/navicon/end.png') |
|---|
| | | this.routeLayer.addOverlay(endEntity) |
|---|
| | | var lineArr = []; |
|---|
| | | |
|---|
| | | var routes = '' |
|---|
| | | item.polyline.forEach((it) => { |
|---|
| | | it = it.split(","); |
|---|
| | | lineArr.push( |
|---|
| | | this.DC.CoordTransform.GCJ02ToWGS84(it[0], it[1]).join(",") |
|---|
| | | ); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | var startLog = Number(this.startingPoint[0]).toFixed(6) |
|---|
| | | var startLat = Number(this.startingPoint[1]).toFixed(6) |
|---|
| | | var endLog = Number(this.terminus[0]).toFixed(6) |
|---|
| | | var endLat = Number(this.terminus[1]).toFixed(6) |
|---|
| | | lineArr = lineArr.join(";"); |
|---|
| | | |
|---|
| | | var origin = this.DC.CoordTransform.WGS84ToGCJ02(startLog, startLat) |
|---|
| | | var destination = this.DC.CoordTransform.WGS84ToGCJ02(endLog, endLat) |
|---|
| | | lineArr += ";"; |
|---|
| | | |
|---|
| | | if (this.navigationWay == '步行') { |
|---|
| | | axios.get('https://restapi.amap.com/v3/direction/walking', { |
|---|
| | | params: { |
|---|
| | | origin: `${origin[0].toFixed(6) + ',' + origin[1].toFixed(6)}`, |
|---|
| | | destination: `${destination[0].toFixed(6) + ',' + destination[1].toFixed(6)}`, |
|---|
| | | key: '4b3e1db3211054ce5b466407cbb9d221', |
|---|
| | | output: 'json' |
|---|
| | | } |
|---|
| | | }).then(res => { |
|---|
| | | if (res.data.info == 'OVER_DIRECTION_RANGE') { |
|---|
| | | this.$message({ |
|---|
| | | message: '超出步行范围！', |
|---|
| | | type: 'warning', |
|---|
| | | duration: 3000 |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | routes += lineArr; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | res.data.route.paths[0].steps.forEach(item => { |
|---|
| | | item.polyline = item.polyline.split(';') |
|---|
| | | routes = |
|---|
| | | startLog + "," + startLat + ";" + routes + endLog + "," + endLat; |
|---|
| | | |
|---|
| | | var lineArr = [] |
|---|
| | | const polyline = new this.DC.Polyline(routes); |
|---|
| | | polyline.setStyle({ |
|---|
| | | width: 3, |
|---|
| | | material: new this.DC.PolylineTrailMaterialProperty({ |
|---|
| | | color: this.DC.Color.RED, |
|---|
| | | speed: 10, |
|---|
| | | }), |
|---|
| | | clampToGround: true, |
|---|
| | | }); |
|---|
| | | this.routeLayer.addOverlay(polyline); |
|---|
| | | |
|---|
| | | item.polyline.forEach(it => { |
|---|
| | | it = it.split(',') |
|---|
| | | lineArr.push(this.DC.CoordTransform.GCJ02ToWGS84(it[0], it[1]).join(',')) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | lineArr = lineArr.join(';') |
|---|
| | | |
|---|
| | | lineArr += ';' |
|---|
| | | |
|---|
| | | routes += lineArr |
|---|
| | | }) |
|---|
| | | |
|---|
| | | routes = startLog + ',' + startLat + ';' + routes + endLog + ',' + endLat |
|---|
| | | |
|---|
| | | const polyline = new this.DC.Polyline(routes) |
|---|
| | | polyline.setStyle({ |
|---|
| | | width: 3, |
|---|
| | | material: new this.DC.PolylineTrailMaterialProperty({ |
|---|
| | | color: this.DC.Color.RED, |
|---|
| | | speed: 10 |
|---|
| | | }), |
|---|
| | | clampToGround: true |
|---|
| | | }) |
|---|
| | | this.routeLayer.addOverlay(polyline) |
|---|
| | | if (this.twoOrThree == '真三维') { |
|---|
| | | this.viewer.flyTo(this.routeLayer) |
|---|
| | | } else { |
|---|
| | | var longitude = null |
|---|
| | | var latitude = null |
|---|
| | | startLog = Number(startLog) |
|---|
| | | endLog = Number(endLog) |
|---|
| | | if (startLog > endLog) { |
|---|
| | | longitude = (startLog - endLog) / 2 + endLog |
|---|
| | | } else { |
|---|
| | | longitude = (endLog - startLog) / 2 + startLog |
|---|
| | | } |
|---|
| | | startLat = Number(startLat) |
|---|
| | | endLat = Number(endLat) |
|---|
| | | if (startLat > endLat) { |
|---|
| | | latitude = (startLat - endLat) / 2 + endLat |
|---|
| | | } else { |
|---|
| | | latitude = (endLat - startLat) / 2 + startLat |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: this.DC.Namespace.Cesium.Cartesian3.fromDegrees(longitude, latitude, 600), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: this.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: this.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | if (this.twoOrThree == "真三维") { |
|---|
| | | this.viewer.flyTo(this.routeLayer); |
|---|
| | | } else { |
|---|
| | | axios.get('https://restapi.amap.com/v3/direction/driving', { |
|---|
| | | params: { |
|---|
| | | origin: `${origin[0].toFixed(6) + ',' + origin[1].toFixed(6)}`, |
|---|
| | | destination: `${destination[0].toFixed(6) + ',' + destination[1].toFixed(6)}`, |
|---|
| | | key: '4b3e1db3211054ce5b466407cbb9d221', |
|---|
| | | strategy: 2, |
|---|
| | | extensions: 'all', |
|---|
| | | output: 'json' |
|---|
| | | } |
|---|
| | | }).then(res => { |
|---|
| | | res.data.route.paths[0].steps.forEach(item => { |
|---|
| | | item.polyline = item.polyline.split(';') |
|---|
| | | |
|---|
| | | var lineArr = [] |
|---|
| | | |
|---|
| | | item.polyline.forEach(it => { |
|---|
| | | it = it.split(',') |
|---|
| | | lineArr.push(this.DC.CoordTransform.GCJ02ToWGS84(it[0], it[1]).join(',')) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | lineArr = lineArr.join(';') |
|---|
| | | |
|---|
| | | lineArr += ';' |
|---|
| | | |
|---|
| | | routes += lineArr |
|---|
| | | }) |
|---|
| | | |
|---|
| | | routes = startLog + ',' + startLat + ';' + routes + endLog + ',' + endLat |
|---|
| | | |
|---|
| | | const polyline = new this.DC.Polyline(routes) |
|---|
| | | polyline.setStyle({ |
|---|
| | | width: 3, |
|---|
| | | material: new this.DC.PolylineTrailMaterialProperty({ |
|---|
| | | color: this.DC.Color.RED, |
|---|
| | | speed: 10 |
|---|
| | | }), |
|---|
| | | clampToGround: true |
|---|
| | | }) |
|---|
| | | this.routeLayer.addOverlay(polyline) |
|---|
| | | |
|---|
| | | if (this.twoOrThree == '真三维') { |
|---|
| | | this.viewer.flyTo(this.routeLayer) |
|---|
| | | } else { |
|---|
| | | var longitude = null |
|---|
| | | var latitude = null |
|---|
| | | startLog = Number(startLog) |
|---|
| | | endLog = Number(endLog) |
|---|
| | | if (startLog > endLog) { |
|---|
| | | longitude = (startLog - endLog) / 2 + endLog |
|---|
| | | } else { |
|---|
| | | longitude = (endLog - startLog) / 2 + startLog |
|---|
| | | } |
|---|
| | | startLat = Number(startLat) |
|---|
| | | endLat = Number(endLat) |
|---|
| | | if (startLat > endLat) { |
|---|
| | | latitude = (startLat - endLat) / 2 + endLat |
|---|
| | | } else { |
|---|
| | | latitude = (endLat - startLat) / 2 + startLat |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: this.DC.Namespace.Cesium.Cartesian3.fromDegrees(longitude, latitude, 600), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: this.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: this.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | var longitude = null; |
|---|
| | | var latitude = null; |
|---|
| | | startLog = Number(startLog); |
|---|
| | | endLog = Number(endLog); |
|---|
| | | if (startLog > endLog) { |
|---|
| | | longitude = (startLog - endLog) / 2 + endLog; |
|---|
| | | } else { |
|---|
| | | longitude = (endLog - startLog) / 2 + startLog; |
|---|
| | | } |
|---|
| | | startLat = Number(startLat); |
|---|
| | | endLat = Number(endLat); |
|---|
| | | if (startLat > endLat) { |
|---|
| | | latitude = (startLat - endLat) / 2 + endLat; |
|---|
| | | } else { |
|---|
| | | latitude = (endLat - startLat) / 2 + startLat; |
|---|
| | | } |
|---|
| | | that.isOverRouter = true; |
|---|
| | | this.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: this.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | longitude, |
|---|
| | | latitude, |
|---|
| | | 600 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: this.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: this.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | clearLayer () { |
|---|
| | | if (this.routeLayer != null) { |
|---|
| | | this.routeLayer.clear() |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | clearLayer() { |
|---|
| | | if (this.routeLayer != null) { |
|---|
| | | this.routeLayer.clear(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | toNameChange () { |
|---|
| | | if (this.toNameText == '') { |
|---|
| | | this.toNameList = [] |
|---|
| | | this.toNameShow = false |
|---|
| | | return |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.toNameText }).then(res => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.toNameList = res.data.data |
|---|
| | | this.toNameShow = true |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | comeNameChange () { |
|---|
| | | if (this.comeNameText == '') { |
|---|
| | | this.comeNameList = [] |
|---|
| | | this.comeNameShow = false |
|---|
| | | return |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.comeNameText }).then(res => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.comeNameList = res.data.data |
|---|
| | | this.comeNameShow = true |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | shortcutShow (event) { |
|---|
| | | var toBox = document.getElementById('ToNameContainer') |
|---|
| | | |
|---|
| | | if (toBox) { |
|---|
| | | if (!toBox.contains(event.target)) { // 这句是说如果我们点击到了id为myPanel以外的区域 |
|---|
| | | this.toNameShow = false |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | var comeBox = document.getElementById('ComeNameContainer') |
|---|
| | | |
|---|
| | | if (comeBox) { |
|---|
| | | if (!comeBox.contains(event.target)) { // 这句是说如果我们点击到了id为myPanel以外的区域 |
|---|
| | | this.comeNameShow = false |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | originChange (param) { |
|---|
| | | this.$store.commit('SET_POINTPOSITION', [ |
|---|
| | | Number(param.jd), |
|---|
| | | Number(param.wd), |
|---|
| | | Number(param.gd), |
|---|
| | | Number(param.heading), |
|---|
| | | Number(param.pitch), |
|---|
| | | Number(param.roll) |
|---|
| | | ]) |
|---|
| | | this.$store.commit('SET_GETTONAME', param.mechanismname) |
|---|
| | | this.$store.commit('SET_STARTINGPOINT', this.pointPosition) |
|---|
| | | this.toNameShow = false |
|---|
| | | this.toNameList = [] |
|---|
| | | }, |
|---|
| | | |
|---|
| | | terminusChange (param) { |
|---|
| | | this.$store.commit('SET_POINTPOSITION', [ |
|---|
| | | Number(param.jd), |
|---|
| | | Number(param.wd), |
|---|
| | | Number(param.gd), |
|---|
| | | Number(param.heading), |
|---|
| | | Number(param.pitch), |
|---|
| | | Number(param.roll) |
|---|
| | | ]) |
|---|
| | | this.$store.commit('SET_COMENAME', param.mechanismname) |
|---|
| | | this.$store.commit('SET_TERMINUS', this.pointPosition) |
|---|
| | | this.comeNameShow = false |
|---|
| | | this.comeNameList = [] |
|---|
| | | toNameChange() { |
|---|
| | | if (this.toNameText == "") { |
|---|
| | | this.toNameList = []; |
|---|
| | | this.toNameShow = false; |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.toNameText }).then((res) => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.toNameList = res.data.data; |
|---|
| | | this.toNameShow = true; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | comeNameChange() { |
|---|
| | | if (this.comeNameText == "") { |
|---|
| | | this.comeNameList = []; |
|---|
| | | this.comeNameShow = false; |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.comeNameText }).then((res) => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.comeNameList = res.data.data; |
|---|
| | | this.comeNameShow = true; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | shortcutShow(event) { |
|---|
| | | var toBox = document.getElementById("ToNameContainer"); |
|---|
| | | |
|---|
| | | if (toBox) { |
|---|
| | | if (!toBox.contains(event.target)) { |
|---|
| | | // 这句是说如果我们点击到了id为myPanel以外的区域 |
|---|
| | | this.toNameShow = false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | var comeBox = document.getElementById("ComeNameContainer"); |
|---|
| | | |
|---|
| | | if (comeBox) { |
|---|
| | | if (!comeBox.contains(event.target)) { |
|---|
| | | // 这句是说如果我们点击到了id为myPanel以外的区域 |
|---|
| | | this.comeNameShow = false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | originChange(param) { |
|---|
| | | this.$store.commit("SET_POINTPOSITION", [ |
|---|
| | | Number(param.jd), |
|---|
| | | Number(param.wd), |
|---|
| | | Number(param.gd), |
|---|
| | | Number(param.heading), |
|---|
| | | Number(param.pitch), |
|---|
| | | Number(param.roll), |
|---|
| | | ]); |
|---|
| | | this.$store.commit("SET_GETTONAME", param.mechanismname); |
|---|
| | | this.$store.commit("SET_STARTINGPOINT", this.pointPosition); |
|---|
| | | this.toNameShow = false; |
|---|
| | | this.toNameList = []; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | terminusChange(param) { |
|---|
| | | this.$store.commit("SET_POINTPOSITION", [ |
|---|
| | | Number(param.jd), |
|---|
| | | Number(param.wd), |
|---|
| | | Number(param.gd), |
|---|
| | | Number(param.heading), |
|---|
| | | Number(param.pitch), |
|---|
| | | Number(param.roll), |
|---|
| | | ]); |
|---|
| | | this.$store.commit("SET_COMENAME", param.mechanismname); |
|---|
| | | this.$store.commit("SET_TERMINUS", this.pointPosition); |
|---|
| | | this.comeNameShow = false; |
|---|
| | | this.comeNameList = []; |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | console.log("endssss", "see"); |
|---|
| | | // this.closeModel(); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang='scss' scope> |
|---|
| | | </style> |
|---|
| | | <style lang="scss" scope></style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="left-nav"> |
|---|
| | | <ul> |
|---|
| | | <li v-for="(item, index) in leftNavData" |
|---|
| | | :key="index" |
|---|
| | | @click="leftNavClick(item)"> |
|---|
| | | <img :src="item.img" |
|---|
| | | alt=""> |
|---|
| | | <span>{{item.label}}</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="left-nav"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in leftNavData" |
|---|
| | | :key="index" |
|---|
| | | @click="leftNavClick(item)" |
|---|
| | | > |
|---|
| | | <img :src="item.img" alt="" /> |
|---|
| | | <span>{{ item.label }}</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { getLifeList, getMonitorList, getSceneList, getWayList, getTagList } from '@/api/pc/leftNav/index' |
|---|
| | | import { |
|---|
| | | getLifeList, |
|---|
| | | getMonitorList, |
|---|
| | | getSceneList, |
|---|
| | | getWayList, |
|---|
| | | getTagList, |
|---|
| | | } from "@/api/pc/leftNav/index"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'leftNav', |
|---|
| | | computed: {}, |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | leftNavData: [ |
|---|
| | | { |
|---|
| | | flag: true, |
|---|
| | | label: '标签', |
|---|
| | | img: '/img/leftnav/tag-checked.png', |
|---|
| | | normal: '/img/leftnav/tag.png', |
|---|
| | | checked: '/img/leftnav/tag-checked.png', |
|---|
| | | layer: 'tagLayer' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: '道路', |
|---|
| | | img: '/img/leftnav/way.png', |
|---|
| | | normal: '/img/leftnav/way.png', |
|---|
| | | checked: '/img/leftnav/way-checked.png', |
|---|
| | | layer: 'wayLayer' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: '实景', |
|---|
| | | img: '/img/leftnav/scene.png', |
|---|
| | | normal: '/img/leftnav/scene.png', |
|---|
| | | checked: '/img/leftnav/scene-checked.png', |
|---|
| | | layer: 'sceneLayer' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: '监控', |
|---|
| | | img: '/img/leftnav/monitor.png', |
|---|
| | | normal: '/img/leftnav/monitor.png', |
|---|
| | | checked: '/img/leftnav/monitor-checked.png', |
|---|
| | | layer: 'monitorLayer' |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // flag: false, |
|---|
| | | // label: '活动', |
|---|
| | | // img: '/img/leftnav/activity.png', |
|---|
| | | // normal: '/img/leftnav/activity.png', |
|---|
| | | // checked: '/img/leftnav/activity-checked.png', |
|---|
| | | // layer: 'activityLayer' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // flag: false, |
|---|
| | | // label: 'AED', |
|---|
| | | // img: '/img/leftnav/aed.png', |
|---|
| | | // normal: '/img/leftnav/aed.png', |
|---|
| | | // checked: '/img/leftnav/aed-checked.png', |
|---|
| | | // layer: 'aedLayer' |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: '停车', |
|---|
| | | img: '/img/leftnav/park.png', |
|---|
| | | normal: '/img/leftnav/park.png', |
|---|
| | | checked: '/img/leftnav/park-checked.png', |
|---|
| | | layer: 'parkLayer' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: '出入', |
|---|
| | | img: '/img/leftnav/come.png', |
|---|
| | | normal: '/img/leftnav/come.png', |
|---|
| | | checked: '/img/leftnav/come-checked.png', |
|---|
| | | layer: 'comeLayer' |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | viewer: null, |
|---|
| | | DC: null, |
|---|
| | | tagLayer: null, |
|---|
| | | wayLayer: null, |
|---|
| | | sceneLayer: null, |
|---|
| | | monitorLayer: null, |
|---|
| | | activityLayer: null, |
|---|
| | | aedLayer: null, |
|---|
| | | parkLayer: null, |
|---|
| | | comeLayer: null |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | this.DC = global.DC |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | generatePosition (num) { |
|---|
| | | const list = [] |
|---|
| | | for (let i = 0; i < num; i++) { |
|---|
| | | const lng = 115.86271917 + Math.random() * 0.01 |
|---|
| | | const lat = 28.73615593 + Math.random() * 0.02 |
|---|
| | | list.push(new this.DC.Position(lng, lat, 0)) |
|---|
| | | } |
|---|
| | | return list |
|---|
| | | name: "leftNav", |
|---|
| | | computed: {}, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | leftNavData: [ |
|---|
| | | { |
|---|
| | | flag: true, |
|---|
| | | label: "标签", |
|---|
| | | img: "/img/leftnav/tag-checked.png", |
|---|
| | | normal: "/img/leftnav/tag.png", |
|---|
| | | checked: "/img/leftnav/tag-checked.png", |
|---|
| | | layer: "tagLayer", |
|---|
| | | }, |
|---|
| | | leftNavClick (item) { |
|---|
| | | item.flag = !item.flag |
|---|
| | | if (item.flag == true) { |
|---|
| | | item.img = item.checked |
|---|
| | | this[item.layer].show = true |
|---|
| | | } else { |
|---|
| | | item.img = item.normal |
|---|
| | | this[item.layer].show = false |
|---|
| | | } |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: "道路", |
|---|
| | | img: "/img/leftnav/way.png", |
|---|
| | | normal: "/img/leftnav/way.png", |
|---|
| | | checked: "/img/leftnav/way-checked.png", |
|---|
| | | layer: "wayLayer", |
|---|
| | | }, |
|---|
| | | initialize (viewer) { |
|---|
| | | var that = this |
|---|
| | | viewer.scene.globe.depthTestAgainstTerrain = false |
|---|
| | | this.viewer = viewer |
|---|
| | | this.tagLayer = new this.DC.HtmlLayer('tagLayer') |
|---|
| | | viewer.addLayer(this.tagLayer) |
|---|
| | | this.wayLayer = new this.DC.HtmlLayer('wayLayer') |
|---|
| | | viewer.addLayer(this.wayLayer) |
|---|
| | | this.sceneLayer = new this.DC.HtmlLayer('sceneLayer') |
|---|
| | | viewer.addLayer(this.sceneLayer) |
|---|
| | | this.monitorLayer = new this.DC.HtmlLayer('monitorLayer') |
|---|
| | | viewer.addLayer(this.monitorLayer) |
|---|
| | | this.aedLayer = new this.DC.VectorLayer('aedLayer') |
|---|
| | | viewer.addLayer(this.aedLayer) |
|---|
| | | this.parkLayer = new this.DC.HtmlLayer('parkLayer') |
|---|
| | | viewer.addLayer(this.parkLayer) |
|---|
| | | this.comeLayer = new this.DC.VectorLayer('comeLayer') |
|---|
| | | viewer.addLayer(this.comeLayer) |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: "实景", |
|---|
| | | img: "/img/leftnav/scene.png", |
|---|
| | | normal: "/img/leftnav/scene.png", |
|---|
| | | checked: "/img/leftnav/scene-checked.png", |
|---|
| | | layer: "sceneLayer", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: "监控", |
|---|
| | | img: "/img/leftnav/monitor.png", |
|---|
| | | normal: "/img/leftnav/monitor.png", |
|---|
| | | checked: "/img/leftnav/monitor-checked.png", |
|---|
| | | layer: "monitorLayer", |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // flag: false, |
|---|
| | | // label: '活动', |
|---|
| | | // img: '/img/leftnav/activity.png', |
|---|
| | | // normal: '/img/leftnav/activity.png', |
|---|
| | | // checked: '/img/leftnav/activity-checked.png', |
|---|
| | | // layer: 'activityLayer' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // flag: false, |
|---|
| | | // label: 'AED', |
|---|
| | | // img: '/img/leftnav/aed.png', |
|---|
| | | // normal: '/img/leftnav/aed.png', |
|---|
| | | // checked: '/img/leftnav/aed-checked.png', |
|---|
| | | // layer: 'aedLayer' |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: "停车", |
|---|
| | | img: "/img/leftnav/park.png", |
|---|
| | | normal: "/img/leftnav/park.png", |
|---|
| | | checked: "/img/leftnav/park-checked.png", |
|---|
| | | layer: "parkLayer", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | flag: false, |
|---|
| | | label: "出入", |
|---|
| | | img: "/img/leftnav/come.png", |
|---|
| | | normal: "/img/leftnav/come.png", |
|---|
| | | checked: "/img/leftnav/come-checked.png", |
|---|
| | | layer: "comeLayer", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | viewer: null, |
|---|
| | | DC: null, |
|---|
| | | tagLayer: null, |
|---|
| | | wayLayer: null, |
|---|
| | | sceneLayer: null, |
|---|
| | | monitorLayer: null, |
|---|
| | | activityLayer: null, |
|---|
| | | aedLayer: null, |
|---|
| | | parkLayer: null, |
|---|
| | | comeLayer: null, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.DC = global.DC; |
|---|
| | | }, |
|---|
| | | mounted() {}, |
|---|
| | | methods: { |
|---|
| | | generatePosition(num) { |
|---|
| | | const list = []; |
|---|
| | | for (let i = 0; i < num; i++) { |
|---|
| | | const lng = 115.86271917 + Math.random() * 0.01; |
|---|
| | | const lat = 28.73615593 + Math.random() * 0.02; |
|---|
| | | list.push(new this.DC.Position(lng, lat, 0)); |
|---|
| | | } |
|---|
| | | return list; |
|---|
| | | }, |
|---|
| | | leftNavClick(item) { |
|---|
| | | item.flag = !item.flag; |
|---|
| | | if (item.flag == true) { |
|---|
| | | item.img = item.checked; |
|---|
| | | this[item.layer].show = true; |
|---|
| | | } else { |
|---|
| | | item.img = item.normal; |
|---|
| | | this[item.layer].show = false; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | initialize(viewer) { |
|---|
| | | var that = this; |
|---|
| | | viewer.scene.globe.depthTestAgainstTerrain = false; |
|---|
| | | this.viewer = viewer; |
|---|
| | | this.tagLayer = new this.DC.HtmlLayer("tagLayer"); |
|---|
| | | viewer.addLayer(this.tagLayer); |
|---|
| | | this.wayLayer = new this.DC.HtmlLayer("wayLayer"); |
|---|
| | | viewer.addLayer(this.wayLayer); |
|---|
| | | this.sceneLayer = new this.DC.HtmlLayer("sceneLayer"); |
|---|
| | | viewer.addLayer(this.sceneLayer); |
|---|
| | | this.monitorLayer = new this.DC.HtmlLayer("monitorLayer"); |
|---|
| | | viewer.addLayer(this.monitorLayer); |
|---|
| | | this.aedLayer = new this.DC.VectorLayer("aedLayer"); |
|---|
| | | viewer.addLayer(this.aedLayer); |
|---|
| | | this.parkLayer = new this.DC.HtmlLayer("parkLayer"); |
|---|
| | | viewer.addLayer(this.parkLayer); |
|---|
| | | this.comeLayer = new this.DC.VectorLayer("comeLayer"); |
|---|
| | | viewer.addLayer(this.comeLayer); |
|---|
| | | |
|---|
| | | getTagList().then(res => { |
|---|
| | | res.data.data.forEach(item => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | getTagList().then((res) => { |
|---|
| | | res.data.data.forEach((item) => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | <div class="tag-entitys-box"> |
|---|
| | | <div class="tag-content"> |
|---|
| | | ${item.mechanismname} |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ) |
|---|
| | | ); |
|---|
| | | //订阅事件 |
|---|
| | | divIcon.on(global.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | console.log(item); |
|---|
| | | that.openPopups({ |
|---|
| | | lng: e.overlay.position.lng, |
|---|
| | | lat: e.overlay.position.lat, |
|---|
| | | item: item, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | this.tagLayer.addOverlay(divIcon); |
|---|
| | | }); |
|---|
| | | // this.tagLayer.show = false |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.tagLayer.addOverlay(divIcon) |
|---|
| | | }) |
|---|
| | | // this.tagLayer.show = false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | getWayList().then(res => { |
|---|
| | | res.data.data.forEach(item => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | getWayList().then((res) => { |
|---|
| | | res.data.data.forEach((item) => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | <div class="way-entitys-box"> |
|---|
| | | <div class="way-title" style="border: white 1px solid; font-size: 0.875rem; background: #0066ff; width: 18px; line-height: 14px; padding: 6px 2px 6px 2px; color: white; text-align: center;"> |
|---|
| | | ${item.roadname} |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ) |
|---|
| | | this.wayLayer.addOverlay(divIcon) |
|---|
| | | }) |
|---|
| | | this.wayLayer.show = false |
|---|
| | | }) |
|---|
| | | ); |
|---|
| | | this.wayLayer.addOverlay(divIcon); |
|---|
| | | }); |
|---|
| | | this.wayLayer.show = false; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | getMonitorList().then(res => { |
|---|
| | | res.data.data.forEach(item => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | getMonitorList().then((res) => { |
|---|
| | | res.data.data.forEach((item) => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | <div class="monitor-entitys-box"> |
|---|
| | | <div>${item.mechanismname}</div> |
|---|
| | | <img class="monitor-entitys-box" src="/img/leftnav/map-monitor.png" alt=""> |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ) |
|---|
| | | divIcon.attrParams = item |
|---|
| | | this.monitorLayer.addOverlay(divIcon) |
|---|
| | | ); |
|---|
| | | divIcon.attrParams = item; |
|---|
| | | this.monitorLayer.addOverlay(divIcon); |
|---|
| | | |
|---|
| | | divIcon.on(that.DC.MouseEventType.CLICK, e => { |
|---|
| | | this.$store.commit('SET_PANORAMAPOPUP', false) |
|---|
| | | this.$store.commit('SET_DETAILSPOPUP', false) |
|---|
| | | this.$store.commit('SET_STATENAME', e.overlay.attrParams.mechanismname) |
|---|
| | | this.$store.commit('SET_MONITORURL', e.overlay.attrParams.videourl) |
|---|
| | | // eslint-disable-next-line new-cap |
|---|
| | | var positions = this.DC.Transform.transformWGS84ToCartesian(new this.DC.Position.fromArray([Number(item.jd), Number(item.wd), 0, 0, -90, 0])) |
|---|
| | | this.viewer.scene.globe.depthTestAgainstTerrain = false |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var monitor = new this.DC.PanoramaBox(this.viewer, { |
|---|
| | | domId: 'MonitorBox', |
|---|
| | | position: [ |
|---|
| | | positions |
|---|
| | | ] |
|---|
| | | }) |
|---|
| | | divIcon.on(that.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | this.$store.commit("SET_PANORAMAPOPUP", false); |
|---|
| | | this.$store.commit("SET_DETAILSPOPUP", false); |
|---|
| | | this.$store.commit( |
|---|
| | | "SET_STATENAME", |
|---|
| | | e.overlay.attrParams.mechanismname |
|---|
| | | ); |
|---|
| | | this.$store.commit("SET_MONITORURL", e.overlay.attrParams.videourl); |
|---|
| | | // eslint-disable-next-line new-cap |
|---|
| | | var positions = this.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new this.DC.Position.fromArray([ |
|---|
| | | Number(item.jd), |
|---|
| | | Number(item.wd), |
|---|
| | | 0, |
|---|
| | | 0, |
|---|
| | | -90, |
|---|
| | | 0, |
|---|
| | | ]) |
|---|
| | | ); |
|---|
| | | this.viewer.scene.globe.depthTestAgainstTerrain = false; |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var monitor = new this.DC.PanoramaBox(this.viewer, { |
|---|
| | | domId: "MonitorBox", |
|---|
| | | position: [positions], |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit('SET_MONITORPOPUP', true) |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | this.$store.commit("SET_MONITORPOPUP", true); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.monitorLayer.show = false |
|---|
| | | }) |
|---|
| | | this.monitorLayer.show = false; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | getSceneList().then(res => { |
|---|
| | | res.data.data.forEach(item => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | getSceneList().then((res) => { |
|---|
| | | res.data.data.forEach((item) => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | <div class="scene-entitys-box"> |
|---|
| | | <div>${item.mechanismname}</div> |
|---|
| | | <img src="/img/leftnav/map-panorama.png" alt=""> |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ) |
|---|
| | | divIcon.attrParams = item |
|---|
| | | this.sceneLayer.addOverlay(divIcon) |
|---|
| | | ); |
|---|
| | | divIcon.attrParams = item; |
|---|
| | | this.sceneLayer.addOverlay(divIcon); |
|---|
| | | |
|---|
| | | divIcon.on(that.DC.MouseEventType.CLICK, e => { |
|---|
| | | this.$store.commit('SET_DETAILSPOPUP', false) |
|---|
| | | this.$store.commit('SET_MONITORPOPUP', false) |
|---|
| | | this.$store.commit('SET_STATENAME', e.overlay.attrParams.mechanismname) |
|---|
| | | this.$store.commit('SET_PANORAMAURL', e.overlay.attrParams.panoramaurl) |
|---|
| | | // eslint-disable-next-line new-cap |
|---|
| | | var positions = this.DC.Transform.transformWGS84ToCartesian(new this.DC.Position.fromArray([Number(item.jd), Number(item.wd), 0, 0, -90, 0])) |
|---|
| | | this.viewer.scene.globe.depthTestAgainstTerrain = false |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var panorama = new this.DC.PanoramaBox(this.viewer, { |
|---|
| | | domId: 'PanoramaBox', |
|---|
| | | position: [ |
|---|
| | | positions |
|---|
| | | ] |
|---|
| | | }) |
|---|
| | | divIcon.on(that.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | this.$store.commit("SET_DETAILSPOPUP", false); |
|---|
| | | this.$store.commit("SET_MONITORPOPUP", false); |
|---|
| | | this.$store.commit( |
|---|
| | | "SET_STATENAME", |
|---|
| | | e.overlay.attrParams.mechanismname |
|---|
| | | ); |
|---|
| | | this.$store.commit( |
|---|
| | | "SET_PANORAMAURL", |
|---|
| | | e.overlay.attrParams.panoramaurl |
|---|
| | | ); |
|---|
| | | // eslint-disable-next-line new-cap |
|---|
| | | var positions = this.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new this.DC.Position.fromArray([ |
|---|
| | | Number(item.jd), |
|---|
| | | Number(item.wd), |
|---|
| | | 0, |
|---|
| | | 0, |
|---|
| | | -90, |
|---|
| | | 0, |
|---|
| | | ]) |
|---|
| | | ); |
|---|
| | | this.viewer.scene.globe.depthTestAgainstTerrain = false; |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var panorama = new this.DC.PanoramaBox(this.viewer, { |
|---|
| | | domId: "PanoramaBox", |
|---|
| | | position: [positions], |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit('SET_PANORAMAPOPUP', true) |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | this.$store.commit("SET_PANORAMAPOPUP", true); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.sceneLayer.show = false |
|---|
| | | }) |
|---|
| | | this.sceneLayer.show = false; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | getLifeList({ lifetype: 9 }).then(res => { |
|---|
| | | res.data.data.forEach(item => { |
|---|
| | | const label = new this.DC.Label(new that.DC.Position(Number(item.jd), Number(item.wd), 0), item.mechanismname) |
|---|
| | | label.setStyle({ |
|---|
| | | fillColor: this.DC.Color.CRIMSON, |
|---|
| | | style: that.DC.Namespace.Cesium.LabelStyle.FILL_AND_OUTLINE, |
|---|
| | | outlineColor: that.DC.Color.WHITE, // 边框颜色 |
|---|
| | | outlineWidth: 8, // 边框大小， |
|---|
| | | font: '14px sans-serif', |
|---|
| | | pixelOffset: { x: 0, y: -24 } |
|---|
| | | }) |
|---|
| | | this.aedLayer.addOverlay(label) |
|---|
| | | getLifeList({ lifetype: 9 }).then((res) => { |
|---|
| | | res.data.data.forEach((item) => { |
|---|
| | | const label = new this.DC.Label( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | item.mechanismname |
|---|
| | | ); |
|---|
| | | label.setStyle({ |
|---|
| | | fillColor: this.DC.Color.CRIMSON, |
|---|
| | | style: that.DC.Namespace.Cesium.LabelStyle.FILL_AND_OUTLINE, |
|---|
| | | outlineColor: that.DC.Color.WHITE, // 边框颜色 |
|---|
| | | outlineWidth: 8, // 边框大小， |
|---|
| | | font: "14px sans-serif", |
|---|
| | | pixelOffset: { x: 0, y: -24 }, |
|---|
| | | }); |
|---|
| | | this.aedLayer.addOverlay(label); |
|---|
| | | |
|---|
| | | const billboard = new this.DC.Billboard(new that.DC.Position(Number(item.jd), Number(item.wd), 0), '/img/leftnav/map-aed.png') |
|---|
| | | billboard.size = [20, 20] |
|---|
| | | const billboard = new this.DC.Billboard( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | "/img/leftnav/map-aed.png" |
|---|
| | | ); |
|---|
| | | billboard.size = [20, 20]; |
|---|
| | | |
|---|
| | | this.aedLayer.addOverlay(billboard) |
|---|
| | | }) |
|---|
| | | this.aedLayer.show = false |
|---|
| | | }) |
|---|
| | | this.aedLayer.addOverlay(billboard); |
|---|
| | | }); |
|---|
| | | this.aedLayer.show = false; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | getLifeList({ lifetype: 11 }).then(res => { |
|---|
| | | res.data.data.forEach(item => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | getLifeList({ lifetype: 11 }).then((res) => { |
|---|
| | | res.data.data.forEach((item) => { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | <div class="park-entitys-box"> |
|---|
| | | <div class="park-title" alt="${item.mechanismname}"> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ) |
|---|
| | | this.parkLayer.addOverlay(divIcon) |
|---|
| | | }) |
|---|
| | | this.parkLayer.show = false |
|---|
| | | }) |
|---|
| | | ); |
|---|
| | | this.parkLayer.addOverlay(divIcon); |
|---|
| | | }); |
|---|
| | | this.parkLayer.show = false; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | getLifeList({ lifetype: 12 }).then(res => { |
|---|
| | | res.data.data.forEach(item => { |
|---|
| | | const label = new that.DC.Label(new that.DC.Position(Number(item.jd), Number(item.wd), 0), item.mechanismname) |
|---|
| | | label.setStyle({ |
|---|
| | | fillColor: that.DC.Color.FUCHSIA, |
|---|
| | | style: that.DC.Namespace.Cesium.LabelStyle.FILL_AND_OUTLINE, |
|---|
| | | outlineColor: that.DC.Color.WHITE, // 边框颜色 |
|---|
| | | outlineWidth: 8, // 边框大小， |
|---|
| | | font: '14px sans-serif', |
|---|
| | | pixelOffset: { x: 0, y: -40 } |
|---|
| | | }) |
|---|
| | | that.comeLayer.addOverlay(label) |
|---|
| | | getLifeList({ lifetype: 12 }).then((res) => { |
|---|
| | | res.data.data.forEach((item) => { |
|---|
| | | const label = new that.DC.Label( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | item.mechanismname |
|---|
| | | ); |
|---|
| | | label.setStyle({ |
|---|
| | | fillColor: that.DC.Color.FUCHSIA, |
|---|
| | | style: that.DC.Namespace.Cesium.LabelStyle.FILL_AND_OUTLINE, |
|---|
| | | outlineColor: that.DC.Color.WHITE, // 边框颜色 |
|---|
| | | outlineWidth: 8, // 边框大小， |
|---|
| | | font: "14px sans-serif", |
|---|
| | | pixelOffset: { x: 0, y: -40 }, |
|---|
| | | }); |
|---|
| | | that.comeLayer.addOverlay(label); |
|---|
| | | |
|---|
| | | const billboard = new that.DC.Billboard(new that.DC.Position(Number(item.jd), Number(item.wd), 0), '/img/leftnav/map-activity.png') |
|---|
| | | billboard.size = [20, 20] |
|---|
| | | billboard.setStyle({ |
|---|
| | | pixelOffset: { x: 0, y: -16 } |
|---|
| | | }) |
|---|
| | | const billboard = new that.DC.Billboard( |
|---|
| | | new that.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | "/img/leftnav/map-activity.png" |
|---|
| | | ); |
|---|
| | | billboard.size = [20, 20]; |
|---|
| | | billboard.setStyle({ |
|---|
| | | pixelOffset: { x: 0, y: -16 }, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | that.comeLayer.addOverlay(billboard) |
|---|
| | | }) |
|---|
| | | this.comeLayer.show = false |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | that.comeLayer.addOverlay(billboard); |
|---|
| | | }); |
|---|
| | | this.comeLayer.show = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | openPopups(value) { |
|---|
| | | var popup = new this.DC.DivForms(this.viewer, { |
|---|
| | | domId: "divFormsDomBox", |
|---|
| | | position: [ |
|---|
| | | this.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(value.lng), |
|---|
| | | Number(value.lat), |
|---|
| | | Number(value.alt || 0) |
|---|
| | | ) |
|---|
| | | ), |
|---|
| | | ], |
|---|
| | | }); |
|---|
| | | this.$store.dispatch("setOurDataInPoput", value); |
|---|
| | | this.$store.dispatch("pcFlyView", { |
|---|
| | | jd: value.lng, |
|---|
| | | wd: value.lat, |
|---|
| | | viewer: this.viewer, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped lang='scss'> |
|---|
| | | <style scoped lang="scss"> |
|---|
| | | .left-nav { |
|---|
| | | position: fixed; |
|---|
| | | top: 160px; |
|---|
| | | right: 30px; |
|---|
| | | // bottom: 20px; |
|---|
| | | // left: 0; |
|---|
| | | z-index: 1; |
|---|
| | | ul { |
|---|
| | | // display: flex; |
|---|
| | | li { |
|---|
| | | // margin: 0 8px; |
|---|
| | | margin-bottom: 12px; |
|---|
| | | font-weight: 400; |
|---|
| | | display: block; |
|---|
| | | width: 98px; |
|---|
| | | height: 33px; |
|---|
| | | line-height: 33px; |
|---|
| | | background-color: #fff; |
|---|
| | | border-radius: 17px; |
|---|
| | | text-align: center; |
|---|
| | | font-size: 0; |
|---|
| | | cursor: pointer; |
|---|
| | | position: fixed; |
|---|
| | | top: 160px; |
|---|
| | | right: 30px; |
|---|
| | | // bottom: 20px; |
|---|
| | | // left: 0; |
|---|
| | | z-index: 1; |
|---|
| | | ul { |
|---|
| | | // display: flex; |
|---|
| | | li { |
|---|
| | | // margin: 0 8px; |
|---|
| | | margin-bottom: 12px; |
|---|
| | | font-weight: 400; |
|---|
| | | display: block; |
|---|
| | | width: 98px; |
|---|
| | | height: 33px; |
|---|
| | | line-height: 33px; |
|---|
| | | background-color: #fff; |
|---|
| | | border-radius: 17px; |
|---|
| | | text-align: center; |
|---|
| | | font-size: 0; |
|---|
| | | cursor: pointer; |
|---|
| | | |
|---|
| | | img { |
|---|
| | | width: 24px; |
|---|
| | | height: 24px; |
|---|
| | | vertical-align: middle; |
|---|
| | | margin-right: 10px; |
|---|
| | | image-rendering: -moz-crisp-edges; |
|---|
| | | image-rendering: -o-crisp-edges; |
|---|
| | | image-rendering: -webkit-optimize-contrast; |
|---|
| | | image-rendering: crisp-edges; |
|---|
| | | -ms-interpolation-mode: nearest-neighbor; |
|---|
| | | } |
|---|
| | | img { |
|---|
| | | width: 24px; |
|---|
| | | height: 24px; |
|---|
| | | vertical-align: middle; |
|---|
| | | margin-right: 10px; |
|---|
| | | image-rendering: -moz-crisp-edges; |
|---|
| | | image-rendering: -o-crisp-edges; |
|---|
| | | image-rendering: -webkit-optimize-contrast; |
|---|
| | | image-rendering: crisp-edges; |
|---|
| | | -ms-interpolation-mode: nearest-neighbor; |
|---|
| | | } |
|---|
| | | |
|---|
| | | span { |
|---|
| | | display: inline-block; |
|---|
| | | vertical-align: middle; |
|---|
| | | font-size: 14px; |
|---|
| | | color: #2f2f2f; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | span { |
|---|
| | | display: inline-block; |
|---|
| | | vertical-align: middle; |
|---|
| | | font-size: 14px; |
|---|
| | | color: #2f2f2f; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <div class="map-campus-search" |
|---|
| | | id="CampusSearchPanel"> |
|---|
| | | <el-input class="search-input" |
|---|
| | | placeholder="社区搜索…" |
|---|
| | | v-model="searchInput" |
|---|
| | | @input="searchValueChange" |
|---|
| | | @focus="shortcutFlag = true"> |
|---|
| | | </el-input> |
|---|
| | | <el-button-group> |
|---|
| | | <el-button @click="navigationShow" |
|---|
| | | class="deblurring" |
|---|
| | | icon="el-icon-my-path"></el-button> |
|---|
| | | <el-button class="deblurring" |
|---|
| | | type="primary" |
|---|
| | | icon="el-icon-my-search"></el-button> |
|---|
| | | </el-button-group> |
|---|
| | | <div v-show="searchValShow" |
|---|
| | | class="search-value-box"> |
|---|
| | | <ul> |
|---|
| | | <li v-for="(item, index) in searchValList" |
|---|
| | | :key="index" |
|---|
| | | @click="loadPopup(item)"> |
|---|
| | | {{item.name}} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="map-campus-shortcut" |
|---|
| | | v-show="shortcutFlag"> |
|---|
| | | <div class="shortcut-box"> |
|---|
| | | <ul> |
|---|
| | | <li v-for="(item, index) in shortcutList" |
|---|
| | | :key="index"> |
|---|
| | | <el-button @click="openModelPopup(item)"> |
|---|
| | | <img :src="item.bgimg" |
|---|
| | | alt=""> |
|---|
| | | <span>{{item.title}}</span> |
|---|
| | | </el-button> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <div class="map-campus-search" id="CampusSearchPanel"> |
|---|
| | | <el-input |
|---|
| | | class="search-input" |
|---|
| | | placeholder="校区搜索…" |
|---|
| | | v-model="searchInput" |
|---|
| | | @input="searchValueChange" |
|---|
| | | @focus="shortcutFlag = true" |
|---|
| | | > |
|---|
| | | </el-input> |
|---|
| | | <el-button-group> |
|---|
| | | <el-button |
|---|
| | | @click="navigationShow" |
|---|
| | | class="deblurring" |
|---|
| | | icon="el-icon-my-path" |
|---|
| | | ></el-button> |
|---|
| | | <el-button |
|---|
| | | class="deblurring" |
|---|
| | | type="primary" |
|---|
| | | icon="el-icon-my-search" |
|---|
| | | ></el-button> |
|---|
| | | </el-button-group> |
|---|
| | | <div v-show="searchValShow" class="search-value-box"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in searchValList" |
|---|
| | | :key="index" |
|---|
| | | @click="loadPopup(item)" |
|---|
| | | > |
|---|
| | | {{ item.name }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="map-campus-shortcut" v-show="shortcutFlag"> |
|---|
| | | <div class="shortcut-box"> |
|---|
| | | <ul> |
|---|
| | | <li v-for="(item, index) in shortcutList" :key="index"> |
|---|
| | | <el-button @click="openModelPopup(item)"> |
|---|
| | | <img :src="item.bgimg" alt="" /> |
|---|
| | | <span>{{ item.title }}</span> |
|---|
| | | </el-button> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | |
|---|
| | | import { getList } from '@/api/pc/orgnav/index' |
|---|
| | | import { getSearchList } from '@/api/pc/public/search' |
|---|
| | | import { getList } from "@/api/pc/orgnav/index"; |
|---|
| | | import { getSearchList } from "@/api/pc/public/search"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'campusBuildingSearch', |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | DC: null, |
|---|
| | | shortcutList: [ |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/org.png', |
|---|
| | | // title: '党群机构', |
|---|
| | | // type: 'orgnav', |
|---|
| | | // path: '/pcLayout/default/orgnav/masses', |
|---|
| | | // code: 1 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/ofc.png', |
|---|
| | | // title: '职能部处', |
|---|
| | | // type: 'orgnav', |
|---|
| | | // path: '/pcLayout/default/orgnav/ofc', |
|---|
| | | // code: 2 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/teach.png', |
|---|
| | | // title: '教学科研', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/teaching', |
|---|
| | | // code: 2 |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | bgimg: '/img/search/venue.png', |
|---|
| | | title: '社区场馆', |
|---|
| | | type: 'arc', |
|---|
| | | path: '/pcLayout/default/arc/venue', |
|---|
| | | code: 3 |
|---|
| | | } |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/dorm.png', |
|---|
| | | // title: '社区宿舍', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/dorm', |
|---|
| | | // code: 4 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/scenery.png', |
|---|
| | | // title: '文化风景', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/culture', |
|---|
| | | // code: 5 |
|---|
| | | // } |
|---|
| | | ], |
|---|
| | | shortcutFlag: false, |
|---|
| | | searchInput: '', |
|---|
| | | searchValShow: false, |
|---|
| | | searchValList: [] |
|---|
| | | name: "campusBuildingSearch", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | DC: null, |
|---|
| | | shortcutList: [ |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/org.png', |
|---|
| | | // title: '党群机构', |
|---|
| | | // type: 'orgnav', |
|---|
| | | // path: '/pcLayout/default/orgnav/masses', |
|---|
| | | // code: 1 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/ofc.png', |
|---|
| | | // title: '职能部处', |
|---|
| | | // type: 'orgnav', |
|---|
| | | // path: '/pcLayout/default/orgnav/ofc', |
|---|
| | | // code: 2 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/teach.png', |
|---|
| | | // title: '教学科研', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/teaching', |
|---|
| | | // code: 2 |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | bgimg: "/img/search/venue.png", |
|---|
| | | title: "校区场馆", |
|---|
| | | type: "arc", |
|---|
| | | path: "/pcLayout/default/arc/venue", |
|---|
| | | code: 3, |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/dorm.png', |
|---|
| | | // title: '校区宿舍', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/dorm', |
|---|
| | | // code: 4 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/scenery.png', |
|---|
| | | // title: '文化风景', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/culture', |
|---|
| | | // code: 5 |
|---|
| | | // } |
|---|
| | | ], |
|---|
| | | shortcutFlag: false, |
|---|
| | | searchInput: "", |
|---|
| | | searchValShow: false, |
|---|
| | | searchValList: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | "viewer", |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "campusNavFlag", |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.DC = global.DC; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | searchValueChange() { |
|---|
| | | if (this.searchInput == "") { |
|---|
| | | this.searchValList = []; |
|---|
| | | this.searchValShow = false; |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.searchInput }).then((res) => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.searchValList = res.data.data; |
|---|
| | | this.searchValShow = true; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | 'viewer', |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'campusNavFlag', |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | |
|---|
| | | navigationShow() { |
|---|
| | | if (this.campusNavFlag == false) { |
|---|
| | | this.$store.commit("SET_CAMPUSNAVFLAG", true); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | this.DC = global.DC |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | searchValueChange () { |
|---|
| | | if (this.searchInput == '') { |
|---|
| | | this.searchValList = [] |
|---|
| | | this.searchValShow = false |
|---|
| | | return |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.searchInput }).then(res => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.searchValList = res.data.data |
|---|
| | | this.searchValShow = true |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | navigationShow () { |
|---|
| | | if (this.campusNavFlag == false) { |
|---|
| | | this.$store.commit('SET_CAMPUSNAVFLAG', true) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | openModelPopup(param) { |
|---|
| | | var list = []; |
|---|
| | | if (this.$route.path.indexOf("/service") != -1) { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | openModelPopup (param) { |
|---|
| | | var list = [] |
|---|
| | | if (this.$route.path.indexOf('/service') != -1) { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (param.type == 'orgnav') { |
|---|
| | | var path = this.$route.path |
|---|
| | | if (path.indexOf('/arc') != -1) { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', param.title) |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', true) |
|---|
| | | |
|---|
| | | getList({ type: param.code }).then(res => { |
|---|
| | | res.data.data.records.forEach(item => { |
|---|
| | | list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: '/img/navicon/tag.png', |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', list) |
|---|
| | | }) |
|---|
| | | } else if (param.type == 'arc') { |
|---|
| | | if (this.$route.path.indexOf('/orgnav') != -1) { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', param.title) |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', param.code) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | shortcutShow (event) { |
|---|
| | | var sp = document.getElementById('CampusSearchPanel') |
|---|
| | | |
|---|
| | | if (sp) { |
|---|
| | | if (!sp.contains(event.target)) { // 这句是说如果我们点击到了id为myPanel以外的区域 |
|---|
| | | this.shortcutFlag = false |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | loadPopup (param) { |
|---|
| | | var that = this |
|---|
| | | |
|---|
| | | that.searchInput = '' |
|---|
| | | that.searchValList = [] |
|---|
| | | that.searchValShow = false |
|---|
| | | |
|---|
| | | this.$store.commit('CLEAR_ALL', null) |
|---|
| | | |
|---|
| | | var result = param.list |
|---|
| | | |
|---|
| | | var imgArr = result.tpurl.split(',') |
|---|
| | | |
|---|
| | | this.$store.commit('SET_POPUPBGURL', imgArr[0]) |
|---|
| | | this.$store.commit('SET_POPUPQRURL', result.codeurl) |
|---|
| | | this.$store.commit('SET_POINTPOSITION', [Number(result.jd), Number(result.wd), Number(result.gd), Number(result.heading), Number(result.pitch), Number(result.roll)]) |
|---|
| | | this.$store.commit('SET_STATENAME', result.mechanismname) |
|---|
| | | this.$store.commit('SET_SITENAME', result.address) |
|---|
| | | this.$store.commit('SET_TELEPHONE', result.telephone) |
|---|
| | | this.$store.commit('SET_INTRODUCETEXT', result.introduce) |
|---|
| | | if (result.panoramaurl != '') { |
|---|
| | | this.$store.commit('SET_PANORAMAURL', result.panoramaurl) |
|---|
| | | } |
|---|
| | | if (result.videourl && result.videourl != '') { |
|---|
| | | this.$store.commit('SET_MONITORURL', result.videourl) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_POPUPIMGATLAS', imgArr) |
|---|
| | | if (param.jx != undefined && param.jx != '') { |
|---|
| | | var tabOne = param.jx.split(',') |
|---|
| | | this.$store.commit('SET_TEACHLIST', tabOne) |
|---|
| | | } else { |
|---|
| | | this.$store.commit('SET_TEACHLIST', []) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (param.sh != undefined && param.sh != '') { |
|---|
| | | var tabTwo = param.sh.split(',') |
|---|
| | | this.$store.commit('SET_LIVELIST', tabTwo) |
|---|
| | | } else { |
|---|
| | | this.$store.commit('SET_LIVELIST', []) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.newPopup(result) |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position(Number(result.jd), Number(result.wd), 300, Number(result.heading), Number(result.pitch), Number(result.roll)), |
|---|
| | | () => { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | 3 |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | newPopup (item) { |
|---|
| | | const position = this.DC.Transform.transformWGS84ToCartesian(new this.DC.Position(Number(item.jd), Number(item.wd), Number(item.gd))) |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new this.DC.DivForms(this.viewer, { |
|---|
| | | domId: 'divFormsDomBox', |
|---|
| | | position: [ |
|---|
| | | position |
|---|
| | | ] |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_PANORAMAPOPUP', false) |
|---|
| | | this.$store.commit('SET_MONITORPOPUP', false) |
|---|
| | | this.$store.commit('SET_DETAILSPOPUP', true) |
|---|
| | | if (param.type == "orgnav") { |
|---|
| | | var path = this.$route.path; |
|---|
| | | if (path.indexOf("/arc") != -1) { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", param.title); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", true); |
|---|
| | | |
|---|
| | | getList({ type: param.code }).then((res) => { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: "/img/navicon/tag.png", |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", list); |
|---|
| | | }); |
|---|
| | | } else if (param.type == "arc") { |
|---|
| | | if (this.$route.path.indexOf("/orgnav") != -1) { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", param.title); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", param.code); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | shortcutShow(event) { |
|---|
| | | var sp = document.getElementById("CampusSearchPanel"); |
|---|
| | | |
|---|
| | | if (sp) { |
|---|
| | | if (!sp.contains(event.target)) { |
|---|
| | | // 这句是说如果我们点击到了id为myPanel以外的区域 |
|---|
| | | this.shortcutFlag = false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | loadPopup(param) { |
|---|
| | | var that = this; |
|---|
| | | |
|---|
| | | that.searchInput = ""; |
|---|
| | | that.searchValList = []; |
|---|
| | | that.searchValShow = false; |
|---|
| | | |
|---|
| | | this.$store.commit("CLEAR_ALL", null); |
|---|
| | | |
|---|
| | | var result = param.list; |
|---|
| | | |
|---|
| | | var imgArr = result.tpurl.split(","); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_POPUPBGURL", imgArr[0]); |
|---|
| | | this.$store.commit("SET_POPUPQRURL", result.codeurl); |
|---|
| | | this.$store.commit("SET_POINTPOSITION", [ |
|---|
| | | Number(result.jd), |
|---|
| | | Number(result.wd), |
|---|
| | | Number(result.gd), |
|---|
| | | Number(result.heading), |
|---|
| | | Number(result.pitch), |
|---|
| | | Number(result.roll), |
|---|
| | | ]); |
|---|
| | | this.$store.commit("SET_STATENAME", result.mechanismname); |
|---|
| | | this.$store.commit("SET_SITENAME", result.address); |
|---|
| | | this.$store.commit("SET_TELEPHONE", result.telephone); |
|---|
| | | this.$store.commit("SET_INTRODUCETEXT", result.introduce); |
|---|
| | | if (result.panoramaurl != "") { |
|---|
| | | this.$store.commit("SET_PANORAMAURL", result.panoramaurl); |
|---|
| | | } |
|---|
| | | if (result.videourl && result.videourl != "") { |
|---|
| | | this.$store.commit("SET_MONITORURL", result.videourl); |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_POPUPIMGATLAS", imgArr); |
|---|
| | | if (param.jx != undefined && param.jx != "") { |
|---|
| | | var tabOne = param.jx.split(","); |
|---|
| | | this.$store.commit("SET_TEACHLIST", tabOne); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("SET_TEACHLIST", []); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (param.sh != undefined && param.sh != "") { |
|---|
| | | var tabTwo = param.sh.split(","); |
|---|
| | | this.$store.commit("SET_LIVELIST", tabTwo); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("SET_LIVELIST", []); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.newPopup(result); |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(result.jd), |
|---|
| | | Number(result.wd), |
|---|
| | | 300, |
|---|
| | | Number(result.heading), |
|---|
| | | Number(result.pitch), |
|---|
| | | Number(result.roll) |
|---|
| | | ), |
|---|
| | | () => {}, |
|---|
| | | 3 |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | newPopup(item) { |
|---|
| | | const position = this.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new this.DC.Position(Number(item.jd), Number(item.wd), Number(item.gd)) |
|---|
| | | ); |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new this.DC.DivForms(this.viewer, { |
|---|
| | | domId: "divFormsDomBox", |
|---|
| | | position: [position], |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_PANORAMAPOPUP", false); |
|---|
| | | this.$store.commit("SET_MONITORPOPUP", false); |
|---|
| | | this.$store.commit("SET_DETAILSPOPUP", true); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang='scss' scope> |
|---|
| | | <style lang="scss" scope> |
|---|
| | | .map-campus-search { |
|---|
| | | position: fixed; |
|---|
| | | top: 100px; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 330px; |
|---|
| | | min-height: 40px; |
|---|
| | | max-height: 360px; |
|---|
| | | height: auto; |
|---|
| | | z-index: 11; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 14px 2px rgb(221, 221, 221); |
|---|
| | | position: fixed; |
|---|
| | | top: 100px; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 330px; |
|---|
| | | min-height: 40px; |
|---|
| | | max-height: 360px; |
|---|
| | | height: auto; |
|---|
| | | z-index: 11; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 14px 2px rgb(221, 221, 221); |
|---|
| | | |
|---|
| | | .search-input { |
|---|
| | | float: left; |
|---|
| | | width: 250px; |
|---|
| | | height: 40px; |
|---|
| | | border-radius: 5px 0 0 5px; |
|---|
| | | .search-input { |
|---|
| | | float: left; |
|---|
| | | width: 250px; |
|---|
| | | height: 40px; |
|---|
| | | border-radius: 5px 0 0 5px; |
|---|
| | | |
|---|
| | | input { |
|---|
| | | box-sizing: border-box; |
|---|
| | | border-radius: 5px 0 0 5px; |
|---|
| | | } |
|---|
| | | input { |
|---|
| | | box-sizing: border-box; |
|---|
| | | border-radius: 5px 0 0 5px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button-group { |
|---|
| | | float: left; |
|---|
| | | width: 80px; |
|---|
| | | .el-button-group { |
|---|
| | | float: left; |
|---|
| | | width: 80px; |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | width: 40px; |
|---|
| | | height: 40px !important; |
|---|
| | | position: relative; |
|---|
| | | border-radius: 0; |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | .el-button { |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | width: 40px; |
|---|
| | | height: 40px !important; |
|---|
| | | position: relative; |
|---|
| | | border-radius: 0; |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | |
|---|
| | | i { |
|---|
| | | margin: auto; |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:nth-child(1) { |
|---|
| | | border-left: none; |
|---|
| | | border-right: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:nth-child(2) { |
|---|
| | | border-left: none; |
|---|
| | | border-right: none; |
|---|
| | | border-radius: 0 5px 5px 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .search-value-box { |
|---|
| | | i { |
|---|
| | | margin: auto; |
|---|
| | | position: absolute; |
|---|
| | | top: 41px; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | width: auto; |
|---|
| | | min-width: 250px; |
|---|
| | | max-height: 520px; |
|---|
| | | background: #fff; |
|---|
| | | overflow-y: auto; |
|---|
| | | box-shadow: 0 0 14px 2px rgb(221, 221, 221); |
|---|
| | | border-radius: 5px; |
|---|
| | | |
|---|
| | | ul { |
|---|
| | | li { |
|---|
| | | padding-left: 20px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | li:hover { |
|---|
| | | background: #f5f5f5; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .map-campus-shortcut { |
|---|
| | | margin-top: 20px; |
|---|
| | | .el-button:nth-child(1) { |
|---|
| | | border-left: none; |
|---|
| | | border-right: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:nth-child(2) { |
|---|
| | | border-left: none; |
|---|
| | | border-right: none; |
|---|
| | | border-radius: 0 5px 5px 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .search-value-box { |
|---|
| | | position: absolute; |
|---|
| | | top: 41px; |
|---|
| | | left: 0; |
|---|
| | | width: auto; |
|---|
| | | min-width: 250px; |
|---|
| | | max-height: 520px; |
|---|
| | | background: #fff; |
|---|
| | | overflow-y: auto; |
|---|
| | | box-shadow: 0 0 14px 2px rgb(221, 221, 221); |
|---|
| | | border-radius: 5px; |
|---|
| | | |
|---|
| | | ul { |
|---|
| | | li { |
|---|
| | | padding-left: 20px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | li:hover { |
|---|
| | | background: #f5f5f5; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .map-campus-shortcut { |
|---|
| | | margin-top: 20px; |
|---|
| | | width: 100%; |
|---|
| | | height: 330px; |
|---|
| | | background: #fff; |
|---|
| | | border-radius: 5px; |
|---|
| | | |
|---|
| | | .shortcut-box { |
|---|
| | | padding-top: 36px; |
|---|
| | | ul { |
|---|
| | | display: flex; |
|---|
| | | width: 100%; |
|---|
| | | height: 330px; |
|---|
| | | background: #fff; |
|---|
| | | border-radius: 5px; |
|---|
| | | height: 120px; |
|---|
| | | justify-content: flex-start; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | |
|---|
| | | .shortcut-box { |
|---|
| | | padding-top: 36px; |
|---|
| | | ul { |
|---|
| | | display: flex; |
|---|
| | | width: 100%; |
|---|
| | | height: 120px; |
|---|
| | | justify-content: flex-start; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | li { |
|---|
| | | margin: 0 13px; |
|---|
| | | width: 84px; |
|---|
| | | height: 76px; |
|---|
| | | |
|---|
| | | li { |
|---|
| | | margin: 0 13px; |
|---|
| | | width: 84px; |
|---|
| | | height: 76px; |
|---|
| | | .el-button { |
|---|
| | | width: 80px; |
|---|
| | | height: 70px; |
|---|
| | | padding: 6px 12px; |
|---|
| | | background: #efefef; |
|---|
| | | border: none; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | text-align: center; |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | width: 80px; |
|---|
| | | height: 70px; |
|---|
| | | padding: 6px 12px; |
|---|
| | | background: #efefef; |
|---|
| | | border: none; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | text-align: center; |
|---|
| | | & > span { |
|---|
| | | width: auto; |
|---|
| | | height: auto; |
|---|
| | | |
|---|
| | | & > span { |
|---|
| | | width: auto; |
|---|
| | | height: auto; |
|---|
| | | img { |
|---|
| | | margin-top: 4px; |
|---|
| | | width: 26px; |
|---|
| | | height: 26px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | img { |
|---|
| | | margin-top: 4px; |
|---|
| | | width: 26px; |
|---|
| | | height: 26px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | span { |
|---|
| | | display: block; |
|---|
| | | font-size: 14px; |
|---|
| | | line-height: 28px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:focus { |
|---|
| | | border: 1px solid #000; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | span { |
|---|
| | | display: block; |
|---|
| | | font-size: 14px; |
|---|
| | | line-height: 28px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:focus { |
|---|
| | | border: 1px solid #000; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <div class="map-campus-search" id="CampusSearchPanel"> |
|---|
| | | <el-input |
|---|
| | | class="search-input" |
|---|
| | | placeholder="社区搜索…" |
|---|
| | | v-model="searchInput" |
|---|
| | | @input="searchValueChange" |
|---|
| | | @focus="shortcutFlag = true" |
|---|
| | | ></el-input> |
|---|
| | | <el-button-group> |
|---|
| | | <el-button @click="navigationShow" class="deblurring" icon="el-icon-my-path"></el-button> |
|---|
| | | <el-button |
|---|
| | | @click="fuzzyQuery" |
|---|
| | | class="deblurring" |
|---|
| | | type="primary" |
|---|
| | | icon="el-icon-my-search" |
|---|
| | | ></el-button> |
|---|
| | | </el-button-group> |
|---|
| | | <div v-show="searchValShow" class="search-value-box"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in searchValList" |
|---|
| | | :key="index" |
|---|
| | | @click="loadPopup(item)" |
|---|
| | | >{{item.mechanismname}}</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="map-campus-shortcut" v-show="shortcutFlag"> |
|---|
| | | <div class="shortcut-box"> |
|---|
| | | <ul> |
|---|
| | | <li v-for="(item, index) in shortcutList" :key="index"> |
|---|
| | | <el-button @click="openModelPopup(item)"> |
|---|
| | | <img :src="item.bgimg" alt /> |
|---|
| | | <span>{{item.title}}</span> |
|---|
| | | </el-button> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <div class="map-campus-search" id="CampusSearchPanel"> |
|---|
| | | <el-input |
|---|
| | | class="search-input" |
|---|
| | | placeholder="校区搜索…" |
|---|
| | | v-model="searchInput" |
|---|
| | | @input="searchValueChange" |
|---|
| | | @focus="shortcutFlag = true" |
|---|
| | | ></el-input> |
|---|
| | | <el-button-group> |
|---|
| | | <el-button |
|---|
| | | @click="navigationShow" |
|---|
| | | class="deblurring" |
|---|
| | | icon="el-icon-my-path" |
|---|
| | | ></el-button> |
|---|
| | | <el-button |
|---|
| | | @click="fuzzyQuery" |
|---|
| | | class="deblurring" |
|---|
| | | type="primary" |
|---|
| | | icon="el-icon-my-search" |
|---|
| | | ></el-button> |
|---|
| | | </el-button-group> |
|---|
| | | <div v-show="searchValShow" class="search-value-box"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in searchValList" |
|---|
| | | :key="index" |
|---|
| | | @click="loadPopup(item)" |
|---|
| | | > |
|---|
| | | {{ item.mechanismname }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="map-campus-shortcut" v-show="shortcutFlag"> |
|---|
| | | <div class="shortcut-box"> |
|---|
| | | <ul> |
|---|
| | | <li v-for="(item, index) in shortcutList" :key="index"> |
|---|
| | | <el-button @click="openModelPopup(item)"> |
|---|
| | | <img :src="item.bgimg" alt /> |
|---|
| | | <span>{{ item.title }}</span> |
|---|
| | | </el-button> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | |
|---|
| | | import { getList } from '@/api/pc/orgnav/index' |
|---|
| | | import { getSearchList } from '@/api/pc/public/search' |
|---|
| | | import { getList } from "@/api/pc/orgnav/index"; |
|---|
| | | import { getSearchList } from "@/api/pc/public/search"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'campusBuildingSearch', |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | DC: null, |
|---|
| | | shortcutList: [ |
|---|
| | | { |
|---|
| | | bgimg: '/img/search/org.png', |
|---|
| | | title: '其他机构', |
|---|
| | | type: 'orgnav', |
|---|
| | | path: '/pcLayout/default/orgnav/rest', |
|---|
| | | code: 5 |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/ofc.png', |
|---|
| | | // title: '职能部处', |
|---|
| | | // type: 'orgnav', |
|---|
| | | // path: '/pcLayout/default/orgnav/ofc', |
|---|
| | | // code: 2 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/teach.png', |
|---|
| | | // title: '教学科研', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/teaching', |
|---|
| | | // code: 2 |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | bgimg: '/img/search/venue.png', |
|---|
| | | title: '社区场馆', |
|---|
| | | type: 'arc', |
|---|
| | | path: '/pcLayout/default/arc/venue', |
|---|
| | | code: 3 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | bgimg: '/img/search/floor.png', |
|---|
| | | title: '主要场馆', |
|---|
| | | type: 'arc', |
|---|
| | | path: '/pcLayout/default/arc/rest', |
|---|
| | | code: 7 |
|---|
| | | } |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/dorm.png', |
|---|
| | | // title: '社区宿舍', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/dorm', |
|---|
| | | // code: 4 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/scenery.png', |
|---|
| | | // title: '文化风景', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/culture', |
|---|
| | | // code: 5 |
|---|
| | | // } |
|---|
| | | ], |
|---|
| | | shortcutFlag: false, |
|---|
| | | searchInput: '', |
|---|
| | | searchValShow: false, |
|---|
| | | searchValList: [] |
|---|
| | | name: "campusBuildingSearch", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | DC: null, |
|---|
| | | shortcutList: [ |
|---|
| | | { |
|---|
| | | bgimg: "/img/search/org.png", |
|---|
| | | title: "其他机构", |
|---|
| | | type: "orgnav", |
|---|
| | | path: "/pcLayout/default/orgnav/rest", |
|---|
| | | code: 5, |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/ofc.png', |
|---|
| | | // title: '职能部处', |
|---|
| | | // type: 'orgnav', |
|---|
| | | // path: '/pcLayout/default/orgnav/ofc', |
|---|
| | | // code: 2 |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/teach.png', |
|---|
| | | // title: '教学科研', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/teaching', |
|---|
| | | // code: 2 |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | bgimg: "/img/search/venue.png", |
|---|
| | | title: "校区场馆", |
|---|
| | | type: "arc", |
|---|
| | | path: "/pcLayout/default/arc/venue", |
|---|
| | | code: 3, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | bgimg: "/img/search/floor.png", |
|---|
| | | title: "主要场馆", |
|---|
| | | type: "arc", |
|---|
| | | path: "/pcLayout/default/arc/rest", |
|---|
| | | code: 7, |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // bgimg: "/img/search/dorm.png", |
|---|
| | | // title: "校区宿舍", |
|---|
| | | // type: "arc", |
|---|
| | | // path: "/pcLayout/default/arc/dorm", |
|---|
| | | // code: 4, |
|---|
| | | // }, |
|---|
| | | |
|---|
| | | // { |
|---|
| | | // bgimg: '/img/search/scenery.png', |
|---|
| | | // title: '文化风景', |
|---|
| | | // type: 'arc', |
|---|
| | | // path: '/pcLayout/default/arc/culture', |
|---|
| | | // code: 5 |
|---|
| | | // } |
|---|
| | | ], |
|---|
| | | shortcutFlag: false, |
|---|
| | | searchInput: "", |
|---|
| | | searchValShow: false, |
|---|
| | | searchValList: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | "viewer", |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "campusNavFlag", |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.DC = global.DC; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | searchValueChange() { |
|---|
| | | if (this.searchInput == "") { |
|---|
| | | this.searchValList = []; |
|---|
| | | this.searchValShow = false; |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.searchInput }).then((res) => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.searchValList = res.data.data; |
|---|
| | | this.searchValShow = true; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | 'viewer', |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'campusNavFlag', |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | |
|---|
| | | navigationShow() { |
|---|
| | | if (this.campusNavFlag == false) { |
|---|
| | | this.$store.commit("SET_CAMPUSNAVFLAG", true); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | this.DC = global.DC |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | searchValueChange () { |
|---|
| | | if (this.searchInput == '') { |
|---|
| | | this.searchValList = [] |
|---|
| | | this.searchValShow = false |
|---|
| | | return |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.searchInput }).then(res => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.searchValList = res.data.data |
|---|
| | | this.searchValShow = true |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | navigationShow () { |
|---|
| | | if (this.campusNavFlag == false) { |
|---|
| | | this.$store.commit('SET_CAMPUSNAVFLAG', true) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | fuzzyQuery() { |
|---|
| | | if (this.searchInput == "") { |
|---|
| | | this.searchValList = []; |
|---|
| | | this.searchValShow = false; |
|---|
| | | |
|---|
| | | fuzzyQuery () { |
|---|
| | | if (this.searchInput == '') { |
|---|
| | | this.searchValList = [] |
|---|
| | | this.searchValShow = false |
|---|
| | | |
|---|
| | | this.$message({ |
|---|
| | | message: '请输入关键字', |
|---|
| | | type: 'warning', |
|---|
| | | duration: 1000 |
|---|
| | | }) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.searchInput }).then(res => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', true) |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPLIST', res.data.data) |
|---|
| | | this.searchInput = '' |
|---|
| | | this.searchValList = [] |
|---|
| | | this.searchValShow = false |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | openModelPopup (param) { |
|---|
| | | var list = [] |
|---|
| | | |
|---|
| | | if (param.type == 'orgnav') { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', param.title) |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', true) |
|---|
| | | |
|---|
| | | getList({ type: param.code }).then(res => { |
|---|
| | | res.data.data.records.forEach(item => { |
|---|
| | | list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: '/img/navicon/tag.png', |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', list) |
|---|
| | | }) |
|---|
| | | } else if (param.type == 'arc') { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', param.title) |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', param.code) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$router.push(param.path) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | shortcutShow (event) { |
|---|
| | | var sp = document.getElementById('CampusSearchPanel') |
|---|
| | | |
|---|
| | | if (sp) { |
|---|
| | | if (!sp.contains(event.target)) { // 这句是说如果我们点击到了id为myPanel以外的区域 |
|---|
| | | this.shortcutFlag = false |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | loadPopup (param) { |
|---|
| | | var that = this |
|---|
| | | |
|---|
| | | that.searchInput = '' |
|---|
| | | that.searchValList = [] |
|---|
| | | that.searchValShow = false |
|---|
| | | |
|---|
| | | this.$store.commit('CLEAR_ALL', null) |
|---|
| | | |
|---|
| | | var imgArr = param.tpurl.split(',') |
|---|
| | | |
|---|
| | | this.$store.commit('SET_POPUPBGURL', imgArr[0]) |
|---|
| | | this.$store.commit('SET_POPUPQRURL', param.codeurl) |
|---|
| | | this.$store.commit('SET_POINTPOSITION', [Number(param.jd), Number(param.wd), Number(param.gd), Number(param.heading), Number(param.pitch), Number(param.roll)]) |
|---|
| | | this.$store.commit('SET_STATENAME', param.mechanismname) |
|---|
| | | this.$store.commit('SET_SITENAME', param.address) |
|---|
| | | this.$store.commit('SET_TELEPHONE', param.telephone) |
|---|
| | | this.$store.commit('SET_INTRODUCETEXT', param.introduce) |
|---|
| | | if (param.panoramaurl != '') { |
|---|
| | | this.$store.commit('SET_PANORAMAURL', param.panoramaurl) |
|---|
| | | } |
|---|
| | | if (param.videourl && param.videourl != '') { |
|---|
| | | this.$store.commit('SET_MONITORURL', param.videourl) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_POPUPIMGATLAS', imgArr) |
|---|
| | | if (param.jx != undefined && param.jx != '') { |
|---|
| | | var tabOne = param.jx.split(',') |
|---|
| | | this.$store.commit('SET_TEACHLIST', tabOne) |
|---|
| | | } else { |
|---|
| | | this.$store.commit('SET_TEACHLIST', []) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (param.sh != undefined && param.sh != '') { |
|---|
| | | var tabTwo = param.sh.split(',') |
|---|
| | | this.$store.commit('SET_LIVELIST', tabTwo) |
|---|
| | | } else { |
|---|
| | | this.$store.commit('SET_LIVELIST', []) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.newPopup(param) |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position(Number(param.jd), Number(param.wd), 300, Number(param.heading), Number(param.pitch), Number(param.roll)), |
|---|
| | | () => { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | 0.5 |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | newPopup (item) { |
|---|
| | | const position = this.DC.Transform.transformWGS84ToCartesian(new this.DC.Position(Number(item.jd), Number(item.wd), Number(item.gd))) |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new this.DC.DivForms(this.viewer, { |
|---|
| | | domId: 'divFormsDomBox', |
|---|
| | | position: [ |
|---|
| | | position |
|---|
| | | ] |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_PANORAMAPOPUP', false) |
|---|
| | | this.$store.commit('SET_MONITORPOPUP', false) |
|---|
| | | this.$store.commit('SET_DETAILSPOPUP', true) |
|---|
| | | this.$message({ |
|---|
| | | message: "请输入关键字", |
|---|
| | | type: "warning", |
|---|
| | | duration: 1000, |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | getSearchList({ mechanismName: this.searchInput }).then((res) => { |
|---|
| | | if (res.data.data.length > 0) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", true); |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPLIST", res.data.data); |
|---|
| | | this.searchInput = ""; |
|---|
| | | this.searchValList = []; |
|---|
| | | this.searchValShow = false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | } |
|---|
| | | openModelPopup(param) { |
|---|
| | | var list = []; |
|---|
| | | |
|---|
| | | if (param.type == "orgnav") { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", param.title); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", true); |
|---|
| | | |
|---|
| | | getList({ type: param.code }).then((res) => { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: "/img/navicon/tag.png", |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", list); |
|---|
| | | }); |
|---|
| | | } else if (param.type == "arc") { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", param.title); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", param.code); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$router.push(param.path); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | shortcutShow(event) { |
|---|
| | | var sp = document.getElementById("CampusSearchPanel"); |
|---|
| | | |
|---|
| | | if (sp) { |
|---|
| | | if (!sp.contains(event.target)) { |
|---|
| | | // 这句是说如果我们点击到了id为myPanel以外的区域 |
|---|
| | | this.shortcutFlag = false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | loadPopup(param) { |
|---|
| | | var that = this; |
|---|
| | | |
|---|
| | | that.searchInput = ""; |
|---|
| | | that.searchValList = []; |
|---|
| | | that.searchValShow = false; |
|---|
| | | |
|---|
| | | this.$store.commit("CLEAR_ALL", null); |
|---|
| | | |
|---|
| | | var imgArr = param.tpurl.split(","); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_POPUPBGURL", imgArr[0]); |
|---|
| | | this.$store.commit("SET_POPUPQRURL", param.codeurl); |
|---|
| | | this.$store.commit("SET_POINTPOSITION", [ |
|---|
| | | Number(param.jd), |
|---|
| | | Number(param.wd), |
|---|
| | | Number(param.gd), |
|---|
| | | Number(param.heading), |
|---|
| | | Number(param.pitch), |
|---|
| | | Number(param.roll), |
|---|
| | | ]); |
|---|
| | | this.$store.commit("SET_STATENAME", param.mechanismname); |
|---|
| | | this.$store.commit("SET_SITENAME", param.address); |
|---|
| | | this.$store.commit("SET_TELEPHONE", param.telephone); |
|---|
| | | this.$store.commit("SET_INTRODUCETEXT", param.introduce); |
|---|
| | | if (param.panoramaurl != "") { |
|---|
| | | this.$store.commit("SET_PANORAMAURL", param.panoramaurl); |
|---|
| | | } |
|---|
| | | if (param.videourl && param.videourl != "") { |
|---|
| | | this.$store.commit("SET_MONITORURL", param.videourl); |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_POPUPIMGATLAS", imgArr); |
|---|
| | | if (param.jx != undefined && param.jx != "") { |
|---|
| | | var tabOne = param.jx.split(","); |
|---|
| | | this.$store.commit("SET_TEACHLIST", tabOne); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("SET_TEACHLIST", []); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (param.sh != undefined && param.sh != "") { |
|---|
| | | var tabTwo = param.sh.split(","); |
|---|
| | | this.$store.commit("SET_LIVELIST", tabTwo); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("SET_LIVELIST", []); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.newPopup(param); |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(param.jd), |
|---|
| | | Number(param.wd), |
|---|
| | | 300, |
|---|
| | | Number(param.heading), |
|---|
| | | Number(param.pitch), |
|---|
| | | Number(param.roll) |
|---|
| | | ), |
|---|
| | | () => {}, |
|---|
| | | 0.5 |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | newPopup(item) { |
|---|
| | | const position = this.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new this.DC.Position(Number(item.jd), Number(item.wd), Number(item.gd)) |
|---|
| | | ); |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new this.DC.DivForms(this.viewer, { |
|---|
| | | domId: "divFormsDomBox", |
|---|
| | | position: [position], |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_PANORAMAPOPUP", false); |
|---|
| | | this.$store.commit("SET_MONITORPOPUP", false); |
|---|
| | | this.$store.commit("SET_DETAILSPOPUP", true); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang='scss' scope> |
|---|
| | | <style lang="scss" scope> |
|---|
| | | .map-campus-search { |
|---|
| | | position: fixed; |
|---|
| | | top: 100px; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 330px; |
|---|
| | | min-height: 40px; |
|---|
| | | max-height: 360px; |
|---|
| | | height: auto; |
|---|
| | | z-index: 11; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 14px 2px rgb(221, 221, 221); |
|---|
| | | position: fixed; |
|---|
| | | top: 100px; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 330px; |
|---|
| | | min-height: 40px; |
|---|
| | | max-height: 360px; |
|---|
| | | height: auto; |
|---|
| | | z-index: 11; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 14px 2px rgb(221, 221, 221); |
|---|
| | | |
|---|
| | | .search-input { |
|---|
| | | float: left; |
|---|
| | | width: 250px; |
|---|
| | | height: 40px; |
|---|
| | | border-radius: 5px 0 0 5px; |
|---|
| | | .search-input { |
|---|
| | | float: left; |
|---|
| | | width: 250px; |
|---|
| | | height: 40px; |
|---|
| | | border-radius: 5px 0 0 5px; |
|---|
| | | |
|---|
| | | input { |
|---|
| | | box-sizing: border-box; |
|---|
| | | border-radius: 5px 0 0 5px; |
|---|
| | | } |
|---|
| | | input { |
|---|
| | | box-sizing: border-box; |
|---|
| | | border-radius: 5px 0 0 5px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button-group { |
|---|
| | | float: left; |
|---|
| | | width: 80px; |
|---|
| | | .el-button-group { |
|---|
| | | float: left; |
|---|
| | | width: 80px; |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | width: 40px; |
|---|
| | | height: 40px !important; |
|---|
| | | position: relative; |
|---|
| | | border-radius: 0; |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | .el-button { |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | width: 40px; |
|---|
| | | height: 40px !important; |
|---|
| | | position: relative; |
|---|
| | | border-radius: 0; |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | |
|---|
| | | i { |
|---|
| | | margin: auto; |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:nth-child(1) { |
|---|
| | | border-left: none; |
|---|
| | | border-right: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:nth-child(2) { |
|---|
| | | border-left: none; |
|---|
| | | border-right: none; |
|---|
| | | border-radius: 0 5px 5px 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .search-value-box { |
|---|
| | | i { |
|---|
| | | margin: auto; |
|---|
| | | position: absolute; |
|---|
| | | top: 41px; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | width: auto; |
|---|
| | | min-width: 250px; |
|---|
| | | max-height: 520px; |
|---|
| | | background: #fff; |
|---|
| | | overflow-y: auto; |
|---|
| | | box-shadow: 0 0 14px 2px rgb(221, 221, 221); |
|---|
| | | border-radius: 5px; |
|---|
| | | |
|---|
| | | ul { |
|---|
| | | li { |
|---|
| | | padding-left: 20px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | li:hover { |
|---|
| | | background: #f5f5f5; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .map-campus-shortcut { |
|---|
| | | margin-top: 20px; |
|---|
| | | .el-button:nth-child(1) { |
|---|
| | | border-left: none; |
|---|
| | | border-right: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:nth-child(2) { |
|---|
| | | border-left: none; |
|---|
| | | border-right: none; |
|---|
| | | border-radius: 0 5px 5px 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .search-value-box { |
|---|
| | | position: absolute; |
|---|
| | | top: 41px; |
|---|
| | | left: 0; |
|---|
| | | width: auto; |
|---|
| | | min-width: 250px; |
|---|
| | | max-height: 520px; |
|---|
| | | background: #fff; |
|---|
| | | overflow-y: auto; |
|---|
| | | box-shadow: 0 0 14px 2px rgb(221, 221, 221); |
|---|
| | | border-radius: 5px; |
|---|
| | | |
|---|
| | | ul { |
|---|
| | | li { |
|---|
| | | padding-left: 20px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | li:hover { |
|---|
| | | background: #f5f5f5; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .map-campus-shortcut { |
|---|
| | | margin-top: 20px; |
|---|
| | | width: 100%; |
|---|
| | | // height: 330px; |
|---|
| | | height: auto; |
|---|
| | | background: #fff; |
|---|
| | | border-radius: 5px; |
|---|
| | | |
|---|
| | | .shortcut-box { |
|---|
| | | padding-top: 36px; |
|---|
| | | height: auto; |
|---|
| | | ul { |
|---|
| | | display: flex; |
|---|
| | | width: 100%; |
|---|
| | | height: 330px; |
|---|
| | | background: #fff; |
|---|
| | | border-radius: 5px; |
|---|
| | | height: auto; |
|---|
| | | justify-content: flex-start; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | |
|---|
| | | .shortcut-box { |
|---|
| | | padding-top: 36px; |
|---|
| | | ul { |
|---|
| | | display: flex; |
|---|
| | | width: 100%; |
|---|
| | | height: 120px; |
|---|
| | | justify-content: flex-start; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | li { |
|---|
| | | margin: 0 13px; |
|---|
| | | width: 84px; |
|---|
| | | height: 76px; |
|---|
| | | |
|---|
| | | li { |
|---|
| | | margin: 0 13px; |
|---|
| | | width: 84px; |
|---|
| | | height: 76px; |
|---|
| | | .el-button { |
|---|
| | | width: 80px; |
|---|
| | | height: 70px; |
|---|
| | | padding: 6px 12px; |
|---|
| | | background: #efefef; |
|---|
| | | border: none; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | text-align: center; |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | width: 80px; |
|---|
| | | height: 70px; |
|---|
| | | padding: 6px 12px; |
|---|
| | | background: #efefef; |
|---|
| | | border: none; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | text-align: center; |
|---|
| | | & > span { |
|---|
| | | width: auto; |
|---|
| | | height: auto; |
|---|
| | | |
|---|
| | | & > span { |
|---|
| | | width: auto; |
|---|
| | | height: auto; |
|---|
| | | img { |
|---|
| | | margin-top: 4px; |
|---|
| | | width: 26px; |
|---|
| | | height: 26px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | img { |
|---|
| | | margin-top: 4px; |
|---|
| | | width: 26px; |
|---|
| | | height: 26px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | span { |
|---|
| | | display: block; |
|---|
| | | font-size: 14px; |
|---|
| | | line-height: 28px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:focus { |
|---|
| | | border: 1px solid #000; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | span { |
|---|
| | | display: block; |
|---|
| | | font-size: 14px; |
|---|
| | | line-height: 28px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button:focus { |
|---|
| | | border: 1px solid #000; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="dimension-cut"> |
|---|
| | | <el-radio-group v-model="dimensionValue" size="medium" @change="dimensionChange"> |
|---|
| | | <el-radio-button label="三 维"></el-radio-button> |
|---|
| | | <el-radio-button label="真三维"></el-radio-button> |
|---|
| | | </el-radio-group> |
|---|
| | | </div> |
|---|
| | | <div class="dimension-cut"> |
|---|
| | | <el-radio-group |
|---|
| | | v-model="dimensionValue" |
|---|
| | | size="medium" |
|---|
| | | @change="dimensionChange" |
|---|
| | | > |
|---|
| | | <el-radio-button label="三 维"></el-radio-button> |
|---|
| | | <el-radio-button label="真三维"></el-radio-button> |
|---|
| | | </el-radio-group> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import axios from 'axios' |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { getDetail } from '@/api/pc/public/arc' |
|---|
| | | import axios from "axios"; |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | import { getDetail } from "@/api/pc/public/arc"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'dimension', |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | DC: null, |
|---|
| | | dimensionValue: '三 维', |
|---|
| | | // 建筑2.5D地图 |
|---|
| | | newLayer: null, |
|---|
| | | baseLayer: null, |
|---|
| | | // 电子地图 |
|---|
| | | vecLayer: null, |
|---|
| | | // 标注 |
|---|
| | | cvaLayer: null, |
|---|
| | | // 建筑2.5D面数据 |
|---|
| | | provider: null, |
|---|
| | | wallLayer: null, |
|---|
| | | tileset: null, |
|---|
| | | tilesetLayer: null, |
|---|
| | | titlesetLayerFlag: false, |
|---|
| | | silhouetteBlue: null, |
|---|
| | | wallArr: [ |
|---|
| | | [114.04006133, 27.628038, 100], |
|---|
| | | [114.04020623, 27.62809403, 100], |
|---|
| | | [114.04025389, 27.62819931, 100], |
|---|
| | | [114.04032823, 27.62827743, 100], |
|---|
| | | [114.0410871, 27.62918798, 100], |
|---|
| | | [114.04001425, 27.62986815, 100], |
|---|
| | | [114.04001615, 27.62986817, 100], |
|---|
| | | [114.03992451, 27.62998379, 100], |
|---|
| | | [114.03967878, 27.62999684, 100], |
|---|
| | | [114.03940001, 27.63008698, 100], |
|---|
| | | [114.03951075, 27.63047135, 100], |
|---|
| | | [114.03946107, 27.63056152, 100], |
|---|
| | | [114.03927571, 27.63072325, 100], |
|---|
| | | [114.03871751, 27.63128845, 100], |
|---|
| | | [114.03872079, 27.63135594, 100], |
|---|
| | | [114.03869211, 27.63139169, 100], |
|---|
| | | [114.03960653, 27.63200726, 100], |
|---|
| | | [114.03945732, 27.63215207, 100], |
|---|
| | | [114.03760837, 27.63092563, 100], |
|---|
| | | [114.03770336, 27.63078037, 100], |
|---|
| | | [114.03782957, 27.63072932, 100], |
|---|
| | | [114.03787347, 27.63068209, 100], |
|---|
| | | [114.03824591, 27.62887902, 100], |
|---|
| | | [114.03837943, 27.6289105, 100], |
|---|
| | | [114.03863853, 27.62868839, 100], |
|---|
| | | [114.03905656, 27.62843592, 100], |
|---|
| | | [114.03954722, 27.62819644, 100], |
|---|
| | | [114.04006133, 27.628038, 100] |
|---|
| | | ] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | props: ['areaLayer'], |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | 'viewer', |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'campusNavFlag', |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | this.DC = global.DC |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | viewer: { |
|---|
| | | immediate: true, |
|---|
| | | handler (newCode, oldCode) { |
|---|
| | | if (this.titlesetLayerFlag == false && newCode != null) { |
|---|
| | | var that = this |
|---|
| | | name: "dimension", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | DC: null, |
|---|
| | | dimensionValue: "三 维", |
|---|
| | | // 建筑2.5D地图 |
|---|
| | | newLayer: null, |
|---|
| | | baseLayer: null, |
|---|
| | | // 电子地图 |
|---|
| | | vecLayer: null, |
|---|
| | | // 标注 |
|---|
| | | cvaLayer: null, |
|---|
| | | // 建筑2.5D面数据 |
|---|
| | | provider: null, |
|---|
| | | wallLayer: null, |
|---|
| | | tileset: null, |
|---|
| | | tilesetLayer: null, |
|---|
| | | titlesetLayerFlag: false, |
|---|
| | | silhouetteBlue: null, |
|---|
| | | wallArr: [ |
|---|
| | | [114.04006133, 27.628038, 100], |
|---|
| | | [114.04020623, 27.62809403, 100], |
|---|
| | | [114.04025389, 27.62819931, 100], |
|---|
| | | [114.04032823, 27.62827743, 100], |
|---|
| | | [114.0410871, 27.62918798, 100], |
|---|
| | | [114.04001425, 27.62986815, 100], |
|---|
| | | [114.04001615, 27.62986817, 100], |
|---|
| | | [114.03992451, 27.62998379, 100], |
|---|
| | | [114.03967878, 27.62999684, 100], |
|---|
| | | [114.03940001, 27.63008698, 100], |
|---|
| | | [114.03951075, 27.63047135, 100], |
|---|
| | | [114.03946107, 27.63056152, 100], |
|---|
| | | [114.03927571, 27.63072325, 100], |
|---|
| | | [114.03871751, 27.63128845, 100], |
|---|
| | | [114.03872079, 27.63135594, 100], |
|---|
| | | [114.03869211, 27.63139169, 100], |
|---|
| | | [114.03960653, 27.63200726, 100], |
|---|
| | | [114.03945732, 27.63215207, 100], |
|---|
| | | [114.03760837, 27.63092563, 100], |
|---|
| | | [114.03770336, 27.63078037, 100], |
|---|
| | | [114.03782957, 27.63072932, 100], |
|---|
| | | [114.03787347, 27.63068209, 100], |
|---|
| | | [114.03824591, 27.62887902, 100], |
|---|
| | | [114.03837943, 27.6289105, 100], |
|---|
| | | [114.03863853, 27.62868839, 100], |
|---|
| | | [114.03905656, 27.62843592, 100], |
|---|
| | | [114.03954722, 27.62819644, 100], |
|---|
| | | [114.04006133, 27.628038, 100], |
|---|
| | | ], |
|---|
| | | mapCenter: [115.871863, 28.743861, 400.0], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | props: ["areaLayer"], |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | "viewer", |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "campusNavFlag", |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "closeMapClick", // 关闭地图点击，防止新增标签误触 |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.DC = global.DC; |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | viewer: { |
|---|
| | | immediate: true, |
|---|
| | | handler(newCode, oldCode) { |
|---|
| | | if (this.titlesetLayerFlag == false && newCode != null) { |
|---|
| | | var that = this; |
|---|
| | | |
|---|
| | | that.tilesetLayer = new that.DC.TilesetLayer( |
|---|
| | | 'tilesetLayer' |
|---|
| | | ) |
|---|
| | | that.viewer.addLayer(that.tilesetLayer) |
|---|
| | | that.tileset = new that.DC.Tileset('/mx/tileset.json', { |
|---|
| | | luminanceAtZenith: 0.3, |
|---|
| | | shadows: that.DC.Namespace.Cesium.ShadowMode.DISABLED |
|---|
| | | }) |
|---|
| | | that.tilesetLayer.addOverlay(that.tileset) |
|---|
| | | that.tilesetLayer.show = false |
|---|
| | | that.tilesetLayer = new that.DC.TilesetLayer("tilesetLayer"); |
|---|
| | | that.viewer.addLayer(that.tilesetLayer); |
|---|
| | | that.tileset = new that.DC.Tileset("/mx/tileset.json", { |
|---|
| | | luminanceAtZenith: 0.3, |
|---|
| | | shadows: that.DC.Namespace.Cesium.ShadowMode.DISABLED, |
|---|
| | | }); |
|---|
| | | that.tilesetLayer.addOverlay(that.tileset); |
|---|
| | | that.tilesetLayer.show = false; |
|---|
| | | |
|---|
| | | that.silhouetteBlue = |
|---|
| | | that.DC.Namespace.Cesium.PostProcessStageLibrary.createEdgeDetectionStage() |
|---|
| | | that.silhouetteBlue.uniforms.color = |
|---|
| | | that.DC.Namespace.Cesium.Color.fromBytes(9, 162, 40) |
|---|
| | | that.silhouetteBlue.uniforms.length = 0.01 |
|---|
| | | that.silhouetteBlue.selected = [] |
|---|
| | | that.silhouetteBlue = |
|---|
| | | that.DC.Namespace.Cesium.PostProcessStageLibrary.createEdgeDetectionStage(); |
|---|
| | | that.silhouetteBlue.uniforms.color = |
|---|
| | | that.DC.Namespace.Cesium.Color.fromBytes(9, 162, 40); |
|---|
| | | that.silhouetteBlue.uniforms.length = 0.01; |
|---|
| | | that.silhouetteBlue.selected = []; |
|---|
| | | |
|---|
| | | that.viewer.scene.postProcessStages.add( |
|---|
| | | that.DC.Namespace.Cesium.PostProcessStageLibrary.createSilhouetteStage( |
|---|
| | | [that.silhouetteBlue] |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | that.viewer.scene.postProcessStages.add( |
|---|
| | | that.DC.Namespace.Cesium.PostProcessStageLibrary.createSilhouetteStage( |
|---|
| | | [that.silhouetteBlue] |
|---|
| | | ) |
|---|
| | | ); |
|---|
| | | |
|---|
| | | that.vecLayer = |
|---|
| | | that.viewer.imageryLayers.addImageryProvider( |
|---|
| | | new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider( |
|---|
| | | { |
|---|
| | | url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', |
|---|
| | | type: 'wmts', |
|---|
| | | layer: 'vec', |
|---|
| | | style: 'default', |
|---|
| | | format: 'tiles', |
|---|
| | | tileMatrixSetID: 'w', |
|---|
| | | show: true, |
|---|
| | | maximumLevel: 18 |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | that.vecLayer = that.viewer.imageryLayers.addImageryProvider( |
|---|
| | | new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | url: " http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36", |
|---|
| | | type: "wmts", |
|---|
| | | layer: "vec", |
|---|
| | | style: "default", |
|---|
| | | format: "tiles", |
|---|
| | | tileMatrixSetID: "w", |
|---|
| | | show: true, |
|---|
| | | maximumLevel: 18, |
|---|
| | | }) |
|---|
| | | ); |
|---|
| | | |
|---|
| | | that.cvaLayer = |
|---|
| | | that.viewer.imageryLayers.addImageryProvider( |
|---|
| | | new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider( |
|---|
| | | { |
|---|
| | | url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', |
|---|
| | | type: 'wmts', |
|---|
| | | layer: 'cva', |
|---|
| | | style: 'default', |
|---|
| | | format: 'tiles', |
|---|
| | | tileMatrixSetID: 'w', |
|---|
| | | show: true, |
|---|
| | | maximumLevel: 18 |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | that.cvaLayer = that.viewer.imageryLayers.addImageryProvider( |
|---|
| | | new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | url: " http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36", |
|---|
| | | type: "wmts", |
|---|
| | | layer: "cva", |
|---|
| | | style: "default", |
|---|
| | | format: "tiles", |
|---|
| | | tileMatrixSetID: "w", |
|---|
| | | show: true, |
|---|
| | | maximumLevel: 18, |
|---|
| | | }) |
|---|
| | | ); |
|---|
| | | |
|---|
| | | var highlighted = { |
|---|
| | | feature: undefined, |
|---|
| | | originalColor: new that.DC.Namespace.Cesium.Color() |
|---|
| | | } |
|---|
| | | var highlighted = { |
|---|
| | | feature: undefined, |
|---|
| | | originalColor: new that.DC.Namespace.Cesium.Color(), |
|---|
| | | }; |
|---|
| | | |
|---|
| | | var selected = { |
|---|
| | | feature: undefined, |
|---|
| | | originalColor: new that.DC.Namespace.Cesium.Color() |
|---|
| | | } |
|---|
| | | var selected = { |
|---|
| | | feature: undefined, |
|---|
| | | originalColor: new that.DC.Namespace.Cesium.Color(), |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const videoLayer = new that.DC.CameraVideoLayer( |
|---|
| | | 'video-layer' |
|---|
| | | ).addTo(that.viewer) |
|---|
| | | const videoLayer = new that.DC.CameraVideoLayer("video-layer").addTo( |
|---|
| | | that.viewer |
|---|
| | | ); |
|---|
| | | |
|---|
| | | const cameraVideo = new that.DC.CameraVideo( |
|---|
| | | const cameraVideo = new that.DC.CameraVideo( |
|---|
| | | new that.DC.Position(114.03935976, 27.62939045, 100.25, 4.2, -90), |
|---|
| | | document.getElementById("video") |
|---|
| | | ); |
|---|
| | | cameraVideo.setStyle({ |
|---|
| | | fov: 30, |
|---|
| | | far: 120, |
|---|
| | | near: 1, |
|---|
| | | aspectRatio: 1.3, |
|---|
| | | alpha: 0.7, |
|---|
| | | }); |
|---|
| | | videoLayer.addOverlay(cameraVideo); |
|---|
| | | |
|---|
| | | that.tileset.on(that.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | if (that.closeMapClick) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | that.viewer.scene.globe.depthTestAgainstTerrain = false; |
|---|
| | | |
|---|
| | | if (e.overlay && e.overlay.attr.arcName != null) { |
|---|
| | | this.$store.commit("CLEAR_ALL", null); |
|---|
| | | getDetail({ |
|---|
| | | mechanismname: e.overlay.attr.arcName, |
|---|
| | | }).then((res) => { |
|---|
| | | if (res && JSON.stringify(res.data.data) != "{}") { |
|---|
| | | var result = res.data.data; |
|---|
| | | |
|---|
| | | var imgArr = result.tpurl.split(","); |
|---|
| | | this.$store.commit("SET_POPUPBGURL", imgArr[0]); |
|---|
| | | this.$store.commit("SET_POPUPQRURL", result.codeurl); |
|---|
| | | this.$store.commit("SET_POINTPOSITION", [ |
|---|
| | | Number(e.wgs84Position.lng), |
|---|
| | | Number(e.wgs84Position.lat), |
|---|
| | | Number(e.wgs84Position.alt), |
|---|
| | | Number(0), |
|---|
| | | Number(0), |
|---|
| | | Number(0), |
|---|
| | | ]); |
|---|
| | | this.$store.commit("SET_STATENAME", result.mechanismname); |
|---|
| | | this.$store.commit("SET_SITENAME", result.address); |
|---|
| | | this.$store.commit("SET_TELEPHONE", result.telephone); |
|---|
| | | this.$store.commit("SET_INTRODUCETEXT", result.introduce); |
|---|
| | | this.$store.commit("SET_PANORAMAURL", result.panoramaurl); |
|---|
| | | this.$store.commit("SET_POPUPIMGATLAS", imgArr); |
|---|
| | | if (result.videourl && result.videourl != "") { |
|---|
| | | this.$store.commit("SET_MONITORURL", result.videourl); |
|---|
| | | } |
|---|
| | | if (result.jx != undefined && result.jx != "") { |
|---|
| | | var tabOne = res.data.data[0].jx.split(","); |
|---|
| | | this.$store.commit("SET_TEACHLIST", tabOne); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("SET_TEACHLIST", []); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (result.sh != undefined && result.sh != "") { |
|---|
| | | var tabTwo = res.data.data[0].sh.split(","); |
|---|
| | | this.$store.commit("SET_LIVELIST", tabTwo); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("SET_LIVELIST", []); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 定制化窗体 |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new that.DC.DivForms(that.viewer, { |
|---|
| | | domId: "divFormsDomBox", |
|---|
| | | position: [ |
|---|
| | | that.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new that.DC.Position( |
|---|
| | | 114.03935976, |
|---|
| | | 27.62939045, |
|---|
| | | 100.25, |
|---|
| | | 4.2, |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | document.getElementById('video') |
|---|
| | | ) |
|---|
| | | cameraVideo.setStyle({ |
|---|
| | | fov: 30, |
|---|
| | | far: 120, |
|---|
| | | near: 1, |
|---|
| | | aspectRatio: 1.3, |
|---|
| | | alpha: 0.7 |
|---|
| | | }) |
|---|
| | | videoLayer.addOverlay(cameraVideo) |
|---|
| | | |
|---|
| | | that.tileset.on(that.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | that.viewer.scene.globe.depthTestAgainstTerrain = false |
|---|
| | | |
|---|
| | | if (e.overlay && e.overlay.attr.arcName != null) { |
|---|
| | | this.$store.commit('CLEAR_ALL', null) |
|---|
| | | getDetail({ |
|---|
| | | mechanismname: e.overlay.attr.arcName |
|---|
| | | }).then((res) => { |
|---|
| | | if ( |
|---|
| | | res && |
|---|
| | | JSON.stringify(res.data.data) != '{}' |
|---|
| | | ) { |
|---|
| | | var result = res.data.data |
|---|
| | | |
|---|
| | | var imgArr = result.tpurl.split(',') |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_POPUPBGURL', |
|---|
| | | imgArr[0] |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_POPUPQRURL', |
|---|
| | | result.codeurl |
|---|
| | | ) |
|---|
| | | this.$store.commit('SET_POINTPOSITION', [ |
|---|
| | | Number(e.wgs84Position.lng), |
|---|
| | | Number(e.wgs84Position.lat), |
|---|
| | | Number(e.wgs84Position.alt), |
|---|
| | | Number(0), |
|---|
| | | Number(0), |
|---|
| | | Number(0) |
|---|
| | | ]) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_STATENAME', |
|---|
| | | result.mechanismname |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_SITENAME', |
|---|
| | | result.address |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_TELEPHONE', |
|---|
| | | result.telephone |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_INTRODUCETEXT', |
|---|
| | | result.introduce |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_PANORAMAURL', |
|---|
| | | result.panoramaurl |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_POPUPIMGATLAS', |
|---|
| | | imgArr |
|---|
| | | ) |
|---|
| | | if ( |
|---|
| | | result.videourl && |
|---|
| | | result.videourl != '' |
|---|
| | | ) { |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_MONITORURL', |
|---|
| | | result.videourl |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | if ( |
|---|
| | | result.jx != undefined && |
|---|
| | | result.jx != '' |
|---|
| | | ) { |
|---|
| | | var tabOne = |
|---|
| | | res.data.data[0].jx.split(',') |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_TEACHLIST', |
|---|
| | | tabOne |
|---|
| | | ) |
|---|
| | | } else { |
|---|
| | | this.$store.commit('SET_TEACHLIST', []) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if ( |
|---|
| | | result.sh != undefined && |
|---|
| | | result.sh != '' |
|---|
| | | ) { |
|---|
| | | var tabTwo = |
|---|
| | | res.data.data[0].sh.split(',') |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_LIVELIST', |
|---|
| | | tabTwo |
|---|
| | | ) |
|---|
| | | } else { |
|---|
| | | this.$store.commit('SET_LIVELIST', []) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 定制化窗体 |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new that.DC.DivForms( |
|---|
| | | that.viewer, |
|---|
| | | { |
|---|
| | | domId: 'divFormsDomBox', |
|---|
| | | position: [ |
|---|
| | | that.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new that.DC.Position( |
|---|
| | | Number( |
|---|
| | | e.wgs84Position.lng |
|---|
| | | ), |
|---|
| | | Number( |
|---|
| | | e.wgs84Position.lat |
|---|
| | | ), |
|---|
| | | Number( |
|---|
| | | e.wgs84Position.alt |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | ] |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_PANORAMAPOPUP', |
|---|
| | | false |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_MONITORPOPUP', |
|---|
| | | false |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_DETAILSPOPUP', |
|---|
| | | true |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(e.wgs84Position.lng + 0.00070806), |
|---|
| | | Number(e.wgs84Position.lat - 0.00261205), |
|---|
| | | 300, |
|---|
| | | Number(-9), |
|---|
| | | Number(-34.54), |
|---|
| | | Number(0) |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // that.tileset.on(that.DC.MouseEventType.MOUSE_MOVE, e => { |
|---|
| | | // that.silhouetteBlue.selected = [] |
|---|
| | | |
|---|
| | | // if (that.DC.Namespace.Cesium.defined(highlighted.feature)) { |
|---|
| | | // highlighted.feature.color = highlighted.originalColor |
|---|
| | | // highlighted.feature = undefined |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // if (e.feature !== selected.feature) { |
|---|
| | | // that.silhouetteBlue.selected = [e.feature] |
|---|
| | | |
|---|
| | | // highlighted.feature = e.feature |
|---|
| | | |
|---|
| | | // that.DC.Namespace.Cesium.Color.clone( |
|---|
| | | // e.feature.color, |
|---|
| | | // highlighted.originalColor |
|---|
| | | // ) |
|---|
| | | // e.feature.color = that.DC.Namespace.Cesium.Color.fromBytes(155, 255, 175) |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // var provider = new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | // url: 'http://www.tdtfz.com/OneMapServer/rest/services/fzsw2019/MapServer/WMTS/tile/1.0.0/fzsw2019/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}', |
|---|
| | | // layer: 'fzsw2019', |
|---|
| | | // style: 'default', |
|---|
| | | // tileMatrixSetID: 'default028mm', |
|---|
| | | // format: 'image/jpgpng', |
|---|
| | | // tilingScheme: new that.DC.Namespace.Cesium.GeographicTilingScheme(), |
|---|
| | | // maximumLevel: 19, |
|---|
| | | // tileMatrixLabels: [ |
|---|
| | | // '0', |
|---|
| | | // '1', |
|---|
| | | // '2', |
|---|
| | | // '3', |
|---|
| | | // '4', |
|---|
| | | // '5', |
|---|
| | | // '6', |
|---|
| | | // '7', |
|---|
| | | // '8', |
|---|
| | | // '9', |
|---|
| | | // '10', |
|---|
| | | // '11', |
|---|
| | | // '12', |
|---|
| | | // '13', |
|---|
| | | // '14', |
|---|
| | | // '15', |
|---|
| | | // '16', |
|---|
| | | // '17', |
|---|
| | | // '18', |
|---|
| | | // '19' |
|---|
| | | // ] |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | var provider = |
|---|
| | | new that.DC.Namespace.Cesium.UrlTemplateImageryProvider( |
|---|
| | | { |
|---|
| | | url: '/wp/{z}/{x}/{y}.png', |
|---|
| | | fileExtension: 'png' |
|---|
| | | // minimumLevel: 19 |
|---|
| | | } |
|---|
| | | Number(e.wgs84Position.lng), |
|---|
| | | Number(e.wgs84Position.lat), |
|---|
| | | Number(e.wgs84Position.alt) |
|---|
| | | ) |
|---|
| | | ), |
|---|
| | | ], |
|---|
| | | }); |
|---|
| | | |
|---|
| | | var baseProvider = |
|---|
| | | new that.DC.Namespace.Cesium.UrlTemplateImageryProvider( |
|---|
| | | { |
|---|
| | | url: '/base/{z}/{x}/{y}.png', |
|---|
| | | fileExtension: 'png' |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | |
|---|
| | | // that.baseLayer = that.viewer.imageryLayers.addImageryProvider(baseProvider) |
|---|
| | | that.newLayer = |
|---|
| | | that.viewer.imageryLayers.addImageryProvider(provider) |
|---|
| | | |
|---|
| | | that.wallLayer = new that.DC.VectorLayer('wallLayer') |
|---|
| | | // that.viewer.addLayer(that.wallLayer) |
|---|
| | | |
|---|
| | | that.wallArr.forEach((item) => { |
|---|
| | | item = item.join(',') |
|---|
| | | }) |
|---|
| | | that.wallArr = that.wallArr.join(';') |
|---|
| | | const wall = new that.DC.Wall(that.wallArr) |
|---|
| | | wall.setStyle({ |
|---|
| | | material: new that.DC.WallTrailMaterialProperty({ |
|---|
| | | color: that.DC.Namespace.Cesium.Color.fromBytes( |
|---|
| | | 0, |
|---|
| | | 142, |
|---|
| | | 255, |
|---|
| | | 150 |
|---|
| | | ), |
|---|
| | | // color: that.DC.Color.CYAN, |
|---|
| | | speed: 10 |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | // that.wallLayer.addOverlay(wall) |
|---|
| | | |
|---|
| | | // that.viewer.camera.setView({ |
|---|
| | | // // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | // destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.03928791, 27.62954732, 400.0), |
|---|
| | | // orientation: { |
|---|
| | | // // 指向 |
|---|
| | | // heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // // 视角 |
|---|
| | | // pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | // roll: 0.0 |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // setTimeout(() => { |
|---|
| | | // that.viewer.camera.flyTo({ |
|---|
| | | // // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | // destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.0351, 27.6314, 200.0), |
|---|
| | | // duration: 5, |
|---|
| | | // complete: () => { |
|---|
| | | // that.viewer.camera.flyTo({ |
|---|
| | | // // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | // destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.0351, 27.6314, 200.0), |
|---|
| | | // orientation: { |
|---|
| | | // // 指向 |
|---|
| | | // heading: that.DC.Namespace.Cesium.Math.toRadians(108), |
|---|
| | | // // 视角 |
|---|
| | | // pitch: that.DC.Namespace.Cesium.Math.toRadians(-26.46), |
|---|
| | | // roll: 0.0 |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | // }, 400) |
|---|
| | | that.titlesetLayerFlag = true |
|---|
| | | |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | 114.04001675, |
|---|
| | | 27.62935375, |
|---|
| | | 400.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // 最小 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 220 |
|---|
| | | // 最大 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = 400 |
|---|
| | | |
|---|
| | | // 设置相机缩小时的速率 |
|---|
| | | that.viewer.scene.screenSpaceCameraController._minimumZoomRate = 2000 |
|---|
| | | // 设置相机放大时的速率 |
|---|
| | | that.viewer.scene.screenSpaceCameraController._maximumZoomRate = 5906376272000 |
|---|
| | | // 视角平移 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableRotate = true |
|---|
| | | // 视角缩放 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableZoom = true |
|---|
| | | // 视角旋转 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableTilt = false |
|---|
| | | |
|---|
| | | axios |
|---|
| | | .get( |
|---|
| | | 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/lxxqwxq/MapServer/0/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&returnTrueCurves=false&resultOffset=&resultRecordCount=&f=pjson' |
|---|
| | | ) |
|---|
| | | .then((resultData) => { |
|---|
| | | resultData.data.features.forEach((item) => { |
|---|
| | | item.geometry.rings[0].forEach((it) => { |
|---|
| | | it = it.join(',') |
|---|
| | | }) |
|---|
| | | |
|---|
| | | item.geometry.rings[0] = |
|---|
| | | item.geometry.rings[0].join(';') |
|---|
| | | |
|---|
| | | const polygon = new that.DC.Polygon( |
|---|
| | | item.geometry.rings[0] |
|---|
| | | ) |
|---|
| | | polygon.attr = item.attributes |
|---|
| | | |
|---|
| | | polygon.setStyle({ |
|---|
| | | material: |
|---|
| | | that.DC.Namespace.Cesium.Color.fromBytes( |
|---|
| | | 255, |
|---|
| | | 255, |
|---|
| | | 255, |
|---|
| | | 1 |
|---|
| | | ) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | that.areaLayer.addOverlay(polygon) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | that.areaLayer.show = true |
|---|
| | | }) |
|---|
| | | |
|---|
| | | var select = { |
|---|
| | | overlay: undefined, |
|---|
| | | color: undefined |
|---|
| | | } |
|---|
| | | |
|---|
| | | that.viewer.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => { |
|---|
| | | if ( |
|---|
| | | e.overlay != undefined && |
|---|
| | | e.layer.id == 'areaLayer' |
|---|
| | | ) { |
|---|
| | | if (select.overlay != undefined) { |
|---|
| | | if (e.overlay != select.overlay) { |
|---|
| | | select.overlay.setStyle({ |
|---|
| | | material: select.color, |
|---|
| | | outline: false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | select.overlay = undefined |
|---|
| | | select.color = undefined |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (select.overlay == undefined) { |
|---|
| | | select.overlay = e.overlay |
|---|
| | | |
|---|
| | | select.color = e.overlay._style.material |
|---|
| | | select.overlay.setStyle({ |
|---|
| | | outline: true, |
|---|
| | | outlineColor: |
|---|
| | | that.DC.Namespace.Cesium.Color.fromBytes( |
|---|
| | | 3, |
|---|
| | | 255, |
|---|
| | | 13, |
|---|
| | | 255 |
|---|
| | | ), // 边框颜色 |
|---|
| | | outlineWidth: 10, // 边框大小， |
|---|
| | | height: 0.01, |
|---|
| | | material: |
|---|
| | | that.DC.Namespace.Cesium.Color.fromBytes( |
|---|
| | | 108, |
|---|
| | | 245, |
|---|
| | | 113, |
|---|
| | | 158 |
|---|
| | | ) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | if (select.overlay != undefined) { |
|---|
| | | select.overlay.setStyle({ |
|---|
| | | material: select.color, |
|---|
| | | outline: false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | select.overlay = undefined |
|---|
| | | select.color = undefined |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | that.viewer.on(that.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | if ( |
|---|
| | | e.overlay != undefined && |
|---|
| | | e.layer.id == 'areaLayer' |
|---|
| | | ) { |
|---|
| | | var rid = |
|---|
| | | e.overlay.attr['楼栋号'] == '8栋' |
|---|
| | | ? '9栋' |
|---|
| | | : e.overlay.attr['楼栋号'] == '9栋' |
|---|
| | | ? '8栋' |
|---|
| | | : e.overlay.attr['楼栋号'] |
|---|
| | | this.$store.commit('CLEAR_ALL', null) |
|---|
| | | getDetail({ mechanismname: '香琴湾' + rid }).then( |
|---|
| | | (res) => { |
|---|
| | | that.viewer.scene.globe.depthTestAgainstTerrain = false |
|---|
| | | var result = res.data.data |
|---|
| | | |
|---|
| | | var imgArr = result.tpurl.split(',') |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_POPUPBGURL', |
|---|
| | | imgArr[0] |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_POPUPQRURL', |
|---|
| | | result.codeurl |
|---|
| | | ) |
|---|
| | | this.$store.commit('SET_POINTPOSITION', [ |
|---|
| | | Number(e.wgs84Position.lng), |
|---|
| | | Number(e.wgs84Position.lat), |
|---|
| | | Number(e.wgs84Position.alt), |
|---|
| | | Number(0), |
|---|
| | | Number(0), |
|---|
| | | Number(0) |
|---|
| | | ]) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_STATENAME', |
|---|
| | | result.mechanismname |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_SITENAME', |
|---|
| | | result.address |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_TELEPHONE', |
|---|
| | | result.telephone |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_INTRODUCETEXT', |
|---|
| | | result.introduce |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_PANORAMAURL', |
|---|
| | | result.panoramaurl |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_POPUPIMGATLAS', |
|---|
| | | imgArr |
|---|
| | | ) |
|---|
| | | if ( |
|---|
| | | result.videourl && |
|---|
| | | result.videourl != '' |
|---|
| | | ) { |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_MONITORURL', |
|---|
| | | result.videourl |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | if ( |
|---|
| | | result.jx != undefined && |
|---|
| | | result.jx != '' |
|---|
| | | ) { |
|---|
| | | var tabOne = |
|---|
| | | res.data.data[0].jx.split(',') |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_TEACHLIST', |
|---|
| | | tabOne |
|---|
| | | ) |
|---|
| | | } else { |
|---|
| | | this.$store.commit('SET_TEACHLIST', []) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if ( |
|---|
| | | result.sh != undefined && |
|---|
| | | result.sh != '' |
|---|
| | | ) { |
|---|
| | | var tabTwo = |
|---|
| | | res.data.data[0].sh.split(',') |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_LIVELIST', |
|---|
| | | tabTwo |
|---|
| | | ) |
|---|
| | | } else { |
|---|
| | | this.$store.commit('SET_LIVELIST', []) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 定制化窗体 |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new that.DC.DivForms( |
|---|
| | | that.viewer, |
|---|
| | | { |
|---|
| | | domId: 'divFormsDomBox', |
|---|
| | | position: [ |
|---|
| | | that.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new that.DC.Position( |
|---|
| | | Number( |
|---|
| | | e.wgs84Position.lng |
|---|
| | | ), |
|---|
| | | Number( |
|---|
| | | e.wgs84Position.lat |
|---|
| | | ), |
|---|
| | | Number( |
|---|
| | | e.wgs84Position.alt |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | ] |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_PANORAMAPOPUP', |
|---|
| | | false |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_MONITORPOPUP', |
|---|
| | | false |
|---|
| | | ) |
|---|
| | | this.$store.commit( |
|---|
| | | 'SET_DETAILSPOPUP', |
|---|
| | | true |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(e.wgs84Position.lng), |
|---|
| | | Number(e.wgs84Position.lat), |
|---|
| | | 300, |
|---|
| | | Number(0), |
|---|
| | | Number(-90), |
|---|
| | | Number(0) |
|---|
| | | ), |
|---|
| | | () => { }, |
|---|
| | | 0 |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | document.querySelector( |
|---|
| | | '.dc-zoom-controller' |
|---|
| | | ).children[1].onclick = function () { |
|---|
| | | if (that.dimensionValue == '真三维') { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | 114.04062292, |
|---|
| | | 27.62666834, |
|---|
| | | 220.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -9 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -34.54 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | 114.04001675, |
|---|
| | | 27.62935375, |
|---|
| | | 400.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | document.querySelector( |
|---|
| | | '.dc-zoom-controller' |
|---|
| | | ).children[2].onclick = function () { |
|---|
| | | if ( |
|---|
| | | that.dimensionValue != undefined && |
|---|
| | | that.dimensionValue != '真三维' |
|---|
| | | ) { |
|---|
| | | const height = Math.ceil( |
|---|
| | | that.viewer.camera.positionCartographic.height |
|---|
| | | ) |
|---|
| | | |
|---|
| | | if (height <= 250) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.latitude, |
|---|
| | | 280 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 250 && height <= 310) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.latitude, |
|---|
| | | 340 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 310 && height < 370) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.latitude, |
|---|
| | | 400 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | document.querySelector( |
|---|
| | | '.dc-zoom-controller' |
|---|
| | | ).children[0].onclick = function () { |
|---|
| | | if ( |
|---|
| | | that.dimensionValue != undefined && |
|---|
| | | that.dimensionValue != '真三维' |
|---|
| | | ) { |
|---|
| | | const height = Math.ceil( |
|---|
| | | that.viewer.camera.positionCartographic.height |
|---|
| | | ) |
|---|
| | | |
|---|
| | | if (height > 370) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.latitude, |
|---|
| | | 340 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 310) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.latitude, |
|---|
| | | 280 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 250) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic.latitude, |
|---|
| | | 220 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | that.viewer.on( |
|---|
| | | that.DC.SceneEventType.CAMERA_CHANGED, |
|---|
| | | () => { |
|---|
| | | if ( |
|---|
| | | that.dimensionValue != undefined && |
|---|
| | | that.dimensionValue != '真三维' |
|---|
| | | ) { |
|---|
| | | const height = Math.ceil( |
|---|
| | | that.viewer.camera.positionCartographic |
|---|
| | | .height |
|---|
| | | ) |
|---|
| | | |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | if (height <= 250) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic |
|---|
| | | .longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic |
|---|
| | | .latitude, |
|---|
| | | 220 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 250 && height <= 310) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic |
|---|
| | | .longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic |
|---|
| | | .latitude, |
|---|
| | | 280 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 310 && height <= 370) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic |
|---|
| | | .longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic |
|---|
| | | .latitude, |
|---|
| | | 340 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 370) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic |
|---|
| | | .longitude, |
|---|
| | | that.viewer.camera |
|---|
| | | .positionCartographic |
|---|
| | | .latitude, |
|---|
| | | 400 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: |
|---|
| | | that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | 0, |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians( |
|---|
| | | -90 |
|---|
| | | ), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | this.$store.commit("SET_PANORAMAPOPUP", false); |
|---|
| | | this.$store.commit("SET_MONITORPOPUP", false); |
|---|
| | | this.$store.commit("SET_DETAILSPOPUP", true); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(e.wgs84Position.lng + 0.00070806), |
|---|
| | | Number(e.wgs84Position.lat - 0.00261205), |
|---|
| | | 300, |
|---|
| | | Number(-9), |
|---|
| | | Number(-34.54), |
|---|
| | | Number(0) |
|---|
| | | ) |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | dimensionChange () { |
|---|
| | | var that = this |
|---|
| | | that.$store.commit('SET_TWOORTHREE', that.dimensionValue) |
|---|
| | | if (that.dimensionValue == '真三维') { |
|---|
| | | // that.wallLayer.show = false |
|---|
| | | that.areaLayer.show = false |
|---|
| | | that.viewer.imageryLayers.remove(that.newLayer) |
|---|
| | | that.newLayer = null |
|---|
| | | // that.viewer.imageryLayers.remove(that.baseLayer) |
|---|
| | | that.baseLayer = null |
|---|
| | | // that.vecLayer = that.viewer.imageryLayers.addImageryProvider(new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | // url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', |
|---|
| | | // type: 'wmts', |
|---|
| | | // layer: 'vec', |
|---|
| | | // style: 'default', |
|---|
| | | // format: 'tiles', |
|---|
| | | // tileMatrixSetID: 'w', |
|---|
| | | // show: true, |
|---|
| | | // maximumLevel: 18 |
|---|
| | | // })) |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // that.cvaLayer = that.viewer.imageryLayers.addImageryProvider(new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | // url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', |
|---|
| | | // type: 'wmts', |
|---|
| | | // layer: 'cva', |
|---|
| | | // style: 'default', |
|---|
| | | // format: 'tiles', |
|---|
| | | // tileMatrixSetID: 'w', |
|---|
| | | // show: true, |
|---|
| | | // maximumLevel: 18 |
|---|
| | | // })) |
|---|
| | | that.silhouetteBlue.selected = [] |
|---|
| | | that.tilesetLayer.show = true |
|---|
| | | // 最小 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 1.0 |
|---|
| | | // 最大 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = |
|---|
| | | Number.POSITIVE_INFINITY |
|---|
| | | // 视角旋转 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableTilt = true |
|---|
| | | // that.tileset.on(that.DC.MouseEventType.MOUSE_MOVE, e => { |
|---|
| | | // that.silhouetteBlue.selected = [] |
|---|
| | | |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | 114.04062292, |
|---|
| | | 27.62666834, |
|---|
| | | 220.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(-9), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-34.54), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | // if (that.DC.Namespace.Cesium.defined(highlighted.feature)) { |
|---|
| | | // highlighted.feature.color = highlighted.originalColor |
|---|
| | | // highlighted.feature = undefined |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // if (e.feature !== selected.feature) { |
|---|
| | | // that.silhouetteBlue.selected = [e.feature] |
|---|
| | | |
|---|
| | | // highlighted.feature = e.feature |
|---|
| | | |
|---|
| | | // that.DC.Namespace.Cesium.Color.clone( |
|---|
| | | // e.feature.color, |
|---|
| | | // highlighted.originalColor |
|---|
| | | // ) |
|---|
| | | // e.feature.color = that.DC.Namespace.Cesium.Color.fromBytes(155, 255, 175) |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // var provider = new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | // url: 'http://www.tdtfz.com/OneMapServer/rest/services/fzsw2019/MapServer/WMTS/tile/1.0.0/fzsw2019/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}', |
|---|
| | | // layer: 'fzsw2019', |
|---|
| | | // style: 'default', |
|---|
| | | // tileMatrixSetID: 'default028mm', |
|---|
| | | // format: 'image/jpgpng', |
|---|
| | | // tilingScheme: new that.DC.Namespace.Cesium.GeographicTilingScheme(), |
|---|
| | | // maximumLevel: 19, |
|---|
| | | // tileMatrixLabels: [ |
|---|
| | | // '0', |
|---|
| | | // '1', |
|---|
| | | // '2', |
|---|
| | | // '3', |
|---|
| | | // '4', |
|---|
| | | // '5', |
|---|
| | | // '6', |
|---|
| | | // '7', |
|---|
| | | // '8', |
|---|
| | | // '9', |
|---|
| | | // '10', |
|---|
| | | // '11', |
|---|
| | | // '12', |
|---|
| | | // '13', |
|---|
| | | // '14', |
|---|
| | | // '15', |
|---|
| | | // '16', |
|---|
| | | // '17', |
|---|
| | | // '18', |
|---|
| | | // '19' |
|---|
| | | // ] |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | var provider = |
|---|
| | | new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
|---|
| | | url: "/wp/{z}/{x}/{y}.png", |
|---|
| | | fileExtension: "png", |
|---|
| | | // minimumLevel: 19 |
|---|
| | | }); |
|---|
| | | |
|---|
| | | var baseProvider = |
|---|
| | | new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
|---|
| | | url: "/base/{z}/{x}/{y}.png", |
|---|
| | | fileExtension: "png", |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // that.baseLayer = that.viewer.imageryLayers.addImageryProvider(baseProvider) |
|---|
| | | that.newLayer = |
|---|
| | | that.viewer.imageryLayers.addImageryProvider(provider); |
|---|
| | | |
|---|
| | | that.wallLayer = new that.DC.VectorLayer("wallLayer"); |
|---|
| | | // that.viewer.addLayer(that.wallLayer) |
|---|
| | | |
|---|
| | | that.wallArr.forEach((item) => { |
|---|
| | | item = item.join(","); |
|---|
| | | }); |
|---|
| | | that.wallArr = that.wallArr.join(";"); |
|---|
| | | const wall = new that.DC.Wall(that.wallArr); |
|---|
| | | wall.setStyle({ |
|---|
| | | material: new that.DC.WallTrailMaterialProperty({ |
|---|
| | | color: that.DC.Namespace.Cesium.Color.fromBytes(0, 142, 255, 150), |
|---|
| | | // color: that.DC.Color.CYAN, |
|---|
| | | speed: 10, |
|---|
| | | }), |
|---|
| | | }); |
|---|
| | | // that.wallLayer.addOverlay(wall) |
|---|
| | | |
|---|
| | | // that.viewer.camera.setView({ |
|---|
| | | // // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | // destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.03928791, 27.62954732, 400.0), |
|---|
| | | // orientation: { |
|---|
| | | // // 指向 |
|---|
| | | // heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // // 视角 |
|---|
| | | // pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | // roll: 0.0 |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // setTimeout(() => { |
|---|
| | | // that.viewer.camera.flyTo({ |
|---|
| | | // // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | // destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.0351, 27.6314, 200.0), |
|---|
| | | // duration: 5, |
|---|
| | | // complete: () => { |
|---|
| | | // that.viewer.camera.flyTo({ |
|---|
| | | // // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | // destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.0351, 27.6314, 200.0), |
|---|
| | | // orientation: { |
|---|
| | | // // 指向 |
|---|
| | | // heading: that.DC.Namespace.Cesium.Math.toRadians(108), |
|---|
| | | // // 视角 |
|---|
| | | // pitch: that.DC.Namespace.Cesium.Math.toRadians(-26.46), |
|---|
| | | // roll: 0.0 |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | // }, 400) |
|---|
| | | that.titlesetLayerFlag = true; |
|---|
| | | |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | that.mapCenter[0], |
|---|
| | | that.mapCenter[1], |
|---|
| | | that.mapCenter[2] |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 最小 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 220; |
|---|
| | | // 最大 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = 400; |
|---|
| | | |
|---|
| | | // 设置相机缩小时的速率 |
|---|
| | | that.viewer.scene.screenSpaceCameraController._minimumZoomRate = 2000; |
|---|
| | | // 设置相机放大时的速率 |
|---|
| | | that.viewer.scene.screenSpaceCameraController._maximumZoomRate = 5906376272000; |
|---|
| | | // 视角平移 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableRotate = true; |
|---|
| | | // 视角缩放 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableZoom = true; |
|---|
| | | // 视角旋转 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableTilt = false; |
|---|
| | | |
|---|
| | | axios |
|---|
| | | .get( |
|---|
| | | "http://arcgis.jxpskj.com:6080/arcgis/rest/services/lxxqwxq/MapServer/0/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&returnTrueCurves=false&resultOffset=&resultRecordCount=&f=pjson" |
|---|
| | | ) |
|---|
| | | .then((resultData) => { |
|---|
| | | resultData.data.features.forEach((item) => { |
|---|
| | | item.geometry.rings[0].forEach((it) => { |
|---|
| | | it = it.join(","); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | item.geometry.rings[0] = item.geometry.rings[0].join(";"); |
|---|
| | | |
|---|
| | | const polygon = new that.DC.Polygon(item.geometry.rings[0]); |
|---|
| | | polygon.attr = item.attributes; |
|---|
| | | |
|---|
| | | polygon.setStyle({ |
|---|
| | | material: that.DC.Namespace.Cesium.Color.fromBytes( |
|---|
| | | 255, |
|---|
| | | 255, |
|---|
| | | 255, |
|---|
| | | 1 |
|---|
| | | ), |
|---|
| | | }); |
|---|
| | | |
|---|
| | | that.areaLayer.addOverlay(polygon); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | that.areaLayer.show = true; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | var select = { |
|---|
| | | overlay: undefined, |
|---|
| | | color: undefined, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | that.viewer.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => { |
|---|
| | | if (that.closeMapClick) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (e.overlay != undefined && e.layer.id == "areaLayer") { |
|---|
| | | if (select.overlay != undefined) { |
|---|
| | | if (e.overlay != select.overlay) { |
|---|
| | | select.overlay.setStyle({ |
|---|
| | | material: select.color, |
|---|
| | | outline: false, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | select.overlay = undefined; |
|---|
| | | select.color = undefined; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (select.overlay == undefined) { |
|---|
| | | select.overlay = e.overlay; |
|---|
| | | |
|---|
| | | select.color = e.overlay._style.material; |
|---|
| | | select.overlay.setStyle({ |
|---|
| | | outline: true, |
|---|
| | | outlineColor: that.DC.Namespace.Cesium.Color.fromBytes( |
|---|
| | | 3, |
|---|
| | | 255, |
|---|
| | | 13, |
|---|
| | | 255 |
|---|
| | | ), // 边框颜色 |
|---|
| | | outlineWidth: 10, // 边框大小， |
|---|
| | | height: 0.01, |
|---|
| | | material: that.DC.Namespace.Cesium.Color.fromBytes( |
|---|
| | | 108, |
|---|
| | | 245, |
|---|
| | | 113, |
|---|
| | | 158 |
|---|
| | | ), |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | that.tilesetLayer.show = false |
|---|
| | | // that.viewer.imageryLayers.remove(that.vecLayer) |
|---|
| | | // that.vecLayer = null |
|---|
| | | // that.viewer.imageryLayers.remove(that.cvaLayer) |
|---|
| | | // that.cvaLayer = null |
|---|
| | | that.areaLayer.show = true |
|---|
| | | if (select.overlay != undefined) { |
|---|
| | | select.overlay.setStyle({ |
|---|
| | | material: select.color, |
|---|
| | | outline: false, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // var provider = new that.DC.Namespace.Cesium.ArcGisMapServerImageryProvider({ |
|---|
| | | // url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/PingXiang25DMapQP/MapServer' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | var provider = |
|---|
| | | new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
|---|
| | | url: '/wp/{z}/{x}/{y}.png', |
|---|
| | | fileExtension: 'png' |
|---|
| | | }) |
|---|
| | | |
|---|
| | | var baseProvider = |
|---|
| | | new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
|---|
| | | url: '/base/{z}/{x}/{y}.png', |
|---|
| | | fileExtension: 'png' |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // that.baseLayer = that.viewer.imageryLayers.addImageryProvider(baseProvider) |
|---|
| | | that.newLayer = |
|---|
| | | that.viewer.imageryLayers.addImageryProvider(provider) |
|---|
| | | |
|---|
| | | // that.wallLayer.show = true |
|---|
| | | |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | 114.04001675, |
|---|
| | | 27.62935375, |
|---|
| | | 400.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | // 最小 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 220 |
|---|
| | | // 最大 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = 400 |
|---|
| | | // 视角旋转 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableTilt = false |
|---|
| | | select.overlay = undefined; |
|---|
| | | select.color = undefined; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | that.viewer.on(that.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | if (that.closeMapClick) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (e.overlay != undefined && e.layer.id == "areaLayer") { |
|---|
| | | var rid = |
|---|
| | | e.overlay.attr["楼栋号"] == "8栋" |
|---|
| | | ? "9栋" |
|---|
| | | : e.overlay.attr["楼栋号"] == "9栋" |
|---|
| | | ? "8栋" |
|---|
| | | : e.overlay.attr["楼栋号"]; |
|---|
| | | this.$store.commit("CLEAR_ALL", null); |
|---|
| | | getDetail({ mechanismname: "香琴湾" + rid }).then((res) => { |
|---|
| | | that.viewer.scene.globe.depthTestAgainstTerrain = false; |
|---|
| | | var result = res.data.data; |
|---|
| | | |
|---|
| | | var imgArr = result.tpurl.split(","); |
|---|
| | | this.$store.commit("SET_POPUPBGURL", imgArr[0]); |
|---|
| | | this.$store.commit("SET_POPUPQRURL", result.codeurl); |
|---|
| | | this.$store.commit("SET_POINTPOSITION", [ |
|---|
| | | Number(e.wgs84Position.lng), |
|---|
| | | Number(e.wgs84Position.lat), |
|---|
| | | Number(e.wgs84Position.alt), |
|---|
| | | Number(0), |
|---|
| | | Number(0), |
|---|
| | | Number(0), |
|---|
| | | ]); |
|---|
| | | this.$store.commit("SET_STATENAME", result.mechanismname); |
|---|
| | | this.$store.commit("SET_SITENAME", result.address); |
|---|
| | | this.$store.commit("SET_TELEPHONE", result.telephone); |
|---|
| | | this.$store.commit("SET_INTRODUCETEXT", result.introduce); |
|---|
| | | this.$store.commit("SET_PANORAMAURL", result.panoramaurl); |
|---|
| | | this.$store.commit("SET_POPUPIMGATLAS", imgArr); |
|---|
| | | if (result.videourl && result.videourl != "") { |
|---|
| | | this.$store.commit("SET_MONITORURL", result.videourl); |
|---|
| | | } |
|---|
| | | if (result.jx != undefined && result.jx != "") { |
|---|
| | | var tabOne = res.data.data[0].jx.split(","); |
|---|
| | | this.$store.commit("SET_TEACHLIST", tabOne); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("SET_TEACHLIST", []); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (result.sh != undefined && result.sh != "") { |
|---|
| | | var tabTwo = res.data.data[0].sh.split(","); |
|---|
| | | this.$store.commit("SET_LIVELIST", tabTwo); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("SET_LIVELIST", []); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 定制化窗体 |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new that.DC.DivForms(that.viewer, { |
|---|
| | | domId: "divFormsDomBox", |
|---|
| | | position: [ |
|---|
| | | that.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new that.DC.Position( |
|---|
| | | Number(e.wgs84Position.lng), |
|---|
| | | Number(e.wgs84Position.lat), |
|---|
| | | Number(e.wgs84Position.alt) |
|---|
| | | ) |
|---|
| | | ), |
|---|
| | | ], |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_PANORAMAPOPUP", false); |
|---|
| | | this.$store.commit("SET_MONITORPOPUP", false); |
|---|
| | | this.$store.commit("SET_DETAILSPOPUP", true); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(e.wgs84Position.lng), |
|---|
| | | Number(e.wgs84Position.lat), |
|---|
| | | 300, |
|---|
| | | Number(0), |
|---|
| | | Number(-90), |
|---|
| | | Number(0) |
|---|
| | | ), |
|---|
| | | () => {}, |
|---|
| | | 0 |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | document.querySelector(".dc-zoom-controller").children[1].onclick = |
|---|
| | | function () { |
|---|
| | | if (that.dimensionValue == "真三维") { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | that.mapCenter[0], |
|---|
| | | that.mapCenter[1], |
|---|
| | | 220.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(-9), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-34.54), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | that.mapCenter[0], |
|---|
| | | that.mapCenter[1], |
|---|
| | | 400.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | document.querySelector(".dc-zoom-controller").children[2].onclick = |
|---|
| | | function () { |
|---|
| | | if ( |
|---|
| | | that.dimensionValue != undefined && |
|---|
| | | that.dimensionValue != "真三维" |
|---|
| | | ) { |
|---|
| | | const height = Math.ceil( |
|---|
| | | that.viewer.camera.positionCartographic.height |
|---|
| | | ); |
|---|
| | | |
|---|
| | | if (height <= 250) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 280 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 250 && height <= 310) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 340 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 310 && height < 370) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 400 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | document.querySelector(".dc-zoom-controller").children[0].onclick = |
|---|
| | | function () { |
|---|
| | | if ( |
|---|
| | | that.dimensionValue != undefined && |
|---|
| | | that.dimensionValue != "真三维" |
|---|
| | | ) { |
|---|
| | | const height = Math.ceil( |
|---|
| | | that.viewer.camera.positionCartographic.height |
|---|
| | | ); |
|---|
| | | |
|---|
| | | if (height > 370) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 340 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 310) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 280 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 250) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: |
|---|
| | | that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 220 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | that.viewer.on(that.DC.SceneEventType.CAMERA_CHANGED, () => { |
|---|
| | | if ( |
|---|
| | | that.dimensionValue != undefined && |
|---|
| | | that.dimensionValue != "真三维" |
|---|
| | | ) { |
|---|
| | | const height = Math.ceil( |
|---|
| | | that.viewer.camera.positionCartographic.height |
|---|
| | | ); |
|---|
| | | |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | if (height <= 250) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 220 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 250 && height <= 310) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 280 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 310 && height <= 370) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 340 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (height > 370) { |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians( |
|---|
| | | that.viewer.camera.positionCartographic.longitude, |
|---|
| | | that.viewer.camera.positionCartographic.latitude, |
|---|
| | | 400 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // openPopups(lng, lat, alt) { |
|---|
| | | // var popup = new that.DC.DivForms(that.viewer, { |
|---|
| | | // domId: "divFormsDomBox", |
|---|
| | | // position: [ |
|---|
| | | // that.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | // new that.DC.Position(Number(lng), Number(lat), Number(alt)) |
|---|
| | | // ), |
|---|
| | | // ], |
|---|
| | | // }); |
|---|
| | | // }, |
|---|
| | | dimensionChange() { |
|---|
| | | var that = this; |
|---|
| | | that.$store.commit("SET_TWOORTHREE", that.dimensionValue); |
|---|
| | | if (that.dimensionValue == "真三维") { |
|---|
| | | // that.wallLayer.show = false |
|---|
| | | that.areaLayer.show = false; |
|---|
| | | that.viewer.imageryLayers.remove(that.newLayer); |
|---|
| | | that.newLayer = null; |
|---|
| | | // that.viewer.imageryLayers.remove(that.baseLayer) |
|---|
| | | that.baseLayer = null; |
|---|
| | | // that.vecLayer = that.viewer.imageryLayers.addImageryProvider(new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | // url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', |
|---|
| | | // type: 'wmts', |
|---|
| | | // layer: 'vec', |
|---|
| | | // style: 'default', |
|---|
| | | // format: 'tiles', |
|---|
| | | // tileMatrixSetID: 'w', |
|---|
| | | // show: true, |
|---|
| | | // maximumLevel: 18 |
|---|
| | | // })) |
|---|
| | | |
|---|
| | | // that.cvaLayer = that.viewer.imageryLayers.addImageryProvider(new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | // url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', |
|---|
| | | // type: 'wmts', |
|---|
| | | // layer: 'cva', |
|---|
| | | // style: 'default', |
|---|
| | | // format: 'tiles', |
|---|
| | | // tileMatrixSetID: 'w', |
|---|
| | | // show: true, |
|---|
| | | // maximumLevel: 18 |
|---|
| | | // })) |
|---|
| | | that.silhouetteBlue.selected = []; |
|---|
| | | that.tilesetLayer.show = true; |
|---|
| | | // 最小 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 1.0; |
|---|
| | | // 最大 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = |
|---|
| | | Number.POSITIVE_INFINITY; |
|---|
| | | // 视角旋转 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableTilt = true; |
|---|
| | | // 115.877863,28.741661 |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | that.mapCenter[0], |
|---|
| | | that.mapCenter[1], |
|---|
| | | 220.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(-9), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-34.54), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | that.tilesetLayer.show = false; |
|---|
| | | // that.viewer.imageryLayers.remove(that.vecLayer) |
|---|
| | | // that.vecLayer = null |
|---|
| | | // that.viewer.imageryLayers.remove(that.cvaLayer) |
|---|
| | | // that.cvaLayer = null |
|---|
| | | that.areaLayer.show = true; |
|---|
| | | |
|---|
| | | // var provider = new that.DC.Namespace.Cesium.ArcGisMapServerImageryProvider({ |
|---|
| | | // url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/PingXiang25DMapQP/MapServer' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | var provider = new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
|---|
| | | url: "/wp/{z}/{x}/{y}.png", |
|---|
| | | fileExtension: "png", |
|---|
| | | }); |
|---|
| | | |
|---|
| | | var baseProvider = |
|---|
| | | new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
|---|
| | | url: "/base/{z}/{x}/{y}.png", |
|---|
| | | fileExtension: "png", |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // that.baseLayer = that.viewer.imageryLayers.addImageryProvider(baseProvider) |
|---|
| | | that.newLayer = that.viewer.imageryLayers.addImageryProvider(provider); |
|---|
| | | |
|---|
| | | // that.wallLayer.show = true |
|---|
| | | |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | that.mapCenter[0], |
|---|
| | | that.mapCenter[1], |
|---|
| | | 400.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: that.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | // 最小 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 220; |
|---|
| | | // 最大 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = 400; |
|---|
| | | // 视角旋转 |
|---|
| | | that.viewer.scene.screenSpaceCameraController.enableTilt = false; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .dimension-cut { |
|---|
| | | position: fixed; |
|---|
| | | top: 100px; |
|---|
| | | right: 10px; |
|---|
| | | width: auto; |
|---|
| | | // height: 40px; |
|---|
| | | z-index: 1; |
|---|
| | | position: fixed; |
|---|
| | | top: 100px; |
|---|
| | | right: 10px; |
|---|
| | | width: auto; |
|---|
| | | // height: 40px; |
|---|
| | | z-index: 1; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div v-if="labelLayerDataShow" class="divForms-dom" id="labelLayerid"> |
|---|
| | | <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"> |
|---|
| | | {{ nowlabelLayerData.name }} 二维码分享 |
|---|
| | | <img |
|---|
| | | @click="closelabelLayerid" |
|---|
| | | class="close-box" |
|---|
| | | src="/img/navicon/close.png" |
|---|
| | | alt |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="add-tag-content" style="height: 250px"> |
|---|
| | | <!-- data:image/png;base64, --> |
|---|
| | | <img |
|---|
| | | :src="nowlabelLayerData.qrcode" |
|---|
| | | alt="" |
|---|
| | | class="labelLayeridewm" |
|---|
| | | style="width:250px,height:250px" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="b-t-l"></div> |
|---|
| | | <div class="b-b-r"></div> |
|---|
| | | </div> |
|---|
| | | <div class="arrow"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- 二维码弹框相关 --> |
|---|
| | |
|---|
| | | "teachList", |
|---|
| | | // 科研 |
|---|
| | | "liveList", |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "campusNavFlag", |
|---|
| | | "addTagPopup", |
|---|
| | | "addTagPosition", |
|---|
| | | //自定义标签弹窗 |
|---|
| | | "labelLayerDataShow", |
|---|
| | | "nowlabelLayerData", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | |
|---|
| | | }, |
|---|
| | | mounted() {}, |
|---|
| | | watch: { |
|---|
| | | addTagPopup() { |
|---|
| | | if (!this.addTagPopup) { |
|---|
| | | // console.log("取消", "see"); |
|---|
| | | this.$store.commit("set_closeMapClick", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | introduceText: { |
|---|
| | | immediate: true, |
|---|
| | | handler(newQuestion, oldQuestion) { |
|---|
| | |
|---|
| | | closeAddTagBox() { |
|---|
| | | this.$store.commit("SET_ADDTAGPOPUP", false); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | closelabelLayerid() { |
|---|
| | | this.$store.commit("openLabelLayer", { |
|---|
| | | show: false, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | createTag() { |
|---|
| | | var that = this; |
|---|
| | | |
|---|
| | |
|---|
| | | that.addTagName = ""; |
|---|
| | | }); |
|---|
| | | let doit = () => { |
|---|
| | | that.$store.commit("addLabelLayerIcon", { list: [data], add: true }); |
|---|
| | | that.$store.dispatch("addLabelLayerIcon", { |
|---|
| | | // list: [data], |
|---|
| | | add: true, |
|---|
| | | }); |
|---|
| | | // const divIcon = new this.DC.DivIcon( |
|---|
| | | // new that.DC.Position( |
|---|
| | | // Number(that.addTagPosition.lng), |
|---|
| | |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style></style> |
|---|
| | | <style> |
|---|
| | | .labelLayeridewm { |
|---|
| | | width: 250px !important; |
|---|
| | | height: 250px !important; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | /* eslint-disable camelcase */ |
|---|
| | | <template> |
|---|
| | | <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" /> |
|---|
| | | </video> |
|---|
| | | <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" |
|---|
| | | /> |
|---|
| | | </video> |
|---|
| | | |
|---|
| | | <div |
|---|
| | | style=" |
|---|
| | | position: fixed; |
|---|
| | | left: 4px; |
|---|
| | | bottom: 4px; |
|---|
| | | width: 80px; |
|---|
| | | line-height: 24px; |
|---|
| | | text-align: center; |
|---|
| | | color: #fff; |
|---|
| | | font-size: 14px; |
|---|
| | | border-radius: 4px; |
|---|
| | | background: #2196f3ed; |
|---|
| | | z-index: 11; |
|---|
| | | " |
|---|
| | | >智慧社区</div> |
|---|
| | | |
|---|
| | | <dimension :areaLayer="areaLayer" /> |
|---|
| | | |
|---|
| | | <left-nav ref="leftNav"></left-nav> |
|---|
| | | |
|---|
| | | <mapPopup /> |
|---|
| | | |
|---|
| | | <campusBuildingSearch ref="campusBuildingSearch" /> |
|---|
| | | |
|---|
| | | <campusNav ref="campusNavRoute" v-show="campusNavFlag" /> |
|---|
| | | |
|---|
| | | <search-details v-if="searchPopupFlag"></search-details> |
|---|
| | | <org-nav-bar v-if="orgNavBarFlag"></org-nav-bar> |
|---|
| | | <arc-nav-bar v-if="arcNavBarFlag"></arc-nav-bar> |
|---|
| | | <div |
|---|
| | | style=" |
|---|
| | | position: fixed; |
|---|
| | | left: 4px; |
|---|
| | | bottom: 4px; |
|---|
| | | width: 80px; |
|---|
| | | line-height: 24px; |
|---|
| | | text-align: center; |
|---|
| | | color: #fff; |
|---|
| | | font-size: 14px; |
|---|
| | | border-radius: 4px; |
|---|
| | | background: #2196f3ed; |
|---|
| | | z-index: 11; |
|---|
| | | " |
|---|
| | | > |
|---|
| | | 智慧校区 |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <dimension :areaLayer="areaLayer" /> |
|---|
| | | |
|---|
| | | <left-nav ref="leftNav"></left-nav> |
|---|
| | | |
|---|
| | | <mapPopup /> |
|---|
| | | |
|---|
| | | <campusBuildingSearch ref="campusBuildingSearch" /> |
|---|
| | | |
|---|
| | | <campusNav ref="campusNavRoute" v-show="campusNavFlag" /> |
|---|
| | | |
|---|
| | | <search-details v-if="searchPopupFlag"></search-details> |
|---|
| | | <org-nav-bar v-if="orgNavBarFlag"></org-nav-bar> |
|---|
| | | <arc-nav-bar v-if="arcNavBarFlag"></arc-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import mapPopup from './components/mapPopup.vue' |
|---|
| | | import campusBuildingSearch from './components/campusBuildingSearch.vue' |
|---|
| | | import dimension from './components/dimension.vue' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | import mapPopup from "./components/mapPopup.vue"; |
|---|
| | | import campusBuildingSearch from "./components/campusBuildingSearch.vue"; |
|---|
| | | import dimension from "./components/dimension.vue"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'mapBox', |
|---|
| | | components: { |
|---|
| | | mapPopup, |
|---|
| | | campusBuildingSearch, |
|---|
| | | dimension |
|---|
| | | name: "mapBox", |
|---|
| | | components: { |
|---|
| | | mapPopup, |
|---|
| | | campusBuildingSearch, |
|---|
| | | dimension, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | DC: null, |
|---|
| | | areaLayer: null, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | searchPopupFlag: { |
|---|
| | | immediate: true, |
|---|
| | | handler(newVal, oldVal) { |
|---|
| | | if (newVal == true) { |
|---|
| | | if (this.$route.path.indexOf("/pcLayout/default/service") != -1) { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.$route.path.indexOf("/orgnav") != -1) { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.$route.path.indexOf("/arc") != -1) { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | DC: null, |
|---|
| | | areaLayer: null |
|---|
| | | |
|---|
| | | orgNavBarFlag: { |
|---|
| | | immediate: true, |
|---|
| | | handler(newVal, oldVal) { |
|---|
| | | if (newVal == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | searchPopupFlag: { |
|---|
| | | immediate: true, |
|---|
| | | handler (newVal, oldVal) { |
|---|
| | | if (newVal == true) { |
|---|
| | | if (this.$route.path.indexOf('/pcLayout/default/service') != -1) { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.$route.path.indexOf('/orgnav') != -1) { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.$route.path.indexOf('/arc') != -1) { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | orgNavBarFlag: { |
|---|
| | | immediate: true, |
|---|
| | | handler (newVal, oldVal) { |
|---|
| | | if (newVal == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | arcNavBarFlag: { |
|---|
| | | immediate: true, |
|---|
| | | handler (newVal, oldVal) { |
|---|
| | | if (newVal == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | arcNavBarFlag: { |
|---|
| | | immediate: true, |
|---|
| | | handler(newVal, oldVal) { |
|---|
| | | if (newVal == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | 'viewer', |
|---|
| | | 'popupBgUrl', |
|---|
| | | 'pupupQRUrl', |
|---|
| | | // 终点 |
|---|
| | | 'terminus', |
|---|
| | | // 起点 |
|---|
| | | 'startingPoint', |
|---|
| | | // 点信息 |
|---|
| | | 'pointPosition', |
|---|
| | | // 点名称 |
|---|
| | | 'stateName', |
|---|
| | | // 地址 |
|---|
| | | 'siteName', |
|---|
| | | // 介绍 |
|---|
| | | 'introduceText', |
|---|
| | | // 全景地址 |
|---|
| | | 'panoramaUrl', |
|---|
| | | // 详情弹框显示关闭 |
|---|
| | | 'detailsPopup', |
|---|
| | | // 全景弹框显示关闭 |
|---|
| | | 'panoramaPopup', |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'campusNavFlag', |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | var that = this |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | "viewer", |
|---|
| | | "popupBgUrl", |
|---|
| | | "pupupQRUrl", |
|---|
| | | // 终点 |
|---|
| | | "terminus", |
|---|
| | | // 起点 |
|---|
| | | "startingPoint", |
|---|
| | | // 点信息 |
|---|
| | | "pointPosition", |
|---|
| | | // 点名称 |
|---|
| | | "stateName", |
|---|
| | | // 地址 |
|---|
| | | "siteName", |
|---|
| | | // 介绍 |
|---|
| | | "introduceText", |
|---|
| | | // 全景地址 |
|---|
| | | "panoramaUrl", |
|---|
| | | // 详情弹框显示关闭 |
|---|
| | | "detailsPopup", |
|---|
| | | // 全景弹框显示关闭 |
|---|
| | | "panoramaPopup", |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "campusNavFlag", |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | var that = this; |
|---|
| | | |
|---|
| | | let viewer |
|---|
| | | let viewer; |
|---|
| | | |
|---|
| | | that.DC = global.DC |
|---|
| | | that.DC = global.DC; |
|---|
| | | |
|---|
| | | function distanceSurface () { |
|---|
| | | viewer.measure.distanceSurface() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcArea () { |
|---|
| | | viewer.measure.area() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function areaSurface () { |
|---|
| | | viewer.measure.areaSurface() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcAngle () { |
|---|
| | | viewer.measure.angle() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcModelAngle () { |
|---|
| | | viewer.measure.angle({ |
|---|
| | | clampToModel: true |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcHeight () { |
|---|
| | | viewer.measure.height() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcModelHeight () { |
|---|
| | | viewer.measure.height({ |
|---|
| | | clampToModel: true |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcHeading () { |
|---|
| | | viewer.measure.heading() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function areaHeight () { |
|---|
| | | viewer.measure.areaHeight() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcTriangleHeight () { |
|---|
| | | viewer.measure.triangleHeight() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcModelTriangleHeight () { |
|---|
| | | viewer.measure.triangleHeight({ |
|---|
| | | clampToModel: true |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function deactivate () { |
|---|
| | | viewer.measure.deactivate() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function initViewer () { |
|---|
| | | viewer = new that.DC.Viewer('viewer-container', { |
|---|
| | | contextOptions: { |
|---|
| | | webgl: { |
|---|
| | | stencil: true, |
|---|
| | | preserveDrawingBuffer: true |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | that.createdLayers(viewer) |
|---|
| | | |
|---|
| | | that.$store.commit('SET_VIEWER', viewer) |
|---|
| | | |
|---|
| | | that.$refs.leftNav.initialize(viewer) |
|---|
| | | |
|---|
| | | // const key = '0f7c1d161d7352116a21aacf0e9f44c1' |
|---|
| | | // const vec = that.DC.ImageryLayerFactory.createTdtImageryLayer({ |
|---|
| | | // key |
|---|
| | | // }) |
|---|
| | | // const cva = that.DC.ImageryLayerFactory.createTdtImageryLayer({ |
|---|
| | | // key, |
|---|
| | | // style: 'cva' |
|---|
| | | // }) |
|---|
| | | // viewer.addBaseLayer([vec, cva]) |
|---|
| | | |
|---|
| | | // const areaLayer = new that.DC.VectorLayer('areaLayer') |
|---|
| | | |
|---|
| | | // viewer.addLayer(areaLayer) |
|---|
| | | |
|---|
| | | // axios.get('http://59.55.128.156:6080/arcgis/rest/services/xiajiangfhgc/MapServer/4/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&returnTrueCurves=false&resultOffset=&resultRecordCount=&f=pjson').then(resultData => { |
|---|
| | | // resultData.data.features.forEach(item => { |
|---|
| | | // item.geometry.rings[0].forEach(it => { |
|---|
| | | // it = it.join(',') |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // item.geometry.rings[0] = item.geometry.rings[0].join(';') |
|---|
| | | |
|---|
| | | // const polygon = new that.DC.Polygon(item.geometry.rings[0]) |
|---|
| | | |
|---|
| | | // polygon.setStyle({ |
|---|
| | | |
|---|
| | | // material: that.DC.Namespace.Cesium.Color.fromBytes(255, 255, 255, 0) |
|---|
| | | |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // areaLayer.addOverlay(polygon) |
|---|
| | | // }) |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // var select = { |
|---|
| | | // overlay: undefined, |
|---|
| | | // color: undefined |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // viewer.on(that.DC.MouseEventType.MOUSE_MOVE, e => { |
|---|
| | | // if (e.overlay != undefined) { |
|---|
| | | // if (select.overlay != undefined) { |
|---|
| | | // if (e.overlay != select.overlay) { |
|---|
| | | // select.overlay.setStyle({ |
|---|
| | | // material: select.color |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // select.overlay = undefined |
|---|
| | | // select.color = undefined |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // if (select.overlay == undefined) { |
|---|
| | | // select.overlay = e.overlay |
|---|
| | | |
|---|
| | | // select.color = e.overlay._style.material |
|---|
| | | // select.overlay.setStyle({ |
|---|
| | | |
|---|
| | | // material: that.DC.Namespace.Cesium.Color.fromBytes(32, 108, 247, 158) |
|---|
| | | |
|---|
| | | // }) |
|---|
| | | // } |
|---|
| | | // } else { |
|---|
| | | // if (select.overlay != undefined) { |
|---|
| | | // select.overlay.setStyle({ |
|---|
| | | // material: select.color |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // select.overlay = undefined |
|---|
| | | // select.color = undefined |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // viewer.on(that.DC.MouseEventType.CLICK, e => { |
|---|
| | | // if (e.overlay != undefined) { |
|---|
| | | // console.log(e.overlay.attr) |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // viewer.addBaseLayer(baselayer, { |
|---|
| | | // iconUrl: 'examples/images/icon/img.png', |
|---|
| | | // name: '影像' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // viewer.addBaseLayer(wmtslayer, { |
|---|
| | | // iconUrl: 'examples/images/icon/img.png', |
|---|
| | | // name: '影像' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // // eslint-disable-next-line camelcase |
|---|
| | | // const baselayer_shaded = that.DC.ImageryLayerFactory.createArcGisImageryLayer({ |
|---|
| | | // url: |
|---|
| | | // 'http://services.arcgisonline.com/arcgis/rest/services/World_Shaded_Relief/MapServer' |
|---|
| | | // }) |
|---|
| | | // viewer.addBaseLayer(baselayer_shaded, { |
|---|
| | | // iconUrl: 'examples/images/icon/elec.png', |
|---|
| | | // name: '电子' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // // eslint-disable-next-line camelcase |
|---|
| | | // const baselayer_street = that.DC.ImageryLayerFactory.createArcGisImageryLayer({ |
|---|
| | | // url: |
|---|
| | | // 'http://services.arcgisonline.com/arcgis/rest/services/World_Physical_Map/MapServer' |
|---|
| | | // }) |
|---|
| | | // viewer.addBaseLayer(baselayer_street, { |
|---|
| | | // iconUrl: 'examples/images/icon/ter.png', |
|---|
| | | // name: '地形' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // // eslint-disable-next-line camelcase |
|---|
| | | // const baselayer_ter = that.DC.ImageryLayerFactory.createArcGisImageryLayer({ |
|---|
| | | // url: |
|---|
| | | // 'http://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer' |
|---|
| | | // }) |
|---|
| | | // viewer.addBaseLayer(baselayer_ter, { |
|---|
| | | // iconUrl: 'examples/images/icon/ter.png', |
|---|
| | | // name: '地形' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | viewer.use(new that.DC.Measure()) |
|---|
| | | |
|---|
| | | // viewer.flyToPosition( |
|---|
| | | // new that.DC.Position(117.08489820, 31.65413916, 1500, 0, -90, 45) |
|---|
| | | // ) |
|---|
| | | |
|---|
| | | viewer.compass.enable = true |
|---|
| | | viewer.zoomController.enable = true |
|---|
| | | viewer.locationBar.enable = true |
|---|
| | | viewer.hawkeyeMap.enable = true |
|---|
| | | viewer.hawkeyeMap.addBaseLayer( |
|---|
| | | that.DC.ImageryLayerFactory.createAmapImageryLayer( |
|---|
| | | { |
|---|
| | | crs: 'WGS84' |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | ) |
|---|
| | | // viewer.distanceLegend.enable = true |
|---|
| | | } |
|---|
| | | |
|---|
| | | that.DC.ready(initViewer) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | mapClick (e) { |
|---|
| | | this.$refs.campusNavRoute.shortcutShow(e) |
|---|
| | | this.$refs.campusBuildingSearch.shortcutShow(e) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | createdLayers (viewer) { |
|---|
| | | const layerGroup = new this.DC.LayerGroup('modelBox') |
|---|
| | | viewer.addLayerGroup(layerGroup) |
|---|
| | | |
|---|
| | | this.areaLayer = new this.DC.VectorLayer('areaLayer') |
|---|
| | | layerGroup.addLayer(this.areaLayer) |
|---|
| | | } |
|---|
| | | function distanceSurface() { |
|---|
| | | viewer.measure.distanceSurface(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcArea() { |
|---|
| | | viewer.measure.area(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function areaSurface() { |
|---|
| | | viewer.measure.areaSurface(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcAngle() { |
|---|
| | | viewer.measure.angle(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcModelAngle() { |
|---|
| | | viewer.measure.angle({ |
|---|
| | | clampToModel: true, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcHeight() { |
|---|
| | | viewer.measure.height(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcModelHeight() { |
|---|
| | | viewer.measure.height({ |
|---|
| | | clampToModel: true, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcHeading() { |
|---|
| | | viewer.measure.heading(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function areaHeight() { |
|---|
| | | viewer.measure.areaHeight(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcTriangleHeight() { |
|---|
| | | viewer.measure.triangleHeight(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function calcModelTriangleHeight() { |
|---|
| | | viewer.measure.triangleHeight({ |
|---|
| | | clampToModel: true, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function deactivate() { |
|---|
| | | viewer.measure.deactivate(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function initViewer() { |
|---|
| | | viewer = new that.DC.Viewer("viewer-container", { |
|---|
| | | contextOptions: { |
|---|
| | | webgl: { |
|---|
| | | stencil: true, |
|---|
| | | preserveDrawingBuffer: true, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | that.createdLayers(viewer); |
|---|
| | | |
|---|
| | | that.$store.commit("SET_VIEWER", viewer); |
|---|
| | | |
|---|
| | | that.$refs.leftNav.initialize(viewer); |
|---|
| | | |
|---|
| | | // const key = '0f7c1d161d7352116a21aacf0e9f44c1' |
|---|
| | | // const vec = that.DC.ImageryLayerFactory.createTdtImageryLayer({ |
|---|
| | | // key |
|---|
| | | // }) |
|---|
| | | // const cva = that.DC.ImageryLayerFactory.createTdtImageryLayer({ |
|---|
| | | // key, |
|---|
| | | // style: 'cva' |
|---|
| | | // }) |
|---|
| | | // viewer.addBaseLayer([vec, cva]) |
|---|
| | | |
|---|
| | | // const areaLayer = new that.DC.VectorLayer('areaLayer') |
|---|
| | | |
|---|
| | | // viewer.addLayer(areaLayer) |
|---|
| | | |
|---|
| | | // axios.get('http://59.55.128.156:6080/arcgis/rest/services/xiajiangfhgc/MapServer/4/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&returnTrueCurves=false&resultOffset=&resultRecordCount=&f=pjson').then(resultData => { |
|---|
| | | // resultData.data.features.forEach(item => { |
|---|
| | | // item.geometry.rings[0].forEach(it => { |
|---|
| | | // it = it.join(',') |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // item.geometry.rings[0] = item.geometry.rings[0].join(';') |
|---|
| | | |
|---|
| | | // const polygon = new that.DC.Polygon(item.geometry.rings[0]) |
|---|
| | | |
|---|
| | | // polygon.setStyle({ |
|---|
| | | |
|---|
| | | // material: that.DC.Namespace.Cesium.Color.fromBytes(255, 255, 255, 0) |
|---|
| | | |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // areaLayer.addOverlay(polygon) |
|---|
| | | // }) |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // var select = { |
|---|
| | | // overlay: undefined, |
|---|
| | | // color: undefined |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // viewer.on(that.DC.MouseEventType.MOUSE_MOVE, e => { |
|---|
| | | // if (e.overlay != undefined) { |
|---|
| | | // if (select.overlay != undefined) { |
|---|
| | | // if (e.overlay != select.overlay) { |
|---|
| | | // select.overlay.setStyle({ |
|---|
| | | // material: select.color |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // select.overlay = undefined |
|---|
| | | // select.color = undefined |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // if (select.overlay == undefined) { |
|---|
| | | // select.overlay = e.overlay |
|---|
| | | |
|---|
| | | // select.color = e.overlay._style.material |
|---|
| | | // select.overlay.setStyle({ |
|---|
| | | |
|---|
| | | // material: that.DC.Namespace.Cesium.Color.fromBytes(32, 108, 247, 158) |
|---|
| | | |
|---|
| | | // }) |
|---|
| | | // } |
|---|
| | | // } else { |
|---|
| | | // if (select.overlay != undefined) { |
|---|
| | | // select.overlay.setStyle({ |
|---|
| | | // material: select.color |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // select.overlay = undefined |
|---|
| | | // select.color = undefined |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // viewer.on(that.DC.MouseEventType.CLICK, e => { |
|---|
| | | // if (e.overlay != undefined) { |
|---|
| | | // console.log(e.overlay.attr) |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // viewer.addBaseLayer(baselayer, { |
|---|
| | | // iconUrl: 'examples/images/icon/img.png', |
|---|
| | | // name: '影像' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // viewer.addBaseLayer(wmtslayer, { |
|---|
| | | // iconUrl: 'examples/images/icon/img.png', |
|---|
| | | // name: '影像' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // // eslint-disable-next-line camelcase |
|---|
| | | // const baselayer_shaded = that.DC.ImageryLayerFactory.createArcGisImageryLayer({ |
|---|
| | | // url: |
|---|
| | | // 'http://services.arcgisonline.com/arcgis/rest/services/World_Shaded_Relief/MapServer' |
|---|
| | | // }) |
|---|
| | | // viewer.addBaseLayer(baselayer_shaded, { |
|---|
| | | // iconUrl: 'examples/images/icon/elec.png', |
|---|
| | | // name: '电子' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // // eslint-disable-next-line camelcase |
|---|
| | | // const baselayer_street = that.DC.ImageryLayerFactory.createArcGisImageryLayer({ |
|---|
| | | // url: |
|---|
| | | // 'http://services.arcgisonline.com/arcgis/rest/services/World_Physical_Map/MapServer' |
|---|
| | | // }) |
|---|
| | | // viewer.addBaseLayer(baselayer_street, { |
|---|
| | | // iconUrl: 'examples/images/icon/ter.png', |
|---|
| | | // name: '地形' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // // eslint-disable-next-line camelcase |
|---|
| | | // const baselayer_ter = that.DC.ImageryLayerFactory.createArcGisImageryLayer({ |
|---|
| | | // url: |
|---|
| | | // 'http://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer' |
|---|
| | | // }) |
|---|
| | | // viewer.addBaseLayer(baselayer_ter, { |
|---|
| | | // iconUrl: 'examples/images/icon/ter.png', |
|---|
| | | // name: '地形' |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | viewer.use(new that.DC.Measure()); |
|---|
| | | |
|---|
| | | // viewer.flyToPosition( |
|---|
| | | // new that.DC.Position(117.08489820, 31.65413916, 1500, 0, -90, 45) |
|---|
| | | // ) |
|---|
| | | |
|---|
| | | viewer.compass.enable = true; |
|---|
| | | viewer.zoomController.enable = true; |
|---|
| | | viewer.locationBar.enable = true; |
|---|
| | | viewer.hawkeyeMap.enable = true; |
|---|
| | | viewer.hawkeyeMap.addBaseLayer( |
|---|
| | | that.DC.ImageryLayerFactory.createAmapImageryLayer({ |
|---|
| | | crs: "WGS84", |
|---|
| | | }) |
|---|
| | | ); |
|---|
| | | // viewer.distanceLegend.enable = true |
|---|
| | | } |
|---|
| | | |
|---|
| | | that.DC.ready(initViewer); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | mapClick(e) { |
|---|
| | | this.$refs.campusNavRoute.shortcutShow(e); |
|---|
| | | this.$refs.campusBuildingSearch.shortcutShow(e); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | createdLayers(viewer) { |
|---|
| | | const layerGroup = new this.DC.LayerGroup("modelBox"); |
|---|
| | | viewer.addLayerGroup(layerGroup); |
|---|
| | | |
|---|
| | | this.areaLayer = new this.DC.VectorLayer("areaLayer"); |
|---|
| | | layerGroup.addLayer(this.areaLayer); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang='scss' scope> |
|---|
| | | </style> |
|---|
| | | <style lang="scss" scope></style> |
|---|
| | |
|---|
| | | this.getListSearchMethod(this.mBigPopup.value); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.choiceMain = this.popupOurOpenData.qurey; // 进入的主题：列：机构单位，社区建筑 |
|---|
| | | this.choiceMain = this.popupOurOpenData.qurey; // 进入的主题：列：机构单位，校区建筑 |
|---|
| | | this.choiceData = this.popupOurOpenData.main; //带入数据 包括name、type、method |
|---|
| | | |
|---|
| | | this.choiceValue = this.popupOurOpenData.main[0].name; |
|---|
| | |
|---|
| | | const data = res.data.data; |
|---|
| | | let outList = []; |
|---|
| | | if ( |
|---|
| | | this.mBigPopup.name == "社区建筑" || |
|---|
| | | this.mBigPopup.name == "校区建筑" || |
|---|
| | | this.mBigPopup.name == "文化风景" |
|---|
| | | ) { |
|---|
| | | // 社区建筑使用该id获取具体信息 |
|---|
| | | // 校区建筑使用该id获取具体信息 |
|---|
| | | data.forEach((item) => { |
|---|
| | | let icon = item.tpurl ? item.tpurl.split(",") : item.id; |
|---|
| | | outList.push({ |
|---|
| | |
|---|
| | | from: this.choiceMain, |
|---|
| | | video: item.videourl, |
|---|
| | | buts: |
|---|
| | | this.mBigPopup.name == "社区建筑" || |
|---|
| | | this.mBigPopup.name == "校区建筑" || |
|---|
| | | this.mBigPopup.name == "文化风景" |
|---|
| | | ? ["定位", "实景", "图集"] |
|---|
| | | : ["定位"], |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | } else if (this.mBigPopup.name == "活动") { |
|---|
| | | // 社区建筑使用该id获取具体信息 |
|---|
| | | // 校区建筑使用该id获取具体信息 |
|---|
| | | data.records.forEach((item) => { |
|---|
| | | let icon = item.tpurl.split(","); |
|---|
| | | let useData = { |
|---|
| | |
|---|
| | | introduce: item.context, |
|---|
| | | video: item.videourl, |
|---|
| | | buts: |
|---|
| | | that.mBigPopup.name == "社区建筑" || |
|---|
| | | that.mBigPopup.name == "校区建筑" || |
|---|
| | | that.mBigPopup.name == "文化风景" |
|---|
| | | ? ["定位", "实景", "图集"] |
|---|
| | | : ["定位"], |
|---|
| | |
|---|
| | | introduce: item.introduce, |
|---|
| | | video: item.videourl, |
|---|
| | | buts: |
|---|
| | | that.mBigPopup.name == "社区建筑" || |
|---|
| | | that.mBigPopup.name == "校区建筑" || |
|---|
| | | that.mBigPopup.name == "文化风景" |
|---|
| | | ? ["定位", "实景", "图集"] |
|---|
| | | : ["定位"], |
|---|
| | |
|---|
| | | introduce: item.introduce, |
|---|
| | | video: item.videourl, |
|---|
| | | buts: |
|---|
| | | that.mBigPopup.name == "社区建筑" || |
|---|
| | | that.mBigPopup.name == "校区建筑" || |
|---|
| | | that.mBigPopup.name == "文化风景" |
|---|
| | | ? ["定位", "实景", "图集"] |
|---|
| | | : ["定位"], |
|---|
| | |
|---|
| | | <!-- v-if="mBigPopupAfter" --> |
|---|
| | | <div class="m_p_a_heard"> |
|---|
| | | <div><i class="el-icon-menu icon"></i></div> |
|---|
| | | 社区列表 |
|---|
| | | 校区列表 |
|---|
| | | <div @click="closeBigPopupAfter"><i class="el-icon-close icon"></i></div> |
|---|
| | | </div> |
|---|
| | | <div class="m_p_a_center"> |
|---|
| | |
|---|
| | | <script> |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | import { getList } from "@/api/mobile/orgnav/index"; // 机构单位 |
|---|
| | | import { getChildNavList } from "@/api/mobile/public/arc"; // 社区建筑 |
|---|
| | | import { getChildNavList } from "@/api/mobile/public/arc"; // 校区建筑 |
|---|
| | | import { |
|---|
| | | // getListlivingFacilitiesr, |
|---|
| | | // getListsupermarket, |
|---|
| | |
|---|
| | | choiceValue: "", |
|---|
| | | choiceDataUp: [ |
|---|
| | | { |
|---|
| | | // seeName: "社区内机构导览", |
|---|
| | | // seeName: "校区内机构导览", |
|---|
| | | name: "机构单位", |
|---|
| | | icon: "el-icon-s-cooperation", |
|---|
| | | opendata: "openData1", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "社区建筑", |
|---|
| | | name: "校区建筑", |
|---|
| | | opendata: "openData2", |
|---|
| | | icon: "el-icon-s-management", |
|---|
| | | }, |
|---|
| | |
|---|
| | | // ], |
|---|
| | | ], |
|---|
| | | openData1: [ |
|---|
| | | // { name: "党群机构", type: 1, method: getList }, |
|---|
| | | // { name: "职能部处", type: 2, method: getList }, |
|---|
| | | { name: "党群机构", type: 1, method: getList }, |
|---|
| | | { name: "职能部处", type: 2, method: getList }, |
|---|
| | | { name: "直属及附属单位", type: 3, method: getList }, |
|---|
| | | // { name: "教学与科研机构", type: 4, method: getList }, |
|---|
| | | { name: "教学与科研机构", type: 4, method: getList }, |
|---|
| | | { name: "其他机构", type: 5, method: getList }, |
|---|
| | | ], |
|---|
| | | openData2: [ |
|---|
| | | { name: "行政办公", type: 1, method: getChildNavList }, |
|---|
| | | // { name: "教学科研", type: 2, method: getChildNavList }, |
|---|
| | | { name: "社区场馆", type: 3, method: getChildNavList }, |
|---|
| | | // { name: '宿舍公寓', type: 4, method: getChildNavList }, |
|---|
| | | // { name: '文化风景', type: 5, method: getChildNavList }, |
|---|
| | | // { name: '家属住宅', type: 6, method: getChildNavList }, |
|---|
| | | { name: "教学科研", type: 2, method: getChildNavList }, |
|---|
| | | { name: "校区场馆", type: 3, method: getChildNavList }, |
|---|
| | | { name: "宿舍公寓", type: 4, method: getChildNavList }, |
|---|
| | | { name: "文化风景", type: 5, method: getChildNavList }, |
|---|
| | | { name: "家属住宅", type: 6, method: getChildNavList }, |
|---|
| | | { name: "其他楼宇", type: 7, method: getChildNavList }, |
|---|
| | | ], |
|---|
| | | // openData3: [ |
|---|
| | | // { name: "食堂餐厅", type: 1, method: getListlivingFacilitiesr }, |
|---|
| | | // { name: "购物超市", type: 2, method: getListsupermarket }, |
|---|
| | | // { name: "社区内医疗", type: 3, method: getListmedical }, |
|---|
| | | // { name: "校区内医疗", type: 3, method: getListmedical }, |
|---|
| | | // { name: "邮寄快递", type: 4, method: getListmail }, |
|---|
| | | // { name: "社区浴室", type: 5, method: getListbathroom }, |
|---|
| | | // { name: "校区浴室", type: 5, method: getListbathroom }, |
|---|
| | | // { name: "圈存机", type: 6, method: getListtransference }, |
|---|
| | | // { name: "打字复印", type: 7, method: getListduplicate }, |
|---|
| | | // { name: "AED", type: 8, method: getListaed }, |
|---|
| | |
|---|
| | | // openData6: [{ name: "停车场", type: 1, method: getListparking }], |
|---|
| | | // openData5: [{ name: "出入口", type: 1, method: getListdoor }], |
|---|
| | | openData3: [ |
|---|
| | | // { name: "食堂餐厅", type: 1, method: getListLifeOnce }, |
|---|
| | | // { name: "购物超市", type: 2, method: getListLifeOnce }, |
|---|
| | | { name: "社区医疗", type: 3, method: getListLifeOnce }, |
|---|
| | | // { name: "邮寄快递", type: 4, method: getListLifeOnce }, |
|---|
| | | // { name: "社区浴室", type: 5, method: getListLifeOnce }, |
|---|
| | | // // { name: "圈存机", type: 6, method: getListLifeOnce }, |
|---|
| | | // { name: "打字复印", type: 7, method: getListLifeOnce }, |
|---|
| | | // { name: "银行网点", type: 8, method: getListLifeOnce }, |
|---|
| | | // { name: "AED", type: 9, method: getListLifeOnce }, |
|---|
| | | // { name: "通信营业厅", type: 10, method: getListLifeOnce }, |
|---|
| | | { name: "食堂餐厅", type: 1, method: getListLifeOnce }, |
|---|
| | | { name: "购物超市", type: 2, method: getListLifeOnce }, |
|---|
| | | { name: "校区医疗", type: 3, method: getListLifeOnce }, |
|---|
| | | { name: "邮寄快递", type: 4, method: getListLifeOnce }, |
|---|
| | | { name: "校区浴室", type: 5, method: getListLifeOnce }, |
|---|
| | | // { name: "圈存机", type: 6, method: getListLifeOnce }, |
|---|
| | | { name: "打字复印", type: 7, method: getListLifeOnce }, |
|---|
| | | { name: "银行网点", type: 8, method: getListLifeOnce }, |
|---|
| | | { name: "AED", type: 9, method: getListLifeOnce }, |
|---|
| | | { name: "通信营业厅", type: 10, method: getListLifeOnce }, |
|---|
| | | { name: "停车场", type: 11, method: getListLifeOnce }, |
|---|
| | | { name: "出入口", type: 12, method: getListLifeOnce }, |
|---|
| | | ], |
|---|
| | | openData4: [ |
|---|
| | | // { name: "文化风景", type: 5, method: getChildNavList } |
|---|
| | | { name: "文化风景", type: 5, method: getChildNavList }, |
|---|
| | | { name: "活动", type: 1, method: getActivity }, |
|---|
| | | ], |
|---|
| | | openData6: [{ name: "停车场", type: 11, method: getListLifeOnce }], |
|---|
| | |
|---|
| | | this.srcList = this.onceData.icon; |
|---|
| | | this.icon = this.srcList[0]; |
|---|
| | | } |
|---|
| | | if (this.onceData.from == "社区建筑" || this.onceData.from == "文化风景") { |
|---|
| | | if (this.onceData.from == "校区建筑" || this.onceData.from == "文化风景") { |
|---|
| | | this.getOnceCampus(this.onceData.id); |
|---|
| | | } else { |
|---|
| | | this.ourData = this.onceData; |
|---|
| | |
|---|
| | | imgsDom.click(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //"社区建筑"↓ |
|---|
| | | //"校区建筑"↓ |
|---|
| | | getOnceCampus(id) { |
|---|
| | | getChildNavDetail({ id: id }).then((res) => { |
|---|
| | | var result = res.data.data[0].list; |
|---|
| | |
|---|
| | | this.ourData = d; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //"社区建筑"↑ |
|---|
| | | //"校区建筑"↑ |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | |
|---|
| | | <!-- 活动窗口 --> |
|---|
| | | <mobileActivity></mobileActivity> |
|---|
| | | <!-- 盖住左下角 --> |
|---|
| | | <div class="cover_mobileMap">智慧社区</div> |
|---|
| | | <div class="cover_mobileMap">智慧校区</div> |
|---|
| | | <!-- 指示器 --> |
|---|
| | | <!-- <div class="heights">{{ heights }}---{{ heights1 }}</div> --> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | [116.41526036, 27.95352217, 100], |
|---|
| | | ], |
|---|
| | | areaLayer: null, |
|---|
| | | mapCenter: [115.871863, 28.743861, 400.0], |
|---|
| | | //控制4层缩放 |
|---|
| | | onelayerNum: 80, |
|---|
| | | towlayerNum: 120, |
|---|
| | | threelayerNum: 160, |
|---|
| | | forlayerNum: 200, |
|---|
| | | frislayertHeight: 160, //默认高度 |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | |
|---|
| | | "dimensionData", |
|---|
| | | "areaLayer", //绿布 |
|---|
| | | "areaLayerSelect", //绿布颜色控制 |
|---|
| | | "urlParameterData", //url 参数 |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // return; |
|---|
| | | var DC = global.DC; |
|---|
| | | this.DC = DC; |
|---|
| | | |
|---|
| | |
|---|
| | | // if (height > 2000) { |
|---|
| | | // conBack(2000); |
|---|
| | | // } |
|---|
| | | if (height <= 79 && isSet) { |
|---|
| | | conBack(79); |
|---|
| | | // if (height <= 79 && isSet) { |
|---|
| | | // conBack(79); |
|---|
| | | // } |
|---|
| | | if (height <= that.onelayerNum - 1 && isSet) { |
|---|
| | | conBack(that.onelayerNum - 1); |
|---|
| | | } |
|---|
| | | // if (height > 220 && height <= 280 && isSet) { |
|---|
| | | // conBack(280); |
|---|
| | |
|---|
| | | // if (height > 340 && height <= 400 && isSet) { |
|---|
| | | // conBack(400); |
|---|
| | | // } |
|---|
| | | if (height > 200 && isSet) { |
|---|
| | | conBack(200); |
|---|
| | | // if (height > 200 && isSet) { |
|---|
| | | // conBack(200); |
|---|
| | | // } |
|---|
| | | if (height > that.forlayerNum && isSet) { |
|---|
| | | conBack(that.forlayerNum); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | |
|---|
| | | const height = Math.ceil( |
|---|
| | | viewer.camera.positionCartographic.height |
|---|
| | | ); |
|---|
| | | // if (height > 180) { |
|---|
| | | // butSetViews(160); |
|---|
| | | // return; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // if (height > 140) { |
|---|
| | | // butSetViews(120); |
|---|
| | | // return; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // if (height > 100) { |
|---|
| | | // butSetViews(80); |
|---|
| | | // } |
|---|
| | | if (height > 180) { |
|---|
| | | butSetViews(160); |
|---|
| | | return; |
|---|
| | |
|---|
| | | }; |
|---|
| | | that.dimension == "2.5D" |
|---|
| | | ? doit2( |
|---|
| | | [114.04020791, 27.62934732, 160.0], |
|---|
| | | [that.mapCenter[0], that.mapCenter[1], that.frislayertHeight], |
|---|
| | | // [114.04062292, 27.62666834, 220.0], |
|---|
| | | [ |
|---|
| | | that.dimensionData.heading, |
|---|
| | |
|---|
| | | DC.ready(initViewer); |
|---|
| | | setTimeout(() => { |
|---|
| | | that.butbut(); |
|---|
| | | //判断是否有url参数 |
|---|
| | | // console.log(that.urlParameterData); |
|---|
| | | if (typeof that.urlParameterData != "string") { |
|---|
| | | // console.log(that.urlParameterData); |
|---|
| | | that.$store.commit("initurlParameterLayer"); //初始化自定义标签图层 |
|---|
| | | if (that.urlParameterData.methods == "goto") { |
|---|
| | | //url有定位的参数 |
|---|
| | | // alert(that.urlParameterData.jd); |
|---|
| | | // alert(that.urlParameterData.wd); |
|---|
| | | // 创建标记 |
|---|
| | | let dsa = { |
|---|
| | | list: [ |
|---|
| | | { |
|---|
| | | name: that.urlParameterData.name || "无标题", |
|---|
| | | jd: that.urlParameterData.jd, |
|---|
| | | wd: that.urlParameterData.wd, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | clear: true, |
|---|
| | | }; |
|---|
| | | that.$store.dispatch("addurlParameterLayerIcon", dsa); |
|---|
| | | // that.flytos( |
|---|
| | | // //飞入标记 |
|---|
| | | // +that.urlParameterData.jd + 0.012, |
|---|
| | | // +that.urlParameterData.wd |
|---|
| | | // ); |
|---|
| | | |
|---|
| | | let d = { |
|---|
| | | position: {}, |
|---|
| | | lntLat: [+that.urlParameterData.jd, +that.urlParameterData.wd], |
|---|
| | | query: { |
|---|
| | | introduce: "自定义标签", |
|---|
| | | address: "", |
|---|
| | | ...(that.urlParameterData || {}), |
|---|
| | | lntLat: [+that.urlParameterData.jd, +that.urlParameterData.wd], |
|---|
| | | }, |
|---|
| | | useJWD: true, //仅使用经纬度 |
|---|
| | | }; |
|---|
| | | that.$store.dispatch("setMobileWindows", d); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, 0); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | |
|---|
| | | }; |
|---|
| | | that.$store.dispatch("setMobileWindows", d); |
|---|
| | | }, |
|---|
| | | flytos(jd, wd) { |
|---|
| | | this.$store.dispatch("mapFlyTo", { |
|---|
| | | lntLat: [jd, wd, 120], //114.04020791, 27.62934732 |
|---|
| | | heading: 0, |
|---|
| | | pitch: -90, |
|---|
| | | roll: 0, |
|---|
| | | noOpen: true, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <public-box class="public-org-nav-bar"> |
|---|
| | | <template slot="public-box-header"> |
|---|
| | | <div class="title"> |
|---|
| | | <img class="icon deblurring" :src="headerLog" alt /> |
|---|
| | | <span>{{title}}</span> |
|---|
| | | </div> |
|---|
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
|---|
| | | </template> |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <div class="tab" v-show="false"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | :class="{'on': item.flag}" |
|---|
| | | v-for="(item, index) in titleList" |
|---|
| | | :key="index" |
|---|
| | | @click="topNavClick(item, index)" |
|---|
| | | >{{ item.title }}</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in itemNavList" |
|---|
| | | :key="index" |
|---|
| | | @click="mapPopup(item.details)" |
|---|
| | | > |
|---|
| | | <img :src="item.icon" alt /> |
|---|
| | | <span>{{item.navTitle}}</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | | <public-box class="public-org-nav-bar"> |
|---|
| | | <template slot="public-box-header"> |
|---|
| | | <div class="title"> |
|---|
| | | <img class="icon deblurring" :src="headerLog" alt /> |
|---|
| | | <span>{{ title }}</span> |
|---|
| | | </div> |
|---|
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
|---|
| | | </template> |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <div class="tab" v-show="false"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | :class="{ on: item.flag }" |
|---|
| | | v-for="(item, index) in titleList" |
|---|
| | | :key="index" |
|---|
| | | @click="topNavClick(item, index)" |
|---|
| | | > |
|---|
| | | {{ item.title }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in itemNavList" |
|---|
| | | :key="index" |
|---|
| | | @click="mapPopup(item.details)" |
|---|
| | | > |
|---|
| | | <img :src="item.icon" alt /> |
|---|
| | | <span>{{ item.navTitle }}</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { |
|---|
| | | getList, |
|---|
| | | getLifeList |
|---|
| | | } from '@/api/pc/service/index' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | import { getList, getLifeList } from "@/api/pc/service/index"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'ServiceNavBar', |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | itemNavList: [], |
|---|
| | | DC: null |
|---|
| | | } |
|---|
| | | name: "ServiceNavBar", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | itemNavList: [], |
|---|
| | | DC: null, |
|---|
| | | ourLayer: null, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | title: { |
|---|
| | | type: String, |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | title: { |
|---|
| | | type: String |
|---|
| | | }, |
|---|
| | | headerLog: { |
|---|
| | | type: String |
|---|
| | | }, |
|---|
| | | arcCode: { |
|---|
| | | type: Number |
|---|
| | | } |
|---|
| | | headerLog: { |
|---|
| | | type: String, |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | 'viewer', |
|---|
| | | 'popupBgUrl', |
|---|
| | | 'pupupQRUrl', |
|---|
| | | // 点信息 |
|---|
| | | 'pointPosition', |
|---|
| | | // 点名称 |
|---|
| | | 'stateName', |
|---|
| | | // 地址 |
|---|
| | | 'siteName', |
|---|
| | | // 介绍 |
|---|
| | | 'introduceText', |
|---|
| | | // 全景地址 |
|---|
| | | 'panoramaUrl' |
|---|
| | | ]) |
|---|
| | | arcCode: { |
|---|
| | | type: Number, |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | this.DC = global.DC |
|---|
| | | this.titleList = [] |
|---|
| | | getList().then(res => { |
|---|
| | | res.data.data.forEach(item => { |
|---|
| | | this.titleList.push({ title: item.dictValue, flag: false, key: item.dictKey }) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | "viewer", |
|---|
| | | "popupBgUrl", |
|---|
| | | "pupupQRUrl", |
|---|
| | | // 点信息 |
|---|
| | | "pointPosition", |
|---|
| | | // 点名称 |
|---|
| | | "stateName", |
|---|
| | | // 地址 |
|---|
| | | "siteName", |
|---|
| | | // 介绍 |
|---|
| | | "introduceText", |
|---|
| | | // 全景地址 |
|---|
| | | "panoramaUrl", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.DC = global.DC; |
|---|
| | | this.titleList = []; |
|---|
| | | //三江校区//"土木楼"//"科学园"//"黄河路"//"红旗校区" |
|---|
| | | getList().then((res) => { |
|---|
| | | res.data.data.forEach((item) => { |
|---|
| | | // console.log(item, "see"); |
|---|
| | | this.titleList.push({ |
|---|
| | | title: item.dictValue, |
|---|
| | | flag: false, |
|---|
| | | key: item.dictKey, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.titleList[0].flag = true |
|---|
| | | this.titleList[0].flag = true; |
|---|
| | | |
|---|
| | | this.getChilsNavs(this.titleList[0].key) |
|---|
| | | }) |
|---|
| | | this.getChilsNavs(this.titleList[0].key); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | mounted() {}, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$parent.closeModel(); |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | topNavClick(item, index) { |
|---|
| | | this.titleList.forEach((item) => { |
|---|
| | | item.flag = false; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.titleList[index].flag = true; |
|---|
| | | |
|---|
| | | this.getChilsNavs(item.key); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$parent.closeModel() |
|---|
| | | }, |
|---|
| | | topNavClick (item, index) { |
|---|
| | | this.titleList.forEach(item => { |
|---|
| | | item.flag = false |
|---|
| | | }) |
|---|
| | | getChilsNavs(campus) { |
|---|
| | | this.itemNavList = []; |
|---|
| | | let that = this; |
|---|
| | | // console.log(this.arcCode, "see22"); |
|---|
| | | //判断是否是当前所需要图层并创建 属性为 this.arrCode |
|---|
| | | if (this.ourLayer != null) { |
|---|
| | | this.ourLayer.clear(); |
|---|
| | | } else { |
|---|
| | | this.ourLayer = new this.DC.HtmlLayer("Layer" + this.arcCode); |
|---|
| | | this.viewer.addLayer(this.ourLayer); |
|---|
| | | } |
|---|
| | | // console.log(this.ourLayer, "see"); |
|---|
| | | getLifeList({ lifetype: this.arcCode, campus: campus }).then((res) => { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | // console.log(item, "see"); |
|---|
| | | this.itemNavList.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: "/img/navicon/tag.png", |
|---|
| | | details: item, |
|---|
| | | }); |
|---|
| | | //创建图标 做生活设施分层标签 |
|---|
| | | that.addDivIcon(item, this.ourLayer); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | addDivIcon(item, mylayer) { |
|---|
| | | let that = this; |
|---|
| | | const divIcon = new global.DC.DivIcon( |
|---|
| | | new global.DC.Position(Number(item.jd), Number(item.wd), 0), |
|---|
| | | ` |
|---|
| | | <div class="tag-entitys-box"> |
|---|
| | | <div class="tag-content"> |
|---|
| | | ${item.mechanismname} |
|---|
| | | </div> |
|---|
| | | <div class="tag-angle-content"> |
|---|
| | | <img src="https://map.hit.edu.cn/images/tarrow_xq.png"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ); |
|---|
| | | //订阅事件 |
|---|
| | | divIcon.on(global.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | // console.log(item, "see"); |
|---|
| | | // that.openPopups({ |
|---|
| | | // lng: e.overlay.position.lng, |
|---|
| | | // lat: e.overlay.position.lat, |
|---|
| | | // item: item, |
|---|
| | | // }); |
|---|
| | | that.mapPopup(item); |
|---|
| | | }); |
|---|
| | | mylayer.addOverlay(divIcon); |
|---|
| | | }, |
|---|
| | | mapPopup(param) { |
|---|
| | | var result = param; |
|---|
| | | this.$store.commit("CLEAR_ALL", null); |
|---|
| | | |
|---|
| | | this.titleList[index].flag = true |
|---|
| | | var imgArr = result.tpurl.split(","); |
|---|
| | | |
|---|
| | | this.getChilsNavs(item.key) |
|---|
| | | }, |
|---|
| | | getChilsNavs (campus) { |
|---|
| | | this.itemNavList = [] |
|---|
| | | this.$store.commit("SET_POPUPBGURL", imgArr[0]); |
|---|
| | | this.$store.commit("SET_POPUPQRURL", result.codeurl); |
|---|
| | | this.$store.commit("SET_POINTPOSITION", [ |
|---|
| | | Number(result.jd), |
|---|
| | | Number(result.wd), |
|---|
| | | Number(result.gd), |
|---|
| | | Number(result.heading), |
|---|
| | | Number(result.pitch), |
|---|
| | | Number(result.roll), |
|---|
| | | ]); |
|---|
| | | this.$store.commit("SET_STATENAME", result.mechanismname); |
|---|
| | | this.$store.commit("SET_SITENAME", result.address); |
|---|
| | | this.$store.commit("SET_TELEPHONE", result.telephone); |
|---|
| | | this.$store.commit("SET_INTRODUCETEXT", result.introduce); |
|---|
| | | this.$store.commit("SET_PANORAMAURL", result.panoramaurl); |
|---|
| | | this.$store.commit("SET_POPUPIMGATLAS", imgArr); |
|---|
| | | |
|---|
| | | getLifeList({ lifetype: this.arcCode, campus: campus }).then(res => { |
|---|
| | | res.data.data.records.forEach(item => { |
|---|
| | | this.itemNavList.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: '/img/navicon/tag.png', |
|---|
| | | details: item |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | mapPopup (param) { |
|---|
| | | var result = param |
|---|
| | | this.$store.commit('CLEAR_ALL', null) |
|---|
| | | if (result.videourl && result.videourl != "") { |
|---|
| | | this.$store.commit("SET_MONITORURL", result.videourl); |
|---|
| | | } |
|---|
| | | |
|---|
| | | var imgArr = result.tpurl.split(',') |
|---|
| | | this.newPopup(result); |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position( |
|---|
| | | Number(result.jd), |
|---|
| | | Number(result.wd), |
|---|
| | | 300, |
|---|
| | | Number(result.heading), |
|---|
| | | Number(result.pitch), |
|---|
| | | Number(result.roll) |
|---|
| | | ), |
|---|
| | | function () {}, |
|---|
| | | 3 |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | newPopup(item) { |
|---|
| | | const position = this.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new this.DC.Position(Number(item.jd), Number(item.wd), Number(item.gd)) |
|---|
| | | ); |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new this.DC.DivForms(this.viewer, { |
|---|
| | | domId: "divFormsDomBox", |
|---|
| | | position: [position], |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit('SET_POPUPBGURL', imgArr[0]) |
|---|
| | | this.$store.commit('SET_POPUPQRURL', result.codeurl) |
|---|
| | | this.$store.commit('SET_POINTPOSITION', [Number(result.jd), Number(result.wd), Number(result.gd), Number(result.heading), Number(result.pitch), Number(result.roll)]) |
|---|
| | | this.$store.commit('SET_STATENAME', result.mechanismname) |
|---|
| | | this.$store.commit('SET_SITENAME', result.address) |
|---|
| | | this.$store.commit('SET_TELEPHONE', result.telephone) |
|---|
| | | this.$store.commit('SET_INTRODUCETEXT', result.introduce) |
|---|
| | | this.$store.commit('SET_PANORAMAURL', result.panoramaurl) |
|---|
| | | this.$store.commit('SET_POPUPIMGATLAS', imgArr) |
|---|
| | | |
|---|
| | | if (result.videourl && result.videourl != '') { |
|---|
| | | this.$store.commit('SET_MONITORURL', result.videourl) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.newPopup(result) |
|---|
| | | this.viewer.flyToPosition( |
|---|
| | | new this.DC.Position(Number(result.jd), Number(result.wd), 300, Number(result.heading), Number(result.pitch), Number(result.roll)), |
|---|
| | | function () { |
|---|
| | | }, |
|---|
| | | 3 |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | newPopup (item) { |
|---|
| | | const position = this.DC.Transform.transformWGS84ToCartesian(new this.DC.Position(Number(item.jd), Number(item.wd), Number(item.gd))) |
|---|
| | | // eslint-disable-next-line no-unused-vars |
|---|
| | | var popup = new this.DC.DivForms(this.viewer, { |
|---|
| | | domId: 'divFormsDomBox', |
|---|
| | | position: [ |
|---|
| | | position |
|---|
| | | ] |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_PANORAMAPOPUP', false) |
|---|
| | | this.$store.commit('SET_MONITORPOPUP', false) |
|---|
| | | this.$store.commit('SET_DETAILSPOPUP', true) |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_PANORAMAPOPUP", false); |
|---|
| | | this.$store.commit("SET_MONITORPOPUP", false); |
|---|
| | | this.$store.commit("SET_DETAILSPOPUP", true); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | if (this.ourLayer != null) { |
|---|
| | | this.ourLayer.remove(); |
|---|
| | | this.ourLayer = null; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_DETAILSPOPUP", false); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped lang='scss'> |
|---|
| | | </style> |
|---|
| | | <style scoped lang="scss"></style> |
|---|
| | |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped lang='scss'> |
|---|
| | | </style> |
|---|
| | | <style scoped lang="scss"></style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="layout-container"> |
|---|
| | | <el-container> |
|---|
| | | <el-header id="pcElHeader"> |
|---|
| | | <img src="/img/logo.png" alt /> |
|---|
| | | <div class="header-title">智慧社区大数据三维可视化平台</div> |
|---|
| | | <el-menu |
|---|
| | | :default-active="$router.currentRoute.path" |
|---|
| | | class="el-menu-demo" |
|---|
| | | mode="horizontal" |
|---|
| | | @select="handleSelect" |
|---|
| | | background-color="#2196f3" |
|---|
| | | text-color="#fff" |
|---|
| | | active-text-color="#fff" |
|---|
| | | :router="true" |
|---|
| | | > |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/mapnav"> <i class='custom-icon menu-dtdl'></i> 地图导览</el-menu-item> --> |
|---|
| | | <div class="layout-container"> |
|---|
| | | <el-container> |
|---|
| | | <el-header id="pcElHeader"> |
|---|
| | | <img src="/img/logo.png" alt /> |
|---|
| | | <div class="header-title">智慧校区大数据三维可视化平台</div> |
|---|
| | | <el-menu |
|---|
| | | :default-active="$router.currentRoute.path" |
|---|
| | | class="el-menu-demo" |
|---|
| | | mode="horizontal" |
|---|
| | | @select="handleSelect" |
|---|
| | | background-color="#2196f3" |
|---|
| | | text-color="#fff" |
|---|
| | | active-text-color="#fff" |
|---|
| | | :router="true" |
|---|
| | | > |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/mapnav"> <i class='custom-icon menu-dtdl'></i> 地图导览</el-menu-item> --> |
|---|
| | | |
|---|
| | | <el-submenu index="orgnav"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-jg"></i> 社区内机构导览 |
|---|
| | | </template> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/orgnav/masses">党群机构</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/orgnav/ofc">职能部处</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/orgnav/directly">直属及附属单位</el-menu-item> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/orgnav/teaching">教学与科研机构</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/orgnav/rest">其他机构</el-menu-item> |
|---|
| | | </el-submenu> |
|---|
| | | <el-submenu index="orgnav"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-jg"></i> 校区内机构导览 |
|---|
| | | </template> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/orgnav/masses">党群机构</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/orgnav/ofc">职能部处</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/orgnav/directly" |
|---|
| | | >直属及附属单位</el-menu-item |
|---|
| | | > |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/orgnav/teaching">教学与科研机构</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/orgnav/rest" |
|---|
| | | >其他机构</el-menu-item |
|---|
| | | > |
|---|
| | | </el-submenu> |
|---|
| | | |
|---|
| | | <el-submenu index="arc"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-xyjz"></i> 社区建筑 |
|---|
| | | </template> |
|---|
| | | <el-menu-item index="/pcLayout/default/arc/edifact">行政办公</el-menu-item> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/arc/teaching">教学科研</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/arc/venue">社区场馆</el-menu-item> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/arc/dorm">社区宿舍</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/arc/culture">文化风景</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/arc/family">家属住宅</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/arc/rest">主要楼宇</el-menu-item> |
|---|
| | | </el-submenu> |
|---|
| | | <el-submenu index="arc"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-xyjz"></i> 校区建筑 |
|---|
| | | </template> |
|---|
| | | <el-menu-item index="/pcLayout/default/arc/edifact" |
|---|
| | | >行政办公</el-menu-item |
|---|
| | | > |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/arc/teaching">教学科研</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/arc/venue" |
|---|
| | | >校区场馆</el-menu-item |
|---|
| | | > |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/arc/dorm">校区宿舍</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/arc/culture">文化风景</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/arc/family">家属住宅</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/arc/rest" |
|---|
| | | >主要楼宇</el-menu-item |
|---|
| | | > |
|---|
| | | </el-submenu> |
|---|
| | | |
|---|
| | | <el-submenu index="service"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-shfw"></i> 生活服务设施 |
|---|
| | | </template> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/canteen">食堂餐厅</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/supermarket">购物超市</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/service/medical">社区医疗</el-menu-item> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/express">邮寄快递</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/showers">社区浴室</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/transfer">圈存机</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/copy">打字复印</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/bank">银行网点</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/aed">AED</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/service">通信营业厅</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/service/park">停车场</el-menu-item> |
|---|
| | | <el-menu-item index="/pcLayout/default/service/alleyway">出入口</el-menu-item> |
|---|
| | | </el-submenu> |
|---|
| | | <el-submenu index="service"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-shfw"></i> 生活服务设施 |
|---|
| | | </template> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/canteen">食堂餐厅</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/supermarket">购物超市</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/service/medical" |
|---|
| | | >校区医疗</el-menu-item |
|---|
| | | > |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/express">邮寄快递</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/showers">校区浴室</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/transfer">圈存机</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/copy">打字复印</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/bank">银行网点</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/aed">AED</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/service/service">通信营业厅</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/service/park" |
|---|
| | | >停车场</el-menu-item |
|---|
| | | > |
|---|
| | | <el-menu-item index="/pcLayout/default/service/alleyway" |
|---|
| | | >出入口</el-menu-item |
|---|
| | | > |
|---|
| | | </el-submenu> |
|---|
| | | |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/campusnav"> <i class='custom-icon menu-xydl'></i> 社区导览</el-menu-item> --> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/campusnav"> <i class='custom-icon menu-xydl'></i> 校区导览</el-menu-item> --> |
|---|
| | | |
|---|
| | | <el-menu-item index="/pcLayout/default/campusnavi"> |
|---|
| | | <i class="custom-icon menu-xydh"></i> 社区导航 |
|---|
| | | </el-menu-item> |
|---|
| | | <el-menu-item index="/pcLayout/default/campusnavi"> |
|---|
| | | <i class="custom-icon menu-xydh"></i> 校区导航 |
|---|
| | | </el-menu-item> |
|---|
| | | |
|---|
| | | <el-submenu index="specialmap"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-ztdt"></i> 专题地图 |
|---|
| | | </template> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/specialmap/celebrate">社区庆</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/specialmap/welcome">社区迎新</el-menu-item> |
|---|
| | | </el-submenu> |
|---|
| | | <el-submenu index="specialmap"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-ztdt"></i> 专题地图 |
|---|
| | | </template> |
|---|
| | | <!-- <el-menu-item index="/pcLayout/default/specialmap/celebrate">校区庆</el-menu-item> --> |
|---|
| | | <el-menu-item index="/pcLayout/default/specialmap/welcome" |
|---|
| | | >校区迎新</el-menu-item |
|---|
| | | > |
|---|
| | | </el-submenu> |
|---|
| | | |
|---|
| | | <el-submenu index="tool"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-tool"></i> 工具 |
|---|
| | | </template> |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/download">地图下载</el-menu-item> |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/sign">地图标记</el-menu-item> |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/ranging">地图测距</el-menu-item> |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/area">地图测面</el-menu-item> |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/layer-manage">图层管理</el-menu-item> |
|---|
| | | </el-submenu> |
|---|
| | | </el-menu> |
|---|
| | | </el-header> |
|---|
| | | <el-main> |
|---|
| | | <router-view /> |
|---|
| | | </el-main> |
|---|
| | | </el-container> |
|---|
| | | </div> |
|---|
| | | <el-submenu index="tool"> |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="custom-icon menu-tool"></i> 工具 |
|---|
| | | </template> |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/download" |
|---|
| | | >地图下载</el-menu-item |
|---|
| | | > |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/sign" |
|---|
| | | >地图标记</el-menu-item |
|---|
| | | > |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/ranging" |
|---|
| | | >地图测距</el-menu-item |
|---|
| | | > |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/area" |
|---|
| | | >地图测面</el-menu-item |
|---|
| | | > |
|---|
| | | <el-menu-item index="/pcLayout/default/tool/layer-manage" |
|---|
| | | >图层管理</el-menu-item |
|---|
| | | > |
|---|
| | | </el-submenu> |
|---|
| | | </el-menu> |
|---|
| | | </el-header> |
|---|
| | | <el-main> |
|---|
| | | <router-view /> |
|---|
| | | </el-main> |
|---|
| | | </el-container> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return {} |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | handleSelect (key, keyPath) { |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | handleSelect(key, keyPath) {}, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 文化风景 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:56:08 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 文化风景 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:56:08 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '文化风景') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', 5) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", "文化风景"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", 5); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 社区宿舍 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:25:14 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 校区宿舍 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:25:14 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '社区宿舍') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', 4) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", "校区宿舍"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", 4); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 行政办公 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:23:28 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 行政办公 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:23:28 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '行政办公') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', 1) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", "行政办公"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", 1); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 家属住宅 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:25:24 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 家属住宅 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:25:24 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '家属住宅') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', 6) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", "家属住宅"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", 6); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 主要楼宇 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:25:28 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 主要楼宇 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:25:28 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '主要楼宇') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', 7) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", "主要楼宇"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", 7); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 教学科研 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:54:33 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 教学科研 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:54:33 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '教学科研') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', 2) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", "教学科研"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", 2); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 社区场馆 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:25:37 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 校区场馆 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:25:37 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '社区场馆') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', 3) |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', true) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", "校区场馆"); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", 3); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", true); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | 社区导览 |
|---|
| | | </div> |
|---|
| | | <div>校区导览</div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | |
|---|
| | | } |
|---|
| | | export default {}; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 直属及附属单位 |
|---|
| | | * @Date: 2021-11-15 10:02:12 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:25:45 |
|---|
| | | */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | /* * @Author: Morpheus * @Name: 直属及附属单位 * @Date: 2021-11-15 10:02:12 * |
|---|
| | | @Last Modified by: Morpheus * @Last Modified time: 2021-12-30 14:25:45 */ |
|---|
| | | <template> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getList } from '@/api/pc/orgnav/index' |
|---|
| | | import { getList } from "@/api/pc/orgnav/index"; |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | list: [] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '直属及附属单位') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', true) |
|---|
| | | |
|---|
| | | getList({ type: 3 }).then(res => { |
|---|
| | | res.data.data.records.forEach(item => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: '/img/navicon/tag.png', |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', this.list) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | list: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", "直属及附属单位"); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", true); |
|---|
| | | |
|---|
| | | getList({ type: 3 }).then((res) => { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: "/img/navicon/tag.png", |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", this.list); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 党群机构 |
|---|
| | | * @Date: 2021-11-15 10:02:12 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:25:52 |
|---|
| | | */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | /* * @Author: Morpheus * @Name: 党群机构 * @Date: 2021-11-15 10:02:12 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:25:52 */ |
|---|
| | | <template> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getList } from '@/api/pc/orgnav/index' |
|---|
| | | import { getList } from "@/api/pc/orgnav/index"; |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | list: [] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '党群机构') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', true) |
|---|
| | | |
|---|
| | | getList({ type: 1 }).then(res => { |
|---|
| | | res.data.data.records.forEach(item => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: '/img/navicon/tag.png', |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', this.list) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | list: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", "党群机构"); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", true); |
|---|
| | | |
|---|
| | | getList({ type: 1 }).then((res) => { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: "/img/navicon/tag.png", |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", this.list); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 职能部处 |
|---|
| | | * @Date: 2021-11-15 10:02:12 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:25:58 |
|---|
| | | */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | /* * @Author: Morpheus * @Name: 职能部处 * @Date: 2021-11-15 10:02:12 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:25:58 */ |
|---|
| | | <template> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getList } from '@/api/pc/orgnav/index' |
|---|
| | | import { getList } from "@/api/pc/orgnav/index"; |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | list: [] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '职能部处') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', true) |
|---|
| | | |
|---|
| | | getList({ type: 2 }).then(res => { |
|---|
| | | res.data.data.records.forEach(item => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: '/img/navicon/tag.png', |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', this.list) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | list: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", "职能部处"); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", true); |
|---|
| | | |
|---|
| | | getList({ type: 2 }).then((res) => { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: "/img/navicon/tag.png", |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", this.list); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 其他机构 |
|---|
| | | * @Date: 2021-11-15 10:02:12 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:26:06 |
|---|
| | | */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | /* * @Author: Morpheus * @Name: 其他机构 * @Date: 2021-11-15 10:02:12 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:26:06 */ |
|---|
| | | <template> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getList } from '@/api/pc/orgnav/index' |
|---|
| | | import { getList } from "@/api/pc/orgnav/index"; |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | list: [] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '其他机构') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', true) |
|---|
| | | |
|---|
| | | getList({ type: 5 }).then(res => { |
|---|
| | | res.data.data.records.forEach(item => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: '/img/navicon/tag.png', |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', this.list) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | list: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", "其他机构"); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", true); |
|---|
| | | |
|---|
| | | getList({ type: 5 }).then((res) => { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: "/img/navicon/tag.png", |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", this.list); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 教学与科研机构 |
|---|
| | | * @Date: 2021-11-15 10:02:12 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:26:13 |
|---|
| | | */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | /* * @Author: Morpheus * @Name: 教学与科研机构 * @Date: 2021-11-15 10:02:12 * |
|---|
| | | @Last Modified by: Morpheus * @Last Modified time: 2021-12-30 14:26:13 */ |
|---|
| | | <template> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getList } from '@/api/pc/orgnav/index' |
|---|
| | | import { getList } from "@/api/pc/orgnav/index"; |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | list: [] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '教学与科研机构') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', true) |
|---|
| | | |
|---|
| | | getList({ type: 4 }).then(res => { |
|---|
| | | res.data.data.records.forEach(item => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: '/img/navicon/tag.png', |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', this.list) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | beforeDestroy () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | list: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", "教学与科研机构"); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", true); |
|---|
| | | |
|---|
| | | getList({ type: 4 }).then((res) => { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | this.list.push({ |
|---|
| | | navTitle: item.mechanismname, |
|---|
| | | icon: "/img/navicon/tag.png", |
|---|
| | | longitude: item.jd, |
|---|
| | | latitude: item.wd, |
|---|
| | | alt: item.gd, |
|---|
| | | heading: item.heading, |
|---|
| | | pitch: item.pitch, |
|---|
| | | roll: item.roll, |
|---|
| | | bgImg: item.tpurl, |
|---|
| | | QRImg: item.codeurl, |
|---|
| | | address: item.address, |
|---|
| | | telephone: item.telephone, |
|---|
| | | introduce: item.introduce, |
|---|
| | | videourl: item.videourl, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", this.list); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | methods: {}, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: AED |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:29:14 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: AED * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:29:14 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: 'AED', |
|---|
| | | code: 9, |
|---|
| | | headerLog: '/img/icon/service-aed.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "AED", |
|---|
| | | code: 9, |
|---|
| | | headerLog: "/img/icon/service-aed.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 出入口 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:29:24 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 出入口 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:29:24 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '出入口', |
|---|
| | | code: 12, |
|---|
| | | headerLog: '/img/icon/service-cr.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "出入口", |
|---|
| | | code: 12, |
|---|
| | | headerLog: "/img/icon/service-cr.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 银行网点 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:29:31 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 银行网点 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:29:31 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '银行网点', |
|---|
| | | code: 8, |
|---|
| | | headerLog: '/img/icon/service-yh.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "银行网点", |
|---|
| | | code: 8, |
|---|
| | | headerLog: "/img/icon/service-yh.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 食堂餐厅 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:30:54 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 食堂餐厅 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:30:54 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '食堂餐厅', |
|---|
| | | code: 1, |
|---|
| | | headerLog: '/img/icon/service-st.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "食堂餐厅", |
|---|
| | | code: 1, |
|---|
| | | headerLog: "/img/icon/service-st.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 打字复印 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:29:40 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 打字复印 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:29:40 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '打字复印', |
|---|
| | | code: 7, |
|---|
| | | headerLog: '/img/icon/service-fy.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "打字复印", |
|---|
| | | code: 7, |
|---|
| | | headerLog: "/img/icon/service-fy.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 邮寄快递 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:31:05 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 邮寄快递 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:31:05 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '邮寄快递', |
|---|
| | | code: 4, |
|---|
| | | headerLog: '/img/icon/service-kd.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "邮寄快递", |
|---|
| | | code: 4, |
|---|
| | | headerLog: "/img/icon/service-kd.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 社区内医疗 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:29:54 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 校区内医疗 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:29:54 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '社区内医疗', |
|---|
| | | code: 3, |
|---|
| | | headerLog: '/img/icon/service-yl.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "校区内医疗", |
|---|
| | | code: 3, |
|---|
| | | headerLog: "/img/icon/service-yl.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 停车场 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:29:59 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 停车场 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:29:59 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '停车场', |
|---|
| | | code: 11, |
|---|
| | | headerLog: '/img/icon/service-tc.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "停车场", |
|---|
| | | code: 11, |
|---|
| | | headerLog: "/img/icon/service-tc.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 通信营业厅 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:30:05 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 通信营业厅 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:30:05 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '通信营业厅', |
|---|
| | | code: 10, |
|---|
| | | headerLog: '/img/icon/service-tx.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "通信营业厅", |
|---|
| | | code: 10, |
|---|
| | | headerLog: "/img/icon/service-tx.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 社区浴室 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2021-12-30 14:31:23 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 校区浴室 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2021-12-30 14:31:23 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '社区浴室', |
|---|
| | | code: 5, |
|---|
| | | headerLog: '/img/icon/service-ys.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "校区浴室", |
|---|
| | | code: 5, |
|---|
| | | headerLog: "/img/icon/service-ys.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 购物超市 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:30:12 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 购物超市 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:30:12 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '购物超市', |
|---|
| | | code: 2, |
|---|
| | | headerLog: '/img/icon/service-cs.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "购物超市", |
|---|
| | | code: 2, |
|---|
| | | headerLog: "/img/icon/service-cs.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 圈存机 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-25 09:30:17 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 圈存机 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-25 09:30:17 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '圈存机', |
|---|
| | | code: 6, |
|---|
| | | headerLog: '/img/icon/service-qcj.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit('SET_SEARCHPOPUPFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag', |
|---|
| | | 'searchPopupFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "圈存机", |
|---|
| | | code: 6, |
|---|
| | | headerLog: "/img/icon/service-qcj.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | if (this.searchPopupFlag == true) { |
|---|
| | | this.$store.commit("SET_SEARCHPOPUPFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | "searchPopupFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 社区庆 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-05 14:05:59 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 校区庆 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-05 14:05:59 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog"></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <service-nav-bar |
|---|
| | | :title="title" |
|---|
| | | :arcCode="code" |
|---|
| | | :headerLog="headerLog" |
|---|
| | | ></service-nav-bar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | title: '圈存机', |
|---|
| | | code: 6, |
|---|
| | | headerLog: '/img/icon/service-qcj.png' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ORGNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ORGNAVBARLIST', []) |
|---|
| | | this.$store.commit('SET_ORGNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit('SET_ARCNAVBARTITLE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARCODE', '') |
|---|
| | | this.$store.commit('SET_ARCNAVBARFLAG', false) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | title: "圈存机", |
|---|
| | | code: 6, |
|---|
| | | headerLog: "/img/icon/service-qcj.png", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.orgNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ORGNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ORGNAVBARLIST", []); |
|---|
| | | this.$store.commit("SET_ORGNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.arcNavBarFlag == true) { |
|---|
| | | this.$store.commit("SET_ARCNAVBARTITLE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARCODE", ""); |
|---|
| | | this.$store.commit("SET_ARCNAVBARFLAG", false); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | <style></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 社区迎新 |
|---|
| | | * @Date: 2021-11-15 17:14:47 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-01-26 10:51:24 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 校区迎新 * @Date: 2021-11-15 17:14:47 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-01-26 10:51:24 */ |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <div class="welcome-container"> |
|---|
| | | <div class="header"> |
|---|
| | | <div class="title"> |
|---|
| | | {{ title }} |
|---|
| | | <a href="javascript:void(0);" |
|---|
| | | title="全景浏览"> |
|---|
| | | <img @click="panoramaPlay" |
|---|
| | | class="panorama-control" |
|---|
| | | src="/img/icon/panorama.png" |
|---|
| | | alt=""> |
|---|
| | | </a> |
|---|
| | | <a href="javascript:void(0);" |
|---|
| | | title="语音介绍"> |
|---|
| | | <img @click="audioPlay" |
|---|
| | | class="audio-control" |
|---|
| | | src="/img/navicon/audio.png" |
|---|
| | | alt=""> |
|---|
| | | </a> |
|---|
| | | <a href="javascript:void(0);" |
|---|
| | | title="关闭"> |
|---|
| | | <img @click="closeModel" |
|---|
| | | class="close-box" |
|---|
| | | src="/img/navicon/close.png" |
|---|
| | | alt=""> |
|---|
| | | </a> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="content-box"> |
|---|
| | | <div class="img-exhibition"> |
|---|
| | | <div class="content"> |
|---|
| | | <el-carousel :interval="5000" |
|---|
| | | arrow="always" |
|---|
| | | height="300px"> |
|---|
| | | <el-carousel-item v-for="item in list" |
|---|
| | | :key="item"> |
|---|
| | | <el-image :src="item" |
|---|
| | | :preview-src-list="[item]"> |
|---|
| | | </el-image> |
|---|
| | | </el-carousel-item> |
|---|
| | | </el-carousel> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="organizer"> |
|---|
| | | 主办：{{ sponsor }} |
|---|
| | | </div> |
|---|
| | | <div class="undertake"> |
|---|
| | | 承办：{{ undertake }} |
|---|
| | | </div> |
|---|
| | | <div class="time-box"> |
|---|
| | | 时间：{{ time }} |
|---|
| | | </div> |
|---|
| | | <div class="text-introduce"> |
|---|
| | | <div class="title"> |
|---|
| | | 相关介绍： |
|---|
| | | </div> |
|---|
| | | <div class="content"> |
|---|
| | | <p v-text="introduce"> |
|---|
| | | |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="panorama-box" v-show="panoramaShow"> |
|---|
| | | <div class="title"> |
|---|
| | | 全景浏览 |
|---|
| | | <a href="javascript:void(0);" |
|---|
| | | title="关闭"> |
|---|
| | | <img @click="panoramaShow = false, panoramaUrl = ''" |
|---|
| | | class="close-box" |
|---|
| | | src="/img/navicon/close.png" |
|---|
| | | alt=""> |
|---|
| | | </a> |
|---|
| | | </div> |
|---|
| | | <div class="content"> |
|---|
| | | <iframe style="width: 100%; height: 100%" :src="panoramaUrl" frameborder="0"></iframe> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <div class="welcome-container"> |
|---|
| | | <div class="header"> |
|---|
| | | <div class="title"> |
|---|
| | | {{ title }} |
|---|
| | | <a href="javascript:void(0);" title="全景浏览"> |
|---|
| | | <img |
|---|
| | | @click="panoramaPlay" |
|---|
| | | class="panorama-control" |
|---|
| | | src="/img/icon/panorama.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </a> |
|---|
| | | <a href="javascript:void(0);" title="语音介绍"> |
|---|
| | | <img |
|---|
| | | @click="audioPlay" |
|---|
| | | class="audio-control" |
|---|
| | | src="/img/navicon/audio.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </a> |
|---|
| | | <a href="javascript:void(0);" title="关闭"> |
|---|
| | | <img |
|---|
| | | @click="closeModel" |
|---|
| | | class="close-box" |
|---|
| | | src="/img/navicon/close.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </a> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="content-box"> |
|---|
| | | <div class="img-exhibition"> |
|---|
| | | <div class="content"> |
|---|
| | | <el-carousel :interval="5000" arrow="always" height="300px"> |
|---|
| | | <el-carousel-item v-for="item in list" :key="item"> |
|---|
| | | <el-image :src="item" :preview-src-list="[item]"> </el-image> |
|---|
| | | </el-carousel-item> |
|---|
| | | </el-carousel> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="organizer">主办：{{ sponsor }}</div> |
|---|
| | | <div class="undertake">承办：{{ undertake }}</div> |
|---|
| | | <div class="time-box">时间：{{ time }}</div> |
|---|
| | | <div class="text-introduce"> |
|---|
| | | <div class="title">相关介绍：</div> |
|---|
| | | <div class="content"> |
|---|
| | | <p v-text="introduce"></p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="panorama-box" v-show="panoramaShow"> |
|---|
| | | <div class="title"> |
|---|
| | | 全景浏览 |
|---|
| | | <a href="javascript:void(0);" title="关闭"> |
|---|
| | | <img |
|---|
| | | @click="(panoramaShow = false), (panoramaUrl = '')" |
|---|
| | | class="close-box" |
|---|
| | | src="/img/navicon/close.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </a> |
|---|
| | | </div> |
|---|
| | | <div class="content"> |
|---|
| | | <iframe |
|---|
| | | style="width: 100%; height: 100%" |
|---|
| | | :src="panoramaUrl" |
|---|
| | | frameborder="0" |
|---|
| | | ></iframe> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { getWelcome } from '@/api/pc/public/specialmap' |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { getWelcome } from "@/api/pc/public/specialmap"; |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | time: '', |
|---|
| | | sponsor: '', |
|---|
| | | undertake: '', |
|---|
| | | title: '', |
|---|
| | | introduce: '', |
|---|
| | | list: [], |
|---|
| | | pathList: [], |
|---|
| | | pointNameList: [], |
|---|
| | | pointList: [], |
|---|
| | | DC: null, |
|---|
| | | pathLayer: null, |
|---|
| | | pointLayer: null, |
|---|
| | | panoramaUrlOne: '', |
|---|
| | | panoramaUrl: '', |
|---|
| | | audioSource: '', |
|---|
| | | audioFlag: false, |
|---|
| | | audioCourse: false, |
|---|
| | | audioSynth: null, |
|---|
| | | audioMsg: null, |
|---|
| | | panoramaShow: false |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | time: "", |
|---|
| | | sponsor: "", |
|---|
| | | undertake: "", |
|---|
| | | title: "", |
|---|
| | | introduce: "", |
|---|
| | | list: [], |
|---|
| | | pathList: [], |
|---|
| | | pointNameList: [], |
|---|
| | | pointList: [], |
|---|
| | | DC: null, |
|---|
| | | pathLayer: null, |
|---|
| | | pointLayer: null, |
|---|
| | | panoramaUrlOne: "", |
|---|
| | | panoramaUrl: "", |
|---|
| | | audioSource: "", |
|---|
| | | audioFlag: false, |
|---|
| | | audioCourse: false, |
|---|
| | | audioSynth: null, |
|---|
| | | audioMsg: null, |
|---|
| | | panoramaShow: false, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() {}, |
|---|
| | | mounted() { |
|---|
| | | // console.log("显示", "see1"); |
|---|
| | | |
|---|
| | | this.DC = global.DC; |
|---|
| | | |
|---|
| | | this.audioSynth = window.speechSynthesis; |
|---|
| | | |
|---|
| | | this.audioMsg = new window.SpeechSynthesisUtterance(); |
|---|
| | | |
|---|
| | | this.audioMsg.onend = function () { |
|---|
| | | // this.audioSynth.cancel(); |
|---|
| | | this.audioFlag = false; |
|---|
| | | this.audioCourse = false; |
|---|
| | | }; |
|---|
| | | this.getData(); |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | "viewer", |
|---|
| | | // 校区内导航的显示关闭 |
|---|
| | | "campusNavFlag", |
|---|
| | | "orgNavBarFlag", |
|---|
| | | "arcNavBarFlag", |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getData() { |
|---|
| | | getWelcome({ hdname: "校区迎新" }).then((res) => { |
|---|
| | | var result = res.data.data; |
|---|
| | | this.title = result.hdname; |
|---|
| | | this.time = result.time; |
|---|
| | | this.sponsor = result.sponsor; |
|---|
| | | this.undertake = result.undertake; |
|---|
| | | this.panoramaUrl = result.panoramaurl; |
|---|
| | | this.panoramaUrlOne = result.panoramaurl; |
|---|
| | | this.introduce = result.context; |
|---|
| | | this.audioSource = result.context; |
|---|
| | | |
|---|
| | | this.audioPlay(); |
|---|
| | | |
|---|
| | | this.list = result.tpurl.split(","); |
|---|
| | | this.pointNameList = result.addressname.split(","); |
|---|
| | | this.pointList = result.address.split(";"); |
|---|
| | | |
|---|
| | | var a = result.lx.split(";"); |
|---|
| | | |
|---|
| | | a.forEach((item) => { |
|---|
| | | var b = item.split("("); |
|---|
| | | var c = b[1].substr(0, b[1].length - 1); |
|---|
| | | var d = c.split(","); |
|---|
| | | var j = []; |
|---|
| | | d.forEach((it) => { |
|---|
| | | var e = it.split(" "); |
|---|
| | | var f = e.join(","); |
|---|
| | | j.push(f); |
|---|
| | | }); |
|---|
| | | var k = j.join(";"); |
|---|
| | | this.pathList.push(k); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.pathLayer = new this.DC.VectorLayer("pathLayer"); |
|---|
| | | this.viewer.addLayer(this.pathLayer); |
|---|
| | | |
|---|
| | | this.pointLayer = new this.DC.HtmlLayer("pointLayer"); |
|---|
| | | this.viewer.addLayer(this.pointLayer); |
|---|
| | | |
|---|
| | | this.pathList.forEach((item) => { |
|---|
| | | this.drawPolyline(item); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.pointList.forEach((item, index) => { |
|---|
| | | this.drawPoint(item.split(","), this.pointNameList[index]); |
|---|
| | | }); |
|---|
| | | if (this.pointList.length > 0) { |
|---|
| | | this.$store.dispatch("pcMoveView", { |
|---|
| | | viewer: this.viewer, |
|---|
| | | jd: +this.pointList[0].split(",")[0] - 0.0005, |
|---|
| | | wd: this.pointList[0].split(",")[1], |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.$store.dispatch("pcMoveView", { |
|---|
| | | viewer: this.viewer, |
|---|
| | | jd: +this.pathList[0].split(";")[0].split(",")[0] - 0.0005, |
|---|
| | | wd: this.pathList[0].split(";")[0].split(",")[1], |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | drawPolyline(item) { |
|---|
| | | const polyline = new this.DC.Polyline(item); |
|---|
| | | |
|---|
| | | polyline.setStyle({ |
|---|
| | | width: 6, |
|---|
| | | arcType: true, |
|---|
| | | material: new this.DC.PolylineImageTrailMaterialProperty({ |
|---|
| | | color: new this.DC.Color(255, 0, 0), |
|---|
| | | speed: 60, |
|---|
| | | image: "/img/icon/right.png", |
|---|
| | | repeat: { x: 320, y: 1 }, |
|---|
| | | }), |
|---|
| | | clampToGround: true, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.pathLayer.addOverlay(polyline); |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | this.DC = global.DC |
|---|
| | | |
|---|
| | | this.audioSynth = window.speechSynthesis |
|---|
| | | |
|---|
| | | this.audioMsg = new window.SpeechSynthesisUtterance() |
|---|
| | | |
|---|
| | | this.audioMsg.onend = function () { |
|---|
| | | this.audioSynth.cancel() |
|---|
| | | this.audioFlag = false |
|---|
| | | this.audioCourse = false |
|---|
| | | } |
|---|
| | | |
|---|
| | | getWelcome({ hdname: '社区迎新' }).then((res) => { |
|---|
| | | var result = res.data.data |
|---|
| | | this.title = result.hdname |
|---|
| | | this.time = result.time |
|---|
| | | this.sponsor = result.sponsor |
|---|
| | | this.undertake = result.undertake |
|---|
| | | this.panoramaUrl = result.panoramaurl |
|---|
| | | this.panoramaUrlOne = result.panoramaurl |
|---|
| | | this.introduce = result.context |
|---|
| | | this.audioSource = result.context |
|---|
| | | this.list = result.tpurl.split(',') |
|---|
| | | this.pointNameList = result.addressname.split(',') |
|---|
| | | this.pointList = result.address.split(';') |
|---|
| | | |
|---|
| | | var a = result.lx.split(';') |
|---|
| | | |
|---|
| | | a.forEach(item => { |
|---|
| | | var b = item.split('(') |
|---|
| | | var c = b[1].substr(0, b[1].length - 1) |
|---|
| | | var d = c.split(',') |
|---|
| | | var j = [] |
|---|
| | | d.forEach(it => { |
|---|
| | | var e = it.split(' ') |
|---|
| | | var f = e.join(',') |
|---|
| | | j.push(f) |
|---|
| | | }) |
|---|
| | | var k = j.join(';') |
|---|
| | | this.pathList.push(k) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.pathLayer = new this.DC.VectorLayer('pathLayer') |
|---|
| | | this.viewer.addLayer(this.pathLayer) |
|---|
| | | |
|---|
| | | this.pointLayer = new this.DC.HtmlLayer('pointLayer') |
|---|
| | | this.viewer.addLayer(this.pointLayer) |
|---|
| | | |
|---|
| | | this.pathList.forEach(item => { |
|---|
| | | this.drawPolyline(item) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.pointList.forEach((item, index) => { |
|---|
| | | this.drawPoint(item.split(','), this.pointNameList[index]) |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | 'viewer', |
|---|
| | | // 社区内导航的显示关闭 |
|---|
| | | 'campusNavFlag', |
|---|
| | | 'orgNavBarFlag', |
|---|
| | | 'arcNavBarFlag' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | drawPolyline (item) { |
|---|
| | | const polyline = new this.DC.Polyline(item) |
|---|
| | | |
|---|
| | | polyline.setStyle({ |
|---|
| | | width: 6, |
|---|
| | | arcType: true, |
|---|
| | | material: new this.DC.PolylineImageTrailMaterialProperty({ |
|---|
| | | color: new this.DC.Color(255, 0, 0), |
|---|
| | | speed: 60, |
|---|
| | | image: '/img/icon/right.png', |
|---|
| | | repeat: { x: 320, y: 1 } |
|---|
| | | }), |
|---|
| | | clampToGround: true |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.pathLayer.addOverlay(polyline) |
|---|
| | | }, |
|---|
| | | drawPoint (item, name) { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new this.DC.Position(Number(item[0]), Number(item[1]), 0), |
|---|
| | | ` |
|---|
| | | drawPoint(item, name) { |
|---|
| | | const divIcon = new this.DC.DivIcon( |
|---|
| | | new this.DC.Position(Number(item[0]), Number(item[1]), 0), |
|---|
| | | ` |
|---|
| | | <div class="point-entitys-box"> |
|---|
| | | <div class="point-logo"> |
|---|
| | | <img src="/img/icon/activity.png"> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ) |
|---|
| | | this.pointLayer.addOverlay(divIcon) |
|---|
| | | }, |
|---|
| | | audioPlay () { |
|---|
| | | if (this.audioFlag == false) { |
|---|
| | | this.audioMsg.text = this.audioSource |
|---|
| | | this.audioSynth.speak(this.audioMsg) |
|---|
| | | this.audioFlag = true |
|---|
| | | this.audioCourse = true |
|---|
| | | } else { |
|---|
| | | if (this.audioCourse == true) { |
|---|
| | | this.audioSynth.pause() |
|---|
| | | this.audioCourse = false |
|---|
| | | } else { |
|---|
| | | this.audioSynth.resume() |
|---|
| | | this.audioCourse = true |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | closeModel () { |
|---|
| | | this.viewer.removeLayer(this.pathLayer) |
|---|
| | | this.viewer.removeLayer(this.pointLayer) |
|---|
| | | |
|---|
| | | this.audioSynth.cancel() |
|---|
| | | this.audioFlag = false |
|---|
| | | this.audioCourse = false |
|---|
| | | |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | }, |
|---|
| | | panoramaPlay () { |
|---|
| | | this.panoramaShow = true |
|---|
| | | this.panoramaUrl = this.panoramaUrlOne |
|---|
| | | ); |
|---|
| | | this.pointLayer.addOverlay(divIcon); |
|---|
| | | }, |
|---|
| | | audioPlay() { |
|---|
| | | if (this.audioFlag == false) { |
|---|
| | | this.audioMsg.text = this.audioSource; |
|---|
| | | this.audioSynth.speak(this.audioMsg); |
|---|
| | | this.audioFlag = true; |
|---|
| | | this.audioCourse = true; |
|---|
| | | } else { |
|---|
| | | if (this.audioCourse == true) { |
|---|
| | | this.audioSynth.pause(); |
|---|
| | | this.audioCourse = false; |
|---|
| | | } else { |
|---|
| | | this.audioSynth.resume(); |
|---|
| | | this.audioCourse = true; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | closeModel() { |
|---|
| | | this.viewer.removeLayer(this.pathLayer); |
|---|
| | | this.viewer.removeLayer(this.pointLayer); |
|---|
| | | |
|---|
| | | } |
|---|
| | | this.audioSynth.cancel(); |
|---|
| | | this.audioFlag = false; |
|---|
| | | this.audioCourse = false; |
|---|
| | | |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | }, |
|---|
| | | panoramaPlay() { |
|---|
| | | this.panoramaShow = true; |
|---|
| | | this.panoramaUrl = this.panoramaUrlOne; |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | // this.audioPlay(); |
|---|
| | | // console.log("关闭", "see1"); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang='scss' scope> |
|---|
| | | <style lang="scss" scope> |
|---|
| | | .welcome-container { |
|---|
| | | padding: 10px; |
|---|
| | | position: fixed; |
|---|
| | | top: 132px; |
|---|
| | | left: 132px; |
|---|
| | | width: 480px; |
|---|
| | | height: 720px; |
|---|
| | | background: rgba(40, 187, 240, 0.7); |
|---|
| | | border-radius: 10px; |
|---|
| | | color: #fff; |
|---|
| | | border: 1px solid #29baf1; |
|---|
| | | box-shadow: 0 0 10px 2px #29baf1; |
|---|
| | | padding: 10px; |
|---|
| | | position: fixed; |
|---|
| | | top: 132px; |
|---|
| | | left: 132px; |
|---|
| | | width: 480px; |
|---|
| | | height: 720px; |
|---|
| | | background: rgba(40, 187, 240, 0.7); |
|---|
| | | border-radius: 10px; |
|---|
| | | color: #fff; |
|---|
| | | border: 1px solid #29baf1; |
|---|
| | | box-shadow: 0 0 10px 2px #29baf1; |
|---|
| | | |
|---|
| | | .header { |
|---|
| | | .header { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | text-align: center; |
|---|
| | | position: relative; |
|---|
| | | background: #29baf1; |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | .panorama-control { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 56px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .audio-control { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 32px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .close-box { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 8px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content-box { |
|---|
| | | padding: 0 16px; |
|---|
| | | height: calc(100% - 36px); |
|---|
| | | |
|---|
| | | & > div { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | & > div:last-child { |
|---|
| | | margin-bottom: 0px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .text-introduce { |
|---|
| | | height: calc(100% - 458px); |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | position: relative; |
|---|
| | | padding-left: 24px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | |
|---|
| | | &::before { |
|---|
| | | position: absolute; |
|---|
| | | top: 12px; |
|---|
| | | left: 0; |
|---|
| | | width: 0; |
|---|
| | | height: 6px; |
|---|
| | | border: 6px solid #fff; |
|---|
| | | box-sizing: border-box; |
|---|
| | | box-shadow: 0px 0px 4px 1px #fff; |
|---|
| | | border-radius: 50%; |
|---|
| | | content: ""; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content { |
|---|
| | | height: calc(100% - 36px); |
|---|
| | | |
|---|
| | | p { |
|---|
| | | height: 100%; |
|---|
| | | text-indent: 2em; |
|---|
| | | font-size: 16px; |
|---|
| | | letter-spacing: 2px; |
|---|
| | | line-height: 24px; |
|---|
| | | overflow-y: auto; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .organizer, |
|---|
| | | .undertake, |
|---|
| | | .time-box { |
|---|
| | | padding-left: 24px; |
|---|
| | | position: relative; |
|---|
| | | |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | |
|---|
| | | &::before { |
|---|
| | | position: absolute; |
|---|
| | | top: 12px; |
|---|
| | | left: 0px; |
|---|
| | | width: 0; |
|---|
| | | height: 6px; |
|---|
| | | border: 6px solid #fff; |
|---|
| | | box-sizing: border-box; |
|---|
| | | box-shadow: 0px 0px 4px 1px #fff; |
|---|
| | | border-radius: 50%; |
|---|
| | | content: ""; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .panorama-box { |
|---|
| | | padding: 10px; |
|---|
| | | margin: auto !important; |
|---|
| | | position: fixed; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | z-index: 10; |
|---|
| | | width: 560px; |
|---|
| | | height: 406px; |
|---|
| | | background: rgba(40, 187, 240, 0.7); |
|---|
| | | border-radius: 10px; |
|---|
| | | color: #fff; |
|---|
| | | border: 1px solid #29baf1; |
|---|
| | | box-shadow: 0 0 10px 2px #29baf1; |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | |
|---|
| | | position: relative; |
|---|
| | | background: #29baf1; |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | .panorama-control { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 56px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .audio-control { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 32px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .close-box { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 8px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .panorama-control { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 56px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .audio-control { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 32px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .close-box { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 8px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content { |
|---|
| | | padding: 0 10px; |
|---|
| | | height: calc(100% - 46px); |
|---|
| | | |
|---|
| | | .iframe { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content-box { |
|---|
| | | padding: 0 16px; |
|---|
| | | height: calc(100% - 36px); |
|---|
| | | .img-exhibition { |
|---|
| | | height: 300px; |
|---|
| | | |
|---|
| | | & > div { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | .content { |
|---|
| | | .el-image { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | margin: auto; |
|---|
| | | // width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | |
|---|
| | | & > div:last-child { |
|---|
| | | margin-bottom: 0px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .text-introduce { |
|---|
| | | height: calc(100% - 458px); |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | position: relative; |
|---|
| | | padding-left: 24px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | |
|---|
| | | &::before { |
|---|
| | | position: absolute; |
|---|
| | | top: 12px; |
|---|
| | | left: 0; |
|---|
| | | width: 0; |
|---|
| | | height: 6px; |
|---|
| | | border: 6px solid #fff; |
|---|
| | | box-sizing: border-box; |
|---|
| | | box-shadow: 0px 0px 4px 1px #fff; |
|---|
| | | border-radius: 50%; |
|---|
| | | content: ''; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content { |
|---|
| | | height: calc(100% - 36px); |
|---|
| | | |
|---|
| | | p { |
|---|
| | | height: 100%; |
|---|
| | | text-indent: 2em; |
|---|
| | | font-size: 16px; |
|---|
| | | letter-spacing: 2px; |
|---|
| | | line-height: 24px; |
|---|
| | | overflow-y: auto; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .organizer, |
|---|
| | | .undertake, |
|---|
| | | .time-box { |
|---|
| | | padding-left: 24px; |
|---|
| | | position: relative; |
|---|
| | | |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | |
|---|
| | | &::before { |
|---|
| | | position: absolute; |
|---|
| | | top: 12px; |
|---|
| | | left: 0px; |
|---|
| | | width: 0; |
|---|
| | | height: 6px; |
|---|
| | | border: 6px solid #fff; |
|---|
| | | box-sizing: border-box; |
|---|
| | | box-shadow: 0px 0px 4px 1px #fff; |
|---|
| | | border-radius: 50%; |
|---|
| | | content: ''; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .panorama-box { |
|---|
| | | padding: 10px; |
|---|
| | | margin: auto !important; |
|---|
| | | position: fixed; |
|---|
| | | img { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | z-index: 10; |
|---|
| | | width: 560px; |
|---|
| | | height: 406px; |
|---|
| | | background: rgba(40, 187, 240, 0.7); |
|---|
| | | border-radius: 10px; |
|---|
| | | color: #fff; |
|---|
| | | border: 1px solid #29baf1; |
|---|
| | | box-shadow: 0 0 10px 2px #29baf1; |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | text-align: center; |
|---|
| | | position: relative; |
|---|
| | | background: #29baf1; |
|---|
| | | |
|---|
| | | .panorama-control { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 56px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .audio-control { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 32px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .close-box { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | right: 8px; |
|---|
| | | bottom: 0; |
|---|
| | | left: auto; |
|---|
| | | margin: auto; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content { |
|---|
| | | padding: 0 10px; |
|---|
| | | height: calc(100% - 46px); |
|---|
| | | |
|---|
| | | .iframe { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | margin: auto; |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .img-exhibition { |
|---|
| | | height: 300px; |
|---|
| | | |
|---|
| | | .content { |
|---|
| | | .el-image { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | margin: auto; |
|---|
| | | // width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | |
|---|
| | | img { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | margin: auto; |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 地图测面 |
|---|
| | | * @Date: 2021-11-13 16:04:27 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-02-15 14:27:28 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 地图测面 * @Date: 2021-11-13 16:04:27 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-02-15 14:27:28 */ |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <public-box class="tool-area"> |
|---|
| | | <template slot="public-box-header"> |
|---|
| | | <div class="title"> |
|---|
| | | <img class="icon deblurring" src="/img/icon/tool-area.png" alt /> |
|---|
| | | <span>地图测面</span> |
|---|
| | | </div> |
|---|
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
|---|
| | | </template> |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <el-button type="primary" size="mini" @click.stop="calcDistance">开始</el-button> |
|---|
| | | <public-box class="tool-area"> |
|---|
| | | <template slot="public-box-header"> |
|---|
| | | <div class="title"> |
|---|
| | | <img class="icon deblurring" src="/img/icon/tool-area.png" alt /> |
|---|
| | | <span>地图测面</span> |
|---|
| | | </div> |
|---|
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
|---|
| | | </template> |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <el-button type="primary" size="mini" @click.stop="calcDistance" |
|---|
| | | >开始</el-button |
|---|
| | | > |
|---|
| | | |
|---|
| | | <el-button type="danger" size="mini" @click.stop="deactivate">清除</el-button> |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | | <el-button type="danger" size="mini" @click.stop="deactivate" |
|---|
| | | >清除</el-button |
|---|
| | | > |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(["viewer"]), |
|---|
| | | }, |
|---|
| | | created() {}, |
|---|
| | | methods: { |
|---|
| | | calcDistance() { |
|---|
| | | this.viewer.measure.areaSurface(); |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters([ |
|---|
| | | 'viewer' |
|---|
| | | ]) |
|---|
| | | }, |
|---|
| | | created () { |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | calcDistance () { |
|---|
| | | this.viewer.measure.areaSurface() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | deactivate () { |
|---|
| | | this.viewer.measure.deactivate() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | deactivate() { |
|---|
| | | this.viewer.measure.deactivate(); |
|---|
| | | }, |
|---|
| | | destroyed () { |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | this.viewer.measure.deactivate(); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | this.viewer.measure.deactivate(); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | </style> |
|---|
| | | <style lang="scss" scoped></style> |
|---|
| | |
|---|
| | | /* |
|---|
| | | * @Author: Morpheus |
|---|
| | | * @Name: 地图测距 |
|---|
| | | * @Date: 2021-11-13 16:04:27 |
|---|
| | | * @Last Modified by: Morpheus |
|---|
| | | * @Last Modified time: 2022-02-15 14:28:44 |
|---|
| | | */ |
|---|
| | | /* * @Author: Morpheus * @Name: 地图测距 * @Date: 2021-11-13 16:04:27 * @Last |
|---|
| | | Modified by: Morpheus * @Last Modified time: 2022-02-15 14:28:44 */ |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <public-box class="tool-ranging"> |
|---|
| | | <template slot="public-box-header"> |
|---|
| | | <div class="title"> |
|---|
| | | <img class="icon deblurring" src="/img/icon/tool-ranging.png" alt /> |
|---|
| | | <span>地图测距</span> |
|---|
| | | </div> |
|---|
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
|---|
| | | </template> |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <el-button type="primary" size="mini" @click.stop="calcDistance">开始</el-button> |
|---|
| | | <public-box class="tool-ranging"> |
|---|
| | | <template slot="public-box-header"> |
|---|
| | | <div class="title"> |
|---|
| | | <img class="icon deblurring" src="/img/icon/tool-ranging.png" alt /> |
|---|
| | | <span>地图测距</span> |
|---|
| | | </div> |
|---|
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
|---|
| | | </template> |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <el-button type="primary" size="mini" @click.stop="calcDistance" |
|---|
| | | >开始</el-button |
|---|
| | | > |
|---|
| | | |
|---|
| | | <el-button type="danger" size="mini" @click.stop="deactivate">清除</el-button> |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | | <el-button type="danger" size="mini" @click.stop="deactivate" |
|---|
| | | >清除</el-button |
|---|
| | | > |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | } |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(["viewer"]), |
|---|
| | | }, |
|---|
| | | created() {}, |
|---|
| | | methods: { |
|---|
| | | calcDistance() { |
|---|
| | | this.viewer.measure.distanceSurface(); |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(['viewer']) |
|---|
| | | }, |
|---|
| | | created () { }, |
|---|
| | | methods: { |
|---|
| | | calcDistance () { |
|---|
| | | this.viewer.measure.distanceSurface() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | deactivate () { |
|---|
| | | this.viewer.measure.deactivate() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | closeModel () { |
|---|
| | | this.$store.dispatch('delVisitedViews', this.$route) |
|---|
| | | this.$router.push('/pcLayout/default') |
|---|
| | | } |
|---|
| | | deactivate() { |
|---|
| | | this.viewer.measure.deactivate(); |
|---|
| | | }, |
|---|
| | | destroyed () { } |
|---|
| | | } |
|---|
| | | |
|---|
| | | closeModel() { |
|---|
| | | this.$store.dispatch("delVisitedViews", this.$route); |
|---|
| | | this.$router.push("/pcLayout/default"); |
|---|
| | | this.viewer.measure.deactivate(); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | this.viewer.measure.deactivate(); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="sass" scoped> |
|---|
| | |
|---|
| | | <template slot="public-box-content"> |
|---|
| | | <div class="list-box"> |
|---|
| | | <ul v-show="signList.length > 0"> |
|---|
| | | <li v-for="(item, index) in signList" :key="index"> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in signList" |
|---|
| | | :key="index" |
|---|
| | | @click="dingw(item)" |
|---|
| | | > |
|---|
| | | <img src="/img/icon/sign-list.png" alt /> |
|---|
| | | {{ item.name }} |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | size="mini" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | circle |
|---|
| | | @click="deleteIcon(item.id)" |
|---|
| | | @click.stop="deleteIcon(item.id)" |
|---|
| | | ></el-button> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | |
|---|
| | | <el-button type="primary" size="mini" @click.stop="addSign" |
|---|
| | | >新增</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <img |
|---|
| | | src='"/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAFeAV4DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6er…sf2r7P5P76OTdt8zd9xjjG5evrXsFFFABXj/x08E+IvGP9g/2Bp/2z7L9o8799HHt3eXt++wzna3T0r2CigD5A/wCFJfEP/oXv/J23/wDjlfR/xS0TUfEfw41bSdJt/tF9P5Plxb1TdtmRjyxAHAJ5NdhRQB4/8C/BPiLwd/b39v6f9j+1fZ/J/fRybtvmbvuMcY3L19a5D4pfC3xl4j+I+ratpOjfaLGfyfLl+1Qpu2wop4ZwRyCORX0fRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFAH//2Q=="' |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </public-box> |
|---|
| | |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | dingw(item) { |
|---|
| | | let that = this; |
|---|
| | | // console.log(item); |
|---|
| | | // this.$store.dispatch("mapFlyTo", { |
|---|
| | | // lntLat: [item.jd, item.wd, 120], //114.04020791, 27.62934732 |
|---|
| | | // heading: 0, |
|---|
| | | // pitch: -90, |
|---|
| | | // roll: 0, |
|---|
| | | // noOpen: true, |
|---|
| | | // mviewer: that.viewer, |
|---|
| | | // }); |
|---|
| | | that.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | item.jd, |
|---|
| | | item.wd, |
|---|
| | | 400.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: global.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | deleteIcon(id) { |
|---|
| | | let that = this; |
|---|
| | | deletelabel(id).then((res) => { |
|---|
| | |
|---|
| | | const data = res.data.data.records; |
|---|
| | | that.signList = data; |
|---|
| | | // that.$store.commit("clearLabelLayerIcon"); |
|---|
| | | that.$store.commit("addLabelLayerIcon", { list: data, clear: true }); |
|---|
| | | that.$store.dispatch("addLabelLayerIcon", { |
|---|
| | | list: data, |
|---|
| | | clear: true, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | moveMessage(e, b) { |
|---|
| | |
|---|
| | | addSign() { |
|---|
| | | var that = this; |
|---|
| | | that.DC = global.DC; |
|---|
| | | |
|---|
| | | this.$store.commit("set_closeMapClick", true); |
|---|
| | | // console.log("开始", "see"); |
|---|
| | | that.viewer.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => |
|---|
| | | that.moveMessage(e, "点击确认标注位置") |
|---|
| | | ); |
|---|
| | |
|---|
| | | that.moveMessage(e, "") |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | this.$store.commit("clearLabelLayerIcon"); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | |
|---|
| | | // }, 3000); |
|---|
| | | const service = axios.create({ |
|---|
| | | // baseURL: 'http://192.168.0.107:83', |
|---|
| | | |
|---|
| | | // baseURL: "http://localhost:82", |
|---|
| | | // baseURL: "http://192.168.0.107:82", |
|---|
| | | // baseURL: "http://192.168.0.107:80", |
|---|
| | | // baseURL: "http://192.168.0.110:80", //唐 |
|---|
| | | baseURL: "http://171.34.197.243:790", //正常接口 |
|---|
| | | baseURL: "http://192.168.0.110:82", //唐 |
|---|
| | | // baseURL: "http://171.34.197.243:790", //正常接口 |
|---|
| | | // baseURL: "http://171.34.197.243:82/api", //验收 |
|---|
| | | // baseURL: "https://6e78efa6.cpolar.io/apis", //https接口 |
|---|
| | | // baseURL: url, //https接口 |
|---|
| | | // baseURL: 'http://s16s652780.51mypc.cn/api', |
|---|
| | |
|---|
| | | path: 'orgnav', |
|---|
| | | component: pcOrgnav, |
|---|
| | | meta: { |
|---|
| | | title: '社区内机构导览' |
|---|
| | | title: '校区内机构导览' |
|---|
| | | }, |
|---|
| | | children: [{ |
|---|
| | | path: 'masses', |
|---|
| | |
|---|
| | | path: 'arc', |
|---|
| | | component: pcArc, |
|---|
| | | meta: { |
|---|
| | | title: '社区内建筑' |
|---|
| | | title: '校区内建筑' |
|---|
| | | }, |
|---|
| | | children: [{ |
|---|
| | | path: 'edifact', |
|---|
| | |
|---|
| | | path: 'venue', |
|---|
| | | component: pcArcVenue, |
|---|
| | | meta: { |
|---|
| | | title: '社区场馆' |
|---|
| | | title: '校区场馆' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: 'dorm', |
|---|
| | | component: pcArcDorm, |
|---|
| | | meta: { |
|---|
| | | title: '社区宿舍' |
|---|
| | | title: '校区宿舍' |
|---|
| | | } |
|---|
| | | }, { |
|---|
| | | path: 'culture', |
|---|
| | |
|---|
| | | path: 'medical', |
|---|
| | | component: pcServiceMedical, |
|---|
| | | meta: { |
|---|
| | | title: '社区内医疗' |
|---|
| | | title: '校区内医疗' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { |
|---|
| | |
|---|
| | | path: 'showers', |
|---|
| | | component: pcServiceShowers, |
|---|
| | | meta: { |
|---|
| | | title: '社区浴室' |
|---|
| | | title: '校区浴室' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { |
|---|
| | |
|---|
| | | path: 'campusnav', |
|---|
| | | component: pcCampusnav, |
|---|
| | | meta: { |
|---|
| | | title: '社区导览' |
|---|
| | | title: '校区导览' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: 'campusnavi', |
|---|
| | | component: pcCampusnavi, |
|---|
| | | meta: { |
|---|
| | | title: '社区导航' |
|---|
| | | title: '校区导航' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { |
|---|
| | |
|---|
| | | path: 'celebrate', |
|---|
| | | component: pcSpecialmapCelebrate, |
|---|
| | | meta: { |
|---|
| | | title: '社区庆' |
|---|
| | | title: '校区庆' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: 'welcome', |
|---|
| | | component: pcSpecialmapWelcome, |
|---|
| | | meta: { |
|---|
| | | title: '社区迎新' |
|---|
| | | title: '校区迎新' |
|---|
| | | } |
|---|
| | | } |
|---|
| | | ] |
|---|
| | |
|---|
| | | showActivity: (state) => state.mobile.showActivity, // 显影活动弹窗 |
|---|
| | | showActivityData: (state) => state.mobile.showActivityData, // 活动弹窗数据 |
|---|
| | | isOpenDrawALineMany: (state) => state.mobile.isOpenDrawALineMany, // 显影活动弹窗 |
|---|
| | | seeRight: (state) => state.mobile.seeRight // 右侧控制栏显影 |
|---|
| | | seeRight: (state) => state.mobile.seeRight, // 右侧控制栏显影 |
|---|
| | | |
|---|
| | | urlParameterData: (state) => state.mobile.urlParameterData, // url参数 |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | const navigation = { |
|---|
| | |
|---|
| | | addTagPopup: (state) => state.popupParams.addTagPopup, |
|---|
| | | addTagPosition: (state) => state.popupParams.addTagPosition, |
|---|
| | | |
|---|
| | | addSignList: (state) => state.popupParams.addSignList |
|---|
| | | addSignList: (state) => state.popupParams.addSignList, |
|---|
| | | |
|---|
| | | nowlabelLayerData: (state) => state.popupParams.nowlabelLayerData, // 自定义标签数据 |
|---|
| | | labelLayerDataShow: (state) => state.popupParams.labelLayerDataShow, // 自定义标签弹窗显示 |
|---|
| | | closeMapClick: (state) => state.popupParams.closeMapClick, // 关闭地图点击，防止新增标签误触 |
|---|
| | | |
|---|
| | | } |
|---|
| | | export default getters |
|---|
| | |
|---|
| | | import $store from "../index"; |
|---|
| | | import axios from "axios"; |
|---|
| | | |
|---|
| | | import urlParameter from './mobiles/urlParameter' |
|---|
| | | const mobile = { |
|---|
| | | state: { |
|---|
| | | ...urlParameter.state, //url参数 |
|---|
| | | mviewer: null, // 地图实体类 |
|---|
| | | mBigPopup: false, // 全屏弹窗 |
|---|
| | | popupOurOpenData: [], // 全屏弹窗中下拉菜单数据 |
|---|
| | |
|---|
| | | seeRight: true, //右侧控制栏显影 |
|---|
| | | }, |
|---|
| | | mutations: { |
|---|
| | | ...urlParameter.mutations, //url参数 |
|---|
| | | MSET_VIEWER(state, viewer) { |
|---|
| | | state.mviewer = viewer; |
|---|
| | | }, |
|---|
| | |
|---|
| | | // roll: 0, |
|---|
| | | }; |
|---|
| | | //取消3D底图 |
|---|
| | | state.mviewer.imageryLayers.remove(state.vecLayer); |
|---|
| | | state.vecLayer = null; |
|---|
| | | state.mviewer.imageryLayers.remove(state.cvaLayer); |
|---|
| | | state.cvaLayer = null; |
|---|
| | | // state.mviewer.imageryLayers.remove(state.vecLayer); |
|---|
| | | // state.vecLayer = null; |
|---|
| | | // state.mviewer.imageryLayers.remove(state.cvaLayer); |
|---|
| | | // state.cvaLayer = null; |
|---|
| | | //加载底图 |
|---|
| | | state.vecLayer = state.mviewer.imageryLayers.addImageryProvider( |
|---|
| | | new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | url: " http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36", |
|---|
| | | type: "wmts", |
|---|
| | | layer: "vec", |
|---|
| | | style: "default", |
|---|
| | | format: "tiles", |
|---|
| | | tileMatrixSetID: "w", |
|---|
| | | show: true, |
|---|
| | | maximumLevel: 18, |
|---|
| | | }) |
|---|
| | | ); |
|---|
| | | state.cvaLayer = state.mviewer.imageryLayers.addImageryProvider( |
|---|
| | | new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
|---|
| | | url: " http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36", |
|---|
| | | type: "wmts", |
|---|
| | | layer: "cva", |
|---|
| | | style: "default", |
|---|
| | | format: "tiles", |
|---|
| | | tileMatrixSetID: "w", |
|---|
| | | show: true, |
|---|
| | | maximumLevel: 18, |
|---|
| | | }) |
|---|
| | | ); |
|---|
| | | state.tilesetLayer.show = false; //隐藏3d图形 |
|---|
| | | state.newLayer = state.usetowpointfive(); //添加2.5d图形贴片 |
|---|
| | | state.wallLayer.show = false; //打开瀑布 |
|---|
| | |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | actions: { |
|---|
| | | MSET_CREADE({ state, commit, dispatch }) { |
|---|
| | | ...urlParameter.actions, //url参数 |
|---|
| | | MSET_CREADE({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }) { |
|---|
| | | state.pointLayer = new global.DC.VectorLayer("pointLayer"); // 创建图标实体类 |
|---|
| | | state.mviewer.addLayer(state.pointLayer); // 添加到地图 |
|---|
| | | }, |
|---|
| | | setMobileWindows({ state, commit, dispatch }, data) { |
|---|
| | | setMobileWindows({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, data) { |
|---|
| | | // 打开随地图移动窗口 |
|---|
| | | let clas, Flys; |
|---|
| | | const nowHeight = Math.ceil( |
|---|
| | |
|---|
| | | clas = [ |
|---|
| | | data.from == "PopupOurOnce" ? +data.lntLat[0] : +data.lntLat[0], |
|---|
| | | // data.from == 'PopupOurOnce' ? +data.lntLat[1] - 0.00108 : +data.lntLat[1], |
|---|
| | | data.from == "PopupOurOnce" |
|---|
| | | ? +data.lntLat[1] - 0.00108 |
|---|
| | | : +data.lntLat[1] - 0.00048, |
|---|
| | | data.from == "PopupOurOnce" ? |
|---|
| | | +data.lntLat[1] - 0.00108 : |
|---|
| | | +data.lntLat[1] - 0.00048, |
|---|
| | | data.from == "PopupOurOnce" ? 0 : 30.648862227, |
|---|
| | | ]; |
|---|
| | | } else if (state.dimension == "2.5D") { |
|---|
| | |
|---|
| | | // }) |
|---|
| | | commit("MSET_POPUPDOM", popupsDom); |
|---|
| | | }, |
|---|
| | | closeMobileWindowsDom({ state, commit, dispatch }) { |
|---|
| | | closeMobileWindowsDom({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }) { |
|---|
| | | commit("CLOSE_NOWPOSITION"); //中断定位获取 |
|---|
| | | if (!state.MobileWindowsHide && state.popupsDom) { |
|---|
| | | state.popupsDom.closeOur(); |
|---|
| | |
|---|
| | | } |
|---|
| | | } //cancel |
|---|
| | | }, |
|---|
| | | CHANGETOC3({ state, commit }, data) { |
|---|
| | | CHANGETOC3({ |
|---|
| | | state, |
|---|
| | | commit |
|---|
| | | }, data) { |
|---|
| | | // //转换经纬度坐标 成世界坐标cartesian3 |
|---|
| | | var ellipsoid = state.mviewer.scene.globe.ellipsoid; |
|---|
| | | var cartographic = global.DC.Namespace.Cesium.Cartographic.fromDegrees( |
|---|
| | |
|---|
| | | var position = ellipsoid.cartographicToCartesian(cartographic); |
|---|
| | | return position; |
|---|
| | | }, |
|---|
| | | SET_OPENWIDOWFIXED({ state, commit }, data) { |
|---|
| | | SET_OPENWIDOWFIXED({ |
|---|
| | | state, |
|---|
| | | commit |
|---|
| | | }, data) { |
|---|
| | | // 传递响应数据 |
|---|
| | | commit("MSET_QUERY", data); |
|---|
| | | // 显示窗口 |
|---|
| | |
|---|
| | | ) |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | CLOSE_WIDOWFIXED({ state, commit }) { |
|---|
| | | CLOSE_WIDOWFIXED({ |
|---|
| | | state, |
|---|
| | | commit |
|---|
| | | }) { |
|---|
| | | // 隐藏窗口 |
|---|
| | | if (!state.MobileWindowsHideFixed) { |
|---|
| | | console.log(state.MobileWindowsHideFixed); |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 加入当时的选点 |
|---|
| | | JOIN_POINT({ state, commit }, data) {}, |
|---|
| | | JOIN_POINT({ |
|---|
| | | state, |
|---|
| | | commit |
|---|
| | | }, data) {}, |
|---|
| | | // flyTo |
|---|
| | | mapFlyTo({ state, commit, dispatch }, data) { |
|---|
| | | mapFlyTo({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, data) { |
|---|
| | | state.mviewer.camera.flyTo({ |
|---|
| | | destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | data.lntLat[0] - 0.012, |
|---|
| | |
|---|
| | | // pitch: data.pitch, |
|---|
| | | roll: data.roll, |
|---|
| | | }, |
|---|
| | | duration: 1.5, // 定位的时间间隔 |
|---|
| | | duration: 1, // 定位的时间间隔 |
|---|
| | | complete: () => { |
|---|
| | | // 完成后的回调 |
|---|
| | | if (data.fn) { |
|---|
| | |
|---|
| | | // }); |
|---|
| | | }, |
|---|
| | | // 飞入点加入位置 |
|---|
| | | MSET_POINTDATA({ state, commit, dispatch }, data) { |
|---|
| | | MSET_POINTDATA({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, data) { |
|---|
| | | // 加入坐标 |
|---|
| | | const positions = new global.DC.Position( |
|---|
| | | data[0] - 0.0119, |
|---|
| | |
|---|
| | | billboard.on(DC.MouseEventType.CLICK, (e) => { |
|---|
| | | // 定制化窗体 |
|---|
| | | console.log(e); |
|---|
| | | const query = { name: "选择点" }; |
|---|
| | | const query = { |
|---|
| | | name: "选择点" |
|---|
| | | }; |
|---|
| | | const intLat = [e.wgs84Position.lng, e.wgs84Position.lat]; |
|---|
| | | const d = { |
|---|
| | | position: null, |
|---|
| | | lntLat: intLat, |
|---|
| | | query: { ...(query || {}), introduce: null, address: intLat }, |
|---|
| | | query: { |
|---|
| | | ...(query || {}), |
|---|
| | | introduce: null, |
|---|
| | | address: intLat |
|---|
| | | }, |
|---|
| | | useJWD: true, // 仅使用经纬度 |
|---|
| | | }; |
|---|
| | | dispatch("setMobileWindows", d); |
|---|
| | |
|---|
| | | state.pointLayer.addOverlay(billboard); // 实景 |
|---|
| | | // commit("MSET_OPENPOINTEL", true); |
|---|
| | | }, |
|---|
| | | MSET_LOCKPERSPECTIVEL({ state, commit, dispatch }, val) { |
|---|
| | | MSET_LOCKPERSPECTIVEL({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | // 锁定 |
|---|
| | | state.mviewer.camera.lookAtTransform( |
|---|
| | | global.DC.Namespace.Cesium.Matrix4.IDENTITY |
|---|
| | | ); |
|---|
| | | // console.log(global.DC.Namespace.Cesium.Matrix4.IDENTITY) |
|---|
| | | }, |
|---|
| | | MSET_DIMENSIONS({ state, commit, dispatch }, val) { |
|---|
| | | MSET_DIMENSIONS({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | //关闭弹窗 |
|---|
| | | dispatch("closeMobileWindowsDom"); |
|---|
| | | //3d，2.5d转换事件 |
|---|
| | |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | MSET_GOTOCC({ state, commit, dispatch }, val) { |
|---|
| | | MSET_GOTOCC({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | //测试移动位置 |
|---|
| | | // commit("MSET_DIMENSION", val); |
|---|
| | | //控制高度 |
|---|
| | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //文字转语音控制↓ |
|---|
| | | MSET_GETAUDIO({ state, commit, dispatch }, val) { |
|---|
| | | MSET_GETAUDIO({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | state.audioData = new window.SpeechSynthesisUtterance(); |
|---|
| | | state.audioData.text = val; |
|---|
| | | state.audioData.onstart = function (e) { |
|---|
| | |
|---|
| | | state.audioState = false; |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | MSET_GETAUDIOBEGIN({ state, commit, dispatch }, val) { |
|---|
| | | MSET_GETAUDIOBEGIN({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | if (state.audioState) { |
|---|
| | | window.speechSynthesis.cancel(); |
|---|
| | | state.audioState = false; |
|---|
| | |
|---|
| | | }, |
|---|
| | | //文字转语音控制↑ |
|---|
| | | //导航系统↓ |
|---|
| | | MSET_GOTOWHERE({ state, commit, dispatch }, val) { |
|---|
| | | MSET_GOTOWHERE({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | state.routerS = []; //清空存着的路径 |
|---|
| | | //单条步行 |
|---|
| | | //本地图使用的是WGS84坐标，而高德使用的是火星坐标GCJ02，所以需要转换参数过去 |
|---|
| | |
|---|
| | | // data["strategy"] = strategyType[index]; |
|---|
| | | axios |
|---|
| | | .get(url, { |
|---|
| | | params: { ...data }, |
|---|
| | | params: { |
|---|
| | | ...data |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | //回调 |
|---|
| | |
|---|
| | | }, |
|---|
| | | //导航系统↑ |
|---|
| | | //绘画线路 |
|---|
| | | MSET_DRAWALINELAYER({ state, commit, dispatch }, value) { |
|---|
| | | MSET_DRAWALINELAYER({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, value) { |
|---|
| | | let Str = value[0]; |
|---|
| | | //检查是否存在路线 |
|---|
| | | commit("removePolyline"); |
|---|
| | |
|---|
| | | "img/dingwei/dingwei1.png" |
|---|
| | | ); //加入绘画点 |
|---|
| | | billboard.setStyle({ |
|---|
| | | pixelOffset: { x: 0, y: -17 }, //偏移像素 |
|---|
| | | pixelOffset: { |
|---|
| | | x: 0, |
|---|
| | | y: -17 |
|---|
| | | }, //偏移像素 |
|---|
| | | }); |
|---|
| | | //订阅事件 |
|---|
| | | billboard.on(global.DC.MouseEventType.CLICK, (e) => { |
|---|
| | |
|---|
| | | // commit("cameraSetView", state.navigationStartLngLat); //移动 |
|---|
| | | }, |
|---|
| | | //绘画线路活动多条 |
|---|
| | | MSET_DRAWALINELAYERMANY({ state, commit, dispatch }, value) { |
|---|
| | | MSET_DRAWALINELAYERMANY({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, value) { |
|---|
| | | //检查是否存在路线 |
|---|
| | | commit("removePolylineMany"); |
|---|
| | | commit("removePolyline"); |
|---|
| | |
|---|
| | | color: red, |
|---|
| | | speed: 60, |
|---|
| | | image: "img/icon/right.png", |
|---|
| | | repeat: { x: 320, y: 1 }, |
|---|
| | | repeat: { |
|---|
| | | x: 320, |
|---|
| | | y: 1 |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | let drawALineLayerMany = new global.DC.VectorLayer("manyLinePointLayer"); |
|---|
| | | state.mviewer.addLayer(drawALineLayerMany); |
|---|
| | |
|---|
| | | let windowData = { |
|---|
| | | position, |
|---|
| | | lntLat, |
|---|
| | | query: { ...(value[2] || {}), position, lntLat }, |
|---|
| | | query: { |
|---|
| | | ...(value[2] || {}), |
|---|
| | | position, |
|---|
| | | lntLat |
|---|
| | | }, |
|---|
| | | useJWD: true, //仅使用经纬度 |
|---|
| | | }; |
|---|
| | | dispatch("setMobileWindows", windowData); |
|---|
| | |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default mobile; |
|---|
| | | export default mobile; |
|---|
| | |
|---|
| | | import { Message } from "element-ui"; |
|---|
| | | import { |
|---|
| | | Message |
|---|
| | | } from "element-ui"; |
|---|
| | | // import BMap from "./mobilePositionLID"; |
|---|
| | | import RemoGeoLocation from "./mobilePositionLID1"; |
|---|
| | | |
|---|
| | | const mobilePosition = { |
|---|
| | | state: { getSPosition: null }, |
|---|
| | | state: { |
|---|
| | | getSPosition: null |
|---|
| | | }, |
|---|
| | | mutations: { |
|---|
| | | GET_NOWPOSITION(state, val) { |
|---|
| | | let outData = |
|---|
| | |
|---|
| | | return timeFn; |
|---|
| | | }; |
|---|
| | | if (navigator.geolocation) { |
|---|
| | | let success = function (position) { |
|---|
| | | console.log(position); |
|---|
| | | times(startTime); |
|---|
| | | var lat = position.coords.latitude; |
|---|
| | | var lon = position.coords.longitude; |
|---|
| | | console.log("成功返回经纬度信息"); |
|---|
| | | // Message({ |
|---|
| | | // showClose: true, |
|---|
| | | // message: |
|---|
| | | // "成功返回经纬度信息（1）" + |
|---|
| | | // lon + |
|---|
| | | // "_" + |
|---|
| | | // lat + |
|---|
| | | // "--反应时间：" + |
|---|
| | | // times(startTime), |
|---|
| | | // type: "success", |
|---|
| | | // duration: 0, |
|---|
| | | // }); |
|---|
| | | console.log(lon, lat, "成功"); |
|---|
| | | outData([lon, lat]); |
|---|
| | | }; |
|---|
| | | let error = function (error) { |
|---|
| | | // console.log(error, "失败"); |
|---|
| | | outData(["失败", "失败"]); |
|---|
| | | let msg = "none"; |
|---|
| | | switch (error.code) { |
|---|
| | | case error.PERMISSION_DENIED: |
|---|
| | | msg = "User denied the request for Geolocation."; |
|---|
| | | break; |
|---|
| | | case error.POSITION_UNAVAILABLE: |
|---|
| | | msg = "Location information is unavailable."; |
|---|
| | | break; |
|---|
| | | case error.TIMEOUT: |
|---|
| | | msg = "The request to get user location timed out."; |
|---|
| | | break; |
|---|
| | | case error.UNKNOWN_ERROR: |
|---|
| | | msg = "An unknown error occurred."; |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | // Message({ |
|---|
| | | // showClose: true, |
|---|
| | | // message: |
|---|
| | | // "定位获取失败-msg:" + |
|---|
| | | // msg + |
|---|
| | | // "------" + |
|---|
| | | // error.message + |
|---|
| | | // "--反应时间：" + |
|---|
| | | // times(startTime), |
|---|
| | | // type: "error", |
|---|
| | | // duration: 0, |
|---|
| | | // }); |
|---|
| | | Message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "未开启位置权限", |
|---|
| | | type: "error", |
|---|
| | | duration: 2000, |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | let options = { |
|---|
| | | enableHighAccuracy: true, |
|---|
| | | // timeout: 5000, |
|---|
| | | timeout: Infinity, |
|---|
| | | maximumAge: 0, |
|---|
| | | }; |
|---|
| | | // let success = function (position) { |
|---|
| | | // console.log(position); |
|---|
| | | // times(startTime); |
|---|
| | | // var lat = position.coords.latitude; |
|---|
| | | // var lon = position.coords.longitude; |
|---|
| | | // console.log("成功返回经纬度信息"); |
|---|
| | | // // Message({ |
|---|
| | | // // showClose: true, |
|---|
| | | // // message: |
|---|
| | | // // "成功返回经纬度信息（1）" + |
|---|
| | | // // lon + |
|---|
| | | // // "_" + |
|---|
| | | // // lat + |
|---|
| | | // // "--反应时间：" + |
|---|
| | | // // times(startTime), |
|---|
| | | // // type: "success", |
|---|
| | | // // duration: 0, |
|---|
| | | // // }); |
|---|
| | | // console.log(lon, lat, "成功"); |
|---|
| | | // outData([lon, lat]); |
|---|
| | | // }; |
|---|
| | | // let error = function (error) { |
|---|
| | | // // console.log(error, "失败"); |
|---|
| | | // outData(["失败", "失败"]); |
|---|
| | | // let msg = "none"; |
|---|
| | | // switch (error.code) { |
|---|
| | | // case error.PERMISSION_DENIED: |
|---|
| | | // msg = "User denied the request for Geolocation."; |
|---|
| | | // break; |
|---|
| | | // case error.POSITION_UNAVAILABLE: |
|---|
| | | // msg = "Location information is unavailable."; |
|---|
| | | // break; |
|---|
| | | // case error.TIMEOUT: |
|---|
| | | // msg = "The request to get user location timed out."; |
|---|
| | | // break; |
|---|
| | | // case error.UNKNOWN_ERROR: |
|---|
| | | // msg = "An unknown error occurred."; |
|---|
| | | // break; |
|---|
| | | // } |
|---|
| | | // // Message({ |
|---|
| | | // // showClose: true, |
|---|
| | | // // message: |
|---|
| | | // // "定位获取失败-msg:" + |
|---|
| | | // // msg + |
|---|
| | | // // "------" + |
|---|
| | | // // error.message + |
|---|
| | | // // "--反应时间：" + |
|---|
| | | // // times(startTime), |
|---|
| | | // // type: "error", |
|---|
| | | // // duration: 0, |
|---|
| | | // // }); |
|---|
| | | // Message({ |
|---|
| | | // showClose: true, |
|---|
| | | // message: "未开启位置权限", |
|---|
| | | // type: "error", |
|---|
| | | // duration: 2000, |
|---|
| | | // }); |
|---|
| | | // }; |
|---|
| | | // let options = { |
|---|
| | | // enableHighAccuracy: true, |
|---|
| | | // // timeout: 5000, |
|---|
| | | // timeout: Infinity, |
|---|
| | | // maximumAge: 0, |
|---|
| | | // }; |
|---|
| | | // console.log(navigator); |
|---|
| | | // console.log(navigator.platform); |
|---|
| | | // Message({ |
|---|
| | |
|---|
| | | // }); |
|---|
| | | // console.log(CLLocationManager); |
|---|
| | | // return; |
|---|
| | | if (navigator.platform === "iPhone") { |
|---|
| | | //iphone请求权限 |
|---|
| | | // let remoGeo = new RemoGeoLocation(); |
|---|
| | | // navigator.geolocation.getCurrentPosition = function () { |
|---|
| | | // return remoGeo.getCurrentPosition.apply(remoGeo, arguments); |
|---|
| | | // }; |
|---|
| | | // navigator.geolocation.watchPosition = function () { |
|---|
| | | // return remoGeo.watchPosition.apply(remoGeo, arguments); |
|---|
| | | // }; |
|---|
| | | // Message({ |
|---|
| | | // showClose: true, |
|---|
| | | // message: "ipone", |
|---|
| | | // type: "error", |
|---|
| | | // duration: 0, |
|---|
| | | // }); |
|---|
| | | // console.log(CLLocationManager); |
|---|
| | | // Message({ |
|---|
| | | // showClose: true, |
|---|
| | | // message: CLLocationManager, |
|---|
| | | // type: "error", |
|---|
| | | // duration: 0, |
|---|
| | | // }); |
|---|
| | | // return; |
|---|
| | | } |
|---|
| | | // if (navigator.platform === "iPhone") { |
|---|
| | | // //iphone请求权限 |
|---|
| | | // // let remoGeo = new RemoGeoLocation(); |
|---|
| | | // // navigator.geolocation.getCurrentPosition = function () { |
|---|
| | | // // return remoGeo.getCurrentPosition.apply(remoGeo, arguments); |
|---|
| | | // // }; |
|---|
| | | // // navigator.geolocation.watchPosition = function () { |
|---|
| | | // // return remoGeo.watchPosition.apply(remoGeo, arguments); |
|---|
| | | // // }; |
|---|
| | | // // Message({ |
|---|
| | | // // showClose: true, |
|---|
| | | // // message: "ipone", |
|---|
| | | // // type: "error", |
|---|
| | | // // duration: 0, |
|---|
| | | // // }); |
|---|
| | | // // console.log(CLLocationManager); |
|---|
| | | // // Message({ |
|---|
| | | // // showClose: true, |
|---|
| | | // // message: CLLocationManager, |
|---|
| | | // // type: "error", |
|---|
| | | // // duration: 0, |
|---|
| | | // // }); |
|---|
| | | // // return; |
|---|
| | | // } |
|---|
| | | // return |
|---|
| | | // console.log(BMap); |
|---|
| | | //百度定位 |
|---|
| | |
|---|
| | | // }); |
|---|
| | | |
|---|
| | | // return; |
|---|
| | | //高德定位 |
|---|
| | | // //高德定位 |
|---|
| | | // AMap.plugin("AMap.Geolocation", function () { |
|---|
| | | // var geolocation = new AMap.Geolocation({ |
|---|
| | | // // 是否使用高精度定位，默认：true |
|---|
| | | // enableHighAccuracy: true, |
|---|
| | | // // 设置定位超时时间，默认：无穷大 |
|---|
| | | // timeout: 10000, |
|---|
| | | // // timeout: 10000, |
|---|
| | | // // 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20) |
|---|
| | | // // buttonOffset: new AMap.Pixel(10, 20), |
|---|
| | | // // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false |
|---|
| | |
|---|
| | | // console.log("成功返回经纬度信息"); |
|---|
| | | // Message({ |
|---|
| | | // showClose: true, |
|---|
| | | // message: |
|---|
| | | // "成功返回经纬度信息" + |
|---|
| | | // message: "成功返回经纬度信息" + |
|---|
| | | // lon + |
|---|
| | | // "_" + |
|---|
| | | // lat + |
|---|
| | |
|---|
| | | // console.log(data); |
|---|
| | | // Message({ |
|---|
| | | // showClose: true, |
|---|
| | | // message: |
|---|
| | | // "定位获取失败-msg:" + |
|---|
| | | // message: "定位获取失败-msg:" + |
|---|
| | | // data.message + |
|---|
| | | // "------" + |
|---|
| | | // "--反应时间：" + |
|---|
| | |
|---|
| | | // }); |
|---|
| | | // } |
|---|
| | | // }); |
|---|
| | | window.AMap.plugin('AMap.Geolocation', function () { |
|---|
| | | var geolocation = new AMap.Geolocation({ |
|---|
| | | enableHighAccuracy: true, //是否使用高精度定位，默认:true |
|---|
| | | // timeout: 10000, //超过10秒后停止定位，默认：5s |
|---|
| | | // buttonPosition: 'RB', //定位按钮的停靠位置 |
|---|
| | | // buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20) |
|---|
| | | // zoomToAccuracy: true, //定位成功后是否自动调整地图视野到定位点 |
|---|
| | | |
|---|
| | | // return; |
|---|
| | | }); |
|---|
| | | // map.addControl(geolocation); |
|---|
| | | geolocation.getCurrentPosition(function (status, result) { |
|---|
| | | if (status == 'complete') { |
|---|
| | | onComplete(result) |
|---|
| | | } else { |
|---|
| | | onError(result) |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | //解析定位结果 |
|---|
| | | function onComplete(data) { |
|---|
| | | // let lngLat = [data.position.lng, data.position.lat] |
|---|
| | | // console.log(position); |
|---|
| | | // times(startTime); |
|---|
| | | var lat = data.position.lat; |
|---|
| | | var lon = data.position.lng; |
|---|
| | | // console.log("成功返回经纬度信息"); |
|---|
| | | // Message({ |
|---|
| | | // showClose: true, |
|---|
| | | // message: "成功返回经纬度信息（1）" + |
|---|
| | | // lon + |
|---|
| | | // "_" + |
|---|
| | | // lat + |
|---|
| | | // "--反应时间：" + |
|---|
| | | // times(startTime), |
|---|
| | | // type: "success", |
|---|
| | | // duration: 2000, |
|---|
| | | // }); |
|---|
| | | console.log(lon, lat, "成功"); |
|---|
| | | outData([lon, lat]); |
|---|
| | | } |
|---|
| | | //解析定位错误信息 |
|---|
| | | function onError(data) { |
|---|
| | | // console.log(data, "see") |
|---|
| | | Message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "未开启位置权限", |
|---|
| | | type: "error", |
|---|
| | | duration: 2000, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | return; |
|---|
| | | state.getSPosition = navigator.geolocation.getCurrentPosition( |
|---|
| | | success, |
|---|
| | | error, |
|---|
| | |
|---|
| | | actions: {}, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default mobilePosition; |
|---|
| | | export default mobilePosition; |
|---|
| New file |
| | |
|---|
| | | let urlParameter = { |
|---|
| | | state: { |
|---|
| | | urlParameterData: {}, |
|---|
| | | urlParameterLayer: null, //自定义标签图层 |
|---|
| | | }, |
|---|
| | | actions: { |
|---|
| | | addurlParameterLayerIcon({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | let list = val.list; |
|---|
| | | if (val.clear) { |
|---|
| | | // state.urlParameterLayer.remove(); |
|---|
| | | state.urlParameterLayer.clear(); |
|---|
| | | } |
|---|
| | | for (let i in list) { |
|---|
| | | // console.log(list[i], 112233) |
|---|
| | | const divIcon = new global.DC.DivIcon( |
|---|
| | | new global.DC.Position( |
|---|
| | | Number(list[i].jd), |
|---|
| | | Number(list[i].wd), |
|---|
| | | 0 |
|---|
| | | ), |
|---|
| | | ` |
|---|
| | | <div class="tag-entitys-box"> |
|---|
| | | <div class="tag-content"> |
|---|
| | | ${list[i].name} |
|---|
| | | </div> |
|---|
| | | <div class="tag-angle-content"> |
|---|
| | | <img src="https://map.hit.edu.cn/images/tarrow_xq.png"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ); |
|---|
| | | divIcon.on(global.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | let lntLat = [+list[i].jd, +list[i].wd] |
|---|
| | | let d = { |
|---|
| | | position: {}, |
|---|
| | | lntLat: lntLat, |
|---|
| | | query: { |
|---|
| | | introduce: '自定义标签', |
|---|
| | | address: '', |
|---|
| | | ...(list[i] || {}), |
|---|
| | | lntLat: lntLat, |
|---|
| | | }, |
|---|
| | | useJWD: true, //仅使用经纬度 |
|---|
| | | }; |
|---|
| | | dispatch("setMobileWindows", d); |
|---|
| | | }) |
|---|
| | | state.urlParameterLayer.addOverlay(divIcon); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mutations: { |
|---|
| | | initurlParameterLayer(state, val) { |
|---|
| | | if (!state.urlParameterLayer) { |
|---|
| | | state.urlParameterLayer = new global.DC.HtmlLayer("urlParameterLayer"); |
|---|
| | | state.mviewer.addLayer(state.urlParameterLayer); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | set_urlParameterData(state, val) { |
|---|
| | | state.urlParameterData = val; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | clearurlParameterLayerIcon(state, val) { |
|---|
| | | if (state.urlParameterLayer) { |
|---|
| | | state.urlParameterLayer.clear(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default urlParameter |
|---|
| | |
|---|
| | | |
|---|
| | | labelLayer: null, //自定义标签图层 |
|---|
| | | addSignList: true, |
|---|
| | | myviewer: null, |
|---|
| | | nowlabelLayerData: {}, |
|---|
| | | labelLayerDataShow: false, |
|---|
| | | |
|---|
| | | closeMapClick: false, //关闭地图点击，防止新增标签误触 |
|---|
| | | }, |
|---|
| | | mutations: { |
|---|
| | | SET_POPUPBGURL(state, popupBgUrl) { |
|---|
| | |
|---|
| | | state.labelLayer = new global.DC.HtmlLayer("labelLayer"); |
|---|
| | | val.addLayer(state.labelLayer); |
|---|
| | | } |
|---|
| | | state.myviewer = val; |
|---|
| | | }, |
|---|
| | | addLabelLayerIcon(state, val) { |
|---|
| | | |
|---|
| | | clearLabelLayerIcon(state, val) { |
|---|
| | | if (state.labelLayer) { |
|---|
| | | state.labelLayer.clear(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | openLabelLayer(state, val) { |
|---|
| | | // console.log(val, "see") |
|---|
| | | if (val.show) { |
|---|
| | | state.nowlabelLayerData = val.data; |
|---|
| | | state.labelLayerDataShow = true; |
|---|
| | | } else { |
|---|
| | | state.nowlabelLayerData = {}; |
|---|
| | | state.labelLayerDataShow = false; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | CLEAR_ALL(state, param) { |
|---|
| | | state.siteName = param |
|---|
| | | state.introduceText = param |
|---|
| | | state.telephone = param |
|---|
| | | state.panoramaUrl = param |
|---|
| | | state.monitorUrl = param |
|---|
| | | state.popupBgUrl = param |
|---|
| | | state.teachList = [] |
|---|
| | | state.liveList = [] |
|---|
| | | }, |
|---|
| | | set_closeMapClick(state, val) { |
|---|
| | | state.closeMapClick = val; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | actions: { |
|---|
| | | openPopups({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, value) { |
|---|
| | | // //订阅事件 |
|---|
| | | // divIcon.on(global.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | // console.log(item); |
|---|
| | | // that.openPopups({ |
|---|
| | | // lng: e.overlay.position.lng, |
|---|
| | | // lat: e.overlay.position.lat, |
|---|
| | | // item: item, |
|---|
| | | // }); |
|---|
| | | // }); |
|---|
| | | var popup = new global.DC.DivForms(state.viewer, { |
|---|
| | | domId: "divFormsDomBox", |
|---|
| | | position: [ |
|---|
| | | global.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new global.DC.Position( |
|---|
| | | Number(value.lng), |
|---|
| | | Number(value.lat), |
|---|
| | | Number(value.alt || 0) |
|---|
| | | ) |
|---|
| | | ), |
|---|
| | | ], |
|---|
| | | }); |
|---|
| | | dispatch("setOurDataInPoput", value); |
|---|
| | | dispatch("pcFlyView", { |
|---|
| | | jd: value.lng, |
|---|
| | | wd: value.lat, |
|---|
| | | viewer: this.viewer, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | setOurDataInPoput({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, value) { |
|---|
| | | //弹窗使用方法 |
|---|
| | | |
|---|
| | | commit("CLEAR_ALL", null); |
|---|
| | | |
|---|
| | | |
|---|
| | | commit("SET_STATENAME", value.item.mechanismname); |
|---|
| | | commit("SET_PANORAMAURL", value.item.panoramaurl); |
|---|
| | | commit("SET_INTRODUCETEXT", value.item.introduce); |
|---|
| | | var imgArr = value.item.tpurl.split(","); |
|---|
| | | commit("SET_POPUPBGURL", imgArr[0]); |
|---|
| | | commit("SET_POPUPQRURL", value.item.codeurl); |
|---|
| | | commit("SET_POINTPOSITION", [ |
|---|
| | | Number(value.lng), |
|---|
| | | Number(value.lat), |
|---|
| | | Number(0), |
|---|
| | | Number(0), |
|---|
| | | Number(-90), |
|---|
| | | Number(0), |
|---|
| | | ]); |
|---|
| | | commit('SET_POPUPIMGATLAS', imgArr) |
|---|
| | | commit("SET_DETAILSPOPUP", true); |
|---|
| | | }, |
|---|
| | | pcMoveView({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | console.log(val, "see1") |
|---|
| | | val.viewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | +val.jd, |
|---|
| | | +val.wd, |
|---|
| | | 400.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: global.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | pcFlyView({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | val.viewer.flyToPosition( |
|---|
| | | new global.DC.Position(Number(val.jd), Number(val.wd), Number(300), Number(0), Number(-90), Number(0)), |
|---|
| | | function () {}, |
|---|
| | | 2 |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | addLabelLayerIcon({ |
|---|
| | | state, |
|---|
| | | commit, |
|---|
| | | dispatch |
|---|
| | | }, val) { |
|---|
| | | let list = val.list; |
|---|
| | | if (val.clear) { |
|---|
| | | // state.labelLayer.remove(); |
|---|
| | |
|---|
| | | } |
|---|
| | | if (val.add) { //刷新列表 |
|---|
| | | state.addSignList = !state.addSignList; |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | for (let i in list) { |
|---|
| | | console.log(list[i], 112233) |
|---|
| | | const divIcon = new global.DC.DivIcon( |
|---|
| | | new global.DC.Position( |
|---|
| | | Number(list[i].jd), |
|---|
| | |
|---|
| | | </div> |
|---|
| | | ` |
|---|
| | | ); |
|---|
| | | //订阅事件 |
|---|
| | | divIcon.on(global.DC.MouseEventType.CLICK, (e) => { |
|---|
| | | // console.log(e); |
|---|
| | | // return; |
|---|
| | | // 定制化窗体 |
|---|
| | | let position = e.position, |
|---|
| | | lntLat = [e.overlay._position._lng, e.overlay._position._lat]; |
|---|
| | | // console.log(position, lntLat, list[i], state.myviewer, "see") |
|---|
| | | new global.DC.DivForms(state.myviewer, { |
|---|
| | | domId: "labelLayerid", |
|---|
| | | position: [ |
|---|
| | | global.DC.Transform.transformWGS84ToCartesian( |
|---|
| | | new global.DC.Position( |
|---|
| | | Number(lntLat[0]), |
|---|
| | | Number(lntLat[1]), |
|---|
| | | Number(0) |
|---|
| | | ) |
|---|
| | | ), |
|---|
| | | ], |
|---|
| | | }); |
|---|
| | | state.myviewer.camera.setView({ |
|---|
| | | // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 |
|---|
| | | // fromDegrees()方法，将经纬度和高程转换为世界坐标 |
|---|
| | | destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
|---|
| | | lntLat[0], |
|---|
| | | lntLat[1], |
|---|
| | | 400.0 |
|---|
| | | ), |
|---|
| | | orientation: { |
|---|
| | | // 指向 |
|---|
| | | heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0), |
|---|
| | | // 视角 |
|---|
| | | pitch: global.DC.Namespace.Cesium.Math.toRadians(-90), |
|---|
| | | roll: 0.0, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | commit("openLabelLayer", { |
|---|
| | | show: true, |
|---|
| | | data: list[i] |
|---|
| | | }) |
|---|
| | | }); |
|---|
| | | state.labelLayer.addOverlay(divIcon); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | clearLabelLayerIcon(state, val) { |
|---|
| | | if (state.labelLayer) { |
|---|
| | | state.labelLayer.clear(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | CLEAR_ALL(state, param) { |
|---|
| | | state.siteName = param |
|---|
| | | state.introduceText = param |
|---|
| | | state.telephone = param |
|---|
| | | state.panoramaUrl = param |
|---|
| | | state.monitorUrl = param |
|---|
| | | state.popupBgUrl = param |
|---|
| | | state.teachList = [] |
|---|
| | | state.liveList = [] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | actions: { |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | align-items: center; |
|---|
| | | height: calc(100% - 44px); |
|---|
| | | |
|---|
| | | &>div:nth-child(1) { |
|---|
| | | & > div:nth-child(1) { |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | align-items: center; |
|---|
| | | height: 100%; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | flex: 1; |
|---|
| | | line-height: 53px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>div:nth-child(2) { |
|---|
| | | & > div:nth-child(2) { |
|---|
| | | width: 100px; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .el-input-group__prepend { |
|---|
| | | cursor: pointer; |
|---|
| | | &:hover { |
|---|
| | | .mydingwei.el-icon-location { |
|---|
| | | font-size: 25px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
