shaogen1995 3 年之前
父節點
當前提交
1b332fdbcf

二進制
pc/src/assets/img/searBac.png


二進制
pc/src/assets/img/zhan/2_4.png


二進制
pc/src/assets/img/zhan/2_4Ac.png


二進制
pc/src/assets/img/zhan/2_5.png


二進制
pc/src/assets/img/zhan/2_5Ac.png


二進制
pc/src/assets/img/zhan/2_6.png


二進制
pc/src/assets/img/zhan/2_6Ac.png


二進制
pc/src/assets/img/zhanRBac.png


+ 251 - 0
pc/src/views/Bottom2.vue

@@ -0,0 +1,251 @@
+<template>
+  <div class="Bottom2">
+    <div class="box1">
+      <!-- 航拍 -->
+      <div>
+        <div class="swiper-container" :class="`sww${towAc}`" :key="towAc">
+          <div class="swiper-wrapper">
+            <div
+              class="swiper-slide"
+              v-for="(item, index) in swData"
+              :key="index"
+            >
+              <div
+                v-for="(val, ind) in item.son"
+                :key="ind"
+                :class="{
+                  active: oneAc === val.id,
+                  sm: ind === 0 || ind == item.son.length - 1,
+                  big: item.son.length < 6,
+                }"
+                @click="cutVr(val)"
+              >
+                <img src="../assets/img/demo.png" alt="" />
+                <p>{{ val.name }}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="swiper-button-next swiper-button-next1"></div>
+        <div class="swiper-button-prev swiper-button-prev1"></div>
+      </div>
+    </div>
+    <div class="box2">
+      <div v-for="(item, index) in data" :key="item.id">
+        <div @click="botChange(item)" :class="{ active: towAc === item.id }">
+          {{ item.name }}
+        </div>
+        <img
+          src="../assets/img/fenge.png"
+          alt=""
+          v-if="index < data.length - 1"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { exArr1, exArr2 } from "./zhan";
+import Swiper from "@/assets/swiper/swiper.js";
+export default {
+  name: "Bottom2",
+  components: {},
+  props: {
+    list: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      oneAc: "",
+      towAc: 1,
+      data: [],
+      swData: [],
+      Swiper: null,
+    };
+  },
+  computed: {},
+  methods: {
+    // 点击底部的切换分区
+    botChange(item) {
+      this.swData=[]
+      this.Swiper=null
+      this.towAc = item.id;
+      this.getSwFu(0, item);
+    },
+    // 封装一个重新加载轮播图的方法
+    getSwFu(bs, obj) {
+      // 获取分区里面数据的长度
+      let num = Math.ceil(obj.son.length / 6);
+      for (let i = 0; i < num; i++) {
+        this.swData.push({
+          son: obj.son.slice(i * 6, (i + 1) * 6),
+        });
+      }
+      this.$nextTick(() => {
+        this.Swiper = new Swiper(`.box1 .sww${this.towAc}`, {
+          navigation: {
+            nextEl: ".swiper-button-next1",
+            prevEl: ".swiper-button-prev1",
+          },
+          slidesPerView: 1,
+          initialSlide: bs,
+          spaceBetween: 0,
+        });
+      });
+    },
+    // 切换VR
+    cutVr(val) {
+      this.oneAc = val.id;
+      this.$emit("zhanChange", val.code);
+    },
+  },
+  watch: {},
+  //生命周期 - 创建完成(可以访问当前this实例)
+  created() {
+    if (this.list.bs == 1) this.data = exArr1;
+    else this.data = exArr2;
+  },
+  //生命周期 - 挂载完成(可以访问DOM元素)
+  mounted() {
+    let obj = this.data.find((v) => v.id == this.list.id1);
+    this.towAc = obj.id;
+    let index = this.list.id2.indexOf("_");
+    let bs = this.list.id2.substr(index + 1, this.list.id2.length);
+    let num = Math.ceil(Number(bs) / 6);
+    this.oneAc = this.list.id2;
+
+    this.getSwFu(num - 1, obj);
+  },
+  beforeCreate() {}, //生命周期 - 创建之前
+  beforeMount() {}, //生命周期 - 挂载之前
+  beforeUpdate() {}, //生命周期 - 更新之前
+  updated() {}, //生命周期 - 更新之后
+  beforeDestroy() {}, //生命周期 - 销毁之前
+  destroyed() {}, //生命周期 - 销毁完成
+  activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
+};
+</script>
+<style lang='less' scoped>
+@import "../assets/swiper/swiper.css";
+.Bottom2 {
+  width: 100%;
+  height: 100%;
+  .box1 {
+    position: relative;
+    width: 100%;
+    height: 152px;
+    margin-bottom: 4px;
+    background-color: rgba(0, 0, 0, 0.8);
+    border-radius: 60px 60px 0 0;
+    & > div {
+      padding: 8px 50px 5px 50px;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      width: 100%;
+      height: 100%;
+    }
+
+    .swiper-container {
+      width: 100%;
+      height: 100%;
+      .swiper-slide {
+        display: flex;
+        justify-content: center;
+        & > div {
+          border-radius: 20px;
+          overflow: hidden;
+          position: relative;
+          cursor: pointer;
+          margin-right: 12px;
+          width: 209px;
+          height: 100%;
+          &:nth-of-type(6) {
+            margin-right: 0;
+          }
+          & > p {
+            transition: all 0.3s;
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 30px;
+            line-height: 30px;
+            text-align: center;
+            background-color: rgba(0, 0, 0, 0.6);
+            font-size: 14px;
+            color: #fff;
+          }
+          & > img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+          }
+          &:hover {
+            & > p {
+              background-color: rgba(181, 147, 134, 0.8);
+            }
+          }
+        }
+        .active {
+          pointer-events: none;
+          & > p {
+            background-color: rgba(181, 147, 134, 0.8);
+          }
+        }
+        .sm {
+          width: 170px;
+        }
+        .big {
+          width: 209px;
+        }
+      }
+    }
+    .swiper-button-next {
+      color: #b59386;
+    }
+    .swiper-button-prev {
+      color: #b59386;
+    }
+  }
+  .box2 {
+    background-color: rgba(0, 0, 0, 0.8);
+    width: 100%;
+    height: 65px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    & > div {
+      display: flex;
+      align-items: center;
+      & > img {
+        margin: 0 26px;
+        width: 2px;
+        height: 40px;
+      }
+      & > div {
+        cursor: pointer;
+        font-size: 20px;
+        color: #fff;
+        padding-bottom: 5px;
+        &:hover {
+          padding-top: 2px;
+          color: #b59386;
+          border-bottom: 2px solid #b59386;
+        }
+      }
+    }
+    .active {
+      padding-top: 2px;
+      pointer-events: none;
+      color: #b59386;
+      border-bottom: 2px solid #b59386;
+    }
+  }
+}
+</style>

+ 48 - 26
pc/src/views/Home.vue

@@ -8,7 +8,7 @@
     </div>
     <!-- 左上角 -->
     <div class="topLeft">
-      <div class="back el-icon-back"></div>
+      <div class="back el-icon-back" @click="backSta"></div>
       <div class="topTit">
         <img
           title="简介"
@@ -61,56 +61,78 @@
       <div class="btnn" @click="copyPcTxt"><div>一键复制</div></div>
     </div>
     <!-- 底部组件 -->
-    <div class="bttomBox" :class="{ down: !bttomIsShow,sm:mainSm===3 }">
+    <div class="bttomBox" :class="{ down: !bttomIsShow, sm: mainSm === 3&&!bottom2Show }">
       <div
         class="bttomIsShow"
         @click="bttomIsShow = !bttomIsShow"
         :class="bttomIsShow ? 'el-icon-arrow-down' : 'el-icon-arrow-up'"
       ></div>
-      <Bottom @botWidth='botWidth' @zhanChange='zhanChange'/>
+      <Bottom
+        @botWidth="botWidth"
+        @zhanChange="zhanChange"
+        v-show="!bottom2Show"
+      />
+      <Bottom2 @zhanChange="zhanChange" v-if="bottom2Show" :list='list'/>
       <div class="shadow"></div>
       <div class="shadow right"></div>
     </div>
 
     <!-- 点击展厅出来的组件 -->
-    <Onezhan v-if="zhanShow"/>
-
+    <Onezhan @toZhan='toZhan' v-if="zhanShow === '111'" v-show="zhanShow2"/>
+    <Towzhan @toZhan='toZhan' v-if="zhanShow === '222'" v-show="zhanShow2"/>
   </div>
 </template>
 
 <script>
 import Bottom from "./Bottom.vue";
+import Bottom2 from "./Bottom2.vue";
 import Onezhan from "./Onezhan.vue";
