2023西安数博会CIM演示-【前端】-Web
AdaKing88
2023-08-21 bc03b832caa49bbcd2674fe4cae3701b5059bf95
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<template>
  <div>
    <el-main style="margin: 0px;width: 100%;height:100%; display: flex;padding: 0px;">
      <!-- <div id="2dviewer" style="display: none">
        <two-d-viewer ref="twodviewer" />
      </div>
      <div id="3dviewerex" style="display: none">
        <three-d-viewer-ex />
      </div> -->
      <three-d-viewer id="3dviewer" style="width: 100%;height:100%" ref="_3dviewer"></three-d-viewer>
    </el-main>
    <left-main ref="_leftMain"></left-main>
    <right-main ref="_rightMain"></right-main>
 
    <outViews v-show="showOutViews"></outViews>
  </div>
</template>
 
<script>
import ThreeDViewerEx from "../../components/developcenter/mainViewer/ThreeDViewerEx.vue";
import TwoDViewer from "../../components/developcenter/mainViewer/TwoDViewer.vue";
import leftMain from "./leftMain.vue"
import rightMain from "./rightMain.vue"
import ThreeDViewer from "../../components/developcenter/mainViewer/ThreeDViewer-BK.vue";
import outViews from "../outViews/index.vue"
export default {
  name: "xianCim",
  components: {
    ThreeDViewer,
    leftMain,
    rightMain,
    TwoDViewer,
    ThreeDViewerEx,
    outViews
  },
  computed: {
    showOutViews() {
      if (this.$route.path == '/xianCim/cityCenter') {
        this.$nextTick(() => {
          this.$refs._leftMain.$refs.__leftMain.isShowDrawer = false
          this.$refs._rightMain.$refs.__rightMain.isShowDrawer = false
        })
        return this.$route.path == '/xianCim/cityCenter'
 
      }
    }
  },
 
}
</script>
 
<style></style>