| | |
|---|
| | | * @Author: gjj Ganjj@probim.com.cn |
|---|
| | | * @Date: 2025-02-14 14:32:17 |
|---|
| | | * @LastEditors: gjj Ganjj@probim.com.cn |
|---|
| | | * @LastEditTime: 2025-02-20 15:46:39 |
|---|
| | | * @LastEditTime: 2025-02-24 17:30:13 |
|---|
| | | * @FilePath: \北京交通大学\src\Dashboard.vue |
|---|
| | | --> |
|---|
| | | <!-- eslint-disable vue/no-textarea-mustache --> |
|---|
| | | <!-- eslint-disable vue/html-self-closing --> |
|---|
| | | <template> |
|---|
| | | <main |
|---|
| | | v-loading="isAuthenticating || isLoadingPrjList" |
|---|
| | | id="appWrapper" |
|---|
| | | class="absolute top-[50%] left-[50%] -translate-x-[50%] w-screen h-screen -translate-y-[50%] font-pingfang text-white select-none" |
|---|
| | | :style="{ |
|---|
| | |
|---|
| | | import Home from "./views/Home.vue"; |
|---|
| | | import ProjectView from "./views/ProjectView.vue"; |
|---|
| | | import { sceneJSON } from "./sceneJSON.js"; |
|---|
| | | import { AppAPI } from "./api/app"; |
|---|
| | | import EquipmentView from "./views/EquipmentView.vue"; |
|---|
| | | import dayjs from "dayjs"; |
|---|
| | | import "dayjs/locale/zh-cn"; |
|---|
| | | import relativeTime from "dayjs/plugin/relativeTime"; |
|---|
| | | import { HomeAPI } from "./api/home"; |
|---|
| | | dayjs.locale("zh-cn"); |
|---|
| | | dayjs.extend(relativeTime); |
|---|
| | | Vue.prototype.$dayjs = dayjs; |
|---|
| | |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | backgroundImage: new URL('@/assets/images/backgrounds/screen.png', import.meta.url).href |
|---|
| | | backgroundImage: new URL('@/assets/images/backgrounds/screen.png', import.meta.url).href, |
|---|
| | | currentProjectId: '1c179617-a7d9-4243-b813-84fa55a17ce7' |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | |
|---|
| | | watch: { |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.initMultiverse(); |
|---|
| | | this.getLoginInfo(); |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | this.resetEngineRelated(); |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | //初始化引擎 |
|---|
| | | initMultiverse() { |
|---|
| | | // 获取承载场景画布dom |
|---|
| | | const renderDom = document.getElementById("renderDom"); |
|---|
| | | if (window.multiverse && renderDom) { |
|---|
| | | // 实例化引擎 |
|---|
| | | const multiverse = window.multiverse; |
|---|
| | | const engine = new multiverse.mvCore(renderDom); |
|---|
| | | |
|---|
| | | // mapbox地图服务的Token,需申请,如不使用Mapbox地图服务,可不设置 |
|---|
| | | engine.token = window.ProjectConfig.mapboxToken; |
|---|
| | | // multiverse.js所在的路径,用于获取静态资源文件 |
|---|
| | | engine.path = "https://multiverse.vothing.com/"; |
|---|
| | | |
|---|
| | | // 初始化场景 |
|---|
| | | engine.initialize().then((s) => { |
|---|
| | | window.scene = s; |
|---|
| | | s.fromJSON(sceneJSON); |
|---|
| | | s.load(); |
|---|
| | | s.stop(); |
|---|
| | | window.underlay = s.findFeature("underlay"); |
|---|
| | | |
|---|
| | | setTimeout(() => { |
|---|
| | | |
|---|
| | | }, 1000); |
|---|
| | | }); |
|---|
| | | getLoginInfo() { |
|---|
| | | const data = { |
|---|
| | | "UserName": "JSC", |
|---|
| | | "Password": "JSC@jsc123", |
|---|
| | | "IfSingleLogin": "", |
|---|
| | | } |
|---|
| | | HomeAPI.WhLogin(data).then(res => { |
|---|
| | | console.log(res); |
|---|
| | | if(res.Ret === 1) { |
|---|
| | | const result = res.Data |
|---|
| | | window.localStorage.setItem("token", result.token) |
|---|
| | | console.log(result); |
|---|
| | | } |
|---|
| | | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //设置字体颜色 |
|---|
| | | cellStyle(row, _column, _rowIndex, _columnIndex) { |
|---|
| | | // console.log("row", row); |
|---|