+import Towzhan from "./Towzhan.vue";
 export default {
   name: "Home",
-  components: { Bottom,Onezhan },
+  components: { Bottom, Bottom2, Onezhan, Towzhan },
   data() {
     return {
-      zhanShow:true,
-      mainSm:1,
+      bottom2Show: false,
+      zhanShow: null,
+      zhanShow2:true,
+      mainSm: 1,
       bttomIsShow: true,
       topBox1Show: false,
       topBox2Show: false,
       topBox3Show: false,
       myUrl: "",
+      list:{}
     };
   },
   computed: {},
-  watch: {
-    // topBox2Show(val) {
-    //   let audioDom = document.querySelector("#myAduio");
-    //   if (val) audioDom.play();
-    //   else audioDom.pause();
-    // },
-  },
+  watch: {},
   methods: {
-    zhanChange(val){
-      console.log(val);
-      if(val==='111') this.zhanShow=true
-      else this.zhanShow=false
+    // 点击左上角的返回
+    backSta(){
+      if(this.bottom2Show){
+        // 从室内导览页面回到首页
+      this.bottom2Show=false
+      this.zhanShow2=true
+      }else {
+        //回到博博会之前的开发页面
+        window.location.href='https://zzbbh.4dage.com/web/index.html'
+
+      }
     },
-    botWidth(val){
-      this.mainSm =val
+    toZhan(bs,id1,id2){
+      this.list={bs,id1,id2}
+      // 去室内导览
+      this.bottom2Show=true
+      this.zhanShow2=false
+    },
+    zhanChange(val) {
+      if (val === "111") this.zhanShow = val;
+      else if (val === "222") this.zhanShow = val;
+      else this.zhanShow = null;
+    },
+    botWidth(val) {
+      this.mainSm = val;
     },
     //点击复制链接
     copyPcTxt() {
@@ -302,7 +324,7 @@ export default {
     pointer-events: auto;
   }
   .bttomBox {
-    transition: bottom .5s;
+    transition: bottom 0.5s;
     position: absolute;
     bottom: 5px;
     left: 50%;
@@ -349,12 +371,12 @@ export default {
       );
     }
   }
-  .down{
-    bottom:-221px
+  .down {
+    bottom: -221px;
   }
-  .sm{
+  .sm {
     width: 530px;
-    .shadow{
+    .shadow {
       opacity: 0 !important;
     }
   }

+ 347 - 75
pc/src/views/Onezhan.vue

@@ -3,41 +3,133 @@
     <div class="main">
       <p class="botTit">第一展厅</p>
       <div
-        :class="item.class"
         v-for="item in data"
         :key="item.id"
-        @click="lookTxt(item.id)"
+        @click="(oneShow = item.id), (searShow = false), (name = '')"
+        :class="{
+          active: oneShow === item.id,
+          box6: item.id == 6,
+          box7: item.id == 7,
+        }"
       >
         {{ item.name }}
       </div>
     </div>
+    <div class="rightZhan">
+      <div class="top" @keyup.enter="mySearch">
+        <el-input placeholder="参展单位搜索" v-model="name"> </el-input>
+        <div class="el-icon-search" @click="mySearch"></div>
+      </div>
+      <div class="cont">
+        <!-- 搜索结果 -->
+        <div class="searchResBox" v-if="searShow">
+          <!-- 关闭按钮 -->
+          <div
+            class="searClose el-icon-close"
+            @click="(searShow = false), (name = '')"
+          ></div>
+          <div class="searTiele">搜索结果</div>
+          <div class="none" v-if="searchData.length === 0">
+            没有找到对应结果...
+          </div>
+          <div class="searMainBox" v-else>
+            <div class="searMain" v-for="item in searchData" :key="item.id">
+              <div class="searTit">{{ item.name }}</div>
+              <div
+                class="searRow"
+                @click="$emit('toZhan', 1, item.id, val.id)"
+                v-for="val in item.son"
+                :key="val.id"
+                v-html="val.name"
+              ></div>
+            </div>
+          </div>
+        </div>
+
+        <div class="contRow" v-for="item in rightData" :key="item.id">
+          <div
+            @click="sonShow(item.id)"
+            class="inco"
+            :class="
+              item.id == oneShow ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
+            "
+          ></div>
+          <div class="contRowTop">{{ item.name }}</div>
+          <div class="contRowSon" v-if="item.id == oneShow">
+            <div
+              @click="$emit('toZhan', 1, item.id, val.id)"
+              v-for="val in item.son"
+              :key="val.id"
+            >
+              {{ val.name }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import { exArr1 } from "./zhan.js";
 export default {
   name: "Onezhan",
   components: {},
   data() {
     return {
+      searShow: false,
+      name: "",
+      searchData: [],
       data: [
-        { name: "分区一", id: 1, class: "box1" },
-        { name: "分区二", id: 2, class: "box2" },
-        { name: "分区三", id: 3, class: "box3" },
-        { name: "分区四", id: 4, class: "box4" },
-        { name: "分区五", id: 5, class: "box5" },
-        { name: "分区六", id: 6, class: "box6" },
-        { name: "分区七", id: 7, class: "box7" },
+        { name: "分区一", id: "1", class: "box1" },
+        { name: "分区二", id: "2", class: "box2" },
+        { name: "分区三", id: "3", class: "box3" },
+        { name: "分区四", id: "4", class: "box4" },
+        { name: "分区五", id: "5", class: "box5" },
+        { name: "分区六", id: "6", class: "box6" },
+        { name: "分区七", id: "7", class: "box7" },
       ],
-      leftData: {
-        1: [],
-      },
+      oneShow: null,
+      rightData: exArr1,
     };
   },
+  watch: {},
   computed: {},
   methods: {
-    lookTxt(id) {
-      console.log("---", id);
+    mySearch() {
+      if (this.name.trim() === "") return this.$message.warning("不能为空!");
+      this.searShow = true;
+      let arr1 = [];
+      this.rightData.forEach((v) => {
+        let arr2 = [];
+        v.son.forEach((c) => {
+          if (c.name.includes(this.name)) {
+            arr2.push({
+              id: c.id,
+              name: c.name.replaceAll(
+                this.name,
+                `<span style="color:#034c52">${this.name}</span>`
+              ),
+              code: c.code,
+            });
+          }
+        });
+        if (arr2.length > 0) {
+          arr1.push({
+            id: v.id,
+            name: v.name,
+            son: arr2,
+          });
+        }
+      });
+      this.searchData = arr1;
+    },
+
+    sonShow(id) {
+      // if(!this.oneShow) this.oneShow=id
+      // else this.oneShow=null
+      if (this.oneShow === id) this.oneShow = null;
+      else this.oneShow = id;
     },
   },
   //生命周期 - 创建完成(可以访问当前this实例)
@@ -55,7 +147,7 @@ export default {
 </script>
 <style lang='less' scoped>
 .Onezhan {
-  z-index: 10;
+  z-index: 9;
   position: absolute;
   width: 1303px;
   height: 560px;
@@ -87,73 +179,253 @@ export default {
         background-color: #d07428;
         color: #fff;
       }
+      &:nth-of-type(1) {
+        top: 150px;
+        right: 489px;
+        width: 184px;
+        height: 114px;
+      }
+      &:nth-of-type(2) {
+        width: 184px;
+        height: 109px;
+        top: 26px;
+        right: 489px;
+      }
+      &:nth-of-type(3) {
+        width: 94px;
+        height: 239px;
+        top: 26px;
+        right: 683px;
+      }
+      &:nth-of-type(4) {
+        width: 158px;
+        height: 109px;
+        top: 26px;
+        left: 357px;
+      }
+      &:nth-of-type(5) {
+        width: 177px;
+        height: 114px;
+        top: 150px;
+        left: 339px;
+      }
+      &:nth-of-type(6) {
+        background-color: transparent;
+        z-index: 9;
+        width: 165px;
+        height: 161px;
+        background-image: url("../assets/img/zhan/1_6.png");
+        background-size: 100% 100%;
+        top: 151px;
+        left: 166px;
+        padding-left: 20px;
+        &::after {
+          content: "";
+          position: absolute;
+          top: -1px;
+          right: -8px;
+          width: 12px;
+          height: 115px;
+        }
+        &:hover {
+          background-color: transparent;
+          background-image: url("../assets/img/zhan/1_6Ac.png");
+        }
+      }
+      &:nth-of-type(7) {
+        z-index: 8;
+        width: 272px;
+        height: 204px;
+        background-color: transparent;
+        top: 27px;
+        left: 73px;
+        background-image: url("../assets/img/zhan/1_7.png");
+        background-size: 100% 100%;
+        padding-bottom: 20px;
+        &:hover {
+          background-image: url("../assets/img/zhan/1_7Ac.png");
+          background-color: transparent;
+        }
+      }
     }
-    .box1 {
-      top: 150px;
-      right: 489px;
-      width: 184px;
-      height: 114px;
-    }
-    .box2 {
-      width: 184px;
-      height: 109px;
-      top: 26px;
-      right: 489px;
-    }
-    .box3 {
-      width: 94px;
-      height: 239px;
-      top: 26px;
-      right: 683px;
+    .active {
+      background-color: #d07428;
     }
-    .box4 {
-      width: 158px;
-      height: 109px;
-      top: 26px;
-      left: 357px;
+    .box6.active {
+      background-image: url("../assets/img/zhan/1_6Ac.png");
     }
-    .box5 {
-      width: 177px;
-      height: 114px;
-      top: 150px;
-      left: 339px;
+    .box7.active {
+      background-image: url("../assets/img/zhan/1_7Ac.png");
     }
-    .box6 {
-      background-color: transparent;
-      z-index: 9;
-      width: 165px;
-      height: 161px;
-      background-image: url("../assets/img/zhan/1_6.png");
-      background-size: 100% 100%;
-      top: 151px;
-      left: 166px;
-      padding-left: 20px;
-      &::after {
-        content: "";
-        position: absolute;
-        top: -1px;
-        right: -8px;
-        width: 12px;
-        height: 115px;
+  }
+  .rightZhan {
+    position: absolute;
+    top: 7px;
+    right: 10px;
+    height: 540px;
+    width: 410px;
+    padding: 35px 30px;
+    .top {
+      padding: 0 15px;
+      position: relative;
+      /deep/input {
+        border-radius: 20px;
       }
-      &:hover {
-        background-color: transparent;
-        background-image: url("../assets/img/zhan/1_6Ac.png");
+      .el-icon-search {
+        color: #9a9a9a;
+        font-weight: 700;
+        position: absolute;
+        right: 15px;
+        z-index: 10;
+        top: 0;
+        width: 40px;
+        height: 40px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
       }
     }
-    .box7 {
-      z-index: 8;
-      width: 272px;
-      height: 204px;
-      background-color: transparent;
-      top: 27px;
-      left: 73px;
-      background-image: url("../assets/img/zhan/1_7.png");
-      background-size: 100% 100%;
-      padding-bottom: 20px;
-      &:hover {
-        background-image: url("../assets/img/zhan/1_7Ac.png");
-        background-color: transparent;
+    .cont {
+      margin-top: 20px;
+      width: 100%;
+      height: 420px;
+      position: relative;
+      .searchResBox {
+        color: #fff;
+        &::after {
+          content: "";
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          z-index: -1;
+          background-image: linear-gradient(
+            rgba(69, 114, 119, 0.9),
+            rgba(69, 114, 119, 0.4)
+          );
+        }
+        position: absolute;
+        background-image: url("../assets/img/searBac.png");
+        background-size: 100% 100%;
+        // background-color: #034c52;
+        // background-color: rgba(255, 255, 255, 0.3);
+        // backdrop-filter: blur(30px);
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 12;
+        .searMainBox {
+          padding: 5px 20px;
+          width: 96%;
+          height: calc(100% - 60px);
+          overflow-y: auto;
+          .searMain {
+            .searTit {
+              height: 30px;
+              line-height: 30px;
+              font-size: 20px;
+            }
+            .searRow {
+              padding: 10px 0;
+              border-bottom: 1px solid #d5d5d5;
+              cursor: pointer;
+              &:hover {
+                color: #034c52;
+              }
+            }
+          }
+        }
+        .searMainBox::-webkit-scrollbar {
+          width: 4px;
+          height: 0px;
+        }
+        .searMainBox::-webkit-scrollbar-track-piece {
+          background-color: transparent;
+        }
+        .searMainBox::-webkit-scrollbar-thumb {
+          background: #445859;
+        }
+
+        .none {
+          width: 100%;
+          height: 300px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          font-size: 20px;
+        }
+        .searTiele {
+          font-size: 20px;
+          text-align: center;
+          // color: #034c52;
+          height: 48px;
+          line-height: 48px;
+        }
+        .searClose {
+          cursor: pointer;
+          position: absolute;
+          z-index: 10;
+          top: 10px;
+          right: 10px;
+          width: 20px;
+          height: 20px;
+          color: #034c52;
+          font-size: 24px;
+        }
+      }
+      .contRow {
+        width: 100%;
+        position: relative;
+        margin-bottom: 6px;
+        .inco {
+          z-index: 10;
+          cursor: pointer;
+          position: absolute;
+          width: 100%;
+          height: 34px;
+          display: flex;
+          justify-content: flex-end;
+          padding-right: 20px;
+          align-items: center;
+          top: 0;
+          right: 0px;
+        }
+        .contRowTop {
+          color: #fff;
+          height: 34px;
+          text-align: center;
+          line-height: 34px;
+          background-image: url("../assets/img/zhanRBac.png");
+          background-size: 100% 100%;
+          font-size: 16px;
+        }
+        .contRowSon::-webkit-scrollbar {
+          width: 4px;
+          height: 0px;
+        }
+        .contRowSon::-webkit-scrollbar-track-piece {
+          background-color: transparent;
+        }
+        .contRowSon::-webkit-scrollbar-thumb {
+          background: #aeaeae;
+        }
+        .contRowSon {
+          width: 96%;
+          height: 140px;
+          overflow-y: auto;
+          padding: 10px 20px 4px 50px;
+          & > div {
+            cursor: pointer;
+            padding: 8px 0;
+            border-bottom: 1px solid #b7aeae;
+            &:hover {
+              color: #d16216;
+            }
+          }
+        }
       }
     }
   }

+ 457 - 0
pc/src/views/Towzhan.vue

@@ -0,0 +1,457 @@
+<template>
+  <div class="Towzhan">
+    <div class="main">
+      <p class="botTit">第二展厅</p>
+      <div
+        v-for="item in data"
+        :key="item.id"
+        @click="
+          (oneShow = item.id),
+            (oneShow = item.id),
+            (searShow = false),
+            (name = '')
+        "
+        :class="{
+          active: oneShow === item.id,
+          box4: item.id == 4,
+          box5: item.id == 5,
+          box6: item.id == 6,
+        }"
+      >
+        {{ item.name }}
+      </div>
+    </div>
+    <div class="rightZhan">
+      <div class="top" @keyup.enter="mySearch">
+        <el-input placeholder="参展单位搜索" v-model="name"> </el-input>
+        <div class="el-icon-search" @click="mySearch"></div>
+      </div>
+      <div class="cont">
+        <!-- 搜索结果 -->
+        <div class="searchResBox" v-if="searShow">
+          <!-- 关闭按钮 -->
+          <div
+            class="searClose el-icon-close"
+            @click="(searShow = false), (name = '')"
+          ></div>
+          <div class="searTiele">搜索结果</div>
+          <div class="none" v-if="searchData.length === 0">
+            没有找到对应结果...
+          </div>
+          <div class="searMainBox" v-else>
+            <div class="searMain" v-for="item in searchData" :key="item.id">
+              <div class="searTit">{{ item.name }}</div>
+              <div
+                class="searRow"
+                @click="$emit('toZhan',2, item.id, val.id)"
+                v-for="val in item.son"
+                :key="val.id"
+                v-html="val.name"
+              ></div>
+            </div>
+          </div>
+        </div>
+
+        <div class="contRow" v-for="item in rightData" :key="item.id">
+          <div
+            @click="sonShow(item.id)"
+            class="inco"
+            :class="
+              item.id == oneShow ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
+            "
+          ></div>
+          <div class="contRowTop">{{ item.name }}</div>
+          <div class="contRowSon" v-if="item.id == oneShow">
+            <div
+              @click="$emit('toZhan',2, item.id, val.id)"
+              v-for="val in item.son"
+              :key="val.id"
+            >
+              {{ val.name }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { exArr2 } from "./zhan.js";
+export default {
+  name: "Towzhan",
+  components: {},
+  data() {
+    return {
+      searShow: false,
+      name: "",
+      searchData: [],
+      data: [
+        { name: "分区一", id: "1", class: "box1" },
+        { name: "分区二", id: "2", class: "box2" },
+        { name: "分区三", id: "3", class: "box3" },
+        { name: "分区四", id: "4", class: "box4" },
+        { name: "分区五", id: "5", class: "box5" },
+        { name: "分区六", id: "6", class: "box6" },
+        { name: "分区七", id: "7", class: "box7" },
+        { name: "分区八", id: "8", class: "box7" },
+        { name: "分区九", id: "9", class: "box7" },
+      ],
+      oneShow: null,
+      rightData: exArr2,
+    };
+  },
+  watch: {},
+  computed: {},
+  methods: {
+    mySearch() {
+      if (this.name.trim() === "") return this.$message.warning("不能为空!");
+      this.searShow = true;
+      let arr1 = [];
+      this.rightData.forEach((v) => {
+        let arr2 = [];
+        v.son.forEach((c) => {
+          if (c.name.includes(this.name)) {
+            arr2.push({
+              id: c.id,
+              name: c.name.replaceAll(
+                this.name,
+                `<span style="color:#034c52">${this.name}</span>`
+              ),
+              code: c.code,
+            });
+          }
+        });
+        if (arr2.length > 0) {
+          arr1.push({
+            id: v.id,
+            name: v.name,
+            son: arr2,
+          });
+        }
+      });
+      this.searchData = arr1;
+    },
+
+    sonShow(id) {
+      // if(!this.oneShow) this.oneShow=id
+      // else this.oneShow=null
+      if (this.oneShow === id) this.oneShow = null;
+      else this.oneShow = id;
+    },
+  },
+  //生命周期 - 创建完成(可以访问当前this实例)
+  created() {},
+  //生命周期 - 挂载完成(可以访问DOM元素)
+  mounted() {},
+  beforeCreate() {}, //生命周期 - 创建之前
+  beforeMount() {}, //生命周期 - 挂载之前
+  beforeUpdate() {}, //生命周期 - 更新之前
+  updated() {}, //生命周期 - 更新之后
+  beforeDestroy() {}, //生命周期 - 销毁之前
+  destroyed() {}, //生命周期 - 销毁完成
+  activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
+};
+</script>
+<style lang='less' scoped>
+.Towzhan {
+  z-index: 9;
+  position: absolute;
+  width: 1303px;
+  height: 560px;
+  top: 100px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-image: url("../assets/img/zhanBac.png");
+  background-size: 100% 100%;
+  .main {
+    .botTit {
+      position: absolute;
+      bottom: 116px;
+      left: 490px;
+      font-size: 20px;
+      color: #fff;
+      letter-spacing: 8px;
+    }
+    & > div {
+      z-index: 10;
+      cursor: pointer;
+      position: absolute;
+      background-color: #034c52;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: rgba(255, 255, 255, 0.7);
+      transition: all 0.3s;
+      &:hover {
+        background-color: #d07428;
+        color: #fff;
+      }
+      &:nth-of-type(1) {
+        top: 150px;
+        right: 489px;
+        width: 184px;
+        height: 114px;
+      }
+      &:nth-of-type(2) {
+        width: 149px;
+        height: 114px;
+        top: 150px;
+        right: 683px;
+      }
+      &:nth-of-type(3) {
+        width: 100px;
+        height: 114px;
+        top: 150px;
+        right: 842px;
+      }
+      &:nth-of-type(4) {
+        background-color: transparent;
+        z-index: 9;
+        width: 150px;
+        height: 147px;
+        top: 150px;
+        left: 202px;
+        background-image: url("../assets/img/zhan/2_4.png");
+        background-size: 100% 100%;
+        padding-left: 20px;
+        &:hover {
+          background-image: url("../assets/img/zhan/2_4Ac.png");
+          background-color: transparent;
+        }
+      }
+      &:nth-of-type(5) {
+        background-color: transparent;
+        z-index: 10;
+        width: 167px;
+        height: 145px;
+        top: 212px;
+        left: 87px;
+        background-image: url("../assets/img/zhan/2_5.png");
+        background-size: 100% 100%;
+        padding-left: 20px;
+        &:hover {
+          background-image: url("../assets/img/zhan/2_5Ac.png");
+          background-color: transparent;
+        }
+      }
+      &:nth-of-type(6) {
+        background-color: transparent;
+        z-index: 8;
+        width: 251px;
+        height: 196px;
+        top: 36px;
+        left: 77px;
+        background-image: url("../assets/img/zhan/2_6.png");
+        background-size: 100% 100%;
+        padding: 0 0 20px 20px;
+        &:hover {
+          background-image: url("../assets/img/zhan/2_6Ac.png");
+          background-color: transparent;
+        }
+      }
+      &:nth-of-type(7) {
+        width: 122px;
+        height: 109px;
+        top: 34px;
+        left: 339px;
+      }
+      &:nth-of-type(8) {
+        width: 149px;
+        height: 109px;
+        top: 34px;
+        left: 471px;
+      }
+      &:nth-of-type(9) {
+        top: 34px;
+        right: 489px;
+        width: 184px;
+        height: 109px;
+      }
+    }
+    .active {
+      background-color: #d07428;
+    }
+    .box4.active {
+      background-image: url("../assets/img/zhan/2_4Ac.png");
+    }
+    .box5.active {
+      background-image: url("../assets/img/zhan/2_5Ac.png");
+    }
+    .box6.active {
+      background-image: url("../assets/img/zhan/2_6Ac.png");
+    }
+  }
+  .rightZhan {
+    position: absolute;
+    top: 7px;
+    right: 10px;
+    height: 540px;
+    width: 410px;
+    padding: 35px 30px;
+    .top {
+      padding: 0 15px;
+      position: relative;
+      /deep/input {
+        border-radius: 20px;
+      }
+      .el-icon-search {
+        color: #9a9a9a;
+        font-weight: 700;
+        position: absolute;
+        right: 15px;
+        z-index: 10;
+        top: 0;
+        width: 40px;
+        height: 40px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+      }
+    }
+    .cont {
+      margin-top: 20px;
+      width: 100%;
+      height: 420px;
+      background-color: rgba(112, 112, 112, 0.2);
+      position: relative;
+
+      .searchResBox {
+        color: #fff;
+        &::after {
+          content: "";
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          z-index: -1;
+          background-image: linear-gradient(
+            rgba(69, 114, 119, 0.9),
+            rgba(69, 114, 119, 0.4)
+          );
+        }
+
+        position: absolute;
+        background-image: url("../assets/img/searBac.png");
+        background-size: 100% 100%;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 12;
+        .searMainBox {
+          padding: 5px 20px;
+          width: 96%;
+          height: calc(100% - 60px);
+          overflow-y: auto;
+          .searMain {
+            .searTit {
+              height: 30px;
+              line-height: 30px;
+              font-size: 20px;
+            }
+            .searRow {
+              padding: 10px 0;
+              border-bottom: 1px solid #d5d5d5;
+              cursor: pointer;
+              &:hover {
+                color: #034c52;
+              }
+            }
+          }
+        }
+        .searMainBox::-webkit-scrollbar {
+          width: 4px;
+          height: 0px;
+        }
+        .searMainBox::-webkit-scrollbar-track-piece {
+          background-color: transparent;
+        }
+        .searMainBox::-webkit-scrollbar-thumb {
+          background: #445859;
+        }
+
+        .none {
+          width: 100%;
+          height: 300px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          font-size: 20px;
+        }
+        .searTiele {
+          font-size: 20px;
+          text-align: center;
+          // color: #034c52;
+          height: 48px;
+          line-height: 48px;
+        }
+        .searClose {
+          cursor: pointer;
+          position: absolute;
+          z-index: 10;
+          top: 10px;
+          right: 10px;
+          width: 20px;
+          height: 20px;
+          color: #034c52;
+          font-size: 24px;
+        }
+      }
+      .contRow {
+        width: 100%;
+        position: relative;
+        margin-bottom: 4px;
+        .inco {
+          z-index: 10;
+          cursor: pointer;
+          position: absolute;
+          width: 100%;
+          height: 28px;
+          display: flex;
+          justify-content: flex-end;
+          padding-right: 20px;
+          align-items: center;
+          top: 0;
+          right: 0px;
+        }
+        .contRowTop {
+          color: #fff;
+          height: 28px;
+          text-align: center;
+          line-height: 28px;
+          background-image: url("../assets/img/zhanRBac.png");
+          background-size: 100% 100%;
+          font-size: 16px;
+        }
+        .contRowSon::-webkit-scrollbar {
+          width: 4px;
+          height: 0px;
+        }
+        .contRowSon::-webkit-scrollbar-track-piece {
+          background-color: transparent;
+        }
+        .contRowSon::-webkit-scrollbar-thumb {
+          background: #aeaeae;
+        }
+        .contRowSon {
+          width: 96%;
+          height: 130px;
+          overflow-y: auto;
+          padding: 10px 20px 4px 50px;
+          & > div {
+            cursor: pointer;
+            padding: 8px 0;
+            border-bottom: 1px solid #b7aeae;
+            &:hover {
+              color: #d16216;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

+ 760 - 0
pc/src/views/zhan.js

@@ -0,0 +1,760 @@
+export const exArr1 = [
+  {
+    id: "1",
+    name: "分区一",
+    son: [
+      { id: "1_1", name: "河南博物院", code: "1" },
+      { id: "1_2", name: "新县鄂豫皖苏区烈士纪念馆", code: "1" },
+      { id: "1_3", name: "宝丰中原解放纪念馆", code: "1" },
+      { id: "1_4", name: "鄂豫皖革命纪念馆", code: "1" },
+      { id: "1_5", name: "鄂豫皖苏区首府革命博物馆", code: "1" },
+      { id: "1_6", name: "光山邓颖超祖居纪念馆", code: "1" },
+      { id: "1_7", name: "红旗渠纪念馆", code: "1" },
+      { id: "1_8", name: "刘青霞故居", code: "1" },
+      {
+        id: "1_9",
+        name: "清丰县冀鲁豫边区革命根据地旧址纪念馆",
+        code: "1",
+      },
+      { id: "1_10", name: "襄城县毛主席绣像博物馆", code: "1" },
+      { id: "1_11", name: "镇平彭雪枫纪念馆", code: "1" },
+      { id: "1_12", name: "隋唐大运河文化博物馆", code: "1" },
+      { id: "1_13", name: "殷墟博物馆二期", code: "1" },
+      { id: "1_14", name: "张仲景博物馆", code: "1" },
+      { id: "1_15", name: "中国文字博物馆二期", code: "1" },
+      { id: "1_16", name: "河南自然博物馆", code: "1" },
+      { id: "1_17", name: "河南古建研究院", code: "1" },
+      { id: "1_18", name: "鹤壁市博物馆", code: "1" },
+      { id: "1_19", name: "安阳博物馆", code: "1" },
+      { id: "1_20", name: "安阳民宿博物馆", code: "1" },
+      { id: "1_21", name: "安阳学院博物馆", code: "1" },
+      { id: "1_22", name: "东北庄", code: "1" },
+      { id: "1_23", name: "方城县博物馆", code: "1" },
+      { id: "1_24", name: "固始县博物馆", code: "1" },
+      { id: "1_25", name: "滑县民俗博物馆", code: "1" },
+      { id: "1_26", name: "黄河博物馆", code: "1" },
+      { id: "1_27", name: "济源博物馆", code: "1" },
+      { id: "1_28", name: "郏县任坚钧瓷艺术博物馆", code: "1" },
+      { id: "1_29", name: "焦作市博物馆", code: "1" },
+      { id: "1_30", name: "开封市博物馆", code: "1" },
+      { id: "1_31", name: "林州市博物馆", code: "1" },
+      { id: "1_32", name: "洛阳博物馆", code: "1" },
+      { id: "1_33", name: "洛阳龙门博物馆", code: "1" },
+      { id: "1_34", name: "洛阳三彩艺术博物馆", code: "1" },
+      { id: "1_35", name: "洛阳唐艺金银器博物馆", code: "1" },
+      { id: "1_36", name: "洛阳钟鼎青铜艺术博物馆", code: "1" },
+      { id: "1_37", name: "漯河德泽陶瓷博物馆", code: "1" },
+      { id: "1_38", name: "漯河市博物馆", code: "1" },
+      { id: "1_39", name: "南阳市博物馆", code: "1" },
+      { id: "1_40", name: "南阳市汉画馆", code: "1" },
+      { id: "1_41", name: "南阳市张衡博物馆", code: "1" },
+      { id: "1_42", name: "南阳唐王府博物馆", code: "1" },
+      { id: "1_43", name: "南阳万世之宝博物馆", code: "1" },
+      { id: "1_44", name: "内乡县衙博物馆", code: "1" },
+      { id: "1_45", name: "平顶山博物馆", code: "1" },
+      { id: "1_46", name: "沁阳市朱载堉纪念馆", code: "1" },
+      { id: "1_47", name: "汝州青瓷博物馆", code: "1" },
+      { id: "1_48", name: "汝州市汝瓷博物馆", code: "1" },
+      { id: "1_49", name: "三门峡市博物馆", code: "1" },
+      { id: "1_50", name: "商丘博物馆", code: "1" },
+      { id: "1_51", name: "汤阴博物馆", code: "1" },
+      { id: "1_52", name: "唐河县博物馆", code: "1" },
+      { id: "1_53", name: "武侯祠博物馆", code: "1" },
+      { id: "1_54", name: "淅川丹江移民民俗博物馆", code: "1" },
+      { id: "1_55", name: "淅川县博物馆", code: "1" },
+      { id: "1_56", name: "新野县博物馆", code: "1" },
+      { id: "1_57", name: "信阳博物馆", code: "1" },
+      { id: "1_58", name: "许昌市博物馆", code: "1" },
+      { id: "1_59", name: "许昌裕丰金丝楠博物馆", code: "1" },
+      { id: "1_60", name: "禹州钧瓷文化博物馆", code: "1" },
+      { id: "1_61", name: "禹州钧官窑址博物馆", code: "1" },
+      { id: "1_62", name: "禹州宋元钧瓷标本博物馆", code: "1" },
+      { id: "1_63", name: "禹州宣和陶瓷博物馆", code: "1" },
+      { id: "1_64", name: "岳飞纪念馆", code: "1" },
+      { id: "1_65", name: "张仲景博物馆", code: "1" },
+      { id: "1_66", name: "中国文字博物馆", code: "1" },
+      { id: "1_67", name: "中原农耕文化博物馆", code: "1" },
+      { id: "1_68", name: "中原杂技博物馆", code: "1" },
+      { id: "1_69", name: "周口市博物馆", code: "1" },
+      { id: "1_70", name: "周口华威民宿博物馆", code: "1" },
+      { id: "1_71", name: "北宋官瓷博物馆", code: "1" },
+      { id: "1_72", name: "洛阳保险文化博物馆", code: "1" },
+      { id: "1_73", name: "濮阳市南乐县仓颉文化博物馆", code: "1" },
+      { id: "1_74", name: "新乡市郭峰中医药博物馆", code: "1" },
+      { id: "1_75", name: "至善围棋博物馆", code: "1" },
+      { id: "1_76", name: "中国医疗器械博物馆", code: "1" },
+      { id: "1_77", name: "中原诚信博物馆", code: "1" },
+      { id: "1_78", name: "社旗县博物馆", code: "1" },
+      { id: "1_79", name: "正阳博物馆", code: "1" },
+      { id: "1_80", name: "河南省考古研究院", code: "1" },
+      { id: "1_81", name: "宝丰汝窑博物馆", code: "1" },
+      { id: "1_82", name: "二里头夏都遗址博物馆", code: "1" },
+      { id: "1_83", name: "虢国博物馆", code: "1" },
+      { id: "1_84", name: "潢川县黄国故城博物馆", code: "1" },
+      { id: "1_85", name: "渑池县仰韶文化博物馆", code: "1" },
+      { id: "1_86", name: "庙底沟博物馆", code: "1" },
+      { id: "1_87", name: "殷墟博物馆", code: "1" },
+      { id: "1_88", name: "郑州博物馆", code: "1" },
+      { id: "1_89", name: "郑州山海砗磲博物馆", code: "1" },
+      { id: "1_90", name: "郑州大象陶瓷博物馆", code: "1" },
+      { id: "1_91", name: "郑州市登封窑陶瓷博物馆", code: "1" },
+      { id: "1_92", name: "新郑市博物馆", code: "1" },
+      { id: "1_93", name: "郑州博物馆古荥汉代冶铁遗址分馆", code: "1" },
+      { id: "1_94", name: "郑州城外城陶瓷艺术博物馆", code: "1" },
+      { id: "1_95", name: "郑州大信厨房博物馆", code: "1" },
+      { id: "1_96", name: "郑州二七纪念馆", code: "1" },
+      { id: "1_97", name: "郑州仁清金石传拓艺术博物馆", code: "1" },
+      { id: "1_98", name: "郑州商都遗址博物院", code: "1" },
+      { id: "1_99", name: "郑州市大河村考古遗址公园", code: "1" },
+      { id: "1_100", name: "郑州旭日青铜博物馆", code: "1" },
+      { id: "1_101", name: "巩义博物馆", code: "1" },
+    ],
+  },
+  {
+    id: "2",
+    name: "分区二",
+    son: [
+      { id: "2_1", name: "珠海市四维时代网络科技有限公司", code: "1" },
+      { id: "2_2", name: "苏州探寻文化科技有限公司", code: "1" },
+      { id: "2_3", name: "华协国际珍品货运服务有限公司", code: "1" },
+      { id: "2_4", name: "北京天图设计工程有限公司", code: "1" },
+      { id: "2_5", name: "武汉数文科技有限公司", code: "1" },
+      { id: "2_6", name: "文博安全科技有限公司", code: "1" },
+      { id: "2_7", name: "北京凌智展览展示有限公司", code: "1" },
+      { id: "2_8", name: "北京笔硕文化产业集团有限公司", code: "1" },
+      { id: "2_9", name: "苏州晶沪堂玻璃科技有限公司", code: "1" },
+      { id: "2_10", name: "阳江三可照明实业有限公司", code: "1" },
+      { id: "2_11", name: "金大陆文化产业(集团)有限公司", code: "1" },
+      { id: "2_12", name: "洛阳瑞宝文保设施科技有限公司", code: "1" },
+      { id: "2_13", name: "广州市三信红日照明有限公司", code: "1" },
+      { id: "2_14", name: "鲁迅美术学院艺术工程总公司", code: "1" },
+      { id: "2_15", name: "北京众创国际展览有限公司", code: "1" },
+      { id: "2_16", name: "台玻长江玻璃有限公司", code: "1" },
+      { id: "2_17", name: "宏瑞文博集团股份有限公司", code: "1" },
+    ],
+  },
+  {
+    id: "3",
+    name: "分区三",
+    son: [
+      { id: "3_1", name: "南通博物苑", code: "1" },
+      { id: "3_2", name: "文化和旅游部恭王府博物馆", code: "1" },
+      { id: "3_3", name: "中国铁道博物馆", code: "1" },
+      { id: "3_4", name: "中国丝绸博物馆", code: "1" },
+      { id: "3_5", name: "故宫博物院", code: "1" },
+      { id: "3_6", name: "天禹文化集团有限公司", code: "1" },
+      { id: "3_7", name: "深圳市埃克苏照明系统有限公司", code: "1" },
+      { id: "3_8", name: "圣轩珍品国际货运有限公司", code: "1" },
+      { id: "3_9", name: "广州博信文博科技有限公司", code: "1" },
+      { id: "3_10", name: "江西省文展装饰艺术有限公司", code: "1" },
+      { id: "3_11", name: "中比博展(北京)陈列设备有限公司", code: "1" },
+    ],
+  },
+  {
+    id: "4",
+    name: "分区四",
+    son: [
+      { id: "4_1", name: "北京华源彤达科技有限公司", code: "1" },
+      { id: "4_2", name: "上海馥鼎智能科技有限公司", code: "1" },
+      { id: "4_3", name: "上海赛图图像设备有限公司", code: "1" },
+      {
+        id: "4_4",
+        name: "中国联合网络通信有限公司河南省分公司",
+        code: "1",
+      },
+      { id: "4_5", name: "北京天一时空视觉艺术有限公司", code: "1" },
+      { id: "4_6", name: "佰路得信息技术(上海)有限公司", code: "1" },
+      { id: "4_7", name: "华艺博展装饰有限公司", code: "1" },
+      { id: "4_8", name: "中山汤石照明有限公司", code: "1" },
+      { id: "4_9", name: "北京清尚建筑装饰工程有限公司", code: "1" },
+      { id: "4_10", name: "闪耀现实(无锡)科技有限公司", code: "1" },
+      { id: "4_11", name: "苏州和氏设计营造股份有限公司", code: "1" },
+      { id: "4_12", name: "上海正格展览服务有限公司", code: "1" },
+      { id: "4_13", name: "北京鹏达文博展览服务有限公司", code: "1" },
+      { id: "4_14", name: "郑州丰嘉科技有限公司", code: "1" },
+      { id: "4_15", name: "北京华艺恒辉展览展示有限公司", code: "1" },
+      { id: "4_16", name: "山东文保文物修复技术有限公司", code: "1" },
+      { id: "4_17", name: "北京悦安博展文化传媒有限公司", code: "1" },
+      { id: "4_18", name: "文博时空科技(北京)有限公司", code: "1" },
+      { id: "4_19", name: "武汉鼎森电子科技有限公司", code: "1" },
+    ],
+  },
+  {
+    id: "5",
+    name: "分区五",
+    son: [
+      { id: "5_1", name: "中国国家博物馆", code: "1" },
+      { id: "5_2", name: "南京博物院", code: "1" },
+      { id: "5_3", name: "中国大运河博物馆", code: "1" },
+      { id: "5_4", name: "中国共产党第一次代表大会纪念馆", code: "1" },
+      { id: "5_5", name: "中国文物信息咨询中心", code: "1" },
+      { id: "5_6", name: "北京自然博物馆", code: "1" },
+      { id: "5_7", name: "深圳市地球宝藏文创科技有限公司", code: "1" },
+      { id: "5_8", name: "清华大学艺术博物馆", code: "1" },
+      { id: "5_9", name: "中国妇女儿童博物馆", code: "1" },
+      { id: "5_10", name: "中国(海南)南海博物馆", code: "1" },
+      { id: "5_11", name: "中国文物报社有限公司", code: "1" },
+      { id: "5_12", name: "陈云纪念馆", code: "1" },
+      { id: "5_13", name: "北京博物馆学会", code: "1" },
+      { id: "5_14", name: "八七会议会址纪念馆", code: "1" },
+      { id: "5_15", name: "红四方面军总指挥部旧址纪念馆", code: "1" },
+      { id: "5_16", name: "北京大学赛克勒考古与艺术博物馆", code: "1" },
+      { id: "5_17", name: "西藏自治区布达拉宫管理处", code: "1" },
+      { id: "5_18", name: "西藏布达拉宫文化创意产业有限公司", code: "1" },
+      {
+        id: "5_19",
+        name: "北京鲁迅博物馆(北京新文化运动纪念馆)",
+        code: "1",
+      },
+      { id: "5_20", name: "中国人民革命军事博物馆", code: "1" },
+      { id: "5_21", name: "福建中国闽台缘博物馆", code: "1" },
+      { id: "5_22", name: "南昌汉代海昏侯国遗址博物馆", code: "1" },
+      { id: "5_23", name: "韶山毛泽东同志纪念馆", code: "1" },
+      {
+        id: "5_24",
+        name: "上海市龙华烈士纪念馆(上海市龙华烈士陵园)",
+        code: "1",
+      },
+    ],
+  },
+  {
+    id: "6",
+    name: "分区六",
+    son: [
+      { id: "6_1", name: "重庆红岩革命历史博物馆", code: "1" },
+      { id: "6_2", name: "杨闇公杨尚昆旧居陈列馆", code: "1" },
+      { id: "6_3", name: "聂荣臻元帅陈列馆", code: "1" },
+      { id: "6_4", name: "重庆市沙坪坝区文物管理所", code: "1" },
+      { id: "6_5", name: "重庆市江津区陈独秀旧居陈列馆", code: "1" },
+      {
+        id: "6_6",
+        name: "城口县文物管理所(川陕苏区城口纪念馆)",
+        code: "1",
+      },
+      { id: "6_7", name: "非国有博物馆专委会", code: "1" },
+      { id: "6_8", name: "徐州圣旨博物馆", code: "1" },
+      { id: "6_9", name: "西安大唐西市博物馆", code: "1" },
+      { id: "6_10", name: "河北省供石雕塑博物馆", code: "1" },
+      { id: "6_11", name: "浙江朱炳仁铜雕艺术博物馆", code: "1" },
+      { id: "6_12", name: "深圳市宝安区世纪琥珀博物馆", code: "1" },
+      { id: "6_13", name: "凤凰县山江苗族博物馆", code: "1" },
+      { id: "6_14", name: "银川市金凤区观唐博物馆", code: "1" },
+      { id: "6_15", name: "天津沉香艺术博物馆", code: "1" },
+      { id: "6_16", name: "大连市世纪留声音乐文化博物馆", code: "1" },
+      { id: "6_17", name: "观复博物馆", code: "1" },
+      { id: "6_18", name: "郑州大象陶瓷博物馆", code: "1" },
+      { id: "6_19", name: "洛阳唐艺金银器博物馆", code: "1" },
+      { id: "6_20", name: "郑州旭日青铜博物馆", code: "1" },
+      { id: "6_21", name: "郓城传递红色文化博物馆", code: "1" },
+      { id: "6_22", name: "柳州市战争史博物馆", code: "1" },
+      { id: "6_23", name: "斯琴塔娜艺术博物馆", code: "1" },
+      { id: "6_24", name: "淄博市鸿磊金石拓片艺术博物馆", code: "1" },
+      { id: "6_25", name: "高青镕古拓片艺术博物馆", code: "1" },
+      { id: "6_26", name: "淄博市文昌古陶瓷博物馆 ", code: "1" },
+      { id: "6_27", name: "临沂天泽木文化博物馆", code: "1" },
+      { id: "6_28", name: "洛阳钟鼎青铜艺术博物馆", code: "1" },
+      { id: "6_29", name: "新疆历代和阗玉博物馆", code: "1" },
+      { id: "6_30", name: "黄山市徽派雕刻博物馆", code: "1" },
+      { id: "6_31", name: "武汉谌安明蝴蝶博物馆", code: "1" },
+      { id: "6_32", name: "西安大唐青铜镜博物馆", code: "1" },
+      { id: "6_33", name: "陕西华厦古代艺术博物馆", code: "1" },
+      { id: "6_34", name: "陕西汉唐石刻博物馆", code: "1" },
+      { id: "6_35", name: "保定市中国共产党员日记博物馆", code: "1" },
+      { id: "6_36", name: "山西吕梁山革命博物馆", code: "1" },
+      { id: "6_37", name: "吕梁北武当古兵器博物馆", code: "1" },
+      { id: "6_38", name: "南京奥林匹克博物馆", code: "1" },
+      { id: "6_39", name: "厦门奥林匹克博物馆", code: "1" },
+      { id: "6_40", name: "南京江南丝绸文化博物馆", code: "1" },
+      { id: "6_41", name: "南昌金九福钱币博物馆", code: "1" },
+      { id: "6_42", name: "灌城民国陶瓷艺术博物馆", code: "1" },
+      { id: "6_43", name: "郑州市登封窑陶瓷博物馆", code: "1" },
+      { id: "6_44", name: "浙江省现代陶瓷艺术博物馆", code: "1" },
+      { id: "6_45", name: "山东省巨野县麟州民俗博物馆", code: "1" },
+      { id: "6_46", name: "泰安毛公山红色文化博物馆", code: "1" },
+      { id: "6_47", name: "山东金石书法博物馆", code: "1" },
+      { id: "6_48", name: "云南省茶文化博物馆", code: "1" },
+      { id: "6_49", name: "福建省世茂海上丝绸之路博物馆", code: "1" },
+      { id: "6_50", name: "福建省沈绍安漆艺博物馆", code: "1" },
+      { id: "6_51", name: "漯河市德泽陶瓷博物馆", code: "1" },
+      { id: "6_52", name: "河南省鹿邑县长军古陶瓷博物馆", code: "1" },
+      { id: "6_53", name: "玉树藏文化民俗博物馆", code: "1" },
+      { id: "6_54", name: "重庆民间医药博物馆", code: "1" },
+      { id: "6_55", name: "重庆市巴渝名匾文化艺术博物馆", code: "1" },
+      { id: "6_56", name: "郑州市丝路文化博物馆", code: "1" },
+      { id: "6_57", name: "郑州晶石造器博物馆", code: "1" },
+      { id: "6_58", name: "郑州瞻世客家文化博物馆", code: "1" },
+    ],
+  },
+  {
+    id: "7",
+    name: "分区七",
+    son: [
+      { id: "7_1", name: "宁波艾梯奇灯具有限公司", code: "1" },
+      { id: "7_2", name: "北京忆空间文化发展有限公司", code: "1" },
+      { id: "7_3", name: "上海安得顺诺建筑装饰制品有限公司", code: "1" },
+      { id: "7_4", name: "首业资产评估有限公司", code: "1" },
+      { id: "7_5", name: "迅满(上海)照明有限公司", code: "1" },
+      { id: "7_6", name: "赛尔富电子有限公司", code: "1" },
+      { id: "7_7", name: "杭州淘艺数据技术有限公司", code: "1" },
+      { id: "7_8", name: "深圳市深层互联网科技有限公司", code: "1" },
+      { id: "7_9", name: "奥佛瑞斯(北京)科技发展有限公司", code: "1" },
+      { id: "7_10", name: "四川克里克展览展示有限公司", code: "1" },
+      { id: "7_11", name: "北京LORD国际文化发展有限公司", code: "1" },
+      { id: "7_12", name: "杭州晶硝子玻璃科技有限公司", code: "1" },
+      {
+        id: "7_13",
+        name: "四川省克里克尼泽菲德展览展示有限公司",
+        code: "1",
+      },
+      { id: "7_14", name: "南京楚才物联科技有限公司", code: "1" },
+      { id: "7_15", name: "宁波邦达实业有限公司", code: "1" },
+      { id: "7_16", name: "佳博(东莞)照明有限公司", code: "1" },
+      { id: "7_17", name: "博物文韵", code: "1" },
+      {
+        id: "7_18",
+        name: "中国人寿财产保险股份有限公司上海市分公司",
+        code: "1",
+      },
+      { id: "7_19", name: "广州龙联科技文化发展有限公司", code: "1" },
+      { id: "7_20", name: "全友电脑科技(吴江)有限公司", code: "1" },
+      { id: "7_21", name: "上海丸丁电子科技有限公司", code: "1" },
+      { id: "7_22", name: "北京博德珍品货运代理有限公司", code: "1" },
+      { id: "7_23", name: "江苏凤凰文艺出版社有限公司", code: "1" },
+      { id: "7_24", name: "北京海天恒通科技有限公司", code: "1" },
+      { id: "7_25", name: "中山小良文化科技有限公司", code: "1" },
+      { id: "7_26", name: "自贡龙晨时代文化艺术有限公司", code: "1" },
+      { id: "7_27", name: "北京缪斯博物教育科技有限公司", code: "1" },
+      { id: "7_28", name: "广州三毛信息科技有限公司", code: "1" },
+      { id: "7_29", name: "西安妙吉祥雕塑艺术有限公司", code: "1" },
+      { id: "7_30", name: "惠州隆城展示展览有限公司", code: "1" },
+      { id: "7_31", name: "上海汇展国际物流有限公司", code: "1" },
+      { id: "7_32", name: "新蕾出版社(天津)有限公司", code: "1" },
+      { id: "7_33", name: "远望谷(上海)信息技术有限公司", code: "1" },
+      { id: "7_34", name: "成都国衍科技有限公司", code: "1" },
+      { id: "7_35", name: "博恒文保科技(天津)有限公司", code: "1" },
+      { id: "7_36", name: "上海庐野文化科技有限责任公司", code: "1" },
+      { id: "7_37", name: "纽艾尔气体设备(廊坊)有限公司", code: "1" },
+      { id: "7_38", name: "上海小棠文化传播有限公司", code: "1" },
+      { id: "7_39", name: "库奥(深圳)照明技术有限公司", code: "1" },
+      {
+        id: "7_40",
+        name: "火凤凰(北京)国际艺术品物流有限公司",
+        code: "1",
+      },
+      { id: "7_41", name: "卡尔蔡司(上海)管理有限公司", code: "1" },
+      { id: "7_42", name: "上海宽阅科技有限公司", code: "1" },
+      { id: "7_43", name: "武汉大楚兴激光科技有限公司", code: "1" },
+      { id: "7_44", name: "博锐百纳(北京)信息技术有限公司", code: "1" },
+      { id: "7_45", name: "上海昂兴装饰工程有限公司", code: "1" },
+      { id: "7_46", name: "瑞创神州(北京)科技发展有限公司", code: "1" },
+      { id: "7_47", name: "北京金石视觉数字科技有限公司", code: "1" },
+      { id: "7_48", name: "苏州世轩电子材料有限公司", code: "1" },
+      { id: "7_49", name: "湖南博晓展览有限公司", code: "1" },
+      { id: "7_50", name: "北京宇极科贸有限公司", code: "1" },
+      { id: "7_51", name: "北京印特尔传承文化发展有限公司", code: "1" },
+      { id: "7_52", name: "广州宏达工程顾问集团有限公司", code: "1" },
+      { id: "7_53", name: "上海民博文化创意发展有限公司", code: "1" },
+      { id: "7_54", name: "群核信息技术有限公司", code: "1" },
+      { id: "7_55", name: "东莞市五丰电子有限公司", code: "1" },
+      { id: "7_56", name: "郑州博克尔雅信息技术有限公司", code: "1" },
+      { id: "7_57", name: "西安文数保科技有限公司", code: "1" },
+      { id: "7_58", name: "山东智博文物保护科技有限公司", code: "1" },
+      { id: "7_59", name: "丹麦飞思1公司上海代表处", code: "1" },
+      { id: "7_60", name: "深圳市华图测控系统有限公司", code: "1" },
+      { id: "7_61", name: "山东迈越文保科技有限公司", code: "1" },
+      { id: "7_62", name: "合肥安达创展科技股份有限公司", code: "1" },
+      { id: "7_63", name: "郑州帧格文化科技有限公司", code: "1" },
+      { id: "7_64", name: "河南云芽文化传媒有限公司", code: "1" },
+      { id: "7_65", name: "深圳市冰晟光电科技有限公司", code: "1" },
+      { id: "7_66", name: "北京文博天远科技有限公司", code: "1" },
+      { id: "7_67", name: "宜春博理智能制造研究院有限公司", code: "1" },
+      { id: "7_68", name: "南京维塔文化遗产保护技术有限公司", code: "1" },
+      { id: "7_69", name: "福建恒达教育装备工程有限公司", code: "1" },
+      { id: "7_70", name: "天地通科技有限责任公司", code: "1" },
+      { id: "7_71", name: "武汉大势智慧科技有限公司", code: "1" },
+      {
+        id: "7_72",
+        name: "哈尔滨工业大学建筑设计研究院有限公司",
+        code: "1",
+      },
+      { id: "7_73", name: "广州正度数据处理服务有限公司", code: "1" },
+      { id: "7_74", name: "深圳市德蓝灯光技术有限公司", code: "1" },
+    ],
+  },
+]
+
+export const exArr2 = [
+  {
+    id: '1', name: '分区一', son: [{ id: '1_1', name: '广东博容照明科技有限公司', code: '2' },
+    { id: '1_2', name: '郑州杰林计算机科技有限公司', code: '2' },
+    { id: '1_3', name: '北京天马辉电子技术有限责任公司', code: '2' },
+    { id: '1_4', name: '广州市满天星礼品有限公司', code: '2' },
+    { id: '1_5', name: '深圳光子晶体科技有限公司', code: '2' },
+    { id: '1_6', name: '白城市嘉隆生物标本有限公司', code: '2' },
+    { id: '1_7', name: '上海云视科技股份有限公司', code: '2' },
+    { id: '1_8', name: '爱因极致科技(杭州)有限公司', code: '2' },
+    { id: '1_9', name: '润平投资有限公司', code: '2' },
+    { id: '1_10', name: '四川智能小子科技有限公司', code: '2' },
+    { id: '1_11', name: '江西源金科技集团有限公司', code: '2' },
+    { id: '1_12', name: '山东金东数字创意股份有限公司', code: '2' },
+    { id: '1_13', name: '北京雅昌艺术数据有限公司', code: '2' },
+    { id: '1_14', name: '杭州淘艺数据技术有限公司', code: '2' },
+    { id: '1_15', name: '天津玻昊玻璃科技有限公司', code: '2' },
+    { id: '1_16', name: '天津顺德文博科技有限公司', code: '2' },
+    { id: '1_17', name: '华格照明科技(上海)有限公司', code: '2' },
+    { id: '1_18', name: '中古文物保护集团有限公司', code: '2' },
+    { id: '1_19', name: '北京中古云博文化科技有限公司', code: '2' },
+    { id: '1_20', name: '福建先行网络服务有限公司', code: '2' },
+    { id: '1_21', name: '广州欧科信息技术股份有限公司', code: '2' },
+    { id: '1_22', name: '广州凡拓数字创意科技股份有限公司', code: '2' },
+    { id: '1_23', name: '北京美大文博科技有限公司', code: '2' },
+    { id: '1_24', name: '精锐文化创意产业有限公司', code: '2' },]
+  },
+
+  {
+    id: '2', name: '分区二', son: [{ id: '2_1', name: '中国建筑技术集团有限公司', code: '2' },
+    { id: '2_2', name: '北京融通新风洁净技术有限公司', code: '2' },
+    { id: '2_3', name: '湖南银宝科技发展有限公司', code: '2' },
+    { id: '2_4', name: '湖南博颢伟业科技有限公司', code: '2' },
+    { id: '2_5', name: '上海美术设计有限公司', code: '2' },
+    { id: '2_6', name: '北京世纪超星信息技术发展责任有限公司', code: '2' },
+    { id: '2_7', name: '中国建筑设计研究院有限公司', code: '2' },
+    { id: '2_8', name: '山东金晶科技股份有限公司', code: '2' },
+    { id: '2_9', name: '上海麦艺文化艺术设计有限公司', code: '2' },
+    { id: '2_10', name: '西安玧复工贸有限公司', code: '2' },
+    { id: '2_11', name: '广东华瑞照明科技有限公司', code: '2' },
+    { id: '2_12', name: '廊坊市文博展览科技开发有限公司', code: '2' },
+    { id: '2_13', name: '河南华要文博实业有限公司', code: '2' },
+    { id: '2_14', name: '广州力天文化创意产业集团有限公司', code: '2' },
+    { id: '2_15', name: '上海风语筑文化科技股份有限公司', code: '2' }]
+  },
+
+  {
+    id: '3', name: '分区三', son: [{ id: '3_1', name: '上海妙文会展服务有限公司', code: '2' },
+    { id: '3_2', name: '深圳市冠标科技发展有限公司', code: '2' },
+    { id: '3_3', name: '惠州市西顿工业发展有限公司(Mayalit·玛雅照明)', code: '2' },
+    { id: '3_4', name: '深蓝文化发展有限公司', code: '2' },
+    { id: '3_5', name: '深圳积木易搭科技技术有限公司', code: '2' },
+    { id: '3_6', name: '河南显易文化科技有限公司', code: '2' },
+    { id: '3_7', name: '河南文博信息科技有限公司', code: '2' },
+    { id: '3_8', name: '绥芬河星光量子科技有限公司', code: '2' },
+    { id: '3_9', name: '上海宽创国际文化科技股份有限公司', code: '2' },
+    { id: '3_10', name: '陕西十月文物保护有限公司', code: '2' },
+    { id: '3_11', name: '苏州金螳螂文化发展股份有限公司', code: '2' },]
+  },
+
+  {
+    id: '4', name: '分区四', son: [{ id: '4_1', name: '天津旺达文博展具有限公司', code: '2' },
+    { id: '4_2', name: '重庆声光电智联电子有限公司', code: '2' },
+    { id: '4_3', name: '天津森罗科技股份有限公司', code: '2' },
+    { id: '4_4', name: '航天康达(北京)科技发展有限公司', code: '2' },
+    { id: '4_5', name: '安徽文保技术有限公司', code: '2' },
+    { id: '4_6', name: '北京华荣宏远包装箱有限公司', code: '2' },
+    { id: '4_7', name: '河北蓝器科技有限公司', code: '2' },
+    { id: '4_8', name: '武汉安保通科技有限公司', code: '2' },
+    { id: '4_9', name: '北京鑫致城文博科技有限公司', code: '2' },
+    { id: '4_10', name: '中航规划设计研究总院有限公司', code: '2' },
+    { id: '4_11', name: '机械工业仪器仪表综合技术经济研究所', code: '2' },
+    { id: '4_12', name: '西安元智系统技术有限责任公司', code: '2' },
+    { id: '4_13', name: '杭州众材科技股份有限公司', code: '2' },
+    { id: '4_14', name: '青岛盛瀚色谱技术有限公司', code: '2' },
+    { id: '4_15', name: '北京四信数字技术有限公司', code: '2' },
+    { id: '4_16', name: '上海衡元高分子材料有限公司', code: '2' },
+    { id: '4_17', name: '武汉旗云高科工程技术有限公司', code: '2' },
+    { id: '4_18', name: '天津文博', code: '2' },
+    { id: '4_19', name: '郑州枫华实业股份有限公司', code: '2' },
+    { id: '4_20', name: '北京亿鸿文博文化产业有限公司', code: '2' },
+    { id: '4_21', name: '凯迈(洛阳)航空防护装备有限公司', code: '2' },
+    { id: '4_22', name: '北京东方大地虫害防治有限公司', code: '2' },
+    { id: '4_23', name: '青岛清源峰达太赫兹科技有限公司', code: '2' },]
+  },
+
+  {
+    id: '5', name: '分区五', son: [{ id: '5_1', name: '贵州省博物馆', code: '2' },
+    { id: '5_2', name: '天津博物馆', code: '2' },
+    { id: '5_3', name: '首都博物馆', code: '2' },
+    { id: '5_4', name: '青海省博物馆', code: '2' },
+    { id: '5_5', name: '西宁市博物馆', code: '2' },
+    { id: '5_6', name: '海西州民族博物馆', code: '2' },
+    { id: '5_7', name: '海南藏族自治州民族博物馆', code: '2' },
+    { id: '5_8', name: '黄南州民族博物馆', code: '2' },
+    { id: '5_9', name: '青海藏医药文化博物馆', code: '2' },
+    { id: '5_10', name: '青海原子城纪念馆', code: '2' },
+    { id: '5_11', name: '青藏高原自然博物馆', code: '2' },
+    { id: '5_12', name: '青海省马佳肴民族文化博物馆', code: '2' },
+    { id: '5_13', name: '新疆维吾尔自治区博物馆', code: '2' },
+    { id: '5_14', name: '乌鲁木齐市博物馆(八路军驻新疆办事处纪念馆)', code: '2' },
+    { id: '5_15', name: '克拉玛依市博物馆', code: '2' },
+    { id: '5_16', name: '和田地区博物馆', code: '2' },
+    { id: '5_17', name: '塔城市手风琴博物馆', code: '2' },
+    { id: '5_18', name: '第三师图木舒克市历史文物陈列馆', code: '2' },
+    { id: '5_19', name: '上海大学博物馆', code: '2' },
+    { id: '5_20', name: '故宫学校', code: '2' },
+    { id: '5_21', name: '新华社', code: '2' },
+    { id: '5_22', name: '博物馆进校园', code: '2' },
+    { id: '5_23', name: '全国博物馆志愿者工作现状展示', code: '2' },]
+  },
+
+  {
+    id: '6', name: '分区六', son: [{ id: '6_1', name: '山东博物馆', code: '2' },
+    { id: '6_2', name: '孔子博物馆', code: '2' },
+    { id: '6_3', name: '烟台市博物馆', code: '2' },
+    { id: '6_4', name: '淄博博物总馆', code: '2' },
+    { id: '6_5', name: '青岛市博物馆', code: '2' },
+    { id: '6_6', name: '青岛啤酒博物馆', code: '2' },
+    { id: '6_7', name: '青岛一战遗址博物馆', code: '2' },
+    { id: '6_8', name: '临沂市博物馆', code: '2' },
+    { id: '6_9', name: '滕州市汉画像石馆', code: '2' },
+    { id: '6_10', name: '浙江省博物馆', code: '2' },
+    { id: '6_11', name: '浙江自然博物院', code: '2' },
+    { id: '6_12', name: '杭州博物馆(杭州博物(筹)', code: '2' },
+    { id: '6_13', name: '杭州西湖博物馆总馆', code: '2' },
+    { id: '6_14', name: '杭州工艺美术博物馆', code: '2' },
+    { id: '6_15', name: '宁波博物院', code: '2' },
+    { id: '6_16', name: '中国港口博物馆', code: '2' },
+    { id: '6_17', name: '新昌县博物馆', code: '2' },
+    { id: '6_18', name: '温州博物馆', code: '2' },
+    { id: '6_19', name: '河北博物院', code: '2' },
+    { id: '6_20', name: '黑龙江省博物馆', code: '2' },
+    { id: '6_21', name: '宁夏回族自治区博物馆', code: '2' },
+    { id: '6_22', name: '长沙市博物馆', code: '2' },
+    { id: '6_23', name: '河南驼人医学史博物馆', code: '2' },
+    { id: '6_24', name: '荆州博物馆', code: '2' },
+    { id: '6_25', name: '玉山县博物馆', code: '2' },
+    { id: '6_26', name: '南京中国科举博物馆', code: '2' },
+    { id: '6_27', name: '成都体育大学博物馆', code: '2' },
+    { id: '6_28', name: '天水市博物馆', code: '2' },
+    { id: '6_29', name: '江西省博物馆', code: '2' },
+    { id: '6_30', name: '景德镇中国陶瓷博物馆', code: '2' },
+    { id: '6_31', name: '瑞金中央革命根据地纪念馆', code: '2' },
+    { id: '6_32', name: '赣州市博物馆', code: '2' },
+    { id: '6_33', name: '九江市博物馆', code: '2' },
+    { id: '6_34', name: '庐山博物馆', code: '2' },
+    { id: '6_35', name: '江西省九江市文物保护中心', code: '2' },
+    { id: '6_36', name: '德安县博物馆', code: '2' },
+    { id: '6_37', name: '八大山人纪念馆', code: '2' },
+    { id: '6_38', name: '上饶市博物馆', code: '2' },
+    { id: '6_39', name: '刘品三吉州窑陶瓷艺术博物馆', code: '2' },
+    { id: '6_40', name: '井冈山革命博物馆', code: '2' },
+    { id: '6_41', name: '南昌八一起义纪念馆', code: '2' },
+    { id: '6_42', name: '西安碑林博物馆', code: '2' },
+    { id: '6_43', name: '秦始皇帝陵博物院', code: '2' },
+    { id: '6_44', name: '汉景帝阳陵博物院', code: '2' },
+    { id: '6_45', name: '西安博物院', code: '2' },
+    { id: '6_46', name: '延安革命纪念馆', code: '2' },
+    { id: '6_47', name: '宝鸡青铜器博物院', code: '2' },
+    { id: '6_48', name: '汉中市博物馆', code: '2' },
+    { id: '6_49', name: '安康博物馆', code: '2' },
+    { id: '6_50', name: '西安半坡博物馆', code: '2' },
+    { id: '6_51', name: '陕西省文物保护研究院', code: '2' },
+    { id: '6_52', name: '陕西省考古研究院', code: '2' },
+    { id: '6_53', name: '扬州博物馆', code: '2' },
+    { id: '6_54', name: '宜兴市博物馆', code: '2' },
+    { id: '6_55', name: '中原农耕文化博物馆', code: '2' },
+    { id: '6_56', name: '龙山里耶古城秦简博物馆', code: '2' },
+    { id: '6_57', name: '曲靖市博物馆', code: '2' },
+    { id: '6_58', name: '白城市博物馆', code: '2' },
+    { id: '6_59', name: '自贡恐龙博物馆', code: '2' },
+    { id: '6_60', name: '上海市知识青年历史文化研究会', code: '2' },
+    { id: '6_61', name: '吉林省博物馆协会', code: '2' },
+    { id: '6_62', name: '吉林省博物院', code: '2' },
+    { id: '6_63', name: '吉林省文物考古研究所', code: '2' },
+    { id: '6_64', name: '伪满皇宫博物院', code: '2' },
+    { id: '6_65', name: '四平市博物馆', code: '2' },
+    { id: '6_66', name: '四平战役纪念馆', code: '2' },
+    { id: '6_67', name: '通榆县博物馆', code: '2' },
+    { id: '6_68', name: '长春市方志馆', code: '2' },
+    { id: '6_69', name: '东辽县文广旅局', code: '2' },
+    { id: '6_70', name: '东辽县民俗博物馆', code: '2' },
+    { id: '6_71', name: '抚松人参博物馆', code: '2' },
+    { id: '6_72', name: '吉林大学考古与艺术博物馆', code: '2' },
+    { id: '6_73', name: '靖宇火山矿泉群地质博物馆', code: '2' },
+    { id: '6_74', name: '东北沦陷时期辽源矿工墓陈列馆', code: '2' },
+    { id: '6_75', name: '辽源市二战盟军高级战俘营旧址展览馆', code: '2' },
+    { id: '6_76', name: '柳河县博物馆', code: '2' },
+    { id: '6_77', name: '梅河口市博物馆', code: '2' },
+    { id: '6_78', name: '长春仁德北方古代文明博物馆', code: '2' },
+    { id: '6_79', name: '松原市博物馆', code: '2' },
+    { id: '6_80', name: '通化市博物馆', code: '2' },
+    { id: '6_81', name: '延吉市博物馆', code: '2' },
+    { id: '6_82', name: '伊通满族自治县博物馆', code: '2' },
+    { id: '6_83', name: '长春市双阳区文广旅局', code: '2' },
+    { id: '6_84', name: '双阳黄金玉米博物馆', code: '2' },
+    { id: '6_85', name: '金荷满医满药博物馆', code: '2' },
+    { id: '6_86', name: '明达印刷产业博物馆', code: '2' },
+    { id: '6_87', name: '将军岭遗址博物馆', code: '2' },
+    { id: '6_88', name: '南城子古城博物馆', code: '2' },
+    { id: '6_89', name: '双阳回族文化博物馆', code: '2' },
+    { id: '6_90', name: '长春奢岭农耕文化博物馆', code: '2' },
+    { id: '6_91', name: '长春市双阳区博物馆', code: '2' },
+    { id: '6_92', name: '双阳梅花鹿博物馆', code: '2' },
+    { id: '6_93', name: '盛世图腾马文化博物馆', code: '2' },
+    { id: '6_94', name: '龙井市朝鲜族民俗博物馆', code: '2' },
+    { id: '6_95', name: '吉林市博物馆', code: '2' },
+    { id: '6_96', name: '洮南市文物管理所', code: '2' },
+    { id: '6_97', name: '临江市四保临江战役纪念馆', code: '2' },
+    { id: '6_98', name: '长春市文庙博物馆', code: '2' },
+    { id: '6_99', name: '吉林省自然博物馆', code: '2' },
+    { id: '6_100', name: '公主岭市文化广播电视和旅游局', code: '2' },
+    { id: '6_101', name: '公主岭市博物馆', code: '2' },
+    { id: '6_102', name: '国信现代农耕文化博物馆', code: '2' },]
+  },
+
+  {
+    id: '7', name: '分区七', son: [{ id: '7_1', name: '四川博物院', code: '2' },
+    { id: '7_2', name: '成都市文物信息中心', code: '2' },
+    { id: '7_3', name: '成都博物馆', code: '2' },
+    { id: '7_4', name: '武侯祠博物馆', code: '2' },
+    { id: '7_5', name: '成都永陵博物馆', code: '2' },
+    { id: '7_6', name: '泸州市博物馆', code: '2' },
+    { id: '7_7', name: '邓小平故居陈列馆', code: '2' },
+    { id: '7_8', name: '宜宾市博物院', code: '2' },
+    { id: '7_9', name: '广汉三星堆博物馆', code: '2' },
+    { id: '7_10', name: '金沙遗址博物馆', code: '2' },
+    { id: '7_11', name: '重庆中国三峡博物馆', code: '2' },
+    { id: '7_12', name: '重庆自然博物馆', code: '2' },
+    { id: '7_13', name: '大足石刻博物馆', code: '2' },
+    { id: '7_14', name: '重庆三峡移民纪念馆(万州区博物馆)、重庆三峡文化创意集团', code: '2' },
+    { id: '7_15', name: '涪陵博物馆', code: '2' },
+    { id: '7_16', name: '重庆市大渡口区博物馆', code: '2' },
+    { id: '7_17', name: '重庆市北碚区博物馆', code: '2' },
+    { id: '7_18', name: '重庆市巴南区博物馆', code: '2' },
+    { id: '7_19', name: '重庆市开州博物馆', code: '2' },
+    { id: '7_20', name: '夔州博物馆', code: '2' },
+    { id: '7_21', name: '巫山县文物管理所(巫山博物馆)', code: '2' },
+    { id: '7_22', name: '云阳县博物馆', code: '2' },
+    { id: '7_23', name: '忠州博物馆', code: '2' },
+    { id: '7_24', name: '重庆工业博物馆', code: '2' },
+    { id: '7_25', name: '重庆历史名人馆', code: '2' },
+    { id: '7_26', name: '重庆巴渝民俗博物馆', code: '2' },
+    { id: '7_27', name: '重庆市梁平区博物馆', code: '2' },
+    { id: '7_28', name: '吴文化博物馆(吴中博物馆)', code: '2' },
+    { id: '7_29', name: '陕西历史博物馆', code: '2' },]
+  },
+
+  {
+    id: '8', name: '分区八', son: [{ id: '8_1', name: '福建省昙石山遗址博物馆', code: '2' },
+    { id: '8_2', name: '福建博物院', code: '2' },
+    { id: '8_3', name: '福州市博物馆', code: '2' },
+    { id: '8_4', name: '福建民俗博物馆', code: '2' },
+    { id: '8_5', name: '天天筷子博物馆', code: '2' },
+    { id: '8_6', name: '沈绍安漆器博物馆', code: '2' },
+    { id: '8_7', name: '福州市严复翰墨馆', code: '2' },
+    { id: '8_8', name: '福州市林则徐纪念馆', code: '2' },
+    { id: '8_9', name: '中央苏区(闽西)历史博物馆', code: '2' },
+    { id: '8_10', name: '邵武市博物馆', code: '2' },
+    { id: '8_11', name: '闽越王城博物馆', code: '2' },
+    { id: '8_12', name: '南平市博物馆', code: '2' },
+    { id: '8_13', name: '莆田市博物馆', code: '2' },
+    { id: '8_14', name: '德化县顺美海丝陶瓷历史博物馆', code: '2' },
+    { id: '8_15', name: '泉州市博物馆', code: '2' },
+    { id: '8_16', name: '世茂海丝馆', code: '2' },
+    { id: '8_17', name: '三明市博物馆', code: '2' },
+    { id: '8_18', name: '故宫鼓浪屿外国文物馆', code: '2' },
+    { id: '8_19', name: '福建省海丝钟表博物馆', code: '2' },
+    { id: '8_20', name: '漳州市博物馆', code: '2' },
+    { id: '8_21', name: '万寿岩国家考古遗址公园', code: '2' },
+    { id: '8_22', name: '苏州博物馆', code: '2' },
+    { id: '8_23', name: '湖南博物院', code: '2' },
+    { id: '8_24', name: '上海博物馆', code: '2' },
+    { id: '8_25', name: '上海中国航海博物馆', code: '2' },
+    { id: '8_26', name: '甘肃省博物馆', code: '2' },
+    { id: '8_27', name: '武威市博物馆', code: '2' },
+    { id: '8_28', name: '金昌市博物馆', code: '2' },
+    { id: '8_29', name: '永昌县博物馆', code: '2' },
+    { id: '8_30', name: '金昌市金川区博物馆', code: '2' },
+    { id: '8_31', name: '南梁革命纪念馆', code: '2' },
+    { id: '8_32', name: '平凉市博物馆', code: '2' },
+    { id: '8_33', name: '渭源县博物馆', code: '2' },
+    { id: '8_34', name: '定西市博物馆', code: '2' },
+    { id: '8_35', name: '甘肃省陇西县博物馆', code: '2' },
+    { id: '8_36', name: '临洮县博物馆', code: '2' },
+    { id: '8_37', name: '定西市安定区博物馆', code: '2' },
+    { id: '8_38', name: '通渭县博物馆', code: '2' },
+    { id: '8_39', name: '岷县博物馆', code: '2' },
+    { id: '8_40', name: '漳县博物馆', code: '2' },
+    { id: '8_41', name: '白银市博物馆', code: '2' },
+    { id: '8_42', name: '靖远县博物馆', code: '2' },
+    { id: '8_43', name: '广河县齐家文化博物馆', code: '2' },
+    { id: '8_44', name: '山西博物院', code: '2' },
+    { id: '8_45', name: '山西地质博物馆', code: '2' },
+    { id: '8_46', name: '阳泉市博物馆', code: '2' },
+    { id: '8_47', name: '运城博物馆', code: '2' },
+    { id: '8_48', name: '太原市博物馆', code: '2' },
+    { id: '8_49', name: '大同市博物馆', code: '2' },
+    { id: '8_50', name: '山西考古博物馆', code: '2' },
+    { id: '8_51', name: '吕梁市博物馆', code: '2' },
+    { id: '8_52', name: '临汾市博物馆', code: '2' },]
+  },
+
+  {
+    id: '9', name: '分区九', son: [{ id: '9_1', name: '湖北省博物馆', code: '2' },
+    { id: '9_2', name: '广东省文化旅游厅', code: '2' },
+    { id: '9_3', name: '广东省博物馆', code: '2' },
+    { id: '9_4', name: '广东民间工艺博物馆', code: '2' },
+    { id: '9_5', name: '广州市文物考古研究院(南汉二陵博物馆)', code: '2' },
+    { id: '9_6', name: '南越王博物馆', code: '2' },
+    { id: '9_7', name: '广州博物馆', code: '2' },
+    { id: '9_8', name: '广州艺术博物馆', code: '2' },
+    { id: '9_9', name: '孙中山大元帅府纪念馆', code: '2' },
+    { id: '9_10', name: '广州市天河区正佳自然科学博物馆', code: '2' },
+    { id: '9_11', name: '深圳博物馆', code: '2' },
+    { id: '9_12', name: '南山博物馆', code: '2' },
+    { id: '9_13', name: '江门市博物馆', code: '2' },
+    { id: '9_14', name: '茂名市博物馆', code: '2' },
+    { id: '9_15', name: '清远市博物馆', code: '2' },
+    { id: '9_16', name: '佛山祖庙博物馆', code: '2' },
+    { id: '9_17', name: '韶关市博物馆', code: '2' },
+    { id: '9_18', name: '红军长征粤北纪念馆', code: '2' },
+    { id: '9_19', name: '广东海上丝绸之路博物馆', code: '2' },
+    { id: '9_20', name: '东莞市袁崇焕纪念园', code: '2' },
+    { id: '9_21', name: '东莞市可园博物馆', code: '2' },
+    { id: '9_22', name: '东莞唯美陶瓷博物馆', code: '2' },
+    { id: '9_23', name: '惠州博物馆', code: '2' },
+    { id: '9_24', name: '中华慈善博物馆', code: '2' },
+    { id: '9_25', name: '无锡博物院', code: '2' },
+    { id: '9_26', name: '安徽博物院', code: '2' },
+    { id: '9_27', name: '安徽省地质博物馆', code: '2' },
+    { id: '9_28', name: '渡江战役纪念馆(安徽名人馆)', code: '2' },
+    { id: '9_29', name: '马鞍山市博物馆', code: '2' },
+    { id: '9_30', name: '池州市博物馆', code: '2' },
+    { id: '9_31', name: '安庆博物馆', code: '2' },
+    { id: '9_32', name: '蚌埠市博物馆', code: '2' },
+    { id: '9_33', name: '亳州市博物馆', code: '2' },
+    { id: '9_34', name: '芜湖市博物馆', code: '2' },
+    { id: '9_35', name: '淮北市博物馆', code: '2' },
+    { id: '9_36', name: '宿州市博物馆', code: '2' },
+    { id: '9_37', name: '界首博物馆', code: '2' },
+    { id: '9_38', name: '铜陵市博物馆', code: '2' },
+    { id: '9_39', name: '禹会村遗址博物馆', code: '2' },
+    { id: '9_40', name: '广西博物馆协会', code: '2' },
+    { id: '9_41', name: '广西壮族自治区博物馆', code: '2' },
+    { id: '9_42', name: '广西民族博物馆', code: '2' },
+    { id: '9_43', name: '广西壮族自治区自然博物馆', code: '2' },
+    { id: '9_44', name: '桂林博物馆', code: '2' },
+    { id: '9_45', name: '柳州市博物馆', code: '2' },
+    { id: '9_46', name: '玉林市博物馆', code: '2' },
+    { id: '9_47', name: '杭州博物文化传播有限公司', code: '2' },
+    { id: '9_48', name: '文博圈', code: '2' },
+    { id: '9_49', name: '国机工业互联网研究院(河南)有限公司', code: '2' },
+    { id: '9_50', name: '辽宁美术出版社有限责任公司', code: '2' },
+    { id: '9_51', name: '三潮元老文化创意(广州)有限公司', code: '2' },
+    { id: '9_52', name: '雷尼绍(上海)贸易有限公司', code: '2' },
+    { id: '9_53', name: '天津三英精密仪器股份有限公司', code: '2' },
+    { id: '9_54', name: '上海萌色调科技发展有限公司', code: '2' },
+    { id: '9_55', name: '广西灵山县嘉篮工艺品有限公司', code: '2' },
+    { id: '9_56', name: '苏州三套车展览展示有限公司', code: '2' },
+    { id: '9_57', name: '佛山环球标本装备有限公司', code: '2' },
+    { id: '9_58', name: '广州荣海科技发展有限公司', code: '2' },
+    { id: '9_59', name: '南京博思麦电子科技有限公司', code: '2' },
+    { id: '9_60', name: '江苏魔法工坊网络科技有限公司', code: '2' },
+    { id: '9_61', name: '江苏印象乾图文化科技有限公司', code: '2' },
+    { id: '9_62', name: '海南来者实业有限公司', code: '2' },
+    { id: '9_63', name: '杭州盼打科技有限公司', code: '2' },
+    { id: '9_64', name: '山西辰涵数字科技股份有限公司', code: '2' },
+    { id: '9_65', name: '北京智合润联科技发展有限公司', code: '2' },
+    { id: '9_66', name: '弘博网', code: '2' },
+    { id: '9_67', name: '天津立达电子设备有限公司', code: '2' },]
+  },
+]
+