首页 发现 帮助
注册 登录
chenzhiguang
/
szfh_one
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

update

tremble 2 年之前
父节点
24d0edcf48
当前提交
8a8254f11b
共有 25 个文件被更改，包括 123055 次插入 和 20897 次删除
分列视图 显示文件统计
  1. 11 1
      public/index.html
  2. 49 49
      src/App.vue
  3. 127 157
      src/components/data.js
  4. 562 0
      src/components/data2 - 副本.js
  5. 352 360
      src/components/data2.js
  6. 495 0
      src/components/datab1.js
  7. 99 56
      src/components/fold.vue
  8. 9463 0
      src/components/map copy.vue
  9. 21337 9091
      src/components/map.vue
  10. 10152 0
      src/components/map2 copy.vue
  11. 22548 9984
      src/components/map2.vue
  12. 20631 0
      src/components/map_gd.vue
  13. 24170 0
      src/components/mapb1.vue
  14. 13 5
      src/components/select.vue
  15. 561 0
      src/components/style copy.less
  16. 2840 561
      src/components/style.less
  17. 630 0
      src/components/style2 copy.less
  18. 4124 630
      src/components/style2.less
  19. 2325 0
      src/components/style_gd.less
  20. 2411 0
      src/components/styleb1.less
  21. 10 0
      src/router/index.js
  22. 4 1
      src/views/Home.vue
  23. 138 0
      src/views/guangdong.vue
  24. 1 1
      src/views/iframe.vue
  25. 2 1
      vue.config.js

+ 11 - 1
public/index.html
查看文件 

@@ -5,7 +5,17 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title>首届数字政府建设峰会</title>
 
+    <title>数字政府建设成果博览会（2022）</title>
 
+    <script>
 
+      var _hmt = _hmt || [];
 
+      (function() {
 
+        var hm = document.createElement("script");
 
+        hm.src = "https://hm.baidu.com/hm.js?9b8debd391d1ee713cd43f19a5706fcf";
 
+        var s = document.getElementsByTagName("script")[0]; 
+        s.parentNode.insertBefore(hm, s);
 
+      })();
 
+    </script>
 
+      
   </head>
 
   <body>
 
     <noscript>

+ 49 - 49
src/App.vue
查看文件 

@@ -1,25 +1,17 @@
 
 <template>
 
   <div id="app">
 
     <router-view :select="select" />
 
-    <fold
 
-      @close="fActive = false"
 
-      class="fold-con"
 
-      :isActive="fActive"
 
-      :class="{ 'fold-active': fActive }"
 
-    />
 
-
 
-    <vSelect
 
-      v-show="$route.name=='Home'"
 
-      :select="select"
 
-      class="select"
 
-      @select="
 
+    <template v-if="routeName == 'Home'">
 
+      <fold @close="fActive = false" class="fold-con" :select="select" :isActive="fActive"
 
+        :class="{ 'fold-active': fActive }" />
 
+      <vSelect v-show="$route.name=='Home'" :select="select" class="select" @select="
 
         (data) => {
 
           select = data;
 
         }
 
-      "
 
-    />
 
+      " />
 
+      <div class="btn-show" @click.stop="fActive = !fActive">参展企业</div>
 
+    </template>
 
 
-    <div class="btn-show" @click.stop="fActive = !fActive">参展企业</div>
 
   </div>
 
 </template>
 
 <script>
 
@@ -37,8 +29,14 @@ export default {
 
   data() {
 
     return {
 
       fActive: false,
 
-      showselect:false
 
+      showselect: false,
 
+      select: 1
 
     };
 
+  },
 
+  computed: {
 
+    routeName() {
 
+      return this.$route.name
 
+    }
 
   }
 
 };
 
 </script>
 
@@ -49,6 +47,7 @@ body {
 
   width: 100%;
 
   height: 100%;
 
 }
 
+
 
 #app {
 
   background: #f7f7f7;
 
   width: 100%;
 
