CQ_JD
/
nazw


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>产业园区</title>
  <meta name=”SiteName” content=”重庆市南岸区人民政府”>
  <meta name="SiteDomain" content="http://www.cqna.gov.cn" />
  <meta name="SiteIDCode" content="5001080014">
  <meta name="ColumnName" content="产业园区">
  <meta name="ColumnDescription" content="产业园区" />
  <meta name="ColumnKeywords" content="产业园区" />
  <meta name="ColumnType" content="产业园区" />
  <title>产业园区-重庆市南岸区人民政府网</title>
  <!-- 引入 Vue -->
  <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.min.js"></script>
  <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/echarts.min.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://www.cqna.gov.cn/syygapi/naxsb/css/index.css">
  <!-- 引入组件库 -->
  <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/index.js"></script>
  <link rel="stylesheet" href="https://www.cqna.gov.cn/syygapi/naxsb/swiper/swiper-bundle.css">
  <!-- jquery-->
  <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/jquery-3.5.1.min.js"></script>
  <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/urljson.js"></script>
  <script type="text/javascript"
    src="https://api.map.baidu.com/api?type=webgl&v=3.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
    </script>
  <style>
    * {
      padding: 0;
      margin: 0;
    }

    ul {
      list-style-type: none;
    }

    li {
      list-style: none;
    }

    ::-webkit-scrollbar {
      display: none;
    }

    @font-face {
      font-family: 'DOUYU';
      src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: 'Source Han Sans SC';
      src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/MSYHL.TTC');
      font-weight: normal;
      font-style: normal;
    }

    #cytz {
      font-family: Microsoft YaHei;
      color: #FFFFFF;
      box-sizing: border-box;
      position: relative;
    }

    .content {
      width: 100vw;
      display: flex;
      flex-direction: column;
      background: #EDF5FF;
    }

    #map {
      width: 100vw;
      height: 73vw;
    }

    .contentR {
      width: 95vw;
      margin: auto;
    }

    .contentBox {
      width: 100%;
      display: flex;
    flex-direction: column;
    }

    .contentItem {
      height: 53vw;
      border-radius: 10px;
      background: url(https://www.cqna.gov.cn/syygapi/naxsb/image/ysxxbg.png) no-repeat;
      background-size: 100% 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      width: 95vw;
      margin: auto;
      margin-top: 10px;
    }

    .main {
      padding: 0 10px;
      height: 100%;
      overflow: auto;
      box-sizing: border-box;
      flex: 1;
      font-size: 14px;
      margin: 0 !important;
    }

    .mainTab {
      padding: 20px 0;
      font-size: 20px;
    }

    
    .el-tabs__item {
      color: #fff;
      font-size: 16px;
      border: none !important;
    }

    .el-tabs--card>.el-tabs__header .el-tabs__nav {
      border: none;
      width: 100%;
    display: flex;
    justify-content: space-between;
    }

    .el-tabs__nav-next,
    .el-tabs__nav-prev {
      color: #fff;
    }

    .activeTab {
      background-color: rgba(0, 0, 0, .4) !important;
      font-weight: bold;
    }


    .el-tabs__item.is-active {
      color: #fff;
      font-weight: 900;
    }
    .el-tabs__header{
      margin-bottom: 0;
    }
    .activeTab {
      background-color: rgba(0, 0, 0, .4) !important;
      font-weight: bold;
    }

    .main>div {
      width: 100%;
      overflow: auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    li {
      width: 90%;
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap;
      text-overflow: ellipsis !important;
      -o-text-overflow: ellipsis;
    }

    li>img {
      width: 11px;
      height: 11px;
      margin-right: 10px;
      vertical-align: middle;
    }

    .yqfw {
      display: flex;
      flex-wrap: wrap;
      padding: 25px;
      padding-left: 50px;
    }

    .yqlb {
      flex: 1;
      padding: 0 10px;
      line-height: 35px;
    }

    .tdgy {
      padding: 0 20px;
      width: 100%;
      overflow: hidden;
      height: 100%;
    }

    .tdgyC {
      display: flex;
      flex-wrap: wrap;
      /* padding: 0 20px; */
      width: 100%;
      overflow-y: auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
      box-sizing: border-box;
      position: relative;
    }

    .ztfw {
      padding: 0 20px;
      box-sizing: border-box;
      overflow: hidden;
    }

    .ztfwC {
      width: 100%;
      overflow-y: auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
      display: flex;
      flex-wrap: wrap;
    }

    .tdgyList {
      display: flex;
      border-bottom: 1px solid rgba(245, 250, 255, .2);
      cursor: pointer;
      padding: 5px 0;
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap;
      width: 100%;
      position: relative;
    }

    .tdgyList:last-child {
      display: flex;
      border-bottom: none;
    }

    .tdgyList>img {
      width: 15px;
      height: 15px;
      margin-top: 5px;
      margin-right: 10px;
    }

    .ztfwList:last-child {
      display: flex;
      border-bottom: none;
    }

    .ztfwList>img {
      width: 15px;
      height: 15px;
      margin-top: 5px;
      margin-right: 10px;
    }

    .ztfwList {
      display: flex;
      border-bottom: 1px solid rgba(245, 250, 255, .2);
      padding: 5px 0;
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap;
      width: 100%;
      position: relative;
      cursor: pointer;
    }

    .tdgyContent {
      width: calc(100% - 35px);
    }

    .tdgyTitle {
      font-size: 14px;
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap;
      text-overflow: ellipsis !important;
      -o-text-overflow: ellipsis;
    }

    .tdgyLocation {
      font-size: 12px;
      color: rgba(255, 255, 255, .6);
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap;
      text-overflow: ellipsis !important;
      -o-text-overflow: ellipsis;
    }

    .tdgyDec {
      font-size: 13px;
    }

    .mainList {
      box-sizing: border-box;
      font-family: Microsoft YaHei;
      font-weight: 400;
      font-size: 14px;
      display: flex;
      align-items: center;
      line-height: 24px;
    }

    .mb {
      margin-bottom: 50px;
    }

    .mainBox>img {
      width: 2rem;
      height: 2rem;
      margin-right: 10px;
    }

    .mainBox {
      width: 50%;
      display: flex;
      align-items: center;
      font-size: 18px;
      box-sizing: border-box;
      cursor: pointer;
      justify-content: center;
    }

    .yqfwBox {
      width: 50%;
      display: flex;
      align-items: center;
      font-size: 14px;
      box-sizing: border-box;
      cursor: pointer;
      /* justify-content: center; */
    }

    .yqfwBox>img {
      width: 15px;
      height: 15px;
      margin-right: 10px;
    }

    .title {
      display: flex;
      justify-content: space-between;
      padding: 15px 10px 10px 10px;
      align-items: center;
      color: #FFFFFF;
      font-family: Microsoft YaHei;
      font-size: 16px;
    }

    .text {
      font-weight: bold;
      font-size: 16px;
    }

    .more {
      font-size: 13px;
      cursor: pointer;
    }

    .nodata {
      height: calc(100% - 10px);
      width: calc(100% - 40px);
      background-size: 100% 100%;
    }

    .top {
      height: 11vw;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #B7C7DC;
      background: #192E47;
    }

    .toplogo img {
      margin-right: 10px;
    }

    .toplogo {
      height: 11vw;
      padding-left: 10px;
      display: flex;
      align-items: center;
      font-family: 'DOUYU';
      font-weight: normal;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
    }

    .backbutton img {
      margin-right: 10px;
    }

    .location {
      height: 73px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      font-size: 1.17rem;
      color: #333333;
      line-height: 73px;
    }

    .location>i {
      color: #C4C4C4 !important;
    }
  </style>
</head>

<body>
  <div style="width:100%;" class="header"></div>
  <div class="" id="cytz">
    <div class="top">
      <div class="toplogo">
        <img src="images/gyylogowhite.png" alt="">
        <span style="margin-bottom: -10px;">产业园区</span>
      </div>
      <div class="backbutton" @click="window.history.go(-1)">
        <img src="images/backlogo.png" alt="">
      </div>
    </div>
    <div class="content">
      <div id="map"></div>
      <div class="contentR">
        <div class="contentBox">
          <div class="contentItem">
            <video autoplay loop muted playsinline controls controlslist="nodownload" style="width:100%;height: 100%;">
              <source style="width:100%;height: 100%;border-radius: 10px;" src="https://www.cqna.gov.cn/syygapi/index.mp4"
                type="video/mp4" />
            </video>
          </div>
          <div class="contentItem">
            <el-tabs v-model="activeName" type="card" @tab-click="switchTab">
              <el-tab-pane label="区位条件" name="1"></el-tab-pane>
              <el-tab-pane label="创新优势" name="2"></el-tab-pane>
              <el-tab-pane label="产业特色" name="3"></el-tab-pane>
            </el-tabs>
            <div class="main" style="line-height: 30px;">
              <div v-show="this.activeName==='1'">
                <li title="15分钟直达江北国际机场"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />15分钟直达江北国际机场</li>
                <li title="20分钟可抵重庆西部物流园"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />20分钟可抵重庆西部物流园</li>
                <li title="高铁重庆东站主体结构封顶"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />高铁重庆东站主体结构封顶</li>
                <li title="13座长江大桥"><img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />13座长江大桥</li>
                <li title="轨道3号线、6号线、10号线、环线"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />轨道3号线、6号线、10号线、环线</li>
              </div>
              <div v-show="this.activeName==='2'">
                <li title="国家级基地（园区）7个"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />国家级基地（园区）7个</li>
                <li title="高等院校6所"><img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />高等院校6所</li>
                <li title="高新技术企业344家"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />高新技术企业344家</li>
                <li title="科技型企业2640家"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />科技型企业2640家</li>
                <li title="市级以上研发平台301个"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />市级以上研发平台301个</li>
                <li title="国家级研发平台20个"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />国家级研发平台20个</li>
                <li title="20项科技成果入选重庆市科学技术奖"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />20项科技成果入选重庆市科学技术奖</li>
                <li title="每万人口发明专利拥有量72.3件"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />每万人口发明专利拥有量72.3件</li>
                <li title="规上工业企业研发机构覆盖率达到54.2%"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />规上工业企业研发机构覆盖率达到54.2%</li>
              </div>
              <div v-show="this.activeName==='3'">
                <li title="2023年地区生产总值增长6.7%，居中心城区第一"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />2023年地区生产总值增长6.7%，居中心城区第一</li>
                <li title="构建智能终端、软件信息服务、大健康3个1000亿级主导产业体系"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />构建智能终端、软件信息服务、大健康3个1000亿级主导产业体系
                </li>
                <li title="构建节能环保、汽车电子2个500亿级特色支柱产业体系"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />构建节能环保、汽车电子2个500亿级特色支柱产业体系
                </li>
                <li title="长嘉汇金融中心、国际消费中心城市中心区建设稳步推进"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />长嘉汇金融中心、国际消费中心城市中心区建设稳步推进</li>
                <li title="高质量建设广阳湾智创生态城"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />高质量建设广阳湾智创生态城</li>
                <li title="推动朝天门商贸城转型为迎龙创新港"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />推动朝天门商贸城转型为迎龙创新港</li>
                <li title="重庆脑与智能科学中心等高能级平台入驻"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />重庆脑与智能科学中心等高能级平台入驻</li>
                <li title="广阳岛成功入选全国 “绿水青山就是金山银山”实践创新基地"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />广阳岛成功入选全国 “绿水青山就是金山银山”实践创新基地
                </li>
                <li title="重庆经开区入选国家绿色产业示范基地"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />重庆经开区入选国家绿色产业示范基地</li>
                <li title="高品质更新大南坪集聚区，推动南坪商圈提档升级"><img
                    src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />高品质更新大南坪集聚区，推动南坪商圈提档升级</li>
              </div>
            </div>
          </div>
          <div class="contentItem"
            style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/yqlbbg.png) no-repeat;background-size: 100% 100%;">
            <div class="title">
              <span class="text">园区列表</span>
            </div>
            <div class="yqlb">
              <li class="mainList" v-for="(tab, index)  in this.titleList" @click="golink(`dqfwNewMobile.html?id=${tab.id}`)"
                :key="index"><img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />{{tab.title}}</li>
            </div>
          </div>
          <div class="contentItem" style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/tdgybg.png) no-repeat;background-size: 100% 100%;">
            <div class="title">
              <span class="text">土地供应</span>
              <span class="more"
                @click="golink('tdcrlistMobile.html?id=-1',1)">更多>></span>
            </div>
            <div class="tdgy">
              <div class="tdgyC">
                <div :data="contentList" class="tdgyList" v-for="(tab, index)  in this.contentList"
                  @click="golink('tdcrMobile.html?tdid=' + tab.id)" :key="index">
                  <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />
                  <div class="tdgyContent">
                    <div class="tdgyTitle">{{tab.landName}}</div>
                    <div class="tdgyDec">{{tab.landArea}}亩&nbsp;丨&nbsp;{{tab.landFunction}}</div>
                  </div>
                </div>
              </div>
              <div class="nodata" v-show="!contentList.length"
                :style="{ backgroundImage: 'url(' + tdBackgroundImage + ')'}"></div>
            </div>
          </div>
          <div class="contentItem" style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/ztfwbg.png) no-repeat;background-size: 100% 100%;">
            <div class="title">
              <span class="text">载体服务</span>
              <span class="more"
                @click="golink('ztcrlistMobile.html?id=-1',2)">更多>></span>
            </div>
            <div class="ztfw">
              <div class="ztfwC">
                <div class="ztfwList" v-for="(tab, index)  in this.buildList"
                  @click="golink('ztcrdetailMobile.html?ztid=' + tab.id)" :key="index">
                  <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />
                  <div class="tdgyContent">
                    <div class="tdgyTitle">{{tab.carrierName}}</div>
                    <div class="tdgyDec">{{tab.space}}亩&nbsp;丨&nbsp;{{tab.parkData.title}}</div>
                  </div>
                </div>
              </div>
              <div class="nodata" v-show="!buildList.length"
                :style="{ backgroundImage: 'url(' + ztBackgroundImage + ')'}"></div>
            </div>
          </div>
          <div class="contentItem" style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/yqfwbg.png) no-repeat;background-size: 100% 100%;margin-bottom: 10px;">
            <div class="title">
              <span class="text">便企服务站</span>
            </div>
            <div class="yqfw">
              <div class="yqfwBox mb" @click="golink('tsfwMobile.html?id=3')">
                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />特色服务
              </div>
              <div class="yqfwBox mb" @click="tolink('dqfwMobile.html')">
                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />党群服务
              </div>
              <div class="yqfwBox" @click="window.open('wybdbMobile.html')">
                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />帮代办服务
              </div>
              <div class="yqfwBox" @click="golink('znxzchoiceMobile.html')">
                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />智能选址
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div style="width:100%;" class="footer"></div>
</body>
<script>
  $(function () {
    $(".header").load('https://www.cqna.gov.cn/syygapi/naxsb/top/top_style.html');
    $(".footer").load('https://www.cqna.gov.cn/syygapi/naxsb/footer/footer.html');
  });