@@ -59,21 +58,21 @@ body {
 
   .fold-con {
 
     position: absolute;
 
     right: -500px;
 
-    bottom: 96px;
 
+    bottom: 126px;
 
     transition: right 0.3s ease;
 
   }
 
 
   .fold-active {
 
     z-index: 99;
 
-    right: 30px;
 
+    right: 20px;
 
   }
 
 
   .btn-show {
 
     text-align: center;
 
     color: #fff;
 
     background: linear-gradient(270deg, #00cfff 0%, #00aaff 100%);
 
-    bottom: 30px;
 
-    right: 30px;
 
+    bottom: 60px;
 
+    right: 20px;
 
     position: absolute;
 
     z-index: 1;
 
     font-size: 20px;
 
@@ -87,37 +86,38 @@ body {
 
 
 
 @media screen and (max-width: 500px) {
 
-#app {
 
-  .fold-con {
 
-    position: absolute;
 
-    right: -100%;
 
-    bottom: 70px;
 
-    transition: right 0.3s ease;
 
-  }
 
+  #app {
 
+    .fold-con {
 
+      position: absolute;
 
+      right: -100%;
 
+      bottom: 70px;
 
+      transition: right 0.3s ease;
 
+    }
 
 
-  .fold-active {
 
-    z-index: 99;
 
-    right: 0;
 
-  }
 
-  .select{
 
-    top: unset;
 
-    bottom: 60px;
 
-    right: 10px;
 
-    transform: scale(0.7);
 
-    transform-origin: right;
 
-  }
 
+    .fold-active {
 
+      z-index: 99;
 
+      right: 0;
 
+    }
 
 
-  .btn-show {
 
-    bottom: 20px;
 
-    right: 10px;
 
-    z-index: 1;
 
-    font-size: 16px;
 
-    cursor: pointer;
 
-    width: 90px;
 
-    height: 40px;
 
-    line-height: 40px;
 
-    border-radius: 6px;
 
+    .select {
 
+      top: unset;
 
+      bottom: 60px;
 
+      right: 10px;
 
+      transform: scale(0.7);
 
+      transform-origin: right;
 
+    }
 
+
 
+    .btn-show {
 
+      bottom: 20px;
 
+      right: 10px;
 
+      z-index: 1;
 
+      font-size: 16px;
 
+      cursor: pointer;
 
+      width: 90px;
 
+      height: 40px;
 
+      line-height: 40px;
 
+      border-radius: 6px;
 
+    }
 
   }
 
 }
 
-}
 
 </style>

+ 127 - 157
src/components/data.js
查看文件 

@@ -1,201 +1,169 @@
 
 const raw = {
 
   primary: [
 
     {
 
-      url: "uOOgUDc7j&lang=zh&firstView=pano:16,qua:-0.2411,-0.658,-0.2356,0.6734",
 
-      name: "国办&部委",
 
-      id: 1,
 
-      key:'GBBW',
 
-      color: "#DD7E6B",
 
-      isHide:true
 
-    },
 
-    {
 
-      url: "uOOgUDc7j&lang=zh&firstView=pano:34,qua:0.0126,0.2591,-0.0034,0.9658",
 
-      name: "广东省",
 
-      key:'GDS',
 
-      id: 2,
 
-      color: "#DD7E6B",
 
-      isHide:true
 
-    },
 
-    {
 
-      url: "7gjMOKpUke&lang=zh&firstView=pano:2,qua:-0.1805,0.096,0.0177,0.9787",
 
-      name: "深圳",
 
-      key:'SZ',
 
-      id: 3,
 
-      color: "#DD7E6B",
 
-      isHide:true
 
-    },
 
-    {
 
-      url: "vroMUXdx",
 
-      name: "上海",
 
-      key:'SH',
 
-      id: 4,
 
-      color: "#DD7E6B",
 
-      isHide:true
 
-    },
 
-    {
 
-      url: "vroMUXdx",
 
-      name: "贵州",
 
-      id: 5,
 
-      key:'GZ',
 
-      color: "#DD7E6B",
 
-      isHide:true
 
-    },
 
-    {
 
-      url: "vroMUXdx",
 
-      name: "北京",
 
-      id: 6,
 
-      key:'BJ',
 
-      color: "#DD7E6B",
 
-      isHide:true
 
-    },
 
-    {
 
-      url: "vroMUXdx",
 
-      name: "休息区",
 
-      key:'XIUXIQU',
 
-      id: 7,
 
-      color: "#DD7E6B",
 
-      isHide:true
 
-    },
 
-    {
 
-      url: "vroMUXdx",
 
+      url: "",
 
       name: "A区",
 
-      id: 8,
 
+      id: 16,
 
       color: "#916CE5",
 
     },
 
     {
 
-      url: "vroMUXdx",
 
+      url: "",
 
       name: "B区",
 
       id: 9,
 
       color: "#DDBC6B",
 
     },
 
+    {
 
+      url: "",
 
+      name: "Z区",
 
+      id: 10,
 
+      color: "#DD7E6B",
 
+    },
 
   ],
 
   secondary: [
 
     {
 
-      p_id: 8,
 
-      bgclr: '#794DDD',
 
+      p_id: 16, //对应primary的id
 
+      bgclr: "#794edc",
 
       data: [
 
-		{
 
+        {
 
           xuhao: "A1",
 
-          url: "oFCV0OaG84&lang=zh&firstView=pano:0,qua:-0.1158,0.7445,0.1339,0.6438",
 
-          name: "华为",
 
-          id:1
 
-        },
 
-		{
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 1,
 
+        },{
 
           xuhao: "A2",
 
-          url: "vroMUXdx",
 
-          name: "腾讯",
 
-          id:2
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 2,
 
         },{
 
           xuhao: "A3",
 
-          url: "vroMUXdx",
 
-          name: "深智城",
 
-          id:3
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 3,
 
         },{
 
           xuhao: "A4",
 
-          url: "vroMUXdx",
 
-          name: "广联达",
 
-          id:4
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 4,
 
         },{
 
           xuhao: "A5",
 
-          url: "vroMUXdx",
 
-          name: "深信服",
 
-          id:5
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 5,
 
         },{
 
           xuhao: "A6",
 
-          url: "vroMUXdx",
 
-          name: "中国电信",
 
-          id:6
 
-        },
 
-        {
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 6,
 
+        },{
 
           xuhao: "A7",
 
-          url: "vroMUXdx",
 
-          name: "中国移动",
 
-          id:7
 
-        },
 
-        {
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 7,
 
+        },{
 
           xuhao: "A8",
 
-          url: "vroMUXdx",
 
-          name: "中国联通",
 
-          id:8
 
-        },
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 8,
 
+        },{
 
+          xuhao: "A9",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 9,
 
+        },{
 
+          xuhao: "A10",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 10,
 
+        }
 
       ],
 
     },
 
     {
 
-      p_id: 9,
 
-      bgclr: '#CC9C23',
 
+      p_id: 9, //对应primary的id
 
+      bgclr: "#cb9e22",
 
       data: [
 
         {
 
           xuhao: "B1",
 
-          url: "vroMUkZaw692dHm&lang=zh&firstView=pano:8,qua:0.017,0.246,-0.0043,0.9691Xdx",
 
-          name: "中国电子信息产业集团有限公司",
 
-          id: 1
 
-        },
 
-		{
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 1,
 
+        },{
 
           xuhao: "B2",
 
-          url: "C2phKAqXHV&lang=zh&firstView=pano:2,qua:-0.0188,0.703,0.0186,0.7107",
 
-          name: "奇安信科技集团股份有限公司",
 
-          id: 2
 
-        },
 
-        {
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 2,
 
+        },{
 
           xuhao: "B3",
 
-          url: "vroMUXdx",
 
-          name: "中电科新型智慧城市研究院有限公司",
 
-          id: 3
 
-        },
 
-		{
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 3,
 
+        },{
 
           xuhao: "B4",
 
-          url: "vroMUXdx",
 
-          name: "杭州海康威视数字技术股份有限公司",
 
-          id: 4
 
-        },
 
-		{
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 4,
 
+        },{
 
           xuhao: "B5",
 
-          url: "vroMUXdx",
 
-          name: "科大讯飞股份有限公司",
 
-          id: 5
 
-        },
 
-		{
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 5,
 
+        },{
 
           xuhao: "B6",
 
-          url: "vroMUXdx",
 
-          name: "奥格科技股份有限公司",
 
-          id: 6
 
-        },
 
-		{
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 6,
 
+        },{
 
           xuhao: "B7",
 
-          url: "vroMUXdx",
 
-          name: "中兴通讯股份有限公司",
 
-          id: 7
 
-        },
 
-		{
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 7,
 
+        },{
 
           xuhao: "B8",
 
-          url: "vroMUXdx",
 
-          name: "阿里巴巴集团控股有限公司",
 
-          id: 8
 
-        },
 
-		{
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 8,
 
+        },{
 
           xuhao: "B9",
 
-          url: "vroMUXdx",
 
-          name: "广州市智慧城市投资公司",
 
-          id: 9
 
-        },
 
-		{
 
-          xuhao: "B10",
 
-          url: "vroMUXdx",
 
-          name: "云从科技集团股份有限公司",
 
-          id: 10
 
-        },
 
-		{
 
-          xuhao: "B11",
 
-          url: "vroMUXdx",
 
-          name: "广州广电运通金融电子股份有限公司",
 
-          id: 11
 
-        },
 
-		{
 
-          xuhao: "B12",
 
-          url: "vroMUXdx",
 
-          name: "中国南方电网有限责任公司",
 
-          id: 12
 
-        },
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 9,
 
+        }
 
+      ],
 
+    },    
+	{
 
+      p_id: 10, //对应primary的id
 
+      bgclr: "#ce5f49",
 
+      data: [
 
+        {
 
+          xuhao: "Z1",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 1,
 
+        },{
 
+          xuhao: "Z2",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 2,
 
+        },{
 
+          xuhao: "Z3",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 3,
 
+        },{
 
+          xuhao: "Z4",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 4,
 
+        },{
 
+          xuhao: "Z5",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 5,
 
+        },{
 
+          xuhao: "Z6",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 6,
 
+        }
 
       ],
 
     },
 
   ]
 
@@ -217,6 +185,8 @@ let loop = (main, sub) => {
 
 
 let data = loop(raw.primary, raw.secondary);
 
 
+console.log(data);
 
+
 
 module.exports = {
 
   data,
 
   raw,

+ 562 - 0
src/components/data2 - 副本.js
查看文件 

@@ -0,0 +1,562 @@
 
+const raw = {
 
+  primary: [
 
+    {
 
+      url: "",
 
+      name: "成果发布区",
 
+      id: 1,
 
+      color: "#ED8A5F",
 
+    },
 
+    {
 
+      url: "vroMUXdx",
 
+      name: "C区",
 
+      id: 2,
 
+      color: "#BE7CCE",
 
+    },
 
+    {
 
+      url: "vroMUXdx",
 
+      name: "D区",
 
+      id: 3,
 
+      color: "#DDBC6B",
 
+    },
 
+    {
 
+      url: "vroMUXdx",
 
+      name: "E区",
 
+      id: 4,
 
+      color: "#CC9160",
 
+    },
 
+    {
 
+      url: "vroMUXdx",
 
+      name: "F区",
 
+      id: 5,
 
+      color: "#67C0C9",
 
+    },
 
+    {
 
+      url: "vroMUXdx",
 
+      name: "G区",
 
+      id: 6,
 
+      color: "#3A6BD6",
 
+    },
 
+    {
 
+      url: "vroMUXdx",
 
+      name: "H区",
 
+      id: 7,
 
+      color: "#916CE5",
 
+    },
 
+    {
 
+      url: "vroMUXdx",
 
+      name: "I区",
 
+      id: 8,
 
+      color: "#80CE89",
 
+    }
 
+  ],
 
+  secondary: [
 
+    {
 
+      p_id: 1, //对应primary的id
 
+      bgclr: "#E36E3B",
 
+      data: [
 
+        {
 
+          xuhao: "C1",
 
+          url: "EZiPG0Rtzv&firstView=pano:138,qua:0.0272,0.8647,0.047,-0.4994",
 
+          name: "视联动力信息技术股份有限公司",
 
+          id: 1,
 
+        },
 
+        {
 
+          xuhao: "C2",
 
+          url: "EZiPG0Rtzv&firstView=pano:164,qua:0.0128,-0.0711,0.0009,0.9974",
 
+          name: "齐心好视通",
 
+          id: 2,
 
+        },
 
+        {
 
+          xuhao: "C3",
 
+          url: "EZiPG0Rtzv&firstView=pano:178,qua:-0.0297,0.0232,0.0007,0.9993",
 
+          name: "上海卓繁信息技术股份有限公司",
 
+          id: 3,
 
+        },
 
+        {
 
+          xuhao: "C4",
 
+          url: "EZiPG0Rtzv&firstView=pano:48,qua:-0.0003,0.9992,-0.0389,-0.0067",
 
+          name: "信创联盟",
 
+          id: 4,
 
+        },
 
+        {
 
+          xuhao: "C5",
 
+          url: "EZiPG0Rtzv&firstView=pano:52,qua:0,0.9999,-0.0145,-0.0003",
 
+          name: "信创联盟",
 
+          id: 5,
 
+        },
 
+        {
 
+          xuhao: "C6",
 
+          url: "EZiPG0Rtzv&firstView=pano:82,qua:0.0561,-0.0011,0.0001,0.9984",
 
+          name: "工业和信息化部电子第五研究所",
 
+          id: 6,
 
+        },
 
+        {
 
+          xuhao: "C7",
 
+          url: "EZiPG0Rtzv&firstView=pano:98,qua:0.0379,-0.0036,0.0001,0.9993",
 
+          name: "联想集团",
 
+          id: 7,
 
+        },
 
+      ],
 
+    },//D区已添加完
 
+    {
 
+      p_id: 2,
 
+      bgclr: "#DF9325",
 
+      data: [
 
+        {
 
+          xuhao: "D1",
 
+          url: "ivk5Yl7Fxf&firstView=pano:68,qua:-0.044,0.1685,0.0075,0.9847",
 
+          name: "厦门市巨龙信息科技有限公司",
 
+          id: 1,
 
+        },
 
+        {
 
+          xuhao: "D2",
 
+          url: "ivk5Yl7Fxf&firstView=pano:68,qua:-0.0084,0.9902,0.1213,0.0686",
 
+          name: "珠海欧比特宇航科技股份有限公司",
 
+          id: 2,
 
+        },
 
+        {
 
+          xuhao: "D3",
 
+          url: "ivk5Yl7Fxf&firstView=pano:6,qua:-0.0243,0.6735,0.0222,0.7385",
 
+          name: "广东君略科技咨询有限公司",
 
+          id: 3,
 
+        },
 
+        {
 
+          xuhao: "D4",
 
+          url: "ivk5Yl7Fxf&firstView=pano:34,qua:-0.0677,-0.0027,-0.0002,0.9977",
 
+          name: "广州智能科技发展有限公司",
 
+          id: 4,
 
+        },
 
+        {
 
+          xuhao: "D5",
 
+          url: "ivk5Yl7Fxf&firstView=pano:76,qua:-0.0969,0.2841,0.0289,0.9534",
 
+          name: "广州市中智软件开发有限公司",
 
+          id: 5,
 
+        },
 
+        {
 
+          xuhao: "D6",
 
+          url: "ivk5Yl7Fxf&firstView=pano:80,qua:-0.0003,0.9985,0.0539,0.0058",
 
+          name: "广东方纬科技有限公司",
 
+          id: 6,
 
+        },
 
+        {
 
+          xuhao: "D7",
 
+          url: "ivk5Yl7Fxf&firstView=pano:104,qua:-0.0219,-0.6712,-0.0198,0.7407",
 
+          name: "武大吉奥信息技术有限公司",
 
+          id: 7,
 
+        },
 
+        {
 
+          xuhao: "D8",
 
+          url: "ivk5Yl7Fxf&firstView=pano:132,qua:-0.104,-0.1995,-0.0213,0.9741",
 
+          name: "中德人工智能研究院",
 
+          id: 8,
 
+        },
 
+      ],
 
+    },
 
+    {
 
+      p_id: 3, //对应primary的id
 
+      bgclr: "#B53BD3",
 
+      data: [
 
+        {
 
+          xuhao: "E1",
 
+          url: "E8TBKcknpv&firstView=pano:82,qua:-0.0689,0.7164,0.0715,0.6905s",
 
+          name: "中国航天科工集团第二研究院七〇六所",
 
+          id: 1,
 
+        },
 
+        {
 
+          xuhao: "E2",
 
+          url: "E8TBKcknpv&firstView=pano:64,qua:-0.0844,0.7,0.0839,0.7041",
 
+          name: "珠海金山办公软件有限公司",
 
+          id: 2,
 
+        },
 
+        {
 
+          xuhao: "E3",
 
+          url: "E8TBKcknpv&firstView=pano:42,qua:0.0002,0.9954,0.0958,-0.0022",
 
+          name: "广州软件应用技术研究所",
 
+          id: 3,
 
+        },
 
+        {
 
+          xuhao: "E4",
 
+          url: "E8TBKcknpv&firstView=pano:22,qua:0.0036,0.9933,0.1111,-0.0325",
 
+          name: "中智政源技术有限公司",
 
+          id: 4,
 
+        },
 
+        {
 
+          xuhao: "E5",
 
+          url: "E8TBKcknpv&firstView=pano:0,qua:-0.0041,0.9959,0.0666,0.0614",
 
+          name: "南方报业传媒集团",
 
+          id: 5,
 
+        },
 
+        {
 
+          xuhao: "E6",
 
+          url: "E8TBKcknpv&firstView=pano:8,qua:-0.0964,-0.5223,-0.0596,0.8452",
 
+          name: "北京国脉互联信息顾问有限公司",
 
+          id: 6,
 
+        },
 
+        {
 
+          xuhao: "E7",
 
+          url: "E8TBKcknpv&firstView=pano:18,qua:-0.0802,-0.7163,-0.0834,0.6881",
 
+          name: "广东紫慧旭光科技有限公司",
 
+          id: 7,
 
+        },
 
+        {
 
+          xuhao: "E8",
 
+          url: "E8TBKcknpv&firstView=pano:100,qua:-0.0139,-0.7977,-0.0184,0.6026",
 
+          name: "双杨信息科技（珠海）有限公司",
 
+          id: 8,
 
+        },
 
+        {
 
+          xuhao: "E9",
 
+          url: "E8TBKcknpv&firstView=pano:98,qua:-0.0371,-0.7248,-0.0392,0.6868",
 
+          name: "广州华资软件技术有限公司",
 
+          id: 9,
 
+        },
 
+        {
 
+          xuhao: "E10",
 
+          url: "E8TBKcknpv&firstView=pano:94,qua:-0.0256,0.9611,0.0953,0.2581",
 
+          name: "北京构力科技有限公司",
 
+          id: 10,
 
+        },
 
+        {
 
+          xuhao: "E11",
 
+          url: "E8TBKcknpv&firstView=pano:90,qua:0.012,0.9754,0.2133,-0.0547",
 
+          name: "深圳云天励飞技术股份有限公司",
 
+          id: 11,
 
+        },
 
+      ],
 
+    },
 
+    {
 
+      p_id: 4, //对应primary的id
 
+      bgclr: "#13B1CC",
 
+      data: [
 
+        {
 
+          xuhao: "F1",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:52,qua:-0.0907,-0.6889,-0.0875,0.7138",
 
+          name: "360政企安全集团",
 
+          id: 1,
 
+        },
 
+        {
 
+          xuhao: "F2",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:66,qua:-0.0056,-0.112,-0.0006,0.9937",
 
+          name: "北京永信至诚科技股份有限公司",
 
+          id: 2,
 
+        },
 
+        {
 
+          xuhao: "F3",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:70,qua:-0.0123,0.6965,0.012,0.7173",
 
+          name: "开普数智科技（广东）有限公司",
 
+          id: 3,
 
+        },
 
+        {
 
+          xuhao: "F4",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:132,qua:0.0149,-0.4822,0.0082,0.8759",
 
+          name: "北京安天网络安全技术有限公司",
 
+          id: 4,
 
+        },
 
+        {
 
+          xuhao: "F5",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:126,qua:-0.0608,-0.3719,-0.0244,0.926",
 
+          name: "中孚信息股份有限公司",
 
+          id: 5,
 
+        },
 
+        {
 
+          xuhao: "F6",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:120,qua:0.0173,-0.5301,0.0108,0.8477",
 
+          name: "广东中安网脉华南技术有限公司",
 
+          id: 6,
 
+        },
 
+        {
 
+          xuhao: "F7",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:116,qua:-0.0096,0.0067,0.0001,0.9999",
 
+          name: "数安时代科技股份有限公司",
 
+          id: 7,
 
+        },
 
+        {
 
+          xuhao: "F8",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:48,qua:0.0001,0.9999,-0.0134,0.0106",
 
+          name: "北京升鑫网络科技有限公司",
 
+          id: 8,
 
+        },
 
+        {
 
+          xuhao: "F9",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:46,qua:0.0001,0.9999,0.0065,-0.0085",
 
+          name: "广东省电子商务认证有限公司",
 
+          id: 9,
 
+        },
 
+        {
 
+          xuhao: "F10",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:102,qua:-0.0007,0.9991,0.0356,0.0208",
 
+          name: "杭州世平信息科技有限公司",
 
+          id: 10,
 
+        },
 
+        {
 
+          xuhao: "F11",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:32,qua:-0.0033,-0.7057,-0.0033,0.7085",
 
+          name: "绿盟科技集团股份有限公司",
 
+          id: 11,
 
+        },
 
+        {
 
+          xuhao: "F12",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:48,qua:-0.1285,-0.0364,-0.0047,0.991",
 
+          name: "天融信科技集团",
 
+          id: 12,
 
+        },
 
+        {
 
+          xuhao: "F13",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:76,qua:-0.0669,0.0605,0.0041,0.9959",
 
+          name: "北京启明星辰信息安全技术有限公司",
 
+          id: 13,
 
+        },
 
+        {
 
+          xuhao: "F14",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:90,qua:-0.0789,0.0228,0.0018,0.9966",
 
+          name: "杭州安恒信息技术股份有限公司",
 
+          id: 14,
 
+        },
 
+        {
 
+          xuhao: "F15",
 
+          url: "JvTJdaTsSZ&lang=zh&firstView=pano:102,qua:-0.078,-0.0208,-0.0016,0.9967",
 
+          name: "广东广宇科技发展有限公司",
 
+          id: 15,
 
+        },
 
+      ],
 
+    },
 
+    {
 
+      p_id: 5, //对应primary的id
 
+      bgclr: "#598BF6",
 
+      data: [
 
+        {
 
+          xuhao: "G1",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:2,qua:-0.0627,0.6967,0.0614,0.712",
 
+          name: "新华三技术有限公司",
 
+          id: 1,
 
+        },
 
+        {
 
+          xuhao: "G2",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:142,qua:-0.0029,-0.7277,-0.0031,0.6859",
 
+          name: "广东省医学科学院广东省人民医院",
 
+          id: 2,
 
+        },
 
+        {
 
+          xuhao: "G3",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:148,qua:-0.0117,0.5184,0.0071,0.855",
 
+          name: "广州南科信息科技有限公司",
 
+          id: 3,
 
+        },
 
+        {
 
+          xuhao: "G4",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:116,qua:0,-0.7162,0,0.6978",
 
+          name: "北明软件有限公司",
 
+          id: 4,
 
+        },
 
+        {
 
+          xuhao: "G5",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:116,qua:-0.0017,0.7043,0.0017,0.7099",
 
+          name: "北京东方通科技股份有限公司",
 
+          id: 5,
 
+        },
 
+        {
 
+          xuhao: "G6",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:108,qua:-0.0055,-0.7217,-0.0057,0.6922",
 
+          name: "广东金赋科技股份有限公司",
 
+          id: 6,
 
+        },
 
+        {
 
+          xuhao: "G7",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:108,qua:-0.0089,0.7068,0.0089,0.7073",
 
+          name: "深圳太极云软技术有限公司",
 
+          id: 7,
 
+        },
 
+        {
 
+          xuhao: "G8",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:74,qua:0.0027,-0.7441,0.003,0.668",
 
+          name: "国泰新点软件股份有限公司",
 
+          id: 8,
 
+        },
 
+        {
 
+          xuhao: "G9",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:72,qua:0.0091,0.7307,-0.0098,0.6826",
 
+          name: "厦门市美亚柏科信息股份有限公司 ",
 
+          id: 9,
 
+        },
 
+        {
 
+          xuhao: "G10",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:136,qua:-0.0019,-0.0092,0,1",
 
+          name: "西湾智慧（广东）信息科技有限公司",
 
+          id: 10,
 
+        },
 
+        {
 
+          xuhao: "G11",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:16,qua:-0.0002,0.9998,0.0136,0.0119",
 
+          name: "广州数鹏通科技有限公司",
 
+          id: 11,
 
+        },
 
+        {
 
+          xuhao: "G12",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:98,qua:0.0001,0.0687,0,0.9976",
 
+          name: "福建博思软件股份有限公司",
 
+          id: 12,
 
+        },
 
+        {
 
+          xuhao: "G13",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:28,qua:0,1,0.0026,-0.0041",
 
+          name: "广州政企互联科技有限公司",
 
+          id: 13,
 
+        },
 
+        {
 
+          xuhao: "G14",
 
+          url: "4qcNZearZT&lang=zh&firstView=pano:86,qua:-0.0015,0.8086,0.002,0.5883",
 
+          name: "广东南方数码科技股份有限公司",
 
+          id: 14,
 
+        },
 
+      ],
 
+
 
+    },
 
+    {
 
+      p_id: 6, //对应primary的id
 
+      bgclr: "#66AF6B",
 
+      data: [
 
+        {
 
+          xuhao: "H1",
 
+          url: "M91pzm1c1Y&lang=zh&firstView=pano:60,qua:-0.0152,-0.7088,-0.0153,0.7051",
 
+          name: "广东中浦科技有限公司",
 
+          id: 1,
 
+        },
 
+        {
 
+          xuhao: "H2",
 
+          url: "M91pzm1c1Y&lang=zh&firstView=pano:2,qua:-0.0127,0.6722,0.0115,0.7402",
 
+          name: "统信软件技术有限公司",
 
+          id: 2,
 
+        },
 
+        {
 
+          xuhao: "H3",
 
+          url: "M91pzm1c1Y&lang=zh&firstView=pano:4,qua:-0.0312,-0.6974,-0.0305,0.7153",
 
+          name: "北京数字认证股份有限公司",
 
+          id: 3,
 
+        },
 
+        {
 
+          xuhao: "H4",
 
+          url: "M91pzm1c1Y&firstView=pano:40,qua:-0.0199,0.7012,0.0196,0.7124",
 
+          name: "金税信息技术服务股份有限公司",
 
+          id: 4,
 
+        },
 
+        {
 
+          xuhao: "H5",
 
+          url: "M91pzm1c1Y&lang=zh&firstView=pano:62,qua:-0.0138,-0.7118,-0.014,0.7021",
 
+          name: "北京国脉信安科技有限公司",
 
+          id: 5,
 
+        },
 
+        {
 
+          xuhao: "H6",
 
+          url: "M91pzm1c1Y&lang=zh&firstView=pano:4,qua:-0.0312,0.6947,0.0302,0.718",
 
+          name: "润建股份有限公司",
 
+          id: 6,
 
+        },
 
+        {
 
+          xuhao: "H7",
 
+          url: "M91pzm1c1Y&firstView=pano:18,qua:0.0106,-0.0071,0.0001,0.9999",
 
+          name: "广东紫晶信息存储技术股份有限公司",
 
+          id: 7,
 
+        },
 
+        {
 
+          xuhao: "H8",
 
+          url: "M91pzm1c1Y&firstView=pano:20,qua:0.0173,-0.0186,0.0003,0.9997",
 
+          name: "广东三鼎实业集团有限公司",
 
+          id: 8,
 
+        },
 
+        {
 
+          xuhao: "H9",
 
+          url: "M91pzm1c1Y&firstView=pano:42,qua:-0.0241,0.7139,0.0246,0.6994",
 
+          name: "广东智信信息科技股份有限公司",
 
+          id: 9,
 
+        },
 
+        {
 
+          xuhao: "H10",
 
+          url: "M91pzm1c1Y&lang=zh&firstView=pano:10,qua:-0.0001,0.9996,0.0295,0.0031",
 
+          name: "广东国腾量子科技有限公司",
 
+          id: 10,
 
+        },
 
+        {
 
+          xuhao: "H11",
 
+          url: "M91pzm1c1Y&firstView=pano:12,qua:0,1,-0.0053,-0.0053",
 
+          name: "北京建设数字科技有限公司",
 
+          id: 11,
 
+        },
 
+        {
 
+          xuhao: "H12",
 
+          url: "M91pzm1c1Y&firstView=pano:14,qua:0,0.9999,-0.0139,0.0031",
 
+          name: "广东信航信息技术有限公司",
 
+          id: 12,
 
+        },
 
+        {
 
+          xuhao: "H13",
 
+          url: "M91pzm1c1Y&firstView=pano:16,qua:0,0.9999,-0.0158,-0.0012",
 
+          name: "瀚蓝环境股份有限公司",
 
+          id: 13,
 
+        },
 
+        {
 
+          xuhao: "H14",
 
+          url: "M91pzm1c1Y&firstView=pano:24,qua:0,0.9999,0.0092,0.0053",
 
+          name: "国衡智慧（广东）科技有限公司",
 
+          id: 14,
 
+        },
 
+        {
 
+          xuhao: "H15",
 
+          url: "M91pzm1c1Y&firstView=pano:28,qua:0,1,-0.0047,0.0019",
 
+          name: "广东数字生态科技有限责任公司",
 
+          id: 15,
 
+        },
 
+        {
 
+          xuhao: "H16",
 
+          url: "M91pzm1c1Y&firstView=pano:30,qua:-0.0063,-0.7145,-0.0065,0.6995",
 
+          name: "云浮市物联网研究院有限公司",
 
+          id: 16,
 
+        },
 
+        {
 
+          xuhao: "H17",
 
+          url: "M91pzm1c1Y&firstView=pano:32,qua:-0.0062,-0.7013,-0.0061,0.7128",
 
+          name: "东莞先知大数据有限公司",
 
+          id: 17,
 
+        },
 
+        {
 
+          xuhao: "H18",
 
+          url: "M91pzm1c1Y&firstView=pano:34,qua:-0.0117,-0.7124,-0.0119,0.7016",
 
+          name: "广州中大凯旋电子科技有限公司",
 
+          id: 18,
 
+        },
 
+        {
 
+          xuhao: "H19",
 
+          url: "M91pzm1c1Y&firstView=pano:36,qua:-0.0103,-0.7159,-0.0105,0.698",
 
+          name: "广东柯内特环境科技有限公司",
 
+          id: 19,
 
+        },
 
+        {
 
+          xuhao: "H20",
 
+          url: "M91pzm1c1Y&firstView=pano:44,qua:-0.0062,-0.712,-0.0063,0.7021",
 
+          name: "广东省广播电视网络股份有限公司",
 
+          id: 20,
 
+        },
 
+      ],
 
+    },
 
+  ],
 
+};
 
+
 
+let loop = (main, sub) => {
 
+  let data = main.map((item) => {
 
+    sub.forEach((sub) => {
 
+      if (item.id === sub.p_id) {
 
+        item.sub = sub;
 
+        item.show = false;
 
+      }
 
+    });
 
+    return item;
 
+  });
 
+
 
+  return data;
 
+};
 
+
 
+let data = loop(raw.primary, raw.secondary);
 
+
 
+module.exports = {
 
+  data,
 
+  raw,
 
+};

+ 352 - 360
src/components/data2.js
查看文件 

@@ -1,515 +1,507 @@
 
 const raw = {
 
   primary: [
 
     {
 
-      name: "C区",
 
+      url: "",
 
+      name: "成果发布区",
 
       id: 1,
 
       color: "#ED8A5F",
 
     },
 
     {
 
-      name: "D区",
 
+      url: "",
 
+      name: "C区",
 
       id: 2,
 
-      color: "#EAB363",
 
+      color: "#BE7CCE",
 
     },
 
     {
 
-      name: "E区",
 
+      url: "",
 
+      name: "D区",
 
       id: 3,
 
-      color: "#C872DD",
 
+      color: "#DDBC6B",
 
     },
 
     {
 
-      name: "F区",
 
+      url: "",
 
+      name: "E区",
 
       id: 4,
 
-      color: "#5EDAEF",
 
+      color: "#CC9160",
 
     },
 
     {
 
-      name: "G区",
 
+      url: "",
 
+      name: "F区",
 
       id: 5,
 
+      color: "#67C0C9",
 
+    },
 
+    {
 
+      url: "",
 
+      name: "G区",
 
+      id: 6,
 
       color: "#3A6BD6",
 
     },
 
     {
 
+      url: "",
 
       name: "H区",
 
-      id: 6,
 
-      color: "#80CE89",
 
+      id: 7,
 
+      color: "#916CE5",
 
     },
 
+    {
 
+      url: "",
 
+      name: "I区",
 
+      id: 8,
 
+      color: "#80CE89",
 
+    }
 
   ],
 
   secondary: [
 
     {
 
-      p_id: 1, //对应primary的id
 
-      bgclr: "#E36E3B",
 
+      p_id: 2, //对应primary的id
 
+      bgclr: "#b73ad4",
 
       data: [
 
         {
 
           xuhao: "C1",
 
-          url: "sPOpr07IX&lang=zh&firstView=pano:52,qua:-0.0006,-0.5783,-0.0004,0.8158",
 
-          name: "视联动力信息技术股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 1,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "C2",
 
-          url: "sPOpr07IX&lang=zh&firstView=pano:16,qua:-0.1747,-0.0027,-0.0005,0.9846",
 
-          name: "齐心好视通",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 2,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "C3",
 
-          url: "vroMUXdx",
 
-          name: "上海卓繁信息技术股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 3,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "C4",
 
-          url: "vroMUXdx",
 
-          name: "信创联盟",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 4,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "C5",
 
-          url: "vroMUXdx",
 
-          name: "信创联盟",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 5,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "C6",
 
-          url: "vroMUXdx",
 
-          name: "工业和信息化部电子第五研究所",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 6,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "C7",
 
-          url: "vroMUXdx",
 
-          name: "联想集团",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 7,
 
-        },
 
+        },{
 
+          xuhao: "C8",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 8,
 
+        },{
 
+          xuhao: "C9",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 9,
 
+        },{
 
+          xuhao: "C10",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 10,
 
+        },{
 
+          xuhao: "C11",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 11,
 
+        },{
 
+          xuhao: "C12",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 12,
 
+        },{
 
+          xuhao: "C13",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 13,
 
+        },{
 
+          xuhao: "C14",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 14,
 
+        },{
 
+          xuhao: "C15",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 15,
 
+        },{
 
+          xuhao: "C16",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 16,
 
+        },{
 
+          xuhao: "C17",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 17,
 
+        },{
 
+          xuhao: "C18",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 18,
 
+        },{
 
+          xuhao: "C19",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 19,
 
+        },{
 
+          xuhao: "C20",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 20,
 
+        },{
 
+          xuhao: "C21",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 21,
 
+        },{
 
+          xuhao: "直播间",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 22,
 
+        },{
 
+          xuhao: "直播间",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 23,
 
+        },{
 
+          xuhao: "直播间",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 24,
 
+        }
 
       ],
 
-    },
 
-    {
 
-      p_id: 2,
 
-      bgclr: "#DF9325",
 
+    },    
+	{
 
+      p_id: 3, //对应primary的id
 
+      bgclr: "#cd9c26",
 
       data: [
 
         {
 
           xuhao: "D1",
 
-          url: "https://www.4dkankan.com/spc.html?m=RNAdjRVrG&lang=zh&firstView=pano:0,qua:-0.0876,0.6674,0.0796,0.7352",
 
-          name: "厦门市巨龙信息科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 1,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "D2",
 
-          url: "RNAdjRVrG&lang=zh&firstView=pano:0,qua:-0.0876,0.6674,0.0796,0.7352",
 
-          name: "珠海欧比特宇航科技股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 2,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "D3",
 
-          url: "vroMUXdx",
 
-          name: "广东君略科技咨询有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 3,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "D4",
 
-          url: "vroMUXdx",
 
-          name: "广州智能科技发展有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 4,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "D5",
 
-          url: "vroMUXdx",
 
-          name: "广州市中智软件开发有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 5,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "D6",
 
-          url: "vroMUXdx",
 
-          name: "广东方纬科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 6,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "D7",
 
-          url: "vroMUXdx",
 
-          name: "武大吉奥信息技术有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 7,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "D8",
 
-          url: "vroMUXdx",
 
-          name: "珠海市四维时代网络有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 8,
 
-        },
 
+        }
 
       ],
 
-    },
 
-    {
 
-      p_id: 3, //对应primary的id
 
-      bgclr: "#B53BD3",
 
+    },	
+	{
 
+      p_id: 4, //对应primary的id
 
+      bgclr: "#a96c3d",
 
       data: [
 
         {
 
           xuhao: "E1",
 
-          url: "vroMUXdx",
 
-          name: "中国航天科工集团第二研究院七〇六所",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 1,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "E2",
 
-          url: "vroMUXdx",
 
-          name: "珠海金山办公软件有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 2,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "E3",
 
-          url: "vroMUXdx",
 
-          name: "广州软件应用技术研究所",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 3,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "E4",
 
-          url: "vroMUXdx",
 
-          name: "中智政源技术有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 4,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "E5",
 
-          url: "vroMUXdx",
 
-          name: "南方报业传媒集团",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 5,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "E6",
 
-          url: "vroMUXdx",
 
-          name: "北京国脉互联信息顾问有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 6,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "E7",
 
-          url: "vroMUXdx",
 
-          name: "广东紫慧旭光科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 7,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "E8",
 
-          url: "vroMUXdx",
 
-          name: "双杨信息科技（珠海）有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 8,
 
-        },
 
-        {
 
-          xuhao: "E9",
 
-          url: "vroMUXdx",
 
-          name: "广州华资软件技术有限公司",
 
-          id: 9,
 
-        },
 
-        {
 
-          xuhao: "E10",
 
-          url: "vroMUXdx",
 
-          name: "北京构力科技有限公司",
 
-          id: 10,
 
-        },
 
-        {
 
-          xuhao: "E11",
 
-          url: "vroMUXdx",
 
-          name: "深圳云天励飞技术股份有限公司",
 
-          id: 11,
 
-        },
 
+        }
 
       ],
 
     },
 
-    {
 
-      p_id: 4, //对应primary的id
 
-      bgclr: "#13B1CC",
 
+	{
 
+      p_id: 5, //对应primary的id
 
+      bgclr: "#139fb8",
 
       data: [
 
         {
 
           xuhao: "F1",
 
-          url: "vroMUXdx",
 
-          name: "360政企安全集团",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 1,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F2",
 
-          url: "vroMUXdx",
 
-          name: "北京永信至诚科技股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 2,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F3",
 
-          url: "vroMUXdx",
 
-          name: "开普数智科技（广东）有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 3,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F4",
 
-          url: "vroMUXdx",
 
-          name: "北京安天网络安全技术有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 4,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F5",
 
-          url: "vroMUXdx",
 
-          name: "中孚信息股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 5,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F6",
 
-          url: "vroMUXdx",
 
-          name: "广东中安网脉华南技术有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 6,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F7",
 
-          url: "vroMUXdx",
 
-          name: "数安时代科技股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 7,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F8",
 
-          url: "vroMUXdx",
 
-          name: "北京升鑫网络科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 8,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F9",
 
-          url: "vroMUXdx",
 
-          name: "广东省电子商务认证有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 9,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "F10",
 
-          url: "vroMUXdx",
 
-          name: "杭州世平信息科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 10,
 
-        },
 
-        {
 
-          xuhao: "F11",
 
-          url: "vroMUXdx",
 
-          name: "绿盟科技集团股份有限公司",
 
-          id: 11,
 
-        },
 
-        {
 
-          xuhao: "F12",
 
-          url: "vroMUXdx",
 
-          name: "天融信科技集团",
 
-          id: 12,
 
-        },
 
-        {
 
-          xuhao: "F13",
 
-          url: "vroMUXdx",
 
-          name: "北京启明星辰信息安全技术有限公司",
 
-          id: 13,
 
-        },
 
-        {
 
-          xuhao: "F14",
 
-          url: "vroMUXdx",
 
-          name: "杭州安恒信息技术股份有限公司",
 
-          id: 14,
 
-        },
 
-        {
 
-          xuhao: "F15",
 
-          url: "vroMUXdx",
 
-          name: "广东广宇科技发展有限公司",
 
-          id: 15,
 
-        },
 
+        }
 
       ],
 
     },
 
-    {
 
-      p_id: 5, //对应primary的id
 
-      bgclr: "#598BF6",
 
+	{
 
+      p_id: 6, //对应primary的id
 
+      bgclr: "#5a8bf5",
 
       data: [
 
         {
 
           xuhao: "G1",
 
-          url: "vroMUXdx",
 
-          name: "新华三技术有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 1,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "G2",
 
-          url: "vroMUXdx",
 
-          name: "广东省医学科学院广东省人民医院",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 2,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "G3",
 
-          url: "vroMUXdx",
 
-          name: "广州南科信息科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 3,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "G4",
 
-          url: "vroMUXdx",
 
-          name: "北明软件有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 4,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "G5",
 
-          url: "vroMUXdx",
 
-          name: "北京东方通科技股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 5,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "G6",
 
-          url: "vroMUXdx",
 
-          name: "广东金赋科技股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 6,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "G7",
 
-          url: "vroMUXdx",
 
-          name: "深圳太极云软技术有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 7,
 
-        },
 
-        {
 
-          xuhao: "G8",
 
-          url: "vroMUXdx",
 
-          name: "国泰新点软件股份有限公司",
 
-          id: 8,
 
-        },
 
-        {
 
-          xuhao: "G9",
 
-          url: "vroMUXdx",
 
-          name: "厦门市美亚柏科信息股份有限公司 ",
 
-          id: 9,
 
-        },
 
-        {
 
-          xuhao: "G10",
 
-          url: "vroMUXdx",
 
-          name: "西湾智慧（广东）信息科技有限公司",
 
-          id: 10,
 
-        },
 
-        {
 
-          xuhao: "G11",
 
-          url: "vroMUXdx",
 
-          name: "广州数鹏通科技有限公司",
 
-          id: 11,
 
-        },
 
-        {
 
-          xuhao: "G12",
 
-          url: "vroMUXdx",
 
-          name: "福建博思软件股份有限公司",
 
-          id: 12,
 
-        },
 
-        {
 
-          xuhao: "G13",
 
-          url: "vroMUXdx",
 
-          name: "广州政企互联科技有限公司",
 
-          id: 13,
 
-        },
 
-        {
 
-          xuhao: "G14",
 
-          url: "vroMUXdx",
 
-          name: "广东南方数码科技股份有限公司",
 
-          id: 14,
 
-        },
 
+        }
 
       ],
 
     },
 
-    {
 
-      p_id: 6, //对应primary的id
 
-      bgclr: "#66AF6B",
 
+	{
 
+      p_id: 7, //对应primary的id
 
+      bgclr: "#794dde",
 
       data: [
 
         {
 
           xuhao: "H1",
 
-          url: "vroMUXdx",
 
-          name: "广东中浦科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 1,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H2",
 
-          url: "vroMUXdx",
 
-          name: "统信软件技术有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 2,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H3",
 
-          url: "vroMUXdx",
 
-          name: "北京数字认证股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 3,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H4",
 
-          url: "vroMUXdx",
 
-          name: "金税信息技术服务股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 4,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H5",
 
-          url: "vroMUXdx",
 
-          name: "北京国脉信安科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 5,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H6",
 
-          url: "vroMUXdx",
 
-          name: "润建股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 6,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H7",
 
-          url: "vroMUXdx",
 
-          name: "广东紫晶信息存储技术股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 7,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H8",
 
-          url: "vroMUXdx",
 
-          name: "广东三鼎实业集团有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 8,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H9",
 
-          url: "vroMUXdx",
 
-          name: "广东智信信息科技股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 9,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H10",
 
-          url: "vroMUXdx",
 
-          name: "广东国腾量子科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 10,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H11",
 
-          url: "vroMUXdx",
 
-          name: "北京建设数字科技有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 11,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H12",
 
-          url: "vroMUXdx",
 
-          name: "广东信航信息技术有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 12,
 
-        },
 
-        {
 
+        },{
 
           xuhao: "H13",
 
-          url: "vroMUXdx",
 
-          name: "瀚蓝环境股份有限公司",
 
+          url: "",
 
+          name: "XX展馆",
 
           id: 13,
 
-        },
 
-        {
 
-          xuhao: "H14",
 
-          url: "vroMUXdx",
 
-          name: "国衡智慧（广东）科技有限公司",
 
-          id: 14,
 
-        },
 
-        {
 
-          xuhao: "H15",
 
-          url: "vroMUXdx",
 
-          name: "广东数字生态科技有限责任公司",
 
-          id: 15,
 
-        },
 
-        {
 
-          xuhao: "H16",
 
-          url: "vroMUXdx",
 
-          name: "云浮市物联网研究院有限公司",
 
-          id: 16,
 
-        },
 
-        {
 
-          xuhao: "H17",
 
-          url: "vroMUXdx",
 
-          name: "广州中大凯旋电子科技有限公司",
 
-          id: 17,
 
-        },
 
-        {
 
-          xuhao: "H18",
 
-          url: "vroMUXdx",
 
-          name: "广东柯内特环境科技有限公司",
 
-          id: 18,
 
-        },
 
+        }
 
+      ],
 
+    },
 
+	{
 
+      p_id: 8, //对应primary的id
 
+      bgclr: "#66af6d",
 
+      data: [
 
         {
 
-          xuhao: "H19",
 
-          url: "vroMUXdx",
 
-          name: "广东省广播电视网络股份有限公司",
 
-          id: 19,
 
-        },
 
+          xuhao: "I1",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 1,
 
+        },{
 
+          xuhao: "I2",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 2,
 
+        },{
 
+          xuhao: "I3",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 3,
 
+        },{
 
+          xuhao: "I4",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 4,
 
+        },{
 
+          xuhao: "I5",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 5,
 
+        },{
 
+          xuhao: "I6",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 6,
 
+        },{
 
+          xuhao: "I7",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 7,
 
+        },{
 
+          xuhao: "I8",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 8,
 
+        },{
 
+          xuhao: "I9",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 9,
 
+        },{
 
+          xuhao: "I10",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 10,
 
+        },{
 
+          xuhao: "I11",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 11,
 
+        }
 
       ],
 
     },
 
   ],

+ 495 - 0
src/components/datab1.js
查看文件 

@@ -0,0 +1,495 @@
 
+const raw = {
 
+  primary: [
 
+    {
 
+      url: "",
 
+      name: "成果发布区",
 
+      id: 11,
 
+      color: "#CC9160",
 
+    },
 
+    {
 
+      url: "",
 
+      name: "J区",
 
+      id: 12,
 
+      color: "#DD7E6B",
 
+    },
 
+    {
 
+      url: "",
 
+      name: "K区",
 
+      id: 13,
 
+      color: "#80CE89",
 
+    },
 
+    {
 
+      url: "",
 
+      name: "L区",
 
+      id: 14,
 
+      color: "#916CE5",
 
+    },
 
+    {
 
+      url: "",
 
+      name: "M区",
 
+      id: 15,
 
+      color: "#BE7CCE",
 
+    }
 
+  ],
 
+  secondary: [    
+	{
 
+      p_id: 12, //对应primary的id
 
+      bgclr: "#ce5f49",
 
+      data: [
 
+        {
 
+          xuhao: "J1",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 1,
 
+        },{
 
+          xuhao: "J2",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 2,
 
+        },{
 
+          xuhao: "J3",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 3,
 
+        },{
 
+          xuhao: "J4",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 4,
 
+        },{
 
+          xuhao: "J5",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 5,
 
+        },{
 
+          xuhao: "J6",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 6,
 
+        },{
 
+          xuhao: "J7",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 7,
 
+        },{
 
+          xuhao: "J8",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 8,
 
+        },{
 
+          xuhao: "J9",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 9,
 
+        },{
 
+          xuhao: "J10",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 10,
 
+        },{
 
+          xuhao: "J11",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 11,
 
+        },{
 
+          xuhao: "J12",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 12,
 
+        },{
 
+          xuhao: "J13",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 13,
 
+        },{
 
+          xuhao: "J14",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 14,
 
+        },{
 
+          xuhao: "J15",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 15,
 
+        },{
 
+          xuhao: "J16",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 16,
 
+        },{
 
+          xuhao: "J17",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 17,
 
+        },{
 
+          xuhao: "J18",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 18,
 
+        },{
 
+          xuhao: "J19",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 19,
 
+        },{
 
+          xuhao: "J20",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 20,
 
+        },{
 
+          xuhao: "J21",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 21,
 
+        },{
 
+          xuhao: "J22",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 22,
 
+        },{
 
+          xuhao: "J23",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 23,
 
+        },{
 
+          xuhao: "J24",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 24,
 
+        },{
 
+          xuhao: "J25",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 25,
 
+        },{
 
+          xuhao: "J26",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 26,
 
+        },{
 
+          xuhao: "J27",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 27,
 
+        }
 
+      ],
 
+    },
 
+    {
 
+      p_id: 13, //对应primary的id
 
+      bgclr: "#66af6c",
 
+      data: [
 
+        {
 
+          xuhao: "K1",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 1,
 
+        },{
 
+          xuhao: "K2",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 2,
 
+        },{
 
+          xuhao: "K3",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 3,
 
+        },{
 
+          xuhao: "K4",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 4,
 
+        },{
 
+          xuhao: "K5",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 5,
 
+        },{
 
+          xuhao: "K6",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 6,
 
+        },{
 
+          xuhao: "K7",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 7,
 
+        },{
 
+          xuhao: "K8",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 8,
 
+        },{
 
+          xuhao: "K9",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 9,
 
+        },{
 
+          xuhao: "K10",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 10,
 
+        },{
 
+          xuhao: "K11",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 11,
 
+        },{
 
+          xuhao: "K12",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 12,
 
+        },{
 
+          xuhao: "K13",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 13,
 
+        },{
 
+          xuhao: "K14",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 14,
 
+        },{
 
+          xuhao: "K15",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 15,
 
+        },{
 
+          xuhao: "K16",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 16,
 
+        },{
 
+          xuhao: "K17",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 17,
 
+        },{
 
+          xuhao: "K18",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 18,
 
+        }
 
+      ],
 
+    }, 
+    {
 
+      p_id: 14, //对应primary的id
 
+      bgclr: "#794dde",
 
+      data: [
 
+        {
 
+          xuhao: "L1",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 1,
 
+        },{
 
+          xuhao: "L2",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 2,
 
+        },{
 
+          xuhao: "L3",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 3,
 
+        },{
 
+          xuhao: "L4",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 4,
 
+        },{
 
+          xuhao: "L5",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 5,
 
+        },{
 
+          xuhao: "L6",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 6,
 
+        },{
 
+          xuhao: "L7",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 7,
 
+        },{
 
+          xuhao: "L8",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 8,
 
+        },{
 
+          xuhao: "L9",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 9,
 
+        },{
 
+          xuhao: "L10",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 10,
 
+        },{
 
+          xuhao: "L11",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 11,
 
+        },{
 
+          xuhao: "L12",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 12,
 
+        },{
 
+          xuhao: "L13",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 13,
 
+        },{
 
+          xuhao: "L14",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 14,
 
+        },{
 
+          xuhao: "L15",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 15,
 
+        },{
 
+          xuhao: "L16",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 16,
 
+        },{
 
+          xuhao: "L17",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 17,
 
+        },{
 
+          xuhao: "L18",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 18,
 
+        },{
 
+          xuhao: "L19",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 19,
 
+        },{
 
+          xuhao: "L20",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 20,
 
+        }
 
+      ],
 
+    },
 
+    {
 
+      p_id: 15, //对应primary的id
 
+      bgclr: "#b73ad4",
 
+      data: [
 
+        {
 
+          xuhao: "M1",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 1,
 
+        },{
 
+          xuhao: "M2",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 2,
 
+        },{
 
+          xuhao: "M3",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 3,
 
+        },{
 
+          xuhao: "M4",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 4,
 
+        },{
 
+          xuhao: "M5",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 5,
 
+        },{
 
+          xuhao: "M6",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 6,
 
+        },{
 
+          xuhao: "M7",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 7,
 
+        },{
 
+          xuhao: "M8",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 8,
 
+        },{
 
+          xuhao: "M9",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 9,
 
+        },{
 
+          xuhao: "M10",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 10,
 
+        },{
 
+          xuhao: "M11",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 11,
 
+        },{
 
+          xuhao: "M12",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 12,
 
+        },{
 
+          xuhao: "M13",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 13,
 
+        },{
 
+          xuhao: "M14",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 14,
 
+        },{
 
+          xuhao: "M15",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 15,
 
+        },{
 
+          xuhao: "M16",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 16,
 
+        },{
 
+          xuhao: "M17",
 
+          url: "",
 
+          name: "XX展馆",
 
+          id: 17,
 
+        }
 
+      ],
 
+    },   
+  ],
 
+};
 
+
 
+let loop = (main, sub) => {
 
+  let data = main.map((item) => {
 
+    sub.forEach((sub) => {
 
+      if (item.id === sub.p_id) {
 
+        item.sub = sub;
 
+        item.show = false;
 
+      }
 
+    });
 
+    return item;
 
+  });
 
+
 
+  return data;
 
+};
 
+
 
+let data = loop(raw.primary, raw.secondary);
 
+
 
+module.exports = {
 
+  data,
 
+  raw,
 
+};

+ 99 - 56
src/components/fold.vue
查看文件 

@@ -1,13 +1,16 @@
 
 <template>
 
   <div class="fold">
 
-    <ul>
 
-      <li :class="{anima:isActive}" @click.stop="showItem(item)" :style="{background:item.color,transitionDelay:`${(i+1)*0.1}s`}" v-for="(item,i) in rawdata" :key="i">
 
+    <ul :key="select">
 
+      <li :class="{anima:isActive}" @click.stop="showItem(item)"
 
+        :style="{background:item.color,transitionDelay:`${(i+1)*0.1}s`}" v-for="(item,i) in rawdata" :key="i">
 
         <div>
 
           <span>{{item.name}}</span>
 
           <span>{{item.xuhao}}</span>
 
         </div>
 
-        <img v-if="item.sub" :src="require(`@/assets/images/${!item.show?`show_enlarge@2x.png`:`show_narrow@2x.png`}`)" alt="">
 
-        <ul @click.stop v-if="item.sub" :style="{maxHeight:item.show?`${item.sub.data.length*70}px`:'0','padding-bottom':item.show?'10px':'0'}">
 
+        <img v-if="item.sub" :src="require(`@/assets/images/${!item.show?`show_enlarge@2x.png`:`show_narrow@2x.png`}`)"
 
+          alt="">
 
+        <ul @click.stop v-if="item.sub"
 
+          :style="{maxHeight:item.show?`${item.sub.data.length*70}px`:'0','padding-bottom':item.show?'10px':'0'}">
 
           <li :style="{background:item.sub.bgclr||''}" v-for="(sub,idx) in item.sub.data" :key="idx">
 
             <div @click.stop="showItem(sub)" :class="{bLine:item.bgclr}">
 
               <div>
 
@@ -23,47 +26,74 @@
 
 </template>
 
 
 <script>
 
-import {data} from './data.js'
 
-import {data as data2} from './data2.js'
 
+import { data } from './data.js'
 
+import { data as data2 } from './data2.js'
 
+import { data as datab1 } from './datab1.js'
 
 
 import browser from '@/utils/browser'
 
 
 
 export default {
 
-  props:['isActive'],
 
-  data(){
 
-    let tt = data.concat(data2)
 
-    let temp = tt.filter(item=>{
 
-      item.show = false
 
-      return !item.isHide
 
-    })
 
+  props: ['isActive', 'select'],
 
+  data() {
 
     return {
 
-      rawdata:temp,
 
-      isMobile: browser.mobile
 
+      isMobile: browser.mobile,
 
+      rawdata:[]
 
     }
 
   },
 
-  methods:{
 
-    goto(url){
 
-      this.$router.push({
 
-        name:'iframe',
 
-        params:{
 
-          id: url
 
-        }
 
-      })
 
+  computed: {
 
+  
+  },
 
+
 
+  watch:{
 
+    select:{
 
+      handler:function (newVal) {
 
+        let tt = newVal == 1 ? data : (newVal == 2 ? data2 : datab1)
 
+        let temp = tt.filter(item => {
 
+          item.show = false
 
+          return !item.isHide
 
+        })
 
+        this.rawdata = temp
 
+      },
 
+      deep:true,
 
+      immediate:true
 
+    }
 
+  },
 
+  methods: {
 
+    goto(url) {
 
+      if (!url) {
 
+        return
 
+      }
 
+      if (this.$route.name == 'iframe') {
 
+        this.$router.replace({ params: { id: url } })
 
+        window.location.reload()
 
+      }
 
+      else {
 
+        this.$router.push({
 
+          name: 'iframe',
 
+          params: {
 
+            id: url
 
+          }
 
+        })
 
+      }
 
+
 
+      this.$emit('close')
 
     },
 
-    showItem(item){
 
+    showItem(item) {
 
       if (!item.sub) {
 
         this.goto(item.url)
 
-        return 
+        return
 
       }
 
       item.show = !item.show
 
+      console.log(item.show);
 
+
 
     }
 
   }
 
 }
 
 </script>
 
 
 <style lang="less" scoped>
 
-.fold{
 
+.fold {
 
   width: 320px;
 
   min-height: 70px;
 
   max-height: 600px;
 
@@ -73,24 +103,28 @@ export default {
 
   padding: 15px;
 
   border-radius: 4px;
 
   overflow: auto;
 
-  .mb-top{
 
+
 
+  .mb-top {
 
     position: relative;
 
     border-bottom: 1px solid #ECECEC;
 
     margin-bottom: 10px;
 
     padding: 10px 0 20px;
 
     font-weight: bold;
 
-    >img{
 
+
 
+    >img {
 
       position: absolute;
 
       transform: translateX(-50%);
 
       left: 50%;
 
       top: 0px;
 
     }
 
   }
 
-  >ul{
 
+
 
+  >ul {
 
     color: #FFFFFF;
 
     height: 100%;
 
     overflow: hidden;
 
-   >li{
 
+
 
+    >li {
 
       padding: 0 15px;
 
       line-height: 40px;
 
       border-radius: 4px;
 
@@ -100,20 +134,24 @@ export default {
 
       overflow: hidden;
 
       transform: translateX(150%);
 
       transition: none;
 
-      >div{
 
+
 
+      >div {
 
         display: flex;
 
         justify-content: space-between;
 
       }
 
-     >img{
 
-       position: absolute;
 
-       top: 18px;
 
-       right: 15px;
 
-       width: 10px;
 
-     }
 
-     >ul{
 
-      max-height: 0;
 
-      transition: all 0.3s ease;
 
-       >li{
 
+
 
+      >img {
 
+        position: absolute;
 
+        top: 18px;
 
+        right: 15px;
 
+        width: 10px;
 
+      }
 
+
 
+      >ul {
 
+        max-height: 0;
 
+        transition: all 0.3s ease;
 
+
 
+        >li {
 
           line-height: 36px;
 
           background: rgba(255, 255, 255, 0.2);
 
           border-radius: 4px;
 
@@ -121,37 +159,42 @@ export default {
 
           font-size: 14px;
 
           overflow: hidden;
 
           cursor: pointer;
 
-          &:not(:last-of-type){
 
+
 
+          &:not(:last-of-type) {
 
             margin-bottom: 10px;
 
           }
 
-          >div{
 
-            >div{
 
+
 
+          >div {
 
+            >div {
 
               display: flex;
 
               justify-content: space-between;
 
-              &:not(:last-of-type){
 
-                border-bottom: 1px solid rgba(255,255,255,0.4);
 
+
 
+              &:not(:last-of-type) {
 
+                border-bottom: 1px solid rgba(255, 255, 255, 0.4);
 
               }
 
             }
 
           }
 
-          .bLine{
 
-            >div{
 
-              &:not(:last-of-type){
 
-                border-bottom: 1px solid rgba(0,0,0,0.1);
 
+
 
+          .bLine {
 
+            >div {
 
+              &:not(:last-of-type) {
 
+                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
               }
 
             }
 
           }
 
-       }
 
-     }
 
-   } 
-   .anima{
 
+        }
 
+      }
 
+    }
 
+
 
+    .anima {
 
       transform: translateX(0);
 
       transition: ease .3s transform;
 
-   }
 
+    }
 
   }
 
 }
 
 
 @media screen and (max-width: 500px) {
 
-  .fold{
 
+  .fold {
 
     max-height: calc(100vh - 70px);
 
   }

文件差异内容过多而无法显示
+ 9463 - 0
src/components/map copy.vue


文件差异内容过多而无法显示
+ 21337 - 9091
src/components/map.vue


文件差异内容过多而无法显示
+ 10152 - 0
src/components/map2 copy.vue


文件差异内容过多而无法显示
+ 22548 - 9984
src/components/map2.vue


文件差异内容过多而无法显示
+ 20631 - 0
src/components/map_gd.vue


文件差异内容过多而无法显示
+ 24170 - 0
src/components/mapb1.vue


+ 13 - 5
src/components/select.vue
查看文件 

@@ -1,13 +1,19 @@
 
 <template>
 
   <ul class="selectcon">
 
     <li :class="{ active: active==2 }" @click="active=2,$emit('select',2)">
 
-      <span class="txt">2楼</span>
 
+      <span class="txt">L2</span>
 
       <span class="line"></span>
 
       <span class="round"></span>
 
     </li>
 
-    <span class="v-line" :style="{top:active==1?'30px':'36px'}"></span>
 
+    <span class="v-line" :style="{top:active==1?'30px': (active==2?'36px':'32px')}"></span>
 
     <li :class="{ active: active==1 }" @click="active=1,$emit('select',1)">
 
-      <span class="txt">1楼</span>
 
+      <span class="txt">L1</span>
 
+      <span class="line"></span>
 
+      <span class="round"></span>
 
+    </li>
 
+    <span class="v-line" :style="{top:active=='b1'?'118px':'126px'}"></span>
 
+    <li :class="{ active: active=='b1' }" @click="active='b1',$emit('select','b1')">
 
+      <span class="txt">B1</span>
 
       <span class="line"></span>
 
       <span class="round"></span>
 
     </li>
 
@@ -49,8 +55,10 @@ export default {
 
     justify-content: flex-end;
 
     cursor: pointer;
 
     margin-right: 5px;
 
-    &:last-of-type{
 
-      margin-top: 52px;
 
+    margin-top: 52px;
 
+
 
+    &:first-of-type{
 
+      margin-top: 0;
 
     }
 
     .txt {
 
       width: 80px;

+ 561 - 0
src/components/style copy.less
查看文件 

@@ -0,0 +1,561 @@
 
+.cls-1,
 
+.cls-160 {
 
+  fill: none;
 
+}
 
+.cls-2 {
 
+  opacity: 0.8;
 
+}
 
+.cls-3 {
 
+  clip-path: url(#clip-path);
 
+}
 
+.cls-4 {
 
+  clip-path: url(#clip-path-2);
 
+}
 
+.cls-158,
 
+.cls-5 {
 
+  isolation: isolate;
 
+}
 
+.cls-6 {
 
+  fill: #7f7f7f;
 
+}
 
+.cls-158,
 
+.cls-159,
 
+.cls-7 {
 
+  fill: #fff;
 
+}
 
+.cls-8 {
 
+  fill: #00446c;
 
+}
 
+.cls-9 {
 
+  fill: #00315b;
 
+}
 
+.cls-10 {
 
+  fill: #003c70;
 
+}
 
+.cls-11 {
 
+  fill: #c4000f;
 
+}
 
+.cls-12 {
 
+  fill: #7a000a;
 
+}
 
+.cls-13 {
 
+  fill: #a0000d;
 
+}
 
+.cls-14 {
 
+  fill: #cd6f00;
 
+}
 
+.cls-15 {
 
+  fill: #ab5d00;
 
+}
 
+.cls-16 {
 
+  fill: #d39100;
 
+}
 
+.cls-17 {
 
+  fill: #af000e;
 
+}
 
+.cls-18 {
 
+  fill: #e40012;
 
+}
 
+.cls-19 {
 
+  fill: #b66300;
 
+}
 
+.cls-20 {
 
+  fill: #ee8100;
 
+}
 
+.cls-21 {
 
+  fill: #c06800;
 
+}
 
+.cls-22 {
 
+  fill: #7f4500;
 
+}
 
+.cls-23 {
 
+  fill: #835a00;
 
+}
 
+.cls-24 {
 
+  fill: #c58800;
 
+}
 
+.cls-25 {
 
+  fill: #f5a900;
 
+}
 
+.cls-26 {
 
+  clip-path: url(#clip-path-4);
 
+}
 
+.cls-27 {
 
+  fill: #a25800;
 
+}
 
+.cls-28 {
 
+  fill: #9d5500;
 
+}
 
+.cls-29 {
 
+  clip-path: url(#clip-path-5);
 
+}
 
+.cls-30 {
 
+  fill: #a9000d;
 
+}
 
+.cls-31 {
 
+  fill: #a4000d;
 
+}
 
+.cls-32 {
 
+  fill: #ba8000;
 
+}
 
+.cls-33 {
 
+  clip-path: url(#clip-path-6);
 
+}
 
+.cls-34 {
 
+  fill: #9d6c00;
 
+}
 
+.cls-35 {
 
+  fill: #986900;
 
+}
 
+.cls-36 {
 
+  clip-path: url(#clip-path-7);
 
+}
 
+.cls-37 {
 
+  fill: #004077;
 
+}
 
+.cls-38 {
 
+  fill: #003e74;
 
+}
 
+.cls-39 {
 
+  clip-path: url(#clip-path-8);
 
+}
 
+.cls-40 {
 
+  clip-path: url(#clip-path-9);
 
+}
 
+.cls-41 {
 
+  fill: #00437e;
 
+}
 
+.cls-42 {
 
+  fill: #00427a;
 
+}
 
+.cls-43 {
 
+  clip-path: url(#clip-path-10);
 
+}
 
+.cls-44 {
 
+  clip-path: url(#clip-path-11);
 
+}
 
+.cls-45 {
 
+  fill: #003a6d;
 
+}
 
+.cls-46 {
 
+  clip-path: url(#clip-path-12);
 
+}
 
+.cls-47 {
 
+  fill: #003869;
 
+}
 
+.cls-48 {
 
+  clip-path: url(#clip-path-13);
 
+}
 
+.cls-49 {
 
+  fill: #003766;
 
+}
 
+.cls-50 {
 
+  fill: #003563;
 
+}
 
+.cls-51 {
 
+  fill: #00335f;
 
+}
 
+.cls-52 {
 
+  fill: #00315c;
 
+}
 
+.cls-53 {
 
+  fill: #002f58;
 
+}
 
+.cls-54 {
 
+  clip-path: url(#clip-path-14);
 
+}
 
+.cls-55 {
 
+  fill: #005baa;
 
+}
 
+.cls-56 {
 
+  clip-path: url(#clip-path-15);
 
+}
 
+.cls-57 {
 
+  clip-path: url(#clip-path-16);
 
+}
 
+.cls-58 {
 
+  fill: #945000;
 
+}
 
+.cls-59 {
 
+  fill: #985300;
 
+}
 
+.cls-60 {
 
+  clip-path: url(#clip-path-17);
 
+}
 
+.cls-61 {
 
+  fill: #7c4300;
 
+}
 
+.cls-62 {
 
+  clip-path: url(#clip-path-18);
 
+}
 
+.cls-63 {
 
+  fill: #92000c;
 
+}
 
+.cls-64 {
 
+  fill: #96000c;
 
+}
 
+.cls-65 {
 
+  clip-path: url(#clip-path-19);
 
+}
 
+.cls-66 {
 
+  clip-path: url(#clip-path-20);
 
+}
 
+.cls-67 {
 
+  fill: #770009;
 
+}
 
+.cls-68 {
 
+  clip-path: url(#clip-path-21);
 
+}
 
+.cls-69 {
 
+  clip-path: url(#clip-path-22);
 
+}
 
+.cls-70 {
 
+  fill: #7f5800;
 
+}
 
+.cls-71 {
 
+  clip-path: url(#clip-path-23);
 
+}
 
+.cls-72 {
 
+  clip-path: url(#clip-path-24);
 
+}
 
+.cls-73 {
 
+  fill: #936500;
 
+}
 
+.cls-74 {
 
+  clip-path: url(#clip-path-25);
 
+}
 
+.cls-75 {
 
+  fill: #005a8d;
 
+}
 
+.cls-76 {
 
+  fill: #005789;
 
+}
 
+.cls-77 {
 
+  clip-path: url(#clip-path-26);
 
+}
 
+.cls-78 {
 
+  fill: #005485;
 
+}
 
+.cls-79 {
 
+  clip-path: url(#clip-path-27);
 
+}
 
+.cls-80 {
 
+  fill: #005c91;
 
+}
 
+.cls-81 {
 
+  clip-path: url(#clip-path-28);
 
+}
 
+.cls-82 {
 
+  fill: #005281;
 
+}
 
+.cls-83 {
 
+  fill: #004f7d;
 
+}
 
+.cls-84 {
 
+  clip-path: url(#clip-path-29);
 
+}
 
+.cls-85 {
 
+  clip-path: url(#clip-path-30);
 
+}
 
+.cls-86 {
 
+  clip-path: url(#clip-path-31);
 
+}
 
+.cls-87 {
 
+  fill: #004d79;
 
+}
 
+.cls-88 {
 
+  clip-path: url(#clip-path-32);
 
+}
 
+.cls-89 {
 
+  clip-path: url(#clip-path-33);
 
+}
 
+.cls-90 {
 
+  fill: #004a75;
 
+}
 
+.cls-91 {
 
+  fill: #004871;
 
+}
 
+.cls-92 {
 
+  clip-path: url(#clip-path-34);
 
+}
 
+.cls-93 {
 
+  clip-path: url(#clip-path-35);
 
+}
 
+.cls-94 {
 
+  clip-path: url(#clip-path-36);
 
+}
 
+.cls-95 {
 
+  clip-path: url(#clip-path-37);
 
+}
 
+.cls-96 {
 
+  clip-path: url(#clip-path-38);
 
+}
 
+.cls-97 {
 
+  clip-path: url(#clip-path-39);
 
+}
 
+.cls-98 {
 
+  fill: #8e6200;
 
+}
 
+.cls-99 {
 
+  fill: #895f00;
 
+}
 
+.cls-100 {
 
+  clip-path: url(#clip-path-40);
 
+}
 
+.cls-101 {
 
+  fill: #006898;
 
+}
 
+.cls-102 {
 
+  clip-path: url(#clip-path-41);
 
+}
 
+.cls-103 {
 
+  fill: #0072a6;
 
+}
 
+.cls-104 {
 
+  fill: #006fa2;
 
+}
 
+.cls-105 {
 
+  clip-path: url(#clip-path-42);
 
+}
 
+.cls-106 {
 
+  fill: #0075ab;
 
+}
 
+.cls-107 {
 
+  clip-path: url(#clip-path-43);
 
+}
 
+.cls-108 {
 
+  fill: #006594;
 
+}
 
+.cls-109 {
 
+  fill: #00628f;
 
+}
 
+.cls-110 {
 
+  clip-path: url(#clip-path-44);
 
+}
 
+.cls-111 {
 
+  fill: #005f8b;
 
+}
 
+.cls-112 {
 
+  fill: #005c86;
 
+}
 
+.cls-113 {
 
+  clip-path: url(#clip-path-45);
 
+}
 
+.cls-114 {
 
+  fill: #005881;
 
+}
 
+.cls-115 {
 
+  clip-path: url(#clip-path-46);
 
+}
 
+.cls-116 {
 
+  fill: #00557d;
 
+}
 
+.cls-117 {
 
+  clip-path: url(#clip-path-47);
 
+}
 
+.cls-118 {
 
+  clip-path: url(#clip-path-48);
 
+}
 
+.cls-119 {
 
+  fill: #00456d;
 
+}
 
+.cls-120 {
 
+  fill: #004369;
 
+}
 
+.cls-121 {
 
+  clip-path: url(#clip-path-49);
 
+}
 
+.cls-122 {
 
+  clip-path: url(#clip-path-50);
 
+}
 
+.cls-123 {
 
+  clip-path: url(#clip-path-51);
 
+}
 
+.cls-124 {
 
+  fill: #ab7600;
 
+}
 
+.cls-125 {
 
+  clip-path: url(#clip-path-52);
 
+}
 
+.cls-126 {
 
+  clip-path: url(#clip-path-53);
 
+}
 
+.cls-127 {
 
+  fill: #005278;
 
+}
 
+.cls-128 {
 
+  clip-path: url(#clip-path-54);
 
+}
 
+.cls-129 {
 
+  fill: #00547b;
 
+}
 
+.cls-130 {
 
+  fill: #0088c7;
 
+}
 
+.cls-131 {
 
+  fill: #009ee7;
 
+}
 
+.cls-132 {
 
+  clip-path: url(#clip-path-55);
 
+}
 
+.cls-133 {
 
+  clip-path: url(#clip-path-56);
 
+}
 
+.cls-134 {
 
+  clip-path: url(#clip-path-57);
 
+}
 
+.cls-135 {
 
+  clip-path: url(#clip-path-58);
 
+}
 
+.cls-136 {
 
+  clip-path: url(#clip-path-59);
 
+}
 
+.cls-137 {
 
+  clip-path: url(#clip-path-60);
 
+}
 
+.cls-138 {
 
+  fill: #0080ca;
 
+}
 
+.cls-139 {
 
+  clip-path: url(#clip-path-61);
 
+}
 
+.cls-140 {
 
+  clip-path: url(#clip-path-62);
 
+}
 
+.cls-141 {
 
+  clip-path: url(#clip-path-63);
 
+}
 
+.cls-142 {
 
+  clip-path: url(#clip-path-64);
 
+}
 
+.cls-143 {
 
+  clip-path: url(#clip-path-65);
 
+}
 
+.cls-144 {
 
+  clip-path: url(#clip-path-66);
 
+}
 
+.cls-145 {
 
+  clip-path: url(#clip-path-67);
 
+}
 
+.cls-146 {
 
+  clip-path: url(#clip-path-68);
 
+}
 
+.cls-147 {
 
+  clip-path: url(#clip-path-69);
 
+}
 
+.cls-148 {
 
+  clip-path: url(#clip-path-70);
 
+}
 
+.cls-149 {
 
+  fill: #006eae;
 
+}
 
+.cls-150 {
 
+  fill: #004e92;
 
+}
 
+.cls-151 {
 
+  fill: #006b9d;
 
+}
 
+.cls-152,
 
+.cls-161 {
 
+  fill: #dd7e6b;
 
+}
 
+.cls-153 {
 
+  fill: #b5483c;
 
+}
 
+.cls-154 {
 
+  fill: #a52f2d;
 
+}
 
+.cls-155 {
 
+  fill: #ba433a;
 
+}
 
+.cls-156 {
 
+  fill: #ce5e4e;
 
+}
 
+.cls-157 {
 
+  fill: #a8a8a8;
 
+}
 
+.cls-158 {
 
+  opacity: 0.6;
 
+}
 
+.cls-159 {
 
+  opacity: 0.9;
 
+}
 
+.cls-160 {
 
+  stroke: #fff;
 
+  stroke-miterlimit: 10;
 
+}
 
+.cls-161,
 
+.cls-167,
 
+.cls-173 {
 
+  font-size: 16px;
 
+  font-family: SourceHanSansCN-Regular-GBpc-EUC-H, Source Han Sans CN;
 
+}
 
+.cls-162,
 
+.cls-167 {
 
+  fill: #916ce5;
 
+}
 
+.cls-163 {
 
+  fill: #6952cc;
 
+}
 
+.cls-164 {
 
+  fill: #5644c1;
 
+}
 
+.cls-165 {
 
+  fill: #6850cc;
 
+}
 
+.cls-166 {
 
+  fill: #7b5dd8;
 
+}
 
+.cls-168,
 
+.cls-173 {
 
+  fill: #ddbc6b;
 
+}
 
+.cls-169 {
 
+  fill: #ba7820;
 
+}
 
+.cls-170 {
 
+  fill: #9e6613;
 
+}
 
+.cls-171 {
 
+  fill: #b58024;
 
+}
 
+.cls-172 {
 
+  fill: #c99b41;
 
+}
 
+.cls-174 {
 
+  fill: #b2b2b2;
 
+}
 
+.cls-175 {
 
+  fill: #858585;
 
+}
 
+
 
+
 
+
 
+g[data-istag="yes"] {
 
+  display: none;
 
+}
 
+
 
+g[data-isface="yes"]{
 
+  cursor: pointer;
 
+}
 
+
 
+
 
+g[data-isid="yes"] {
 
+  &:hover {
 
+    >g[data-isface="yes"]{
 
+      .cls-168, .cls-173 {
 
+        fill: #fde5aa;
 
+      }
 
+      .cls-162, .cls-167{
 
+        fill: #C1A6FF;
 
+      }
 
+      .cls-152, .cls-161{
 
+        fill: #EE927F;
 
+      }
 
+    }
 
+    
+    g[data-istag="yes"] {
 
+      display: block;
 
+    }
 
+  }
 
+}

文件差异内容过多而无法显示
+ 2840 - 561
src/components/style.less


+ 630 - 0
src/components/style2 copy.less
查看文件 

@@ -0,0 +1,630 @@
 
+.cls-1,
 
+.cls-160 {
 
+  fill: none;
 
+}
 
+.cls-2 {
 
+  opacity: 0.8;
 
+}
 
+.cls-3 {
 
+  clip-path: url(#clip-path);
 
+}
 
+.cls-4 {
 
+  clip-path: url(#clip-path-2);
 
+}
 
+.cls-158,
 
+.cls-5 {
 
+  isolation: isolate;
 
+}
 
+.cls-6 {
 
+  fill: #7f7f7f;
 
+}
 
+.cls-158,
 
+.cls-159,
 
+.cls-7 {
 
+  fill: #fff;
 
+}
 
+.cls-8 {
 
+  fill: #00446c;
 
+}
 
+.cls-9 {
 
+  fill: #00315b;
 
+}
 
+.cls-10 {
 
+  fill: #003c70;
 
+}
 
+.cls-11 {
 
+  fill: #c4000f;
 
+}
 
+.cls-12 {
 
+  fill: #7a000a;
 
+}
 
+.cls-13 {
 
+  fill: #a0000d;
 
+}
 
+.cls-14 {
 
+  fill: #cd6f00;
 
+}
 
+.cls-15 {
 
+  fill: #ab5d00;
 
+}
 
+.cls-16 {
 
+  fill: #d39100;
 
+}
 
+.cls-17 {
 
+  fill: #af000e;
 
+}
 
+.cls-18 {
 
+  fill: #e40012;
 
+}
 
+.cls-19 {
 
+  fill: #b66300;
 
+}
 
+.cls-20 {
 
+  fill: #ee8100;
 
+}
 
+.cls-21 {
 
+  fill: #c06800;
 
+}
 
+.cls-22 {
 
+  fill: #7f4500;
 
+}
 
+.cls-23 {
 
+  fill: #835a00;
 
+}
 
+.cls-24 {
 
+  fill: #c58800;
 
+}
 
+.cls-25 {
 
+  fill: #f5a900;
 
+}
 
+.cls-26 {
 
+  clip-path: url(#clip-path-4);
 
+}
 
+.cls-27 {
 
+  fill: #a25800;
 
+}
 
+.cls-28 {
 
+  fill: #9d5500;
 
+}
 
+.cls-29 {
 
+  clip-path: url(#clip-path-5);
 
+}
 
+.cls-30 {
 
+  fill: #a9000d;
 
+}
 
+.cls-31 {
 
+  fill: #a4000d;
 
+}
 
+.cls-32 {
 
+  fill: #ba8000;
 
+}
 
+.cls-33 {
 
+  clip-path: url(#clip-path-6);
 
+}
 
+.cls-34 {
 
+  fill: #9d6c00;
 
+}
 
+.cls-35 {
 
+  fill: #986900;
 
+}
 
+.cls-36 {
 
+  clip-path: url(#clip-path-7);
 
+}
 
+.cls-37 {
 
+  fill: #004077;
 
+}
 
+.cls-38 {
 
+  fill: #003e74;
 
+}
 
+.cls-39 {
 
+  clip-path: url(#clip-path-8);
 
+}
 
+.cls-40 {
 
+  clip-path: url(#clip-path-9);
 
+}
 
+.cls-41 {
 
+  fill: #00437e;
 
+}
 
+.cls-42 {
 
+  fill: #00427a;
 
+}
 
+.cls-43 {
 
+  clip-path: url(#clip-path-10);
 
+}
 
+.cls-44 {
 
+  clip-path: url(#clip-path-11);
 
+}
 
+.cls-45 {
 
+  fill: #003a6d;
 
+}
 
+.cls-46 {
 
+  clip-path: url(#clip-path-12);
 
+}
 
+.cls-47 {
 
+  fill: #003869;
 
+}
 
+.cls-48 {
 
+  clip-path: url(#clip-path-13);
 
+}
 
+.cls-49 {
 
+  fill: #003766;
 
+}
 
+.cls-50 {
 
+  fill: #003563;
 
+}
 
+.cls-51 {
 
+  fill: #00335f;
 
+}
 
+.cls-52 {
 
+  fill: #00315c;
 
+}
 
+.cls-53 {
 
+  fill: #002f58;
 
+}
 
+.cls-54 {
 
+  clip-path: url(#clip-path-14);
 
+}
 
+.cls-55 {
 
+  fill: #005baa;
 
+}
 
+.cls-56 {
 
+  clip-path: url(#clip-path-15);
 
+}
 
+.cls-57 {
 
+  clip-path: url(#clip-path-16);
 
+}
 
+.cls-58 {
 
+  fill: #945000;
 
+}
 
+.cls-59 {
 
+  fill: #985300;
 
+}
 
+.cls-60 {
 
+  clip-path: url(#clip-path-17);
 
+}
 
+.cls-61 {
 
+  fill: #7c4300;
 
+}
 
+.cls-62 {
 
+  clip-path: url(#clip-path-18);
 
+}
 
+.cls-63 {
 
+  fill: #92000c;
 
+}
 
+.cls-64 {
 
+  fill: #96000c;
 
+}
 
+.cls-65 {
 
+  clip-path: url(#clip-path-19);
 
+}
 
+.cls-66 {
 
+  clip-path: url(#clip-path-20);
 
+}
 
+.cls-67 {
 
+  fill: #770009;
 
+}
 
+.cls-68 {
 
+  clip-path: url(#clip-path-21);
 
+}
 
+.cls-69 {
 
+  clip-path: url(#clip-path-22);
 
+}
 
+.cls-70 {
 
+  fill: #7f5800;
 
+}
 
+.cls-71 {
 
+  clip-path: url(#clip-path-23);
 
+}
 
+.cls-72 {
 
+  clip-path: url(#clip-path-24);
 
+}
 
+.cls-73 {
 
+  fill: #936500;
 
+}
 
+.cls-74 {
 
+  clip-path: url(#clip-path-25);
 
+}
 
+.cls-75 {
 
+  fill: #005a8d;
 
+}
 
+.cls-76 {
 
+  fill: #005789;
 
+}
 
+.cls-77 {
 
+  clip-path: url(#clip-path-26);
 
+}
 
+.cls-78 {
 
+  fill: #005485;
 
+}
 
+.cls-79 {
 
+  clip-path: url(#clip-path-27);
 
+}
 
+.cls-80 {
 
+  fill: #005c91;
 
+}
 
+.cls-81 {
 
+  clip-path: url(#clip-path-28);
 
+}
 
+.cls-82 {
 
+  fill: #005281;
 
+}
 
+.cls-83 {
 
+  fill: #004f7d;
 
+}
 
+.cls-84 {
 
+  clip-path: url(#clip-path-29);
 
+}
 
+.cls-85 {
 
+  clip-path: url(#clip-path-30);
 
+}
 
+.cls-86 {
 
+  clip-path: url(#clip-path-31);
 
+}
 
+.cls-87 {
 
+  fill: #004d79;
 
+}
 
+.cls-88 {
 
+  clip-path: url(#clip-path-32);
 
+}
 
+.cls-89 {
 
+  clip-path: url(#clip-path-33);
 
+}
 
+.cls-90 {
 
+  fill: #004a75;
 
+}
 
+.cls-91 {
 
+  fill: #004871;
 
+}
 
+.cls-92 {
 
+  clip-path: url(#clip-path-34);
 
+}
 
+.cls-93 {
 
+  clip-path: url(#clip-path-35);
 
+}
 
+.cls-94 {
 
+  clip-path: url(#clip-path-36);
 
+}
 
+.cls-95 {
 
+  clip-path: url(#clip-path-37);
 
+}
 
+.cls-96 {
 
+  clip-path: url(#clip-path-38);
 
+}
 
+.cls-97 {
 
+  clip-path: url(#clip-path-39);
 
+}
 
+.cls-98 {
 
+  fill: #8e6200;
 
+}
 
+.cls-99 {
 
+  fill: #895f00;
 
+}
 
+.cls-100 {
 
+  clip-path: url(#clip-path-40);
 
+}
 
+.cls-101 {
 
+  fill: #006898;
 
+}
 
+.cls-102 {
 
+  clip-path: url(#clip-path-41);
 
+}
 
+.cls-103 {
 
+  fill: #0072a6;
 
+}
 
+.cls-104 {
 
+  fill: #006fa2;
 
+}
 
+.cls-105 {
 
+  clip-path: url(#clip-path-42);
 
+}
 
+.cls-106 {
 
+  fill: #0075ab;
 
+}
 
+.cls-107 {
 
+  clip-path: url(#clip-path-43);
 
+}
 
+.cls-108 {
 
+  fill: #006594;
 
+}
 
+.cls-109 {
 
+  fill: #00628f;
 
+}
 
+.cls-110 {
 
+  clip-path: url(#clip-path-44);
 
+}
 
+.cls-111 {
 
+  fill: #005f8b;
 
+}
 
+.cls-112 {
 
+  fill: #005c86;
 
+}
 
+.cls-113 {
 
+  clip-path: url(#clip-path-45);
 
+}
 
+.cls-114 {
 
+  fill: #005881;
 
+}
 
+.cls-115 {
 
+  clip-path: url(#clip-path-46);
 
+}
 
+.cls-116 {
 
+  fill: #00557d;
 
+}
 
+.cls-117 {
 
+  clip-path: url(#clip-path-47);
 
+}
 
+.cls-118 {
 
+  clip-path: url(#clip-path-48);
 
+}
 
+.cls-119 {
 
+  fill: #00456d;
 
+}
 
+.cls-120 {
 
+  fill: #004369;
 
+}
 
+.cls-121 {
 
+  clip-path: url(#clip-path-49);
 
+}
 
+.cls-122 {
 
+  clip-path: url(#clip-path-50);
 
+}
 
+.cls-123 {
 
+  clip-path: url(#clip-path-51);
 
+}
 
+.cls-124 {
 
+  fill: #ab7600;
 
+}
 
+.cls-125 {
 
+  clip-path: url(#clip-path-52);
 
+}
 
+.cls-126 {
 
+  clip-path: url(#clip-path-53);
 
+}
 
+.cls-127 {
 
+  fill: #005278;
 
+}
 
+.cls-128 {
 
+  clip-path: url(#clip-path-54);
 
+}
 
+.cls-129 {
 
+  fill: #00547b;
 
+}
 
+.cls-130 {
 
+  fill: #0088c7;
 
+}
 
+.cls-131 {
 
+  fill: #009ee7;
 
+}
 
+.cls-132 {
 
+  clip-path: url(#clip-path-55);
 
+}
 
+.cls-133 {
 
+  clip-path: url(#clip-path-56);
 
+}
 
+.cls-134 {
 
+  clip-path: url(#clip-path-57);
 
+}
 
+.cls-135 {
 
+  clip-path: url(#clip-path-58);
 
+}
 
+.cls-136 {
 
+  clip-path: url(#clip-path-59);
 
+}
 
+.cls-137 {
 
+  clip-path: url(#clip-path-60);
 
+}
 
+.cls-138 {
 
+  fill: #0080ca;
 
+}
 
+.cls-139 {
 
+  clip-path: url(#clip-path-61);
 
+}
 
+.cls-140 {
 
+  clip-path: url(#clip-path-62);
 
+}
 
+.cls-141 {
 
+  clip-path: url(#clip-path-63);
 
+}
 
+.cls-142 {
 
+  clip-path: url(#clip-path-64);
 
+}
 
+.cls-143 {
 
+  clip-path: url(#clip-path-65);
 
+}
 
+.cls-144 {
 
+  clip-path: url(#clip-path-66);
 
+}
 
+.cls-145 {
 
+  clip-path: url(#clip-path-67);
 
+}
 
+.cls-146 {
 
+  clip-path: url(#clip-path-68);
 
+}
 
+.cls-147 {
 
+  clip-path: url(#clip-path-69);
 
+}
 
+.cls-148 {
 
+  clip-path: url(#clip-path-70);
 
+}
 
+.cls-149 {
 
+  fill: #006eae;
 
+}
 
+.cls-150 {
 
+  fill: #004e92;
 
+}
 
+.cls-151 {
 
+  fill: #006b9d;
 
+}
 
+.cls-152,
 
+.cls-161 {
 
+  fill: #3a6bd6;
 
+}
 
+.cls-153 {
 
+  fill: #35549b;
 
+}
 
+.cls-154 {
 
+  fill: #224589;
 
+}
 
+.cls-155 {
 
+  fill: #3f5db2;
 
+}
 
+.cls-156 {
 
+  fill: #2d4e96;
 
+}
 
+.cls-157 {
 
+  fill: #a8a8a8;
 
+}
 
+.cls-158 {
 
+  opacity: 0.6;
 
+}
 
+.cls-159 {
 
+  opacity: 0.9;
 
+}
 
+.cls-160 {
 
+  stroke: #fff;
 
+  stroke-miterlimit: 10;
 
+}
 
+.cls-161,
 
+.cls-172,
 
+.cls-178,
 
+.cls-184,
 
+.cls-190,
 
+.cls-196 {
 
+  font-size: 16px;
 
+  font-family: SourceHanSansCN-Regular-GBpc-EUC-H, Source Han Sans CN;
 
+}
 
+.cls-162 {
 
+  letter-spacing: -0.46em;
 
+}
 
+.cls-163 {
 
+  letter-spacing: -0.04em;
 
+}
 
+.cls-164 {
 
+  letter-spacing: -0.04em;
 
+}
 
+.cls-165 {
 
+  letter-spacing: -0.46em;
 
+}
 
+.cls-166 {
 
+  fill: #c95c3f;
 
+}
 
+.cls-167 {
 
+  fill: #b23b2b;
 
+}
 
+.cls-168 {
 
+  fill: #cc5c3e;
 
+}
 
+.cls-169 {
 
+  fill: #dd734e;
 
+}
 
+.cls-170 {
 
+  fill: #e49b77;
 
+}
 
+.cls-171,
 
+.cls-172 {
 
+  fill: #ed8a5f;
 
+}
 
+.cls-173,
 
+.cls-178 {
 
+  fill: #eab363;
 
+}
 
+.cls-174 {
 
+  fill: #bf833c;
 
+}
 
+.cls-175 {
 
+  fill: #b26d28;
 
+}
 
+.cls-176 {
 
+  fill: #d69947;
 
+}
 
+.cls-177 {
 
+  fill: #c68334;
 
+}
 
+.cls-179,
 
+.cls-184 {
 
+  fill: #80ce89;
 
+}
 
+.cls-180 {
 
+  fill: #579659;
 
+}
 
+.cls-181 {
 
+  fill: #3d703d;
 
+}
 
+.cls-182 {
 
+  fill: #66af6b;
 
+}
 
+.cls-183 {
 
+  fill: #518e53;
 
+}
 
+.cls-185 {
 
+  fill: #5edaef;
 
+}
 
+.cls-186 {
 
+  fill: #1eadad;
 
+}
 
+.cls-187 {
 
+  fill: #0c9393;
 
+}
 
+.cls-188 {
 
+  fill: #43c4d1;
 
+}
 
+.cls-189,
 
+.cls-190 {
 
+  fill: #18b0b7;
 
+}
 
+.cls-191,
 
+.cls-196 {
 
+  fill: #c872dd;
 
+}
 
+.cls-192 {
 
+  fill: #9045a8;
 
+}
 
+.cls-193 {
 
+  fill: #793493;
 
+}
 
+.cls-194 {
 
+  fill: #b359c9;
 
+}
 
+.cls-195 {
 
+  fill: #9944ad;
 
+}
 
+
 
+
 
+
 
+g[data-istag="yes"] {
 
+  display: none;
 
+}
 
+
 
+g[data-isface="yes"]{
 
+  cursor: pointer;
 
+}
 
+
 
+
 
+g[data-isid="yes"] {
 
+  &:hover {
 
+    >g[data-isface="yes"]{
 
+      .cls-173, .cls-178{
 
+        fill: #FFD092;
 
+      }
 
+      .cls-191, .cls-196{
 
+        fill: #E2B3EE;
 
+      }
 
+      .cls-171, .cls-172{
 
+        fill: #FFA57D;
 
+      }
 
+      .cls-185{
 
+        fill: #98EFFE;
 
+      }
 
+      .cls-152, .cls-161{
 
+        fill: #598BF6;
 
+      }
 
+      .cls-179, .cls-184{
 
+        fill: #B3EAB9;
 
+      }
 
+    }
 
+    
+    g[data-istag="yes"] {
 
+      display: block;
 
+    }
 
+  }
 
+}

文件差异内容过多而无法显示
+ 4124 - 630
src/components/style2.less


文件差异内容过多而无法显示
+ 2325 - 0
src/components/style_gd.less


文件差异内容过多而无法显示
+ 2411 - 0
src/components/styleb1.less


+ 10 - 0
src/router/index.js
查看文件 

@@ -1,8 +1,13 @@
 
 import Vue from 'vue'
 
 import VueRouter from 'vue-router'
 
 import Home from '../views/Home.vue'
 
+import guangdong from '../views/guangdong.vue'
 
 
 Vue.use(VueRouter)
 
+const originalPush = VueRouter.prototype.push
 
+VueRouter.prototype.push = function push (location) {
 
+  return originalPush.call(this, location).catch(err => err)
 
+}
 
 
 const routes = [
 
   {
 
@@ -11,6 +16,11 @@ const routes = [
 
     component: Home
 
   },
 
   {
 
+    path: '/guangdong',
 
+    name: 'guangdong',
 
+    component: guangdong
 
+  },
 
+  {
 
     path: '/iframe/:id',
 
     name: 'iframe',
 
     component: () => import('../views/iframe.vue')

+ 4 - 1
src/views/Home.vue
查看文件 

@@ -6,7 +6,8 @@
 
     <!-- <component class="map" :key="cp" :is="cp"/> -->
 
     
     <vMap class="map" v-if="select==1"/>
 
-    <vMap2 class="map" v-else  />
 
+    <vMap2 class="map" v-if="select==2"/>
 
+    <vMapb1 class="map" v-else  />
 
   
 
     <!-- <div
 
@@ -23,6 +24,7 @@
 
 // @ is an alias to /src
 
 import map from "@/components/map.vue";
 
 import map2 from "@/components/map2.vue";
 
+import mapb1 from "@/components/mapb1.vue";
 
 
 export default {
 
   name: "Home",
 
@@ -30,6 +32,7 @@ export default {
 
   components: {
 
     vMap: map,
 
     vMap2: map2,
 
+    vMapb1: mapb1,
 
   },
 
   data() {
 
     return {

+ 138 - 0
src/views/guangdong.vue
查看文件 

@@ -0,0 +1,138 @@
 
+<template>
 
+  <div
 
+    class="home"
 
+    :style="{ backgroundImage: `url(${require(`@/assets/images/bg_pc.jpg`)})` }"
 
+  >
 
+    <!-- <component class="map" :key="cp" :is="cp"/> -->
 
+    <vMap class="map"/>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+// @ is an alias to /src
 
+import map from "@/components/map_gd.vue";
 
+
 
+export default {
 
+  name: "guangdong",
 
+  components: {
 
+    vMap: map,
 
+  },
 
+  data() {
 
+    return {
 
+    };
 
+  },
 
+ 
+  computed: {
 
+  },
 
+  mounted() {
 
+    
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped>
 
+.home {
 
+  position: relative;
 
+  width: 100%;
 
+  height: 100%;
 
+  background-size: cover;
 
+  .logo {
 
+    position: absolute;
 
+    left: 30px;
 
+    top: 50px;
 
+    width: 390px;
 
+    z-index: 90;
 
+  }
 
+  .map {
 
+    width: 100%;
 
+    height: 100%;
 
+    margin: 0;
 
+  }
 
+
 
+}
 
+
 
+@media screen and (max-width: 500px) {
 
+  .home {
 
+    background: none;
 
+    .tips {
 
+      position: fixed;
 
+      width: 88%;
 
+      background: #fff;
 
+      transform: translate(-50%, -50%);
 
+      top: 50%;
 
+      left: 50%;
 
+      border-radius: 4px;
 
+      z-index: 999;
 
+      > div {
 
+        position: relative;
 
+        width: 100%;
 
+        padding: 20px;
 
+        > p {
 
+          font-weight: bold;
 
+          margin-bottom: 10px;
 
+        }
 
+        > ul {
 
+          display: flex;
 
+          flex-wrap: wrap;
 
+          justify-content: space-between;
 
+          > li {
 
+            width: 48%;
 
+            display: flex;
 
+            align-items: center;
 
+            margin: 10px 0;
 
+            > i {
 
+              min-width: 20px;
 
+              height: 20px;
 
+              display: inline-block;
 
+              margin-right: 10px;
 
+            }
 
+          }
 
+        }
 
+        > img {
 
+          position: absolute;
 
+          right: 10px;
 
+          width: 10px;
 
+          top: 10px;
 
+        }
 
+      }
 
+    }
 
+    .bg {
 
+      z-index: 0;
 
+      position: fixed;
 
+      width: 100%;
 
+    }
 
+    .logo {
 
+      left: 50%;
 
+      transform: translateX(-50%);
 
+      top: 15px;
 
+      width: 60%;
 
+    }
 
+    .mask {
 
+      width: 100%;
 
+      height: 100%;
 
+      position: fixed;
 
+      left: 0;
 
+      top: 0;
 
+      background: rgba(0, 0, 0, 0.5);
 
+      transition: 0.3s all ease;
 
+      z-index: 98;
 
+    }
 
+    .fold-con {
 
+      position: absolute;
 
+      left: 0;
 
+      bottom: -800px;
 
+      width: 100%;
 
+      transition: 0.3s all ease;
 
+    }
 
+    .fold-active {
 
+      bottom: 0;
 
+      z-index: 99;
 
+      border-radius: 14px 14px 0px 0px;
 
+    }
 
+    .map {
 
+    }
 
+  
+ 
+  }
 
+}
 
+</style>

+ 1 - 1
src/views/iframe.vue
查看文件 

@@ -10,7 +10,7 @@
 
     </ul>
 
     <vShare v-if="isShowShare" @close="isShowShare = false" />
 
 
-    <iframe :src="`https://www.4dkankan.com/spc.html?m=${sceneCode}`" frameborder="0"></iframe>
 
+    <iframe :key="sceneCode" :src="`https://www.4dkankan.com/spc.html?m=${sceneCode}`" frameborder="0"></iframe>
 
   </div>
 
 </template>

+ 2 - 1
vue.config.js
查看文件 

@@ -1,3 +1,4 @@
 
 module.exports = {
 
-  publicPath: "./"
 
+  publicPath: "./",
 
+  productionSourceMap: false
 
 };