</script>
<script>
  new Vue({
    el: '#cytz',
    data: function () {
      return {
        reqPtah: '',
        currentTab: -1,
        contentList: [],
        buildList: [],
        currentTitle: '',
        parkDesc: '',
        parkName: '',
        titleList: [],
        tdBackgroundImage: '',
        ztBackgroundImage: '',
        backgroundImage: 'https://www.cqna.gov.cn/syygapi/naxsb/images/yqgkBg.png',
        id: null,
        activeName: '1'
      };
    },
    created() { },
    async mounted() {
      const url = new URL(window.location.href);
      this.id = url.searchParams.get('id');
      if (this.id == 4) {
        this.tdBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/npxqcyy.jpg';
      } else if (this.id == 6) {
        this.tdBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/dxkjy.jpg';
      } else if (this.id == 5) {
        this.tdBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ylcxg.jpg';
      } else if (this.id == 1) {
        this.tdBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/cycyy.jpg';
      } else if (this.id == 2) {
        this.tdBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/xjqcdzcyy.jpg';
      } else if (this.id == 3) {
        this.tdBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/cjlscxcyy.jpg';
      } else {
        this.tdBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/tdcy.webp';
      }
      if (this.id == 4) {
        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztnp.webp';
      } else if (this.id == 6) {
        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztdx.webp';
      } else if (this.id == 5) {
        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztyl.webp';
      } else if (this.id == 3) {
        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztcjcx.webp';
      } else if (this.id == 2) {
        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztxj.webp';
      } else {
        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztcy.webp';
      }
      await this.getParkData()
      this.loadAllMap()
    },
    methods: {
      switchTab(val) {
        this.activeName = val.name
      },
      golink(hrf, val) {
        window.location.href = hrf;
      },
      tolink(hrf, val) {
        window.location.href = `${hrf}?id=1`;
      },
      getParkAllPoint() {
        let that = this;
        var points;
        $.ajax({
          url: conpath + "/parkData/-1",
          type: "get",
          dataType: "json",
          async: false,
          success: function (data) {
            points = data.addrs;
          }
        });
        return points;
      },
      addKey(y) {
        let i = 0
        setInterval(function () {
          if (i >= y) return i = 0
          i++
          document.querySelector('.ztfwC').style.marginTop = `-${i}px`
        }, 50);
      },
      
      zoomInStepByStep(currentZoom, maxZoom) {
        let that = this;
        if (currentZoom <= maxZoom) {
          map.setZoom(currentZoom, true);
          setTimeout(function () {
            that.zoomInStepByStep(currentZoom + 0.5, maxZoom);
          }, 100); 
        }
      },
      loadAllMap() {
        var that = this;
        fetch('https://www.cqna.gov.cn/syygapi/naxsb/js/najson.json')
          .then(response => response.json())
          .then(data => {
            var centerPoint = data.features[0].properties.center;
            map = new BMapGL.Map("map");
            map.enableScrollWheelZoom(); 
            map.enableDragging(); 
            map.centerAndZoom(new BMapGL.Point(106.662444, 29.53282), 10);
            map.setMapType(BMAP_NORMAL_MAP);
            var pointList = data.features[0].geometry.coordinates[0][0];
            let result = [];
            pointList.forEach(function (point) {
              result.push(new BMapGL.Point(point[0], point[1]));
            });
            let polygon = new BMapGL.Polygon(result, {
              strokeColor: "#226cfb",
              strokeWeight: 1.5,
              strokeOpacity: 1,
              strokeStyle: "solid",
              fillColor: "#4B98F6",
              fillOpacity: 0.2
            });
            map.addOverlay(polygon);
            var datalist = that.titleList;
            if (datalist.length) {
              datalist.forEach(function (polygonData) {
                let pointList = polygonData.addr.split('@');
                let result = [];
                pointList.forEach(function (point) {
                  let arr = point.split(',');
                  result.push(new BMapGL.Point(arr[0], arr[1]));
                });
                var color = polygonData.color;
                
                let polygon = new BMapGL.Polygon(result, {
                  strokeColor: "transparent",
                  strokeWeight: 0,
                  strokeOpacity: 1,
                  strokeStyle: "solid",
                  fillColor: color,
                  fillOpacity: 0.6
                });
                map.addOverlay(polygon);
                var id = polygonData.id;

                
                var label = new BMapGL.Label(polygonData.title, {
                  position: polygon.getBounds().getCenter(),
                  offset: new BMapGL.Size(0, 0)
                });
                label.setStyle({
                  color: "#fff", 
                  borderColor: "transparent", 
                  borderWeight: 0, 
                  fontSize: "12px",
                  backgroundColor: "rgba(0,0,0,0.5)", 
                  padding: "2px 5px",
                  borderRadius: "5px",
                  borderStyle: "solid"
                });
                polygon.addEventListener("mouseover", function () {
                  map.addOverlay(label);
                  label.setStyle({ display: "block" });
                });

                
                polygon.addEventListener("mouseout", function () {
                 
                  label.setStyle({ display: "none" });
                });

                
                polygon.addEventListener("click", function () {
                  window.location.href = 'dqfwNewMobile.html?id=' + id;
                });
              });
            }
            setTimeout(function name(params) {
              that.zoomInStepByStep(10, 12);
            }, 3000)
          })
          .catch(error => console.error('Error fetching JSON:', error));

      },
      async getParkData() {
        let that = this;
        await $.ajax({
          url: conpath + "/parkData/",
          type: "get",
          dataType: "json",
          async: false,
          success: function (data) {
            const arr = []
            data.forEach(function (item) {
              item.subtitleList = item.subtitle ? item.subtitle.split(",").slice(0, 3) : [];
            })
            that.titleList = data;
          }
        })
        await $.ajax({
          url: conpath + "/sellLand",
          type: "post",
          contentType: 'application/json',
          data: JSON.stringify({
            "currentPage": 1,
            "pageSize": 10000,
            "parkId": that.id,
            "keyword": ''
          }),
          dataType: "json",
          success: function (data) {
            let dataList = data.list;
            that.contentList = dataList;
          }
        });
        await $.ajax({
          url: conpath + "/sellBuild",
          type: "post",
          contentType: 'application/json',
          data: JSON.stringify({
            "currentPage": 1,
            "pageSize": 10000,
            "parkId": that.id,
            "space1": null,
            "application": null
          }),
          dataType: "json",
          success: function (data) {
            let dataList = data.list;
            that.buildList = dataList;
          }
        });
        var height = document.querySelector('.tdgyList') ? document.querySelector('.tdgyList').clientHeight : 0;
        if (this.contentList.length) {
          this.addKeyFrames(height * this.contentList.length);
        }
        var height1 = document.querySelector('.ztfwList') ? document.querySelector('.ztfwList').clientHeight : 0;
        if (this.buildList.length) { this.addKey(height1 * this.buildList.length); }
      },
      addKeyFrames(y) {
        let i = 0
        setInterval(function () {
          if (i >= y) return i = 0
          i++
          document.querySelector('.tdgyC').style.marginTop = `-${i}px`
        }, 50);
      }
    }
  });
</script>

</html>