添加移动端页面

nngkxxdp/src/main/resources/static/naxsb/css/cytz.css

@@ -0,0 +1,631 @@
+* {
+  padding: 0;
+  margin: 0;
+}
+
+ul {
+  list-style-type: none;
+}
+
+li {
+  list-style: none;
+}
+
+::-webkit-scrollbar {
+  display: none;
+  /* Chrome Safari */
+}
+.backbutton img {
+  margin-right: 0.625rem;
+}
+
+#cytz {
+  /* height: 100vh; */
+  font-family: Microsoft YaHei;
+  color: #FFFFFF;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.content {
+  /* height: calc(100% - 82px); */
+  display: flex;
+  background: #EDF5FF;
+  padding: 0 15px 15px 15px;
+}
+
+.contentItem {
+  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: 100%;
+}
+
+.main {
+  padding: 20px;
+  height: 100%;
+  flex: 1;
+  overflow: auto;
+  width: 100%;
+  box-sizing: border-box;
+  font-size: 20px;
+}
+
+.mainTab {
+  padding: 20px 0;
+  font-size: 20px;
+}
+
+/* .mainTab>span:hover {
+  font-weight: bold;
+} */
+
+.activeTab {
+  background-color: rgba(0, 0, 0, .4) !important;
+  font-weight: bold;
+}
+
+
+.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: 20px;
+  height: 20px;
+  margin-right: 10px;
+  vertical-align: middle;
+}
+
+.yqfw {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 50px;
+  flex: 1;
+}
+
+.yqlb {
+  flex: 1;
+  padding: 0 20px;
+  line-height: 35px;
+}
+
+.tdgy {
+  padding: 0 20px;
+  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;
+}
+
+.tdgyC1 {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  overflow-y: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.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;
+}
+
+.ztfwC1 {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  overflow-y: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.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: 20px;
+  height: 20px;
+  margin-top: 5px;
+  margin-right: 10px;
+}
+
+.ztfwList:last-child {
+  display: flex;
+  border-bottom: none;
+}
+
+.ztfwList>img {
+  width: 20px;
+  height: 20px;
+  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: 20px;
+  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: 16px;
+  overflow: hidden;
+  word-break: break-all;
+  white-space: nowrap;
+  text-overflow: ellipsis !important;
+  -o-text-overflow: ellipsis;
+  width: 90%;
+}
+
+.mainList {
+  box-sizing: border-box;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 20px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.mb {
+  margin-bottom: 25px;
+}
+
+.yqfwBox {
+  width: 50%;
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  box-sizing: border-box;
+  cursor: pointer;
+  /* justify-content: center; */
+}
+
+.yqfwBox>img {
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
+}
+
+.title {
+  display: flex;
+  justify-content: space-between;
+  padding: 15px;
+  align-items: center;
+  color: #FFFFFF;
+  font-family: Microsoft YaHei;
+}
+
+.title1 {
+  display: flex;
+  justify-content: space-between;
+  padding: 15px 15px 0 15px;
+  align-items: center;
+  color: #FFFFFF;
+  font-family: Microsoft YaHei;
+}
+
+
+.text {
+  font-weight: bold;
+  font-size: 20px;
+}
+
+.more {
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.nodata {
+  height: calc(100% - 10px);
+  background-size: 100% 100%;
+}
+
+.top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #B7C7DC;
+  background: #192E47;
+}
+
+.toplogo img {
+  margin-bottom: 17px;
+  margin-right: 10px;
+}
+
+.toplogo {
+  padding-left: 10px;
+  display: flex;
+  align-items: center;
+  font-family: DOUYU;
+  font-weight: normal;
+  font-size: 30px;
+  color: #fff;
+  height: 66px;
+  cursor: pointer;
+}
+
+.backbutton {
+  width: 117px;
+  height: 42px;
+  background: #539EDD;
+  border-radius: 10px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 10px;
+  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;
+}
+
+
+@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;
+}
+
+#dqfwNew {
+  /* height: 100vh; */
+  font-family: Microsoft YaHei;
+  color: #FFFFFF;
+  box-sizing: border-box;
+  position: relative;
+}
+
+#mapcontainer {
+  width: 60vw;
+  /* height: calc(100% - 10px); */
+  margin-top: 10px;
+}
+
+#mapcontainerrlt {
+  width: 60vw;
+  height: 910px;
+  margin-top: 10px;
+}
+
+.ec-extension-bmap {
+  width: 59% !important;
+  /* min-width: 855px; */
+  height: 910px !important;
+}
+
+.contentR {
+  width: calc(40% - 10px);
+  /* height: 100%; */
+  margin-left: 10px;
+}
+
+.contentBox {
+  padding-top: 20px;
+  height: 910px;
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr;
+  grid-column-gap: 15px;
+  grid-row-gap: 15px;
+}
+
+.mxqy {
+  display: flex;
+  flex-wrap: wrap;
+  overflow-y: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  padding: 15px;
+  flex: 1;
+}
+
+
+.tdgyList1 {
+  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%;
+  cursor: pointer;
+}
+
+.liList {
+  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%;
+}
+
+.ztfwList1 {
+  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%;
+  cursor: pointer;
+}
+
+.liList:last-child {
+  display: flex;
+  border-bottom: none;
+}
+
+.ztfwList1:last-child {
+  display: flex;
+  border-bottom: none;
+}
+
+.liList>img {
+  width: 20px;
+  height: 20px;
+  margin-top: 5px;
+  margin-right: 10px;
+  cursor: pointer;
+}
+
+.tdgyList1:last-child {
+  display: flex;
+  border-bottom: none;
+}
+
+.ztfwList1:last-child {
+  display: flex;
+  border-bottom: none;
+}
+
+.tdgyList1>img {
+  width: 20px;
+  height: 20px;
+  margin-top: 5px;
+  margin-right: 10px;
+}
+
+.ztfwList1>img {
+  width: 20px;
+  height: 20px;
+  margin-top: 5px;
+  margin-right: 10px;
+}
+
+.mxqyList {
+  width: calc(50% - 5px);
+  height: 50%;
+  box-sizing: border-box;
+  margin-bottom: 5px;
+  background-color: #fff;
+  cursor: pointer;
+}
+
+.mxqyList:nth-child(even) {
+  margin-left: 5px;
+}
+
+.mxqyList>img {
+  width: 100%;
+  height: 100%;
+}
+
+.contentItem video {
+  width: 100%;
+  height: 100%;
+}
+
+.text.active {
+  border-bottom: 1px solid #fff;
+}
+
+.video-player-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+video {
+  width: 100%;
+  height: auto;
+  transition: transform 0.3s ease;
+}
+
+.controls {
+  position: absolute;
+  bottom: 10px;
+  left: 10px;
+  z-index: 100;
+}
+
+.controls button {
+  margin-right: 5px;
+}
+
+.btnrlt {
+  background-image: url(https://www.cqna.gov.cn/syygapi/naxsb/images/btn-cyrlt.png);
+  background-size: 100% 100%;
+  width: 185px;
+  height: 68px;
+  font-weight: bold;
+  font-size: 24px;
+  color: #FFFFFF;
+  text-shadow: 3px 5px 7px rgba(11, 58, 165, 0.43);
+  position: absolute;
+  top: 90px;
+  left: 10px;
+  z-index: 100;
+  text-align: center;
+  line-height: 58px;
+  cursor: pointer;
+}
+
+
+.fade-out {
+  animation: fadeOut 1s forwards;
+}
+
+
+.fade-in {
+  animation: fadeIn 1s forwards;
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 0.8;
+  }
+
+  to {
+    opacity: 0.6;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0.6;
+  }
+
+  to {
+    opacity: 0.8;
+  }
+}
+
+@media screen and (max-width:1600px) {
+
+  html,
+  body {
+    font-size: 14px;
+  }
+}
+
+@media screen and (max-width:1400px) {
+
+  html,
+  body {
+    font-size: 14px;
+  }
+}
+
+@media screen and (max-width:1300px) {
+
+  html,
+  body {
+    font-size: 12px;
+  }
+}

nngkxxdp/src/main/resources/static/naxsb/mobile/cytzMobile.html

@@ -0,0 +1,837 @@
+<!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.651444, 29.51982), 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, 13);
+            }, 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>

nngkxxdp/src/main/resources/static/naxsb/mobile/dqfwMobile.html

@@ -0,0 +1,471 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name=”SiteName” content=”重庆市南岸区人民政府”>
+    <meta name="SiteDomain" content="http://ww.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>
+    <!-- 引入样式 -->
+    <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>
+    <!-- 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>
+    <style>
+        * {
+            padding: 0;
+            margin: 0;
+        }
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        .dqfw {
+            width: 100vw;
+            height: 100%;
+            position: relative;
+        }
+
+        .dqfw>.top {
+            height: 64vw;
+            padding-top: 10px;
+            box-sizing: border-box;
+            display: flex;
+            justify-content: space-between;
+            border-bottom: 1px solid #B7C7DC;
+            background-image: url(images/topbg-dqfw.png);
+            background-size: 100% 100%;
+            align-items: flex-start;
+        }
+
+        .toplogo {
+            display: flex;
+            align-items: center;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 18px;
+            color: #186FF0;
+            height: 11vw;
+            cursor: pointer;
+        }
+
+        .toplogo img {
+            margin: 0 10px;
+            margin-bottom: 10px;
+        }
+
+        .backbutton {
+            padding: 5px 2vw;
+            border-radius: 10px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 16px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-right: 10px;
+            cursor: pointer;
+        }
+
+        .container {
+            display: flex;
+            justify-content: space-between;
+            min-width: 1300px;
+            min-height: calc(100vh - 67px);
+        }
+
+        .container>.left {
+            width: 36%;
+            background: #fff;
+        }
+
+        .container>.left .title {
+            padding-left: 30px;
+            box-sizing: border-box;
+            height: 53px;
+            line-height: 53px;
+            background: #DEEDFF;
+            font-size: 20px;
+            color: #4B98F6;
+        }
+
+        .container>.left .title.active {
+            background: #4B98F6;
+            color: #fff;
+        }
+
+        .container>.left li {
+            cursor: pointer;
+            margin: 20px 0;
+        }
+
+        .container>.left li.active {
+            color: #4B98F6;
+        }
+
+        .container>.right {
+            background: #fff;
+            width: 63%;
+            min-width: 790px;
+        }
+
+        .content {
+            width: 100vw;
+        }
+
+        .content .person {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            background-image: url(images/bottombg-dqfw.png);
+            background-size: 100% 100%;
+            color: #FFFFFF;
+            margin-top: 10px;
+        }
+
+        .content .person .grzl {
+            width: 100%;
+            display: flex;
+            padding: 10px;
+            box-sizing: border-box;
+            align-items: flex-start;
+        }
+
+        .content .person .grzl p {
+            margin-bottom: 5px;
+        }
+
+        .content .person .sevre {
+            box-sizing: border-box;
+            margin: 15px 0 10px 47px;
+        }
+
+        .content .ctlist {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 13px;
+        }
+
+        .content .line {
+            width: 79vw;
+            height: 2px;
+            background: rgb(255 255 255 / 30%);
+            margin-top: 10px;
+            margin-left: 47px;
+        }
+
+        .content .list {
+            width: 33%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            cursor: pointer;
+        }
+
+        .content .list .top {
+            width: 100%;
+            height: 130px;
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        .content .list span {
+            font-weight: bold;
+            font-size: 16px;
+            color: #000000;
+        }
+
+        .content .img {
+            height: 63px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 10px;
+        }
+
+        .content .active .img {
+            border-radius: 50%;
+        }
+
+        .content .active .top {
+            background: #FAE9E2;
+        }
+
+        .content .list>img {
+            margin-top: 15px;
+            display: none;
+        }
+
+        .content .list ul {
+            display: none;
+        }
+
+        .content .active ul {
+            display: block;
+        }
+
+        .content .active>img {
+            display: block;
+            width: 35px;
+        }
+
+        .content .botlist {
+            height: auto;
+            background-color: #ff4a3c;
+            font-size: 18px;
+            color: #FFFFFF;
+            padding: 20px 0;
+            padding-left: 13px;
+            box-sizing: border-box;
+
+        }
+
+        .content .botlist li {
+            margin-bottom: 20px;
+            display: flex;
+            align-items: center;
+        }
+
+        .content .botlist li::before {
+            content: '';
+            display: inline-block;
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            margin-right: 15px;
+            background-color: #fff;
+        }
+
+        .content .botlist li:last-child {
+            margin-bottom: 0;
+        }
+
+        .dialog {
+            width: 100vw;
+            background-image: url('images/bg-open.png');
+            background-size: 100% 100%;
+            position: absolute;
+            top: 0;
+            display: flex;
+            flex-direction: column;
+            padding: 5px;
+            box-sizing: border-box;
+            line-height: 48px;
+            margin-top: 50px;
+            z-index: 11;
+        }
+
+        ::-webkit-scrollbar {
+            display: none;
+            /* Chrome Safari */
+        }
+
+        .dialogHeader {
+            display: flex;
+            padding: 10px;
+            justify-content: space-between;
+            color: #A51400;
+            font-size: 16px;
+            border-bottom: 2px solid #A51400;
+            line-height: 20px;
+        }
+
+        .dialogContent {
+            height: 100%;
+            overflow: auto;
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+            padding: 15px 5px;
+            line-height: 30px;
+            font-size: 14px;
+        }
+
+        .hide {
+            width: 100%;
+            height: 100%;
+            background-color: rgb(0 0 0 / 30%);
+            position: absolute;
+            left: 0;
+            right: 0;
+        }
+
+        .noData {
+            text-align: center;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div class="dqfw" id="dqfw">
+        <div class="hide" v-if="hide"></div>
+        <div class="top">
+            <div class="toplogo">
+                <img src="images/logo-dqfw.png" alt="">
+                <span style="color:#FFD8A4;">党群服务</span>
+            </div>
+            <div class="backbutton" @click="window.history.go(-1)"
+                style="background: rgba(165, 20, 0, .3);color:#FFD8A4;">
+                <img src="images/back-dqfw.png" alt="">
+            </div>
+        </div>
+        <div class="content">
+            <div class="person">
+                <div class="grzl">
+                    <img src="images/logo-lxr.png" alt="">
+                    <div>
+                        <p><span>姓名：</span><span>{{rightdata.contacts?rightdata.contacts:'- '}}</span></p>
+                        <p style="display: flex;"><span style="white-space: nowrap;">联系电话：</span>
+                            <span
+                                style="white-space: nowrap;">{{rightdata.contactsPhone?rightdata.contactsPhone:'-'}}</span>
+                        </p>
+                        <p><span>地址：</span><span>{{rightdata.contactsAddr?rightdata.contactsAddr:'- '}}</span>
+                        </p>
+                    </div>
+                </div>
+                <div class="line">
+                </div>
+                <div class="sevre">{{rightdata.contactsFunction?rightdata.contactsFunction:'- '}}</div>
+            </div>
+            <div class="ctlist" style="position: relative;">
+                <div class="list" :class="{ active: currentTab == item.id }" v-for="(item, index)  in leftList"
+                    :key="index" v-if="leftList.length" @mouseover="mentopChange(item.id)">
+                    <div class="top">
+                        <div class="img"><img :src="'images/dqfwl'+(index+1)+'.png'" alt=""></div>
+                        <span>{{item.partyForm?item.partyForm:'- '}}</span>
+                    </div>
+                    <img src="https://www.cqna.gov.cn/syygapi/naxsb/images/dqfw-arrow.png" alt="">
+                </div>
+            </div>
+            <ul class="botlist">
+                <div v-for="(tabc, indexc)  in childrenList" v-if="currentTab==tabc.id">
+                    <li v-for="(tabl, indexl)  in tabc.children" :key="indexl" @click="menuChange(tabl.id,tabc.id)">
+                       <span style="width:calc(100% - 6px);">{{tabl.information?tabl.information:'- '}}</span>
+                    </li>
+                </div>
+            </ul>
+            <div style="height: 10px;"></div>
+            <div v-if="dialogVisible" class="dialog">
+                <div class="dialogHeader">
+                    <div class="dialogTitle">· {{currTitle?currTitle:''}}</div>
+                    <div class="close" @click="dialogVisible=!dialogVisible;hide = false;">
+                        <img src="images/close-dqfw.png" />
+                    </div>
+                </div>
+                <div class="dialogContent">
+                    <div class="diaBox" v-if="rightdata.createWork">
+                        {{rightdata.createWork?rightdata.createWork:rightdata.imgUrl}}
+                    </div>
+                    <img :src="rightdata.imgUrl" style="width: 100%; height: auto;" v-else-if="rightdata.imgUrl">
+
+                    </img>
+                    <div v-else class="noData">暂无内容</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: '#dqfw',
+        data: function () {
+            return {
+                reqPtah: '',
+                currentTab: 2,
+                currtopId: '',
+                leftList: [],
+                rightdata: {},
+                dialogVisible: false,
+                childrenList: [],
+                hide: false,
+                currTitle: ''
+            };
+        },
+        methods: {
+            mentopChange(id) {
+                this.currentTab = id;
+            },
+            menuChange(id) {
+                this.getrightData(id);
+                this.dialogVisible = true;
+                this.hide = true;
+            },
+            getParkData(id) {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/partyService/listAll/" + id,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        let value = data.data.PartyServiceList;
+                        let newList = []
+                        value.forEach(item => {
+                            let status = newList.find(el => el.partyForm === item.partyForm)
+                            if (status) {
+                                status.children.push({ ...item })
+                            } else {
+                                let obj = { ...item, children: [{ ...item }] }
+                                newList.push(obj)
+                            }
+                        })
+                        for (var i = 0; i < newList.length; i++) {
+                            that.childrenList.push({
+                                id: newList[i].id,
+                                children: newList[i].children
+                            })
+                        }
+                        if (newList.length) {
+                            that.currentTab = newList[0].id
+                        }
+                        that.getrightData(that.currentTab);
+                        that.leftList = newList;
+                    }
+                })
+            },
+            getrightData(id) {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/partyService/" + id,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        that.currTitle = data.information;
+                        that.rightdata = data;
+                    }
+                })
+            }
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('id');
+            this.getParkData(id);
+        }
+    });
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/dqfwNewMobile.html

@@ -0,0 +1,1071 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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>
+  <!-- 引入样式 -->
+  <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>
+  <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/jquery-3.5.1.min.js"></script>
+  <script type="text/javascript"
+    src="https://api.map.baidu.com/api?type=webgl&v=3.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
+    </script>
+  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
+  </script>
+  <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 src="https://www.cqna.gov.cn/syygapi/naxsb/js/echarts.min.js"></script>
+  <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/bmap.min.js"></script>
+  <style>
+    * {
+      padding: 0;
+      margin: 0;
+    }
+
+    ul {
+      list-style-type: none;
+    }
+
+    li {
+      list-style: none;
+      cursor: pointer;
+    }
+
+    ::-webkit-scrollbar {
+      display: none;
+      /* Chrome Safari */
+    }
+
+    @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;
+    }
+
+    .backbutton img {
+      margin-right: 0.625rem;
+    }
+
+    #dqfwNew {
+      /* height: 100vh; */
+      font-family: Microsoft YaHei;
+      color: #FFFFFF;
+      box-sizing: border-box;
+      position: relative;
+    }
+
+    .content {
+      width: 100vw;
+      display: flex;
+      flex-direction: column;
+      background: #EDF5FF;
+    }
+
+    #mapcontainer {
+      width: 100vw;
+      height: 73vw;
+    }
+
+    #mapcontainerrlt {
+      width: 100vw;
+      height: 73vw;
+      margin-bottom: 10px;
+    }
+
+    .ec-extension-bmap {
+      width:100vw !important;
+      height: 73vw !important;
+    }
+
+    .contentR {
+      width: 95vw;
+      margin: auto;
+      margin-bottom: 10px;
+    }
+
+    .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: 10px 20px;
+      flex: 1;
+      overflow: auto;
+      width: 100%;
+      box-sizing: border-box;
+      font-size: 14px;
+    }
+
+    .yqfw {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 25px;
+      padding-left: 50px;
+    }
+
+    .yqlb {
+      display: grid;
+      padding: 10px;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr 1fr;
+      grid-column-gap: 0.2rem;
+      grid-row-gap: 10px;
+      flex: 1;
+    }
+
+    .mxqy {
+      display: flex;
+      flex-wrap: wrap;
+      overflow-y: auto;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+      padding: 15px;
+      flex: 1;
+    }
+
+    .tdgy {
+      padding: 0 20px;
+      overflow: hidden;
+      box-sizing: border-box;
+      width: 100%;
+      height: 100%;
+    }
+
+    .tdgyC {
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+      overflow-y: auto;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+    }
+
+    .ztfwC {
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+      overflow-y: auto;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+    }
+
+    .tdgyList {
+      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%;
+      cursor: pointer;
+    }
+
+    .liList {
+      display: flex;
+      padding: 5px 0;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      width: 100%;
+    }
+
+    .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%;
+      cursor: pointer;
+    }
+
+    .liList:last-child {
+      display: flex;
+      border-bottom: none;
+    }
+
+    .ztfwList:last-child {
+      display: flex;
+      border-bottom: none;
+    }
+
+    .liList>img {
+      width: 11px;
+      height: 11px;
+      margin-top: 5px;
+      margin-right: 10px;
+      cursor: pointer;
+    }
+
+    .tdgyList:last-child {
+      display: flex;
+      border-bottom: none;
+    }
+
+    .ztfwList:last-child {
+      display: flex;
+      border-bottom: none;
+    }
+
+    .tdgyList>img {
+      width: 15px;
+      height: 15px;
+      margin-top: 5px;
+      margin-right: 10px;
+    }
+
+    .ztfwList>img {
+      width: 15px;
+      height: 15px;
+      margin-top: 5px;
+      margin-right: 10px;
+    }
+
+    .nodata {
+      height: calc(100% - 10px);
+      /* width: calc(100% - 40px); */
+      background-size: 100% 100%;
+    }
+
+    .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;
+    }
+
+    .mxqyList {
+      width: calc(50% - 5px);
+      height: 50%;
+      box-sizing: border-box;
+      margin-bottom: 5px;
+      background-color: #fff;
+      cursor: pointer;
+    }
+
+    .mxqyList:nth-child(even) {
+      margin-left: 5px;
+    }
+
+    .mxqyList>img {
+      width: 100%;
+      height: 100%;
+    }
+
+    .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;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      text-overflow: ellipsis !important;
+      -o-text-overflow: ellipsis;
+      width: 90%;
+    }
+
+    .mainList {
+      background: url(https://www.cqna.gov.cn/syygapi/naxsb/image/yqlbListbg.png) no-repeat;
+      background-size: 100% 100%;
+      box-sizing: border-box;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+    }
+
+    .mainList:nth-child(odd) {
+      padding-right: 25px;
+    }
+
+    .mb {
+      margin-bottom: 50px;
+    }
+
+    .mainBox>img {
+      width: 2rem;
+      height: 2rem;
+      margin-right: 10px;
+    }
+
+    .mainBox {
+      width: 50%;
+      display: flex;
+      align-items: center;
+      font-size: 16px;
+      box-sizing: border-box;
+      cursor: pointer;
+      /* justify-content: center; */
+    }
+
+    .mainBox span {
+      font-weight: bold;
+    }
+
+    .mainBox>img {
+      vertical-align: middle;
+    }
+
+    .dec {
+      font-size: 12px;
+    }
+
+    .yqfwBox {
+      width: 50%;
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      box-sizing: border-box;
+      cursor: pointer;
+    }
+
+    .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;
+    }
+
+    .title1 {
+      display: flex;
+      justify-content: space-between;
+      padding: 15px 15px 0 15px;
+      align-items: center;
+      color: #FFFFFF;
+      font-family: Microsoft YaHei;
+    }
+
+    .text {
+      font-weight: bold;
+      font-size: 16px;
+    }
+
+    .more {
+      font-size: 13px;
+      cursor: pointer;
+    }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid #B7C7DC;
+      background: #192E47;
+    }
+
+    .toplogo img {
+      margin-bottom: 10px;
+      margin-right: 10px;
+    }
+
+    .toplogo {
+      padding-left: 10px;
+      display: flex;
+      align-items: center;
+      font-family: DOUYU;
+      font-weight: normal;
+      font-size: 18px;
+      color: #fff;
+      height: 11vw;
+      cursor: pointer;
+    }
+
+    .backbutton img {
+      margin-right: 10px;
+    }
+    .contentItem video {
+      width: 100%;
+      height: 100%;
+    }
+
+    .text.active {
+      border-bottom: 1px solid #fff;
+    }
+
+    .video-player-container {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    video {
+      width: 100%;
+      height: auto;
+      transition: transform 0.3s ease;
+    }
+
+    .controls {
+      position: absolute;
+      bottom: 10px;
+      left: 10px;
+      z-index: 100;
+    }
+
+    .controls button {
+      margin-right: 5px;
+    }
+  </style>
+</head>
+
+<body>
+  <div style="width:100%;" class="header"></div>
+  <div class="" id="dqfwNew">
+    <div class="top">
+      <div class="toplogo">
+        <img src="images/gyylogowhite.png" alt="">
+        <span>{{parkDesc?parkDesc.title:'-'}}</span>
+      </div>
+      <div class="backbutton" @click="window.history.go(-1)">
+        <img src="images/backlogo.png" alt="">
+      </div>
+    </div>
+    <div class="content">
+      <div id="mapcontainer" v-show="currentmap==1"></div>
+      <div id="mapcontainerrlt" v-show="currentmap==2"></div>
+      <div class="contentR">
+        <div class="contentBox">
+          <div class="contentItem">
+            <video autoplay loop muted playsinline controls controlslist="nodownload">
+              <source
+                :src="this.id==='1'?'https://www.cqna.gov.cn/syygapi/lkcygyy.mp4':this.id==='2'?'https://www.cqna.gov.cn/syygapi/lkxjdzcyy.mp4':this.id==='3'?'https://www.cqna.gov.cn/syygapi/lkcjyscxcyy.mp4':this.id==='4'?'https://www.cqna.gov.cn/syygapi/lknpxq.mp4':this.id==='5'?'https://www.cqna.gov.cn/syygapi/lkylcxg.mp4':'https://www.cqna.gov.cn/syygapi/index.mp4'"
+                type="video/mp4" style="width:100%;height: 100%;border-radius: 10px;">
+              Your browser does not support the video tag.
+            </video>
+          </div>
+          <div class="contentItem">
+            <div class="title1">
+              <span class="text">园区介绍</span>
+            </div>
+            <div class="main">
+              <div class="liList" v-for="(tab, index)  in str" :key="index">
+                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />
+                <div class="tdgyContent">
+                  <div :title="tab" class="tdgyTitle">{{tab}}</div>
+                </div>
+              </div>
+            </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">
+              <div><span class="text active" style="cursor: pointer;" id="tdgydiv"
+                  @click="currentmap=1;$('#rltdiv').removeClass('active');$('#tdgydiv').addClass('active');">土地供应</span><span
+                  class="text" style="margin-left: 10px;cursor: pointer;"
+                  @click="currentmap=2;$('#tdgydiv').removeClass('active');$('#rltdiv').addClass('active');"
+                  id="rltdiv">热力图</span></div>
+              <span class="more" @click="golink('tdcrlistMobile.html?id=-1',1)"
+                v-if="!contentList.length">更多>></span>
+              <span class="more" @click="golink('tdcrlistMobile.html',2)"
+                v-else>更多>></span>
+            </div>
+            <div class="tdgy">
+              <div class="tdgyC">
+                <div class="tdgyList" v-for="(tab, index)  in this.contentList" :key="index" @click="goTdcr(tab.id)">
+                  <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?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',2)">更多>></span>
+            </div>
+            <div class="tdgy">
+              <div class="ztfwC">
+                <div class="ztfwList" v-for="(tab, index)  in this.buildList" :key="index" @click="goZtcr(tab.id)">
+                  <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?tab.space:''}}亩&nbsp;丨&nbsp;{{tab.addr?tab.addr:tab.application}}</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%;">
+            <div class="title">
+              <span class="text">便企服务站</span>
+            </div>
+            <div class="yqfw">
+              <div class="yqfwBox mb" @click="golink('tsfwMobile.html')">
+                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />特色服务
+              </div>
+              <div class="yqfwBox mb" @click="golink('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 class="contentItem"
+            style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/mxqybg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">明星企业</span>
+            </div>
+            <div class="mxqy">
+              <div class="mxqyList" v-for="(tab, index)  in this.titleList" @click="tab.link?window.open(tab.link):''"
+                :key="index">
+                <img :src="tab.logo" alt="">
+              </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: '#dqfwNew',
+    data: function () {
+      return {
+        str: [],
+        currentTab: -1,
+        currentmap: 1,
+        contentList: [],
+        buildList: [],
+        currentTitle: '',
+        parkDesc: null,
+        parkName: '',
+        titleList: [],
+        tdBackgroundImage: 'https://www.cqna.gov.cn/syygapi/naxsb/image/tdcy.webp',
+        ztBackgroundImage: 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztcy.webp',
+        fadeOut: false,
+        fadeIn: false,
+        id: null,
+        map: null
+      };
+    },
+    created() { },
+    async mounted() {
+      const url = new URL(window.location.href);
+      this.id = url.searchParams.get('id');
+      var id = url.searchParams.get('id');
+      await this.getParkData()
+      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.str = ['位于南岸核心区范围', '总面积约5平方公里', '轨道3号线、10号线', '城市公共服务和配套设施完善', '主导产业：软件信息业、商贸流通业、文旅大健康产业、生产型服务业']
+        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztnp.webp';
+      } else if (this.id == 6) {
+        this.str = ['位于广阳湾智创生态城内', '规划总建筑面积约为75万平方米', '主导产业：软件及信息服务业发展']
+        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztdx.webp';
+      } else if (this.id == 5) {
+        this.str = ['位于广阳湾智创生态城东南侧迎龙片区', '建设用地总面积0.72平方公里', '已建用地约为0.36平方公里', '轨道交通便捷，公路交通发达', '主导产业：脑科学等前沿科学、绿色低碳产业、软件信息服务业、商贸服务业']
+        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztyl.webp';
+      } else if (this.id == 3) {
+        this.str = ['位于广阳湾智创生态城核心区', '规划建设用地面积约为4.43平方公里', '建成面积约为4.17平方公里', '主导产业：智能终端研发生产矩阵、数字经济软信产业链、节能环保绿色装备制造基地、医药医疗器械产业']
+        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztcjcx.webp';
+      } else if (this.id == 2) {
+        this.str = ['位于广阳湾智创生态城内', '总用地面积约32万平方米', '规划总建筑面积约为75万平方米', '主导产业：软件及信息服务业发展']
+        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztxj.webp';
+      } else {
+        this.str = ['总面积约7.31平方公里', '建设用地面积4.14平方公里', '建成面积约3.47平方公里', '主导产业：智能制造、软件信息服务、大健康、汽车及零部件']
+        this.ztBackgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztcy.webp';
+      }
+      if (id == 1) {
+        this.loadheatMap('https://www.cqna.gov.cn/syygapi/naxsb/json/cycyy.json', '106.600974,29.551763');
+      } else if (id == 2) {
+        this.loadheatMap('https://www.cqna.gov.cn/syygapi/naxsb/json/xjqcdzcyy.json', '106.70485,29.644364');
+      } else if (id == 3) {
+        this.loadheatMap('https://www.cqna.gov.cn/syygapi/naxsb/json/cjlscxcyy.json', '106.620834,29.575306');
+      } else if (id == 4) {
+        this.loadheatMap('https://www.cqna.gov.cn/syygapi/naxsb/json/npxqcyy.json', '106.496471,29.573469');
+      } else if (id == 5) {
+        this.loadheatMap('https://www.cqna.gov.cn/syygapi/naxsb/json/ylcxg.json', '106.656781,29.572237');
+      } else if (id == 6) {
+        this.loadheatMap('https://www.cqna.gov.cn/syygapi/naxsb/json/dxkjy.json', '106.688802,29.654054');
+      }
+
+    },
+    methods: {
+      goTdcr(id) {
+        window.location.href = 'tdcrMobile.html?tdid=' + id;
+      },
+      goZtcr(id) {
+        window.location.href = 'ztcrdetailMobile.html?ztid=' + id;
+      },
+      golink(hrf, val) {
+        if (val) {
+          if (val === 1 && !this.contentList.length || val === 2 && !this.buildList.length) return window.location.href = hrf;
+        }
+        window.location.href = `${hrf}?id=${this.id}`;
+      },
+      loadheatMap(url, centerpoint) {
+        var app = {};
+        var chartDom = document.getElementById('mapcontainerrlt');
+        var myChart = echarts.init(chartDom);
+        var option;
+        var point = centerpoint.split(',');
+        $.get(url, function (data) {
+          var points = [].concat.apply(
+            [],
+            data.map(function (track) {
+              return track.map(function (seg) {
+                return seg.coord.concat([1]);
+              });
+            })
+          );
+          myChart.setOption(
+            (option = {
+              toolbox: {
+                show: false,
+                feature: {
+                  saveAsImage: false,
+                  toolbox: false 
+                }
+              },
+              animation: false,
+              bmap: {
+                center: [point[0], point[1]],
+                zoom: 14,
+                roam: true
+              },
+              visualMap: {
+                show: false,
+                top: 'top',
+                min: 0,
+                max: 5,
+                seriesIndex: 0,
+                calculable: true,
+                inRange: {
+                  color: ['blue', 'yellow', 'red']
+                }
+              },
+              series: [
+                {
+                  type: 'heatmap',
+                  coordinateSystem: 'bmap',
+                  data: points,
+                  pointSize: 25,
+                  blurSize: 15
+                }
+              ]
+            })
+          );
+          
+          var bmap = myChart.getModel().getComponent('bmap').getBMap();
+          bmap.addControl(new BMap.MapTypeControl());
+          bmap.setMapType(BMAP_NORMAL_MAP);
+        });
+
+
+        option && myChart.setOption(option);
+      },
+      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("mapcontainer");
+            map.enableScrollWheelZoom(true); 
+            map.enableDragging(true); 
+            const id = that.id;
+            map.setMapStyleV2({
+              styleJson: [
+                {
+                  "featureType": "building",
+                  "elementType": "all",
+                  "stylers": {
+                    "visibility": "off"
+                  }
+                },
+                {
+                  "featureType": "poilabel",
+                  "elementType": "all",
+                  "stylers": {
+                    "visibility": "off"
+                  }
+                },
+                {
+                  "featureType": "manmade",
+                  "elementType": "all",
+                  "stylers": {
+                    "visibility": "off"
+                  }
+                },
+              ]
+            });
+            
+            var level = 14;
+            if (id == 1) {
+              map.centerAndZoom(new BMapGL.Point(106.651444, 29.45682), 13);
+              level = 14;
+            } else if (id == 2) {
+              map.centerAndZoom(new BMapGL.Point(106.76723874457288, 29.573276880811712), 13);
+              level = 14;
+            } else if (id == 3) {
+              map.centerAndZoom(new BMapGL.Point(106.69517131217539, 29.51577313312822), 13);
+              level = 15;
+            } else if (id == 4) {
+              map.centerAndZoom(new BMapGL.Point(106.559829995157, 29.501581648208534), 13);
+              level = 15;
+            } else if (id == 5) {
+              map.centerAndZoom(new BMapGL.Point(106.72194027111843, 29.513690776940248), 13);
+              level = 16;
+            } else if (id == 6) {
+              map.centerAndZoom(new BMapGL.Point(106.70580793222035, 29.514020426917684), 13);
+              level = 16;
+            } else {
+              map.centerAndZoom(new BMapGL.Point(106.651444, 29.48682), 13);
+            }
+            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]));
+            });
+            
+            polygon = new BMapGL.Polygon(result, {
+              strokeColor: "#226cfb",
+              strokeWeight: 1.5,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: "#4B98F6",
+              fillOpacity: 0.2
+            });
+            
+            map.addOverlay(polygon);
+            let pointList1 = that.parkDesc.addr.split('@');
+            let result1 = [];
+            pointList1.forEach(function (point) {
+              let arr = point.split(',');
+              result1.push(new BMapGL.Point(arr[0], arr[1]));
+            });
+            
+            polygon1 = new BMapGL.Polygon(result1, {
+              strokeColor: "transparent",
+              strokeWeight: 0,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: that.parkDesc.color,
+              fillOpacity: 0.6
+            });
+            
+            map.addOverlay(polygon1);
+            var points = that.ztpointList;
+            if (points.length) {
+              points.forEach(function (d) {
+                let pList = d.point.split('@');
+                pList.forEach(function (point) {
+                  let arr = point.split(',');
+                  let p = new BMapGL.Point(arr[0], arr[1]);
+                  var myIcon = new BMapGL.Icon('https://www.cqna.gov.cn/syygapi/naxsb/images/addrzt.png', new BMapGL.Size(40, 40));
+                  let marker = new BMapGL.Marker(p, {icon: myIcon});
+                  var opts = {
+                    position: new BMapGL.Point(arr[0], arr[1]), 
+                    offset: new BMapGL.Size(10, 10) 
+                  };
+
+                  
+                  var label = new BMapGL.Label(d.carrierName, opts);
+                  label.setStyle({
+                    color: "#186FF0",
+                    border: "0",
+                    padding: "0",
+                    display: "none",
+                    background: "transparent",
+                    fontWeight: 'bold',
+                    backgroundColor: 'transparent',
+                    textShadow: '0 0 4px #4B97F5',
+                    textStrokeColor: "#4B97F5", 
+                    textStrokeWidth: "4px", 
+                    fontSize: "18px",
+                    height: "20px",
+                    lineHeight: "20px",
+                    fontFamily: "微软雅黑"
+                  });
+                  marker.setLabel(label);
+
+                  marker.addEventListener("mouseover", function (e) {
+                    var label = this.getLabel()
+                    label.setStyle({ display: "block" });
+                  });
+                  marker.addEventListener("mouseout", function (e) {
+                    var label = this.getLabel()
+                    label.setStyle({ display: "none" });
+                  });
+                  map.addOverlay(marker);
+                  marker.addEventListener('click', function () {
+                    var id = d.id;
+                    window.location.href = 'ztcrdetailMobile.html?ztid=' + id;
+                  });
+                });
+              });
+            }
+            var datalist = that.tdpointList;
+            if (datalist.length) {
+              datalist.forEach(function (polygonData) {
+                let pointList = polygonData.point.split('@');
+                let result = [];
+                pointList.forEach(function (point) {
+                  let arr = point.split(',');
+                  result.push(new BMapGL.Point(arr[0], arr[1]));
+                });
+                
+                let polygon = new BMapGL.Polygon(result, {
+                  strokeColor: "red",
+                  strokeWeight: 1,
+                  strokeOpacity: 1,
+                  strokeStyle: "solid",
+                  fillColor: "transparent",
+                  fillOpacity: 0
+                });
+                map.addOverlay(polygon);
+                var id = polygonData.id;
+
+                
+                var label = new BMapGL.Label(polygonData.landName, {
+                  position: polygon.getBounds().getCenter(),
+                  offset: new BMapGL.Size(0, 0)
+                });
+                label.setStyle({
+                  color: "#186FF0",
+                  fontSize: "18px",
+                  height: "auto",
+                  lineHeight: "20px",
+                  fontFamily: "微软雅黑",
+                  fontWeight: 'bold',
+                  backgroundColor: 'transparent',
+                  border: 'none',
+                  textShadow: '0 0 4px #4B97F5',
+                  textStrokeColor: "#4B97F5", 
+                  textStrokeWidth: "4px", 
+                });
+                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 = 'tdcrMobile.html?tdid=' + id;
+                });
+              });
+            }
+            setTimeout(function name(params) {
+              that.zoomInStepByStep(13, level);
+            }, 3000)
+          })
+          .catch(error => console.error('Error fetching JSON:', error));
+
+      },
+      addKey(y) {
+        let i = 0
+        setInterval(function () {
+          if (i >= y) return i = 0
+          i++
+          document.querySelector('.tdgyC').style.marginTop = `-${i}px`
+        }, 50);
+      },
+      async getParkData() {
+        let that = this;
+        $.ajax({
+          url: conpath + "/parkData/" + this.id,
+          type: "get",
+          dataType: "json",
+          async: false,
+          success: function (data) {
+            var pointlist = data.addr.split('@');
+            that.parkDesc = data;
+          }
+        })
+        await $.ajax({
+          url: conpath + "/parkData/details/" + this.id,
+          type: "get",
+          dataType: "json",
+          success: function (data) {
+            that.titleList = data.filter(item => item.moduleType === "3");
+          }
+        });
+        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;
+            that.tdpointList = [];
+            dataList.forEach(function (d) {
+              
+              if (!d.point) return;
+              let pList = d.point.split('@');
+              pList.forEach(function (point) {
+                that.tdpointList.push(d);
+              });
+            });
+          }
+        });
+        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;
+            that.ztpointList = [];
+            dataList.forEach(function (d) {
+              
+              if (!d.point) return;
+              let pList = d.point.split('@');
+              pList.forEach(function (point) {
+                that.ztpointList.push(d);
+              });
+            });
+          }
+        });
+        that.loadAllMap();
+        var height = document.querySelector('.ztfwList') ? document.querySelector('.ztfwList').clientHeight : 0;
+        if (this.buildList.length) {
+          this.addKeyFrames(height * this.buildList.length);
+        }
+        var height1 = document.querySelector('.tdgyList') ? document.querySelector('.tdgyList').clientHeight : 0;
+        if (this.contentList.length) { this.addKey(height1 * this.contentList.length); }
+      },
+      addKeyFrames(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); 
+        }
+      }
+    }
+  });
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/flooroneMobile.html

@@ -0,0 +1,1007 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <!-- 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>
+</head>
+<style>
+    * {
+      padding: 0;
+      margin: 0;
+    }
+
+    ul {
+      list-style-type: none;
+    }
+
+    li {
+      list-style: none;
+    }
+    .container {
+        position: relative;
+        background-image: url(https://www.cqna.gov.cn/syygapi/naxsb/images/indexbgfloor.png);
+        background-size: 100% 100%;
+        width: 100vw;
+        font-size: 13px;
+    }
+
+    .floorTabs {
+        display: flex;
+    }
+
+    .floorTabs .list {
+        width: 25vw;
+        height: 10vw;
+        line-height: 10vw;
+        text-align: center;
+        background: #286EBC;
+        margin-bottom: 20px;
+        font-size: 14px;
+        color: #FFFFFF;
+        cursor: pointer;
+        border-right: 1px solid;
+    }
+
+    .floorTabs .active {
+        background: #CD9D64;
+    }
+
+    .bottomBtn {
+        display: flex;
+        justify-content: center;
+    }
+
+    .bottomBtn .btn {
+        width: 28vw;
+        height: 8vw;
+        line-height: 8vw;
+        background: #7DB0EE;
+        font-weight: bold;
+        font-size: 13px;
+        color: #F4F4F4;
+        text-align: center;
+        cursor: pointer;
+    }
+
+    .bottomBtn .active {
+        background: #0D74F2;
+    }
+
+    .zxfw {
+        padding-left: 10px;
+    }
+
+    .zxfw .buttonList {
+        display: flex;
+        flex-wrap: wrap;
+        width: 100%;
+    }
+
+    .zxfw .button {
+        width: 30vw;
+        height: 12vw;
+        background-image: url(images/button-zxfw.png);
+        background-size: 100% 100%;
+        text-align: center;
+        line-height: 10vw;
+        box-sizing: border-box;
+        letter-spacing: 3px;
+        margin-bottom: 15px;
+        margin-right: 1.5vw;
+        cursor: pointer;
+        font-family: Source Han Sans SC;
+        font-weight: bold;
+        font-size: 14px;
+        color: #F4F4F4;
+    }
+
+    .moxing {
+        margin-top: 10px;
+    }
+
+    .moxing .imgDiv {
+        position: relative;
+        width: 379px;
+        height: 176px;
+        margin: auto;
+        margin-bottom: 48px;
+    }
+
+    .moxing .namebtn {
+        padding: 0 5px;
+        font-size: 12px;
+        color: #fff;
+        text-shadow: 3px 1px 2px rgb(15 70 106);
+        position: absolute;
+        height: 24px;
+        line-height: 24px;
+        background: #B8D5F1;
+        border-radius: 4px;
+    }
+
+    .moxing .namebtn.active {
+        background: #4B98F6;
+        text-shadow: none;
+    }
+
+    .moxing .namebtnl {
+        padding: 0;
+        border-radius: 6px;
+        line-height: 10px;
+        font-size: 10px;
+        color: #402424;
+        background: #FFF;
+        text-shadow: 3px 1px 2px rgba(236, 239, 241, 0.8);
+        position: absolute;
+    }
+
+    .detailDiv {
+        width: 96%;
+        height: 91vw;
+        background-image: url(images/floorbg.png);
+        background-size: 100% 100%;
+        font-family: "Source Han Sans SC";
+        color: #2895FF;
+        padding: 20px;
+        box-sizing: border-box;
+        margin: auto;
+        margin-top: 15px;
+        position: relative;
+    }
+
+    .detailDiv>div {
+        width: 100%;
+        height: 100%;
+    }
+
+    .detailDiv .top {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        flex-direction: column;
+    }
+
+    .detailDiv .right {
+        color: #65A9CE;
+        display: flex;
+        margin-top: 3px;
+
+    }
+
+    .detailDiv .right>span {
+        white-space: nowrap;
+    }
+
+    .detailDiv .el-tabs {}
+
+    .detailDiv .el-tabs__item {
+        font-size: 15px;
+        color: #2895FF;
+        height: 36px;
+    }
+
+    .detailDiv .el-tabs__item.is-active {
+        font-weight: bold;
+        color: #2895FF;
+        border-bottom: 5px solid #2895FF;
+    }
+
+    .detailDiv .el-tabs__nav-wrap::after {
+        background-color: rgb(40 149 255 / 30%);
+    }
+
+    .detailDiv .el-tabs__active-bar {
+        display: none;
+    }
+
+    .search {
+        width: 40vw;
+        height: 22px !important;
+        display: flex;
+        position: absolute;
+        right: 20px;
+        top: 64px;
+        z-index: 999;
+    }
+
+    .search input {
+        width: calc(100% - 49px);
+        overflow: unset;
+        background: #A6D2EC;
+        border: 0;
+        padding: 0;
+        outline: none;
+        height: 22px;
+        padding-left: 10px;
+        color: #2895FF;
+    }
+
+    .search input::placeholder {
+        color: #E7F7FF;
+    }
+
+    .search .btn {
+        width: 49px;
+        height: 22px;
+        background: #2895FF;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .sxqd li span {
+        line-height: 25px;
+        border-bottom: 1px solid #2895FF;
+        padding-bottom: 5px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+        display: block;
+        font-size: 13px;
+    }
+
+    .el-pagination {
+        text-align: center;
+        margin-top: 5px;
+    }
+
+    .el-pagination.is-background .btn-next,
+    .el-pagination.is-background .btn-prev,
+    .el-pagination.is-background .el-pager li {
+        background-color: #A6D2EC !important;
+        color: #fff !important;
+        height: 21px !important;
+        line-height: 21px !important;
+        width: 21px !important;
+    }
+
+    .el-pagination.is-background .el-pager li:not(.disabled).active {
+        background-color: #2895FF !important;
+    }
+
+    .el-tab-pane {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+
+    .el-pager li {
+        width: 21px !important;
+        height: 21px !important;
+        line-height: 21px !important;
+    }
+
+    .vrdiv {
+        width: 15px;
+        height: 15px;
+        position: absolute;
+        cursor: pointer;
+        background-image: url(https://www.cqna.gov.cn/syygapi/naxsb/images/logo-vr.png);
+        background-size: 100% 100%;
+    }
+
+    .btable {
+        height: calc(100vh - 10px);
+        background-color: #fff;
+        box-sizing: border-box;
+    }
+
+    .global-dialog .el-dialog__body {
+        max-height: calc(100vh - 60px);
+        overflow: auto;
+        padding: 0 5px !important;
+        padding-bottom: 10px !important;
+    }
+
+    .global-dialog .el-dialog {
+        margin-top: 35px !important;
+    }
+
+    .btable table {
+        margin-top: 5px;
+        border: 1px solid #64A8F6;
+    }
+
+    .btable tr td {
+        border: 1px solid #64A8F6;
+        padding: 5px;
+    }
+
+    .btable tr td:nth-child(2n) {
+        width: 25%;
+    }
+
+    .btable tr td:first-child {
+        width: 10%;
+    }
+
+    .btable tr td:nth-child(4n) {
+        width: 30%;
+    }
+
+    .btable tr td.tit {
+        font-size: 12px;
+        color: #64A8F6;
+    }
+
+    .lines {
+        position: absolute;
+        height: 150px;
+        transition: top 0.3s;
+        width: 0;
+        border: 1px dashed #1A95EB;
+        z-index: 111;
+    }
+
+    .lineh {
+        position: absolute;
+        height: 0;
+        transition: top 0.3s;
+        width: 100px;
+        border: 1px dashed #1A95EB;
+        z-index: 111;
+    }
+
+    .redio {
+        width: 7px;
+        height: 7px;
+        background: #2896FF;
+        border-radius: 50%;
+        position: absolute;
+        z-index: 111;
+    }
+</style>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div class="container hide" id="app" style="">
+        <div class="floorTabs">
+            <div class="list" :class="{ active: currentFloor == tab.id }" v-for="(tab,index) in floorList" :key="index"
+                @click="floorChange(tab.id)">
+                {{tab.name}}
+            </div>
+            <div class="list" @click="backsw">返回室外</div>
+        </div>
+        <div class="bottomBtn">
+            <div class="btn active" id="threed" @click="showthreed">3D</div>
+            <div class="btn" id="vrdiv" @click="showvrdiv">VR</div>
+        </div>
+        <el-dialog title="窗口电话" class="global-dialog" :visible.sync="dialogVisible" width="98%"
+            :before-close="handleClose" :close-on-click-modal="false">
+            <div class="btable">
+                <table border="0" cellspacing="0" style="width: 100%;">
+                    <tbody>
+                        <tr>
+                            <td class="tit">楼层</td>
+                            <td class="tit">窗口名称</td>
+                            <td class="tit">窗口号</td>
+                            <td class="tit">对外咨询窗口电话</td>
+                        </tr>
+                        <tr>
+                            <td class="tit" rowspan="2">一楼</td>
+                            <td>社保卡窗口</td>
+                            <td>1、2、3、4</td>
+                            <td>023-62525236<br />023-62602939</td>
+                        </tr>
+                        <tr>
+                            <td>咨询窗口</td>
+                            <td>一楼咨询台</td>
+                            <td>023-62606771</td>
+                        </tr>
+                        <tr>
+                            <td class="tit" rowspan="8">二楼</td>
+                            <td>财政综合窗口</td>
+                            <td>206</td>
+                            <td>023-62988007</td>
+                        </tr>
+                        <tr>
+                            <td>无差别综合窗口</td>
+                            <td>207、209</td>
+                            <td>023-62980273</td>
+                        </tr>
+                        <tr>
+                            <td>一件事一次办</td>
+                            <td>208</td>
+                            <td>023-62980273</td>
+                        </tr>
+                        <tr>
+                            <td>文旅综合窗口</td>
+                            <td>210</td>
+                            <td>023-62606250</td>
+                        </tr>
+                        <tr>
+                            <td>档案综合窗口</td>
+                            <td>211</td>
+                            <td>023-62980244</td>
+                        </tr>
+                        <tr>
+                            <td>卫健综合窗口</td>
+                            <td>212-215</td>
+                            <td>023-62980379</td>
+                        </tr>
+                        <tr>
+                            <td>交通综合窗口</td>
+                            <td>217-221</td>
+                            <td>023-62982072</td>
+                        </tr>
+                        <tr>
+                            <td>公安综合窗口</td>
+                            <td>224-235</td>
+                            <td>023-62985279</td>
+                        </tr>
+                        <tr>
+                            <td class="tit" rowspan="17">三楼</td>
+                            <td>经开区企业开办综合窗口</td>
+                            <td>301-307</td>
+                            <td>023-62980204<br />023-62980207</td>
+                        </tr>
+                        <tr>
+                            <td>经开区立项用地规划综合窗口</td>
+                            <td>308</td>
+                            <td>023-62980243</td>
+                        </tr>
+                        <tr>
+                            <td>经开区南岸区工程建设许可（小型建设项目）</td>
+                            <td>310</td>
+                            <td>023-62606752</td>
+                        </tr>
+                        <tr>
+                            <td>经开区施工许可 竣工验收 综合窗口</td>
+                            <td>311</td>
+                            <td>023-62980249</td>
+                        </tr>
+                        <tr>
+                            <td>南岸区施工许可 竣工验收 综合窗口 帮代办窗口</td>
+                            <td>312</td>
+                            <td>023-62606780</td>
+                        </tr>
+                        <tr>
+                            <td>经开市政综合窗口</td>
+                            <td>313</td>
+                            <td>023-62789342</td>
+                        </tr>
+                        <tr>
+                            <td>交通建设综合窗口</td>
+                            <td>314</td>
+                            <td>023-62392861</td>
+                        </tr>
+                        <tr>
+                            <td>生态环境综合窗口</td>
+                            <td>315</td>
+                            <td>023-62606735</td>
+                        </tr>
+                        <tr>
+                            <td>涉农事务综合窗口</td>
+                            <td>316</td>
+                            <td>023-62606735</td>
+                        </tr>
+                        <tr>
+                            <td>发改委综合窗口</td>
+                            <td>317</td>
+                            <td>023-62606782</td>
+                        </tr>
+                        <tr>
+                            <td>消防综合窗口</td>
+                            <td>318</td>
+                            <td>023-62606739</td>
+                        </tr>
+                        <tr>
+                            <td>城市管理综合窗口</td>
+                            <td>319-320</td>
+                            <td>023-62606760</td>
+                        </tr>
+                        <tr>
+                            <td>经开区办不成事反应窗口</td>
+                            <td>322</td>
+                            <td>023-62606905</td>
+                        </tr>
+                        <tr>
+                            <td>经开区项目帮代办综合窗口</td>
+                            <td>324</td>
+                            <td>023-62519346</td>
+                        </tr>
+                        <tr>
+                            <td>经开区税务综合窗口</td>
+                            <td>325</td>
+                            <td>023-62980241</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </el-dialog>
+        <div class="moxing" v-show="currentFloor == 1">
+            <div class="imgDiv">
+                <div class="redio floor1" style="left: 150px;bottom: 53px;"></div>
+                <div class="redio floor1" style="left: 143px;bottom: 36px;"></div>
+                <div class="redio floor1" style="left: 189px;bottom: 42px;"></div>
+                <div class="redio floor1" style="right: 88px;top: 42px;"></div>
+                <div class="lines floor1" style="left: 48px;bottom: -12px;height: 67px;"></div>
+                <div class="lineh floor1" style="left: 48px;bottom: 56px;"></div>
+                <div class="lines floor1" style="left: 145px;bottom: -13px;height: 44px;"></div>
+                <div class="lines floor1" style="left: 191px;bottom: 4px;height: 35px;"></div>
+                <div class="lines floor1" style="right: 138px;bottom: -13px;height: 15px;"></div>
+                <div class="lineh floor1" style="right: 141px;bottom: 3px;width: 41px;"></div>
+                <div class="lines floor1" style="right: 91px;bottom: 6px;height: 117px;"></div>
+                <div class="lines floor1" style="right: 38px;bottom: -13px;height: 15px;"></div>
+                <div class="lineh floor1" style="right: 41px;bottom: 3px;width:50px;"></div>
+                <img src="images/floordetail1.png" alt="" style="margin: auto;width: 375px;">
+                <img src="images/floorArowRigt.png" alt="" style="position:absolute; left:23px;bottom: 37px;">
+                <img src="images/floorArowTop.png" alt="" style="position:absolute; right: 112px;top: 10px;">
+                <div class="vrdiv" style="left: 85px;bottom: 42px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=1')"></div>
+                <div class="vrdiv" style="left: 141px;bottom: 55px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=2')">
+                </div>
+                <div class="vrdiv" style="left: 136px;bottom: 32px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=3')">
+                </div>
+                <div class="vrdiv" style="left: 190px;bottom: 72px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=4')"></div>
+                <div class="vrdiv" style="right: 122px;bottom: 52px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=5')"></div>
+                <div class="vrdiv" style="right: 105px;top: 25px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=6')"></div>
+                <div class="vrdiv" style="right: 141px;top: 48px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=7')"></div>
+                <div class="namebtnl threed" style="left: 80px;bottom: 43px;">咨询台</div>
+                <div class="namebtnl threed" style="right: 100px;bottom: 44px;">免费婚检室</div>
+                <div class="namebtnl threed" style="right: 112px;bottom: 103px;">颁证厅</div>
+                <div class="namebtnl threed" style="right: 49px;bottom: 99px;display: flex;flex-direction: column;"><span>婚姻家</span><span>庭辅导室</span></div>
+                <div class="namebtn threed" style="left: 5px;bottom: -38px;" data-popupType="2" data-id="12">
+                    政务公开专区
+                </div>
+                <div class="namebtn threed" style="left: 97px;bottom: -38px;" data-popupType="2" data-id="3">24h自助服务区
+                </div>
+                <div class="namebtn threed" style="right: 17px;bottom: -38px;" data-popupType="2" data-id="2">社保卡办理区
+                </div>
+                <div class="namebtn threed" style="right: 109px;bottom: -38px;" data-popupType="2" data-id="1">婚姻登记处
+                </div>
+            </div>
+            <div style="font-size: 14px;color: #004A93;text-align: center;">2号楼一楼婚姻登记处社保卡办理</div>
+            <div style="font-size: 13px;color: #547596;text-align: center;">（您可以点击图中的按钮查看详情）</div>
+        </div>
+        <div class="moxing" v-show="currentFloor == 2">
+            <div class="imgDiv">
+                <div class="redio floor1" style="right: 92px;top: 34px;"></div>
+                <div class="redio floor1" style="right: 172px;top: 57px;"></div>
+                <div class="lines floor1" style="right: 95px;bottom: -13px;height: 146px;"></div>
+                <div class="lineh floor1" style="left: 49px;bottom: 59px;width:150px;"></div>
+                <div class="lines floor1" style="left: 48px;bottom: -13px;height: 69px;"></div>
+                <div class="lines floor1" style="left: 202px;bottom: 60px;height: 48px;"></div>
+                <img src="images/floordetail2.png" alt="" style="margin: auto;">
+                <div class="vrdiv" style="left: 176px;bottom: 65px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=9')"></div>
+                <div class="vrdiv" style="left: 153px;bottom: 48px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=8')"></div>
+                <div class="vrdiv" style="right: 123px;bottom: 76px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=10')"></div>
+                <div class="vrdiv" style="right: 142px;top: 54px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=11')"></div>
+                <div class="vrdiv" style="right: 123px;top: 15px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=12')"></div>
+                <div class="vrdiv" style="right: 95px;top: 48px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=13')"></div>
+                <div class="namebtnl threed" style="left: 221px;bottom: 87px;">自助服务区</div>
+                <div class="namebtnl threed" style="right: 186px;bottom: 40px;">自助服务区</div>
+                <div class="namebtnl threed" style="right: 84px;top: 3px;">母婴室</div>
+                <div class="namebtn threed" style="left: 5px;bottom:  -38px;" data-popupType="2" data-id="4">公安综合办理区
+                </div>
+                <div class="namebtn threed" style="right: 45px;bottom:  -38px;" data-popupType="2" data-id="5">无差别综合办理区
+                </div>
+            </div>
+            <div style="font-size: 14px;color: #004A93;text-align: center;">2号楼二楼无差别、区公安办理区</div>
+            <div style="font-size: 13px;color: #547596;text-align: center;">（您可以点击图中的按钮查看详情）</div>
+        </div>
+        <div class="moxing" v-show="currentFloor == 3">
+            <div class="imgDiv" style="display: flex;">
+                <div class="redio floor1" style="right: 94px;top: 35px;"></div>
+                <div class="redio floor1" style="right: 93px;top: 72px;"></div>
+                <div class="redio floor1" style="right: 154px;top: 50px;"></div>
+                <div class="lines floor1" style="right: 72px;bottom: -13px;height: 149px;"></div>
+                <div class="lineh floor1" style="right: 76px;top: 38px;width: 17px;"></div>
+                <div class="lines floor1" style="right: 191px;bottom: -13px;height: 111px;"></div>
+                <div class="lineh floor1" style="right: 102px;top: 75px;width:85px;"></div>
+                <div class="lines floor1" style="left: 65px;bottom: -13px;height: 133px;"></div>
+                <div class="lineh floor1" style="left: 68px;top: 53px;width:146px;"></div>
+                <img src="images/floordetail3.png" alt="" style="margin: auto;">
+                <div class="vrdiv" style="right:159px;top: 15px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=14')"></div>
+                <div class="vrdiv" style="right:141px;top: 38px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=15')"></div>
+                <div class="vrdiv" style="right: 131px;top: 77px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/dating3/tour.html?startscene=16')"></div>
+                <div class="namebtnl threed"
+                    style="left: 10px;bottom: 16px;display: flex;flex-direction: column;align-items: center;">
+                    <span>314工程建设项目</span><span>审批会议室</span>
+                </div>
+                <div class="namebtnl threed" style="right: 95px;top: 60px;">政务公开专区</div>
+                <div class="namebtnl threed" style="right: 104px;top: 32px;">自助服务区</div>
+                <div class="namebtn threed" style="left: 135px;bottom: -38px;padding: 0 2px;" data-popupType="2" data-id="8">工程建设领域办理区
+                </div>
+                <div class="namebtn threed" style="left: 5px;bottom: -38px;padding: 0 2px;" data-popupType="2" data-id="6">经开区企业开办办理区
+                </div>
+                <div class="namebtn threed" style="right: 20px;bottom: -38px;padding: 0 2px;" data-popupType="2" data-id="7">不动产登记办理区
+                </div>
+            </div>
+            <div style="font-size: 14px;color: #004A93;text-align: center;">2号楼三楼婚姻登记处社保卡办理</div>
+            <div style="font-size: 13px;color: #547596;text-align: center;">（您可以点击图中的按钮查看详情）</div>
+        </div>
+        <div class="detailDiv" style="display: none;" style="position: relative;">
+            <div v-show="popupType == '1'">
+                <div class="top">
+                    <div style="font-weight: bold;font-size: 14px;">{{btnName}}您可以办理：</div>
+                    <div class="right" style="font-size: 11px;">
+                        <span>工作时间：</span>
+                        <span>法定工作日 9:00-12:00 14:00-17:30</span>
+                    </div>
+                </div>
+                <el-tabs v-model="activeName" @tab-click="handleClick">
+                    <el-tab-pane label="依申请公开" name="first">
+                        <div class="ysqgk">
+                        </div>
+                    </el-tab-pane>
+                    <el-tab-pane label="政策咨询" name="second">
+                        <div class="ysqgk">
+                        </div>
+                    </el-tab-pane>
+                    <el-tab-pane label="接待导引" name="third">
+                        <div class="ysqgk">
+                        </div>
+                    </el-tab-pane>
+                    <el-tab-pane label="帮代办申请" name="fourth">
+                        <div class="ysqgk">
+                        </div>
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+            <div v-show="popupType == '2'">
+                <div class="search" v-if="btnName=='24h自助服务区'" style="top: 48px;"><input type="text"
+                        placeholder="请输入关键字" v-model="inputValue">
+                    <div class="btn" @click="searchData(1)"><img src="images/flsearch.png" alt=""></div>
+                </div>
+                <div class="search" v-else><input type="text" placeholder="请输入关键字" v-model="inputValue">
+                    <div class="btn" @click="searchData(1)"><img src="images/flsearch.png" alt=""></div>
+                </div>
+                <div class="top">
+                    <div style="font-weight: bold;font-size: 14px;white-space: nowrap;">{{btnName}}您可以办理：</div>
+                    <div class="right" style="font-size: 11px;" v-show="btnName!=='24h自助服务区'">
+                        <span>工作时间：</span>
+                        <span>法定工作日 9:00-12:00 14:00-17:30</span>
+                    </div>
+                </div>
+                <el-tabs v-model="activeNametwo">
+                    <el-tab-pane label="事项清单" name="sxqd">
+                        <ul class="sxqd">
+                            <div class="zwsj" v-if="!this.sxqdList||!this.sxqdList.length">暂无数据</div>
+                            <li v-for="(item,index) in sxqdList">
+                                <span @click="goToLink(item.addr)" v-if="item.addr">{{item.mattersName}}</span>
+                                <span @click="goToLink('https://zwykb.cq.gov.cn/qxzz/naq/bszn/?rowGuid='+item.url)"
+                                    v-else-if="item.url">{{item.mattersName}}</span>
+                                <span v-else>{{item.mattersName}}</span>
+                            </li>
+                        </ul>
+                        <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+                            :page-size="7" layout="prev, pager, next" :total="total" class="popuppage">
+                        </el-pagination>
+
+                    </el-tab-pane>
+                    <el-tab-pane label="入驻部门" name="rzbm">
+                        <div class="zwsj" v-if="!this.rzbmList||!this.rzbmList.length">暂无数据</div>
+                        <ul class="sxqd" style="overflow-y: scroll;">
+                            <li v-for="(item,index) in rzbmList">
+                                <span>{{item.deptName}}</span>
+                            </li>
+                        </ul>
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+            <div v-show="popupType == '6'">
+                <div class="top">
+                    <div style="font-weight: bold;font-size: 14px;">{{btnName}}您可以办理：</div>
+                    <div class="right" style="font-size: 11px;">
+                        <span>工作时间：</span>
+                        <span>法定工作日 9:00-12:00 14:00-17:30</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="zxfw">
+            <div style="color: #004A93;margin: 15px 0;font-weight: bold;">特色服务</div>
+            <div class="buttonList">
+                <div class="button" @click="goToLink('wyyyMobile.html')">延时办</div>
+                <div class="button" @click="goToLink('wybdbMobile.html')">帮代办</div>
+                <div class="button" @click="goToLink('https://www.cqna.gov.cn/ykb_254/')">主题服务</div>
+                <div class="button" @click="goToLink('https://www.cqna.gov.cn/zwgk_254/zfxxgkml/msjxjsbmp/index.html')">
+                    免申即享</div>
+                <div class="button" @click="goToLink('https://www.cqna.gov.cn/ghwd/znwd/index.html')">智能问答</div>
+                <div class="button" @click="dialogVisible=true">窗口电话</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>
+<!-- 引入 Vue -->
+<script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.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>
+<script>
+    var nowDiv = new Vue({
+        el: "#app",
+        data: function () {
+            return {
+                activeName: 'second',
+                activeNametwo: 'rzbm',
+                popupShow: false,
+                btnName: '',
+                currentFloor: 1,
+                popupType: "other",
+                currentPage: 1,
+                total: 0,
+                btnid: 1,
+                dialogVisible: false,
+                inputValue: '',
+                floorList: [
+                    {
+                        id: 1,
+                        name: "一楼"
+                    },
+                    {
+                        id: 2,
+                        name: "二楼"
+                    },
+                    {
+                        id: 3,
+                        name: "三楼"
+                    },
+                ],
+                rzbmList: [],
+                sxqdList: [
+                    {
+                        id: 1,
+                        title: "残疾人证新办",
+                        url: ""
+                    },
+                    {
+                        id: 1,
+                        title: "残疾人证换领",
+                        url: ""
+                    },
+                    {
+                        id: 1,
+                        title: "残疾人证迁移",
+                        url: ""
+                    },
+                    {
+                        id: 1,
+                        title: "残疾人证挂失补办",
+                        url: ""
+                    },
+                    {
+                        id: 1,
+                        title: "残疾人证注销",
+                        url: ""
+                    },
+                    {
+                        id: 1,
+                        title: "残疾类别/等级变更",
+                        url: ""
+                    }
+                ]
+            };
+        },
+        created() {
+            this.unitBtnClick();
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('floorid');
+            $('.threed').show();
+            $('.vrdiv').hide();
+            document.querySelector('#app').classList.remove('hide');
+        },
+        methods: {
+            handleClose(done) {
+                this.dialogVisible = false;
+            },
+            handleCurrentChange(val) {
+                this.currentPage = val;
+                if (this.inputValue) {
+                    this.searchData(val);
+                } else {
+                    this.getItemList(val, this.btnid)
+                }
+            },
+            handleClick(tab, event) {
+            },
+            searchData(val) {
+                var that = this;
+                this.currentPage = val;
+                $.ajax({
+                    url: conpath + "/handleBusiness/search",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "keyword": that.inputValue,
+                        "currentPage": val,
+                        "pageSize": 7,
+                        "businessId": that.btnid
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        that.sxqdList = data.data.handleMatters.slice(0, 7);
+                        that.total = data.data.total;
+                        that.rzbmList = data.data.handleDepts;
+                    }
+                })
+            },
+            goToLink(url) {
+                if (url) {
+                    window.open(url);
+                }
+            },
+            floorChange(id) {
+                this.currentFloor = id;
+                this.popupType = 'other'
+                this.popupShow = false;
+                $('.threed').show();
+                $('.vrdiv').hide();
+                this.showthreed();
+                var detailDivs = document.getElementsByClassName('detailDiv');
+                detailDivs[0].style.display = 'none'; // 强制显示元素
+            },
+            showthreed() {
+                $('.threed').show();
+                $('.vrdiv').hide();
+                $('#vrdiv').removeClass('active');
+                $('#threed').addClass('active');
+                $('.redio').show();
+                $('.lines').show();
+                $('.lineh').show();
+            },
+            showvrdiv() {
+                $('.threed').hide();
+                $('.vrdiv').show();
+                $('#threed').removeClass('active');
+                $('#vrdiv').addClass('active');
+                $('.redio').hide();
+                $('.lines').hide();
+                $('.lineh').hide();
+                var detailDivs = document.getElementsByClassName('detailDiv');
+                detailDivs[0].style.display = 'none'; // 强制显示元素
+            },
+            backsw() {
+                window.location.href = "qjtMobile.html"
+            },
+            getItemList(currentPage, businessId) {
+                var that = this;
+                $.ajax({
+                    url: conpath + "/handleBusiness/query",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "currentPage": currentPage,
+                        "pageSize": 7,
+                        "businessId": businessId
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        that.sxqdList = data.data.handleMatters;
+                        that.total = data.data.total;
+                    }
+                })
+            }
+        }
+    })
+</script>
+<script>
+    var that = this;
+    document.querySelectorAll('.namebtn').forEach(function (element) {
+        element.addEventListener('click', function (event) {
+            const items = document.querySelectorAll('.namebtn');
+            // 清除所有兄弟节点的active类
+            items.forEach(i => {
+                i.classList.remove('active');
+            });
+
+            // 给当前点击的元素添加active类
+            this.classList.add('active');
+            var detailDivs = document.getElementsByClassName('detailDiv');
+            detailDivs[0].style.display = 'block'; // 强制显示元素
+
+
+            that.nowDiv.popupShow = true;
+
+            //获取弹窗内容
+            var popupType = element.getAttribute('data-popupType');
+            that.nowDiv.popupType = popupType ? popupType : "other";
+            //初始化tab栏
+            that.nowDiv.activeNametwo = "sxqd";
+            that.nowDiv.inputValue = '';
+            var id = element.getAttribute('data-id');
+            that.nowDiv.currentPage = 1;
+            if (id && id != 12) {
+                $('#tab-rzbm').css('display', 'inline-block')
+                $('.popuppage').css('display', 'block')
+                $('.search').css('display', 'flex')
+                that.nowDiv.btnid = id;
+                $.ajax({
+                    url: conpath + "/handleBusiness/" + id,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        var value = data.data;
+                        that.nowDiv.btnName = value.handleBusiness.handleName;
+                        that.nowDiv.rzbmList = value.handleDepts;
+                    }
+                })
+                that.nowDiv.getItemList(1, id)
+            } else if (id && id == 12) {
+                $('#tab-rzbm').css('display', 'none')
+                $('.popuppage').css('display', 'none')
+                $('.search').css('display', 'none')
+                that.nowDiv.btnName = '政务公开专区';
+                that.nowDiv.rzbmList = [];
+                that.nowDiv.sxqdList = [{
+                    id: 1,
+                    mattersName: '政府信息公开指南',
+                    addr: 'https://www.cqna.gov.cn/zwgk_254/zfxxgkzn/qzfgkzn/202402/t20240202_12897323.html'
+                },
+                {
+                    id: 2,
+                    mattersName: '政府信息公开申请表',
+                    addr: 'https://www.cqna.gov.cn/zwgk_254/zfxxgkzn/qzfgkzn/202402/t20240202_12897323.html'
+                },
+                {
+                    id: 3,
+                    mattersName: '依申请公开流程图',
+                    addr: 'https://www.cqna.gov.cn/zwgk_254/ysqgk/202310/t20231008_12406289.html'
+                },
+                {
+                    id: 4,
+                    mattersName: '重庆市南岸区人民政府行政规范性文件',
+                    addr: 'https://www.cqna.gov.cn/zwgk_254/zfxxgkml/zcwj/xzgfxwjk/'
+                },
+                {
+                    id: 5,
+                    mattersName: '中华人民共和国国务院公报',
+                    addr: 'https://www.gov.cn/gongbao/2024/issue_11606/'
+                },
+                {
+                    id: 6,
+                    mattersName: '重庆市人民政府公报',
+                    addr: 'https://www.cq.gov.cn/zwgk/zfxxgkml/zfgb/2024/'
+                }
+                ];
+            } else {
+                $('.search').css('display', 'flex')
+                $('#tab-rzbm').css('display', 'inline-block')
+                $('.popuppage').css('display', 'block')
+                that.nowDiv.btnName = '';
+            }
+        });
+    });
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/indexbmhqMobile.html

@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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>
+  <!-- 引入样式 -->
+  <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>
+  <style>
+    * {
+      padding: 0;
+      margin: 0;
+    }
+
+    ul {
+      list-style-type: none;
+    }
+
+    li {
+      list-style: 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;
+    }
+
+    .backbutton img {
+      margin-right: 0.625rem;
+    }
+
+    #indexcygyy {
+      font-family: Microsoft YaHei;
+      color: #FFFFFF;
+      box-sizing: border-box;
+      position: relative;
+    }
+
+    .content {
+      width: 100vw;
+      height: auto;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 10px;
+      box-sizing: border-box;
+    }
+
+    .title {
+      width: 100vw;
+      height: 53vw;
+      color: #FFFFFF;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+
+    .subtitle {
+      font-size: 21px;
+      display: flex;
+      justify-content: center;
+      letter-spacing: 6px;
+      padding-bottom: 15px;
+    }
+
+    .mainTitle {
+      font-family: DOUYU;
+      font-size: 43px;
+      font-weight: 600;
+      text-align: center;
+    }
+
+    video {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      z-index: -1;
+    }
+
+    .line {
+      width: 2px;
+      height: 12vw;
+      background: #E7E7E7;
+    }
+
+    .content .list {
+      width: 100%;
+      border-radius: 10px;
+      border: 2px solid #E7E7E7;
+      padding: 10px 8px;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      height: 27vw;
+      margin-top: 10px;
+    }
+
+    .content .list .left {
+      width: 35%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .content .list .left>img {
+      margin-bottom: 10px;
+    }
+
+    .content .list .tit {
+      font-size: 16px;
+      color: #333333;
+      font-weight: 600;
+      margin-right: 5px;
+      white-space: nowrap;
+    }
+
+    .content .right {
+      margin-left: 20px;
+      font-size: 14px;
+      color: #888;
+      width: calc(70% - 20px);
+      display: flex;
+      flex-wrap: wrap;
+      height: 100%;
+      align-content: space-between;
+    }
+
+    .content .right .link {
+      width: 50%;
+      word-break: break-all;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .content .listc {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      border-radius: 10px;
+      border: 2px solid #E7E7E7;
+      height: 25vw;
+    }
+
+    .content .listc .tit {
+      font-size: 18px;
+      color: #333333;
+      font-weight: 600;
+      margin-right: 5px;
+    }
+
+    .content .listc>img {
+      margin-bottom: 10px;
+    }
+  </style>
+</head>
+
+<body>
+  <div style="width:100%;" class="header"></div>
+  <div class="" id="indexcygyy">
+    <div class="title" style="position: relative;">
+      <div class="subtitle"><span style="margin-right: 20px">重庆市南岸区</span><span>重庆经开区</span></div>
+      <div class="mainTitle">便民惠企空间</div>
+      <video autoplay loop muted playsinline>
+        <source src="https://www.cqna.gov.cn/syygapi/five.mp4" type="video/mp4">
+        Your browser does not support the video tag.
+      </video>
+    </div>
+    <div class="content">
+      <div class="list" @click.stop="window.open('qjtMobile.html')" style="margin-top: 0;">
+        <div class="left">
+          <img src="images/sy1.png" alt="">
+          <div><span class="tit">政务全景通</span><img src="images/sy-arrow.png" alt=""></div>
+        </div>
+        <div class="line"></div>
+        <div class="right">
+          <div class="link" @click="window.open('wybdbMobile.html')">帮代办</div>
+          <div class="link" @click="window.open('wyyyMobile.html')">延时办</div>
+          <div class="link" @click="window.open('https://www.cqna.gov.cn/ykb_254/')">主题服务</div>
+          <div class="link" @click="window.open('https://www.cqna.gov.cn/maps/sy.html')">政务便民地图</div>
+          <div class="link" @click="window.open('https://www.cqna.gov.cn/llzx/#/')">网上政府驾驶舱</div>
+        </div>
+      </div>
+      <div class="list" @click.stop="goToLink('cytzMobile.html')">
+        <div class="left">
+          <img src="images/sy2.png" alt="">
+          <div><span class="tit">产业园区</span><img src="images/sy-arrow.png" alt=""></div>
+        </div>
+        <div class="line"></div>
+        <div class="right">
+          <div class="link" v-for="(item, index)  in this.titleList" :key="index" @click="window.open('dqfwNewMobile.html?id=' + item.id)">
+            {{item.title}}</div>
+        </div>
+      </div>
+      <div style="width: 100%;display:flex;margin-top: 10px;justify-content: space-between;">
+        <div class="listc" style="width: 48%;" @click="goToLink('tdcrlistMobile.html?id=-1')">
+          <img src="images/sy3.png" alt="">
+          <div><span class="tit">土地供应</span><img src="images/sy-arrow.png" alt=""></div>
+        </div>
+        <div class="listc" style="width: 48%;" @click="goToLink('ztcrlistMobile.html?id=-1')">
+          <img src="images/sy4.png" alt="">
+          <div><span class="tit">载体服务</span><img src="images/sy-arrow.png" alt=""></div>
+        </div>
+      </div>
+      <div class="list" @click.stop="goToLink('https://www.cqna.gov.cn/zczs/')" style="height: 24vw;">
+        <div class="left">
+          <img src="images/sy5.png" alt="">
+          <div><span class="tit">政策服务</span><img src="images/sy-arrow.png" alt=""></div>
+        </div>
+        <div class="line"></div>
+        <div class="right">
+          <div class="link" @click="window.open('https://www.cqna.gov.cn/zwgk_254/zfxxgkml/zcwj/')">政策文件</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/zczs/zcwd/')">政策问答</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/zwgk_254/zfxxgkml/zcjd/')">政策解读</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/zczs/zcjsq/')">政策计算器</div>
+        </div>
+      </div>
+      <div class="list" @click="window.open('https://nazhgz.cn/info-publish-pc')" style="height: 17vw;justify-content: center;">
+        <img src="images/sy6.png" alt="" style="margin-right: 30px;">
+        <div><span class="tit">智慧国资</span><img src="images/sy-arrow.png" alt=""></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: '#indexcygyy',
+    data: function () {
+      return {
+        activeName: '',
+        currentTab: 1,
+        titleList: [],
+        currentTitle: '',
+        parkDesc: '',
+        swiperList: [],
+        backgroundImage: 'https://www.cqna.gov.cn/syygapi/naxsb/images/yqgkBg.png',
+        fadeOut: false,
+        fadeIn: false
+      };
+    },
+    created() { },
+    mounted() {
+      this.getParkData()
+    },
+    methods: {
+      autoShow(val) {
+        this.activeName = String(val)
+      },
+      autoHide(val) {
+        this.activeName = ''
+      },
+      goToLink(url) {
+        if (url) {
+          window.location.href = url;
+        }
+      },
+      getParkData() {
+        let that = this;
+        $.ajax({
+          url: conpath + "/parkData/",
+          type: "get",
+          dataType: "json",
+          success: function (data) {
+            data.forEach(function (item) {
+              item.subtitleList = item.subtitle ? item.subtitle.split(",").slice(0, 3) : [];
+            })
+            that.titleList = data;
+          }
+        })
+      }
+    }
+  });
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/qjtMobile.html

@@ -0,0 +1,930 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/three.js"></script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/Detector.js"></script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/examples/js/libs/stats.min.js"></script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/examples/js/controls/OrbitControls.js"></script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/examples/js/loaders/GLTFLoader.js"></script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/examples/js/loaders/DRACOLoader.js"></script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/examples/js/renderers/CSS3DRenderer.js"></script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/examples/js/renderers/CSS2DRenderer.js"></script>
+    <!-- 引入 Vue -->
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.min.js"></script>
+    <!-- 引入样式 -->
+    <link rel="stylesheet" href="https://www.cqna.gov.cn/syygapi/naxsb/css/index.css">
+    <link rel="stylesheet" href="css/qjt.css">
+    <!-- 引入组件库 -->
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/index.js"></script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/echarts.min.js"></script>
+    <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>
+    <style>
+         * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        html,
+        body {
+            font-size: 14px;
+        }
+        .building-box {
+            cursor: pointer;
+        }
+
+        @keyframes blink {
+            from {
+                opacity: 1;
+            }
+
+            to {
+                opacity: 0;
+            }
+        }
+
+        .finger {
+            position: absolute;
+            top: -60px;
+            right: 20px;
+            color: #FF8000;
+            font-size: 16px;
+        }
+
+        #loading {
+            position: absolute;
+            left: 50%;
+            top: 45%;
+            transform: translate(-50%, 0)
+        }
+
+        .building-box {
+            text-align: center;
+            font-size: 12px;
+            width: 120px;
+            position: absolute;
+            top: 186px;
+            left: -58px;
+        }
+
+        .building-text {
+            background: #18A65A;
+            color: #fff;
+            padding: 4px;
+            border-radius: 8px;
+            margin-bottom: -8px;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .building-bottom {
+            background: #18A65A;
+            width: 10px;
+            height: 10px;
+            border-radius: 5px;
+            margin-left: calc(50% - 5px);
+        }
+
+        .building-line {
+            width: 1px;
+            height: 40px;
+            border-left: 1px dashed #18A65A;
+            position: absolute;
+            top: 229px;
+            left: 2px;
+        }
+
+        .qjttitle {
+            width: 100%;
+            position: absolute;
+            top: 0;
+            height: 14vw;
+            background-image: url(images/bg-qjt.png);
+            background-size: 100% 100%;
+            text-align: center;
+            line-height: 8vw;
+        }
+
+        .qjttitle span {
+            font-family: DOUYU;
+            font-size: 18px;
+            font-weight: 600;
+            background: -webkit-linear-gradient(top, #FFFFFF, #B0E0F6);
+            -webkit-background-clip: text;
+            color: transparent;
+            background-clip: text;
+            display: inline-block;
+            font-style: italic;
+            letter-spacing: 5px;
+        }
+
+        .floortitle {
+            width: 90%;
+            height: 18vw;
+            line-height: 20vw;
+            background-image: url(images/qjt1.png);
+            background-size: 100% 100%;
+            font-family: Microsoft YaHei;
+            font-size: 16px;
+            color: #FFFFFF;
+            font-style: italic;
+            padding-left: 8vw;
+            box-sizing: border-box;
+        }
+
+        .floorcontent {
+            width: 95vw;
+            height: 50vw;
+            background: #D3EBFF;
+            box-shadow: 5px 9px 9px 0px rgba(17, 126, 202, 0.24);
+            border-radius: 20px;
+            border: 2px solid #D0E0EA;
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            justify-content: center;
+            border: 2px solid #D0E0EA;
+        }
+
+        .floorcontent .list {
+            width: 40%;
+            font-size: 14px;
+        }
+
+        .floorcontent .bottom {
+            display: flex;
+            align-items: center;
+            margin-top: 10px;
+        }
+        .floorcontent .bottom span:first-child{
+            font-size: 20px;
+            font-weight: 600;
+            font-style: italic;
+            margin-right: 5px;
+        }
+
+
+        .floorcontent .radio::before {
+            content: '';
+            display: inline-block;
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            margin-right: 10px;
+        }
+
+        .floorcontent .blue .radio::before {
+            background-color: rgb(26 149 235 / 50%);
+        }
+
+        .floorcontent .blue .bottom {
+            color: #1A95EB;
+        }
+
+        .floorcontent .yellow .radio::before {
+            background-color: rgb(255 128 0 / 50%);
+        }
+
+        .floorcontent .yellow .bottom {
+            color: #FF8000;
+        }
+
+        .floorcontent .green .radio::before {
+            background-color: rgb(35 177 74 / 50%);
+        }
+
+        .floorcontent .green .bottom {
+            color: #23B14A;
+        }
+
+        .floorcontent .purple .radio::before {
+            background-color: rgb(137 84 255 / 50%);
+        }
+
+        .floorcontent .purple .bottom {
+            color: #8954FF;
+        }
+
+        .blsl .list {
+            width: 44%;
+            display: flex;
+            align-items: center;
+            height: 33%;
+        }
+
+        .blsl .list .img {
+            /* width: 30%; */
+            height: 90%;
+            display: flex;
+            justify-content: flex-end;
+            align-items: center;
+            margin-right: 5px;
+        }
+
+        .blsl .list .right {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: 75%;
+        }
+
+        .blsl .list .right>span {
+            white-space: nowrap;
+            font-size: 14px;
+        }
+
+        .blsl .list .right .number {
+            color: #5482F9;
+            font-size: 10px;
+        }
+
+        .blsl .list .right .number span:first-child {
+            font-weight: bold;
+            font-size: 20px;
+            font-style: italic;
+        }
+        .top_t {
+            padding: 10px 0;
+            border-bottom: 1px solid #5482F9;
+            height: 26px;
+            justify-content: space-between;
+        }
+
+        .top_t,
+        .bottom-t {
+            width: 100%;
+            display: flex;
+            font-size: 14px;
+            color: #5482F9;
+        }
+
+        .bottom-t {
+            flex-direction: column;
+            overflow-y: scroll;
+        }
+
+        .bottom-t::-webkit-scrollbar {
+            display: none;
+            /* Chrome, Safari 和 Opera */
+            -ms-overflow-style: none;
+            /* IE 和 Edge */
+            scrollbar-width: none;
+            /* Firefox */
+        }
+
+        .bottom-t .item {
+            width: 100%;
+            display: flex;
+            font-size: 14px;
+            padding: 10px 0;
+            justify-content: space-between;
+            border-bottom: 1px solid #5482F9;
+        }
+
+        .t1 {
+            width: 70px;
+            text-align: center;
+        }
+
+        .t1 span {
+            background: #1D96E9;
+            border: 1px solid #1D96E9;
+            padding: 0 5px;
+            border-radius: 2px;
+            color: #fff;
+        }
+
+        .t2 {
+            width: 100px;
+            text-align: center;
+            overflow: hidden;
+            word-break: break-all;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        .t3 {
+            width: calc(100% - 230px);
+            text-align: center;
+            overflow: hidden;
+            word-break: break-all;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div class="container" style="position: relative;">
+        <div class="row">
+            <div class="col-sm-12">
+                <div class="model-container"
+                    style="background: linear-gradient(180deg, rgb(246, 250, 255) 10%, rgb(214, 224, 235) 70%);">
+                    <div class="model-view">
+                        <canvas id="canvas-model-view" style="width: 100%;height: 100%;">您的浏览器不支持canvas!</canvas>
+                    </div>
+                    <div id="qjt">
+                        <div class="qjttitle">
+                            <span>
+                                南岸全景政务通
+                            </span>
+                        </div>
+                        <div class="onefloor conList">
+                            <div class="floortitle">叫号数据</div>
+                            <div class="floorcontent">
+                                <div class="list blue">
+                                    <div class="top radio">当前排队人数：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor1.png" alt="">
+                                        <div><span class="number" id="currWaitPeople2">-</span>
+                                            <span>人</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list yellow">
+                                    <div class="top radio">可办事项数量：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor2.png" alt="">
+                                        <div><span class="number" id="taskNum2">-</span>
+                                            <span>项</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list green">
+                                    <div class="top radio">平均等待时长：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor3.png" alt="">
+                                        <div><span class="number" id="waitTime2">-</span>
+                                            <span>分钟</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list purple">
+                                    <div class="top radio">窗口数：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor4.png" alt="">
+                                        <div><span class="number" id="winNum2">-</span>
+                                            <span>个</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="blsl conList">
+                            <div class="floortitle">累计办理数量</div>
+                            <div class="floorcontent">
+                                <div class="list">
+                                    <div class="img">
+                                        <img src="images/blsl4.png" alt="">
+                                    </div>
+                                    <div class="right">
+                                        <span>本日办理数量</span>
+                                        <div class="number">
+                                            <span id="currDayTaskNum">324</span>
+                                            <span>件</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list">
+                                    <div class="img">
+                                        <img src="images/blsl1.png" alt="">
+                                    </div>
+                                    <div class="right">
+                                        <span>本周办理数量</span>
+                                        <div class="number">
+                                            <span id="currWeekTaskNum">7152</span>
+                                            <span>件</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list">
+                                    <div class="img">
+                                        <img src="images/blsl2.png" alt="">
+                                    </div>
+                                    <div class="right">
+                                        <span>本月办理数量</span>
+                                        <div class="number">
+                                            <span id="currMonthTaskNum">78</span>
+                                            <span>件</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list">
+                                    <div class="img">
+                                        <img src="images/blsl3.png" alt="">
+                                    </div>
+                                    <div class="right">
+                                        <span>本年办理数量</span>
+                                        <div class="number">
+                                            <span id="currYearTaskNum">78</span>
+                                            <span>件</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="twofloor conList">
+                            <div class="floortitle">实时办件详情</div>
+                            <div class="floorcontent" style="flex-wrap: nowrap;flex-direction: column;padding: 5px;">
+                                <div class="top_t">
+                                    <div class="t1">状态</div>
+                                    <div class="t2">受理部门</div>
+                                    <div class="t3">办理名称</div>
+                                </div>
+                                <div style="width: 100%;height:100%;overflow:hidden;">
+                                    <div class="bottom-t">
+                                        <div class="item" v-for="(item, index)  in bjxqList">
+                                            <div class="title t1"><span
+                                                    v-if="item.state&&item.state=='在办'">{{item.state}}</span>
+                                                <span style="background: #18A65A;border: 1px solid #18A65A;"
+                                                    v-else>{{item.state}}</span>
+                                            </div>
+                                            <div class="date t2" :title="item.acceptedDepartment">
+                                                {{item.acceptedDepartment}}</div>
+                                            <div class="date t3" :title="item.handlingName">
+                                                {{item.handlingName?item.handlingName.split("—")[0]:''}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="pdgdf conList">
+                            <div class="floortitle">大厅取号高低峰图</div>
+                            <div class="floorcontent">
+                                <div id="pdgdfechart" style="width: 100%;height: 100%;"></div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div id="loading">
+            <i class="fa fa-spinner fa-spin fa-fw"></i>加载中...
+        </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 src="https://www.cqna.gov.cn/syygapi/naxsb/js/jquery-3.5.1.min.js"></script>
+<script>
+    // 判断浏览器是否支持 webgl
+    if (!Detector.webgl) Detector.addGetWebGLMessage();
+    let mwidth = window.innerWidth;
+    let mheight = window.innerHeight;
+    // 初始化场景
+    let scene = new THREE.Scene();
+    // 初始化摄像机
+    let camera = new THREE.PerspectiveCamera(10, mwidth / mheight, 1, 1000000);
+    // camera.position.set(90000, 41120, 81120);
+    camera.position.set(50000, 71120, 51120);
+    camera.lookAt(new THREE.Vector3(0, 0, 0));
+    let renderer = new THREE.WebGLRenderer({
+        canvas: document.getElementById("canvas-model-view"),
+        antialias: true, // 设置抗锯齿
+        alpha: true, // 背景透明
+        autoClear: true,
+        logarithmicDepthBuffer: true
+    });
+    renderer.setSize(mwidth, 724);
+    renderer.shadowMap.enabled = true;
+
+    // 2D 文字渲染
+    let css2Renderer = new THREE.CSS2DRenderer();
+    css2Renderer.setSize(mwidth, mheight);
+    css2Renderer.domElement.style.position = 'absolute';
+    css2Renderer.domElement.style.top = '0px';
+    css2Renderer.domElement.style.pointerEvents = 'none';
+    document.body.appendChild(css2Renderer.domElement);
+
+    // 四个方向的平行光
+
+    // 环境光
+    let ambient = new THREE.AmbientLight(0x404040, 0.1);
+    scene.add(ambient);
+
+
+    var pointLight = new THREE.PointLight(0xf0e68c, 0.9, 12500);
+    pointLight.position.set(0, 8500, 0);
+    pointLight.castShadow = true;
+    pointLight.shadow.camera.near = 1;
+    pointLight.shadow.camera.far = 15000;
+    pointLight.shadow.mapSize.width = 10240;
+    pointLight.shadow.mapSize.height = 10240;
+    scene.add(pointLight);
+
+
+
+
+    // 加载模型文件
+    let gLTFLoader = new THREE.GLTFLoader()
+    let dracoLoader = new THREE.DRACOLoader();
+    dracoLoader.setDecoderPath('https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/examples/js/libs/draco/gltf/');
+    dracoLoader.setDecoderConfig({
+        type: 'js'
+    });
+    gLTFLoader.setDRACOLoader(dracoLoader);
+    gLTFLoader.load('https://www.cqna.gov.cn/syygapi/naxsb/3ddemo/model/27.gltf', function (obj) {
+        obj.scene.traverse(function (child) {
+            if (child.isMesh) {
+                child.frustumCulled = false;
+                child.castShadow = true;
+                child.receiveShadow = true;
+                child.material.emissive = child.material.color;
+                child.material.emissiveMap = child.material.map;
+                child.material.transparent = true;
+                child.material.emissiveIntensity = 0.8;
+                if (child.name) {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    div.style = 'color:red;';
+                    div.setAttribute("data", child.name);
+                    div.innerHTML = '<p data-name="' + child.name + '"></p>';
+                    let tag = new THREE.CSS2DObject(div);
+                }
+                // 一号楼
+                if (child.name == 'yihaolou') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div class="building-box" style="width: 100px; top: 70px; left: -48px;">';
+                    html += '<div class="building-text" style="background: #1D96E9;" onclick="handleClick()">';
+                    html += '<span>1号楼</span><span style="font-size: 10px;">社保大厅、医保大厅</span>';
+                    html += '</div>';
+                    html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
+                    html += '</div>';
+                    html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: 110px;"></div>';
+                    html += `<div style="font-size: 12px;background: #18A65A;width: 100px;top: 326px;left: 48px;position: absolute;display: flex;flex-direction: column;align-items: flex-start;color: #fff;">
+                                <span>地下停车场入口⬇</span>
+                            </div>`
+                    html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: 326px;left: 48px;"></div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+
+
+
+
+
+
+                }
+                // 二号楼
+                if (child.name == 'erhaolou') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div class="building-box" style="width: 100px; top: 28px; left: -48px;">';
+                    html += '<div class="finger" style="animation:blink 1s infinite;"><img src="https://www.cqna.gov.cn/syygapi/naxsb/images/finger.png">点我</div>';
+                    html += '<div class="building-text" style="background: #1D96E9;">';
+                    html += '<span>2号楼</span></span></span><span style="font-size: 10px;">南岸区政务服务中心</span>';
+                    html += '</div>';
+                    html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
+                    html += '</div>';
+                    html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: 72px;"></div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+                    div.style.pointerEvents = 'auto';
+
+                    div.addEventListener('click', function (event) {
+                        window.location.href = 'flooroneMobile.html?floorid=' + 2;
+                    });
+                }
+                // 三号楼
+                if (child.name == 'sanhaolou') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div class="building-box" style="width: 50px; top: 73px; left: -23px;">';
+                    html += '<div class="building-text" style="background: #1D96E9;">';
+                    html += '<span>3号楼</span><span style="font-size: 10px;"></span>';
+                    html += '</div>';
+                    html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
+                    html += '</div>';
+                    html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: 90px;"></div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+                }
+                // 四号楼
+                if (child.name == 'sihaolou-Chrome') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div class="building-box">';
+                    html += `<div class="text" style="top: -51px;left: 146px;position: absolute;display: flex;flex-direction: column;align-items: flex-start;color: #1A95EB;">
+                                <span style="font-size: 16px;font-weight: bold;margin-bottom: 5px;">地铁6号线</span>
+                                <span>邱家湾站2B出口</span>
+                                <span>距离：800米</span>
+                                <img src="https://www.cqna.gov.cn/syygapi/naxsb/images/qjtArrow.png" alt="" style="">
+                            </div>`
+                    html += '<div class="building-text">';
+                    html += '<span>4号楼</span><span style="font-size: 10px;">商务打印、小卖部、食堂</span>';
+                    html += '</div>';
+                    html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#18A65A"/></svg>';
+                    html += '</div>';
+                    html += '<div class="building-line"></div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+                }
+                if (child.name == 'chedao-chedao') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div style="font-size: 12px; width: 80px; text-align: center;">';
+                    html += '<div class="building-text" style="background: #18A65A; margin-bottom: -2px;">';
+                    html += '<span style="text-align: left;">停车场</span>';
+                    html += '<span style="font-size: 10px; text-align: left;">空余车位：-</span>';
+                    html += '<span style="font-size: 10px; text-align: left;">空余充电桩：-</span>';
+                    html += '</div>';
+                    html += '</div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+                }
+            }
+        });
+        scene.add(obj.scene);
+
+
+
+
+        const box = new THREE.Box3().setFromObject(obj.scene);
+        const center = new THREE.Vector3();
+        box.getCenter(center);
+        obj.scene.position.sub(center);
+
+        document.getElementById('loading').style.display = 'none';
+        render();
+    }, function (xhr) {
+    }, function (error) {
+    })
+
+    function render() {
+        css2Renderer.render(scene, camera)
+        renderer.render(scene, camera);
+    }
+
+    render();
+    let controls = new THREE.OrbitControls(camera, renderer.domElement);
+    controls.enableZoom = false
+
+    controls.maxPolarAngle = Math.PI / 2
+    controls.minPolarAngle = 0
+
+    controls.addEventListener('change', render);
+
+    let axisHelper = new THREE.AxisHelper(50050);
+</script>
+<script>
+
+    new Vue({
+        el: '#qjt',
+        data: function () {
+            return {
+                bjxqList: []
+            };
+        },
+        created() {
+            this.getSSbj();
+        },
+        beforeDestroy() {
+            this.stopClock();
+        },
+        methods: {
+            addKeyFrames(y) {
+                let i = 0
+                setInterval(function () {
+                    if (i >= y) return i = 0
+                    i++
+                    document.querySelector('.bottom-t').style.marginTop = `-${i}px`
+                }, 50);
+            },
+            getSSbj() {
+                let that = this;
+                $.ajax({
+                    url: 'https://data.cqna.gov.cn:8088/kshapi/api/page2/top2',
+                    type: "get",
+                    dataType: "json",
+                    async: false,
+                    success: function (data) {
+                        var data = data.data;
+                        that.bjxqList = data.data;
+                    }
+                });
+                var height = document.querySelector('.item') ? document.querySelector('.item').clientHeight - 20 : 0;
+                if (this.bjxqList.length) {
+                    this.addKeyFrames(height * this.bjxqList.length);
+                }
+            }
+        }
+    });
+</script>
+<script>
+    var chartDom = document.getElementById('pdgdfechart');
+    var myChart = echarts.init(chartDom);
+    var option;
+
+    option = {
+        color: ['#80FFA5'],
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: {
+                type: 'cross',
+                label: {
+                    backgroundColor: '#6a7985'
+                }
+            }
+        },
+        grid: {
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
+        },
+        xAxis: [
+            {
+                type: 'category',
+                boundaryGap: false,
+                data: ['8:00', '9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:30'],
+                axisLabel: {
+                    color: 'rgba(26,149,235,0.5);' // 这里设置刻度字的颜色为蓝色
+                }
+            }
+        ],
+        yAxis: [
+            {
+                type: 'value',
+                name: '人次',
+                nameTextStyle: {
+                    color: "#2A6594",
+                    fontSize: '14'
+                },
+                axisTick: {
+                    show: true // 显示Y轴刻度线
+                },
+                axisLine: {
+                    show: true
+                },
+                axisLabel: {
+                    color: 'rgba(26,149,235,0.5);' // 这里设置刻度字的颜色为蓝色
+                }
+            }
+        ],
+        series: [
+            {
+                name: '大厅取号高低峰指数',
+                type: 'line',
+                stack: 'Total',
+                smooth: true,
+                lineStyle: {
+                    width: 0
+                },
+                areaStyle: {
+                    opacity: 0.8,
+                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                        {
+                            offset: 0,
+                            color: 'rgb(17 126 202)'
+                        },
+                        {
+                            offset: 1,
+                            color: 'rgb(192 215 231)'
+                        }
+                    ])
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [14, 72, 138, 150, 26, 2, 60, 154, 100, 44]
+            }
+        ]
+    };
+
+    option && myChart.setOption(option);
+</script>
+<script>
+    var path = "https://www.cqna.gov.cn/data";
+
+    function handlingNumber(area, timeType) {
+        var data1 = ''
+        $.ajax({
+            url: path + "/department/getOfficeNumberByAreaInfo",
+            dataType: "json",
+            type: "get",
+            cache: false,
+            async: false,
+            data: {
+                "area": area,
+                "timeType": timeType
+            },
+            success: function (data) {
+                data1 = data.data
+            },
+
+
+            error: function () {
+                alert('网络错误，请稍后再试！');
+            }
+        });
+
+        return data1;
+    }
+
+    function animateValue(obj, start, end, duration) {
+        let startTimestamp = null;
+        const step = (timestamp) => {
+            if (!startTimestamp) startTimestamp = timestamp;
+            const progress = Math.min((timestamp - startTimestamp) / duration, 1);
+            obj.innerHTML = Math.floor(progress * (end - start) + start);
+            if (progress < 1) {
+                window.requestAnimationFrame(step);
+            } else {
+                obj.classList.remove('animate');
+            }
+        };
+        obj.classList.add('animate');
+        window.requestAnimationFrame(step);
+    }
+    const time = 2 * 1000;
+    let that = this;
+
+    function getCurrentPerson() {
+        $.ajax({
+            url: conpath + "/qjt/",
+            type: "get",
+            dataType: "json",
+            async: false,
+            success: function (data) {
+                const waitTime2 = document.getElementById('waitTime2');
+                animateValue(waitTime2, 0, data.data[0], time);
+                const currWaitPeople2 = document.getElementById('currWaitPeople2');
+                animateValue(currWaitPeople2, 0, data.data[1], time);
+
+            }
+        })
+    }
+    getCurrentPerson();
+    var intervalId = setInterval(getCurrentPerson, 1800000);
+
+    function getCurrentItem() {
+        $.ajax({
+            url: conpath + "/solveAffairs/",
+            type: "get",
+            dataType: "json",
+            async: false,
+            success: function (data) {
+                var data = data.data;
+                const currDayTaskNumElement = document.getElementById('currDayTaskNum');
+                animateValue(currDayTaskNumElement, 0, data[0], time);
+                const currWeekTaskNumElement = document.getElementById('currWeekTaskNum');
+                animateValue(currWeekTaskNumElement, 0, data[1], time);
+                const currMonthTaskNumElement = document.getElementById('currMonthTaskNum');
+                animateValue(currMonthTaskNumElement, 0, data[2], time);
+                const currYearTaskNumElement = document.getElementById('currYearTaskNum');
+                animateValue(currYearTaskNumElement, 0, data[3], time);
+            }
+        })
+    }
+    getCurrentItem();
+    var intervalId1 = setInterval(getCurrentItem, 300000);
+
+    window.addEventListener('beforeunload', function () {
+        clearInterval(intervalId);
+        clearInterval(intervalId1);
+    });
+    const taskNumElement2 = document.getElementById('taskNum2');
+    animateValue(taskNumElement2, 0, 798, time);
+    const winNumElement2 = document.getElementById('winNum2');
+    animateValue(winNumElement2, 0, 78, time);
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/tdcrMobile.html

@@ -0,0 +1,440 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <link rel="stylesheet" href="https://www.cqna.gov.cn/syygapi/naxsb/swiper/swiper-bundle.css">
+    <!-- 引入 Vue -->
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.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>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/jquery-3.5.1.min.js"></script>
+    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
+    </script>
+    <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>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        html,
+        body {
+            background-color: #EDF5FF;
+        }
+
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        #tdcr>.top {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #B7C7DC;
+            background: #FFFFFF;
+            padding: 0 10px;
+        }
+
+        .toplogo {
+            display: flex;
+            align-items: center;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 18px;
+            color: #186FF0;
+            height: 11vw;
+            border-bottom: 1px solid #B7C7DC;
+            cursor: pointer;
+        }
+
+        .toplogo img {
+            margin-bottom: 10px;
+            margin-right: 10px;
+        }
+
+        .contentleft {
+            width: 100vw;
+            background-color: #EDF5FF;
+            font-size: 16px;
+            color: #333;
+            padding: 10px;
+            box-sizing: border-box;
+            font-family: Microsoft YaHei;
+        }
+
+        .contentleft>.list .listitm {
+            width: 32.5%;
+        }
+
+        .swiperimg {
+            display: flex;
+            justify-content: space-between;
+            position: relative;
+            flex-direction: column;
+        }
+
+        .swiper {
+            width: 100%;
+            margin: auto;
+            margin-top: 20px;
+        }
+
+        .swiper-slide {
+            text-align: center;
+            font-size: 18px;
+            background: #fff;
+
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: -webkit-flex;
+            display: flex;
+            -webkit-box-pack: center;
+            -ms-flex-pack: center;
+            -webkit-justify-content: center;
+            justify-content: center;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            -webkit-align-items: center;
+            align-items: center;
+        }
+
+        .swiper-slide img {
+            width: 100%;
+            height: 15vw;
+            cursor: pointer;
+        }
+        .swiper-button-prev:after,
+        .swiper-rtl .swiper-button-next:after {
+           color: #fff;
+           font-size: 16px;
+        }
+
+        .swiper-button-next:after,
+        .swiper-rtl .swiper-button-prev:after {
+           color: #fff;
+           font-size: 16px;
+        }
+        .itemname{
+            margin: 15px 0;
+        }
+
+        .tablecon .cont {
+            width: auto;
+            min-width: 157px;
+            background: #fff !important;
+        }
+
+        .contentleft .tablecon {
+            background: transparent;
+            padding: 0;
+            margin-top: 30px;
+            color: #4B98F6;
+        }
+
+        .contentleft .tablecon tr {
+            height: 10vw;
+        }
+
+        .contentleft .tablecon .tit {
+            width: 22vw;
+            background: #DEEDFF;
+            text-align: center;
+        }
+
+        .contentleft .tablecon .cont {
+            padding-left: 20px;
+        }
+
+        .contentleft .tablecon td {
+            width: auto;
+            border: 1px solid #4B98F6;
+        }
+
+        .contentright {
+            width: 100vw;
+            height: 73vw;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div id="tdcr">
+        <div class="top">
+            <div class="toplogo">
+                <img src="images/gyylogo.png" alt="">
+                <span>土地供应</span>
+            </div>
+            <div class="backbutton" @click="window.history.go(-1)">
+                <img src="images/back1.png" alt="">
+            </div>
+        </div>
+        <div style="display: flex;flex-direction: column;">
+            <div class="contentright" id="mapcontainer"></div>
+            <div class="contentleft">
+                <div class="itemname" style="display: flex;flex-direction: column;">
+                    <span>{{ tdcrDetail.landName }}</span>
+                </div>
+                <div class="swiperimg">
+                    <img :src="imgUrl" alt="" style="width: 100%;height:47vw;">
+                    <div class="swiper mySwiper">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide list" v-for="(item,index) in swiperList" @click="imgDetail(item)">
+                                <img :src="item" alt="">
+                            </div>
+                        </div>
+                        <div class="swiper-button-next"></div>
+                        <div class="swiper-button-prev"></div>
+                    </div>
+                </div>
+                <div class="tablecon" style="font-size: 15px;">
+                    <table style="width: 100%" border="0" cellspacing="0">
+                        <tbody>
+                            <tr>
+                                <td class="tit">地块面积</td>
+                                <td class="cont">{{ tdcrDetail.landArea?tdcrDetail.landArea:'无' }}&nbsp;亩</td>
+                            </tr>
+                            <tr>
+                                <td class="tit">所属区域</td>
+                                <td class="cont">
+                                    {{(tdcrDetail.parkData&&tdcrDetail.parkData.title)?tdcrDetail.parkData.title:'南岸区'}}
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="tit">拆迁情况</td>
+                                <td class="cont">{{ id==='2'?'已平场':tdcrDetail.remove?tdcrDetail.remove:'无' }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tit">土地用途</td>
+                                <td class="cont">{{ tdcrDetail.landFunction?tdcrDetail.landFunction:'无' }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tit">联系人</td>
+                                <td class="cont">{{ tdcrDetail.contactName?tdcrDetail.contactName:'无' }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tit">联系电话</td>
+                                <td class="cont">{{ tdcrDetail.contactPhone?tdcrDetail.contactPhone:'无' }}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </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 src="https://www.cqna.gov.cn/syygapi/naxsb/swiper/swiper-bundle.js"></script>
+<script>
+    new Vue({
+        el: '#tdcr',
+        data: function () {
+            return {
+                reqPtah: '',
+                tdcrDetail: {},
+                imgUrl: '',
+                backgroundImage: 'https://www.cqna.gov.cn/syygapi/naxsb/images/indexsyyg.png',
+                swiperList: [],
+                id: null
+            }
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('tdid');
+            this.id = id
+            this.getLandDetail(id);
+            this.$nextTick(() => {
+                var swiper = new Swiper('.mySwiper', {
+                    slidesPerView: 3,
+                    spaceBetween: 10,
+                    slidesPerGroup: 3,
+                    loop: true,
+                    loopFillGroupWithBlank: true, navigation: {
+                        nextEl: '.swiper-button-next',
+                        prevEl: '.swiper-button-prev',
+                    },
+                });
+            })
+            if (id == 4) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/npxqcyy.jpg';
+            } else if (id == 6) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/dxkjy.jpg';
+            } else if (id == 5) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ylcxg.jpg';
+            } else if (id == 1) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/cycyy.jpg';
+            } else if (id == 2) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/xjqcdzcyy.jpg';
+            } else if (id == 3) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/cjlscxcyy.jpg';
+            } else {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/tdcy.webp';
+            }
+        },
+        methods: {
+            backIndex() {
+                window.history.go(-1)
+            },
+            imgDetail(imgurl) {
+                if (imgurl == "https://www.cqna.gov.cn/syygapi/naxsb/images/tdcr0.png") {
+                    return
+                }
+                this.imgUrl = imgurl;
+            },
+            loadMap(points, namePoint, centerPoint, yqpoints) {
+                let map = new BMap.Map("mapcontainer");
+                map.enableScrollWheelZoom();
+                map.enableDragging();
+                if (yqpoints) {
+                    var id = yqpoints.id;
+                    if (id == 1) {
+                        map.centerAndZoom(new BMap.Point(106.651444, 29.45682), 14);
+                    } else if (id == 2) {
+                        map.centerAndZoom(new BMap.Point(106.76723874457288, 29.573276880811712), 14);
+                    } else if (id == 3) {
+                        map.centerAndZoom(new BMap.Point(106.69517131217539, 29.51577313312822), 15);
+                    } else if (id == 4) {
+                        map.centerAndZoom(new BMap.Point(106.559829995157, 29.501581648208534), 15);
+                    } else if (id == 5) {
+                        map.centerAndZoom(new BMap.Point(106.72194027111843, 29.513690776940248), 16);
+                    } else if (id == 6) {
+                        map.centerAndZoom(new BMap.Point(106.70580793222035, 29.514020426917684), 16);
+                    } else {
+                        map.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
+                    }
+                    var points1 = yqpoints.addr;
+                    let pointList1 = points1.split('@');
+                    let result1 = [];
+                    pointList1.forEach(function (point) {
+                        let arr = point.split(',');
+                        result1.push(new BMap.Point(arr[0], arr[1]));
+                    });
+
+                    let polygon1 = new BMap.Polygon(result1, {
+                        strokeColor: "transparent",
+                        strokeWeight: 0,
+                        strokeOpacity: 1,
+                        strokeStyle: "solid",
+                        fillColor: yqpoints.color,
+                        fillOpacity: 0.85
+                    });
+
+                    map.addOverlay(polygon1);
+                } else if (!yqpoints && centerPoint) {
+                    let centerarr = centerPoint.split(',');
+                    map.centerAndZoom(new BMap.Point(centerarr[0], centerarr[1]), 15);
+                } else {
+                    map.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
+                }
+                map.setMapType(BMAP_NORMAL_MAP);
+                if (!points) return;
+                let pointList = points.split('@');
+                let result = [];
+                pointList.forEach(function (point) {
+                    let arr = point.split(',');
+                    result.push(new BMap.Point(arr[0], arr[1]));
+                });
+
+                let polygon = new BMap.Polygon(result, {
+                    strokeColor: "#4BB664",
+                    strokeWeight: 4,
+                    strokeOpacity: 1,
+                    strokeStyle: "solid",
+                    fillColor: "transparent",
+                    fillOpacity: 0.3
+                });
+                setInterval(function () {
+                    var strColor = polygon.getStrokeColor();
+                    if (strColor == "#4BB664") {
+                        polygon.setStrokeColor('red');
+                    } else {
+                        polygon.setStrokeColor('#4BB664');
+                    }
+                }, 500)
+
+                map.addOverlay(polygon);
+
+                if (!namePoint) return;
+                let namearr = namePoint.split(',');
+                var opts = {
+                    position: new BMap.Point(namearr[0], namearr[1]),
+                    offset: new BMap.Size(10, 10)
+                };
+
+                var label = new BMap.Label(this.tdcrDetail.landName, opts);
+
+                label.setStyle({
+                    color: "#186FF0",
+                    fontSize: "18px",
+                    height: "auto",
+                    lineHeight: "20px",
+                    fontFamily: "微软雅黑",
+                    fontWeight: 'bold',
+                    backgroundColor: 'transparent',
+                    border: 'none',
+                    textShadow: '0 0 4px #4B97F5',
+                    textStrokeColor: "#4B97F5",
+                    textStrokeWidth: "4px",
+                });
+                map.addOverlay(label);
+
+            },
+            getLandDetail(id) {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/sellLand/" + id,
+                    type: "get",
+                    async: false,
+                    dataType: "json",
+                    success: function (d) {
+                        let data = d.data;
+                        if (!data) return;
+                        that.tdcrDetail = data;
+                        that.swiperList = data.imgUrl ? data.imgUrl.split(",") : [];
+                        if (!that.swiperList.length) {
+                            that.swiperList.push(backgroundImage)
+                        }
+                        that.imgUrl = that.swiperList[0];
+                        let points = data.parkData;
+                        that.loadMap(data.point, data.namePoint, data.centerPoint, points)
+                    }
+                });
+            }
+        }
+    })
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/tdcrlistMobile.html

@@ -0,0 +1,568 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <link rel="stylesheet" href="css/mapcon.css">
+    <!-- 引入 Vue -->
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.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>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/jquery-3.5.1.min.js"></script>
+    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
+    </script>
+    <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>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        html,
+        body {
+            background-color: #EDF5FF;
+        }
+
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        input {
+            background: none;
+            border: none;
+            outline: none;
+            padding: 0;
+            margin: 0;
+            font-size: 16px;
+            /* 根据需要调整 */
+            color: inherit;
+            /* 继承父元素的文字颜色 */
+        }
+
+        .contentleft {
+            width: 100vw;
+            background-color: #EDF5FF;
+            font-size: 20px;
+            color: #333;
+            box-sizing: border-box;
+            font-family: Microsoft YaHei;
+            box-sizing: border-box;
+        }
+
+        .contentleft>.content {
+            width: 100%;
+            height: 100%;
+            background: #fff;
+            box-sizing: border-box;
+        }
+
+        .contentright {
+            width: 100vw;
+            height: 73vw;
+        }
+
+        #ztcr>.top {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #B7C7DC;
+            background: #FFFFFF;
+            padding: 0 10px;
+        }
+
+        .toplogo {
+            display: flex;
+            align-items: center;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 18px;
+            color: #186FF0;
+            height: 11vw;
+        }
+
+        .toplogo img {
+            margin-bottom: 10px;
+            margin-right: 10px;
+        }
+
+        .tjdz {
+            display: flex;
+            margin-top: 20px;
+            flex-wrap: wrap;
+            font-size: 16px;
+        }
+
+        .tjdz li {
+            width: 48%;
+            text-align: center;
+            height: 48px;
+            line-height: 48px;
+            background: #FFFFFF;
+            border-radius: 10px;
+            border: 1px solid #DADADA;
+            text-align: center;
+            margin-right: 5px;
+            cursor: pointer;
+            margin-bottom: 10px;
+            white-space: nowrap;
+        }
+
+        .tjdz li:nth-child(2n) {
+            float: left;
+            margin-right: 0;
+        }
+
+        .tjdz li.active {
+            background: #4B98F6;
+            color: #FFFFFF;
+            border: 1px solid #4B98F6;
+        }
+
+        .contentleft>.content {
+            background: transparent;
+        }
+
+        .content .search {
+            display: flex;
+            margin: 10px 0;
+        }
+
+        .content .search>.input {
+            width: calc(100% - 22vw);
+            height: 10vw;
+            background: #DEEDFF;
+            border-radius: 10px;
+            border: 1px solid #4B98F6;
+            color: #4B98F6;
+            font-size: 16px;
+            padding-left: 15px;
+        }
+
+        .content .search>.input::placeholder {
+            color: #4B98F6;
+            font-size: 14px;
+        }
+
+        .content .search>.btn {
+            width: 22vw;
+            height: 10vw;
+            background: #4B98F6;
+            border-radius: 10px;
+            font-size: 15px;
+            color: #FFFFFF;
+            line-height: 10vw;
+            margin-left: 10px;
+            text-align: center;
+        }
+
+        .content .con {
+            display: flex;
+            flex-wrap: wrap;
+            margin-top: 10px;
+            overflow-y: scroll;
+            align-content: flex-start;
+            justify-content: space-between;
+            padding: 10px;
+        }
+
+        .content .con::-webkit-scrollbar {
+            width: 0px;
+            height: 0px;
+        }
+
+        .con .list {
+            width: 46vw;
+            height: 32vw;
+            margin-right: 1%;
+            margin-bottom: 30px;
+            background-color: #fff;
+        }
+
+        .con .list:nth-child(2n) {
+            margin-right: 0;
+        }
+
+        .con .list .bg {
+            width: 100%;
+            height: 23vw;
+            position: relative;
+
+        }
+
+        .con .list .bg img {
+            width: 100%;
+            height: 100%;
+        }
+
+        .con .list .number {
+            width: 100%;
+            background: #000000;
+            opacity: 0.51;
+            font-size: 14px;
+            color: #FC6F03;
+            position: absolute;
+            bottom: 0;
+            padding-left: 10px;
+            box-sizing: border-box;
+        }
+
+        .con .list .title {
+            font-size: 16px;
+            color: #333333;
+            margin: 2.5vw;
+            margin-bottom: 5px;
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            display: block;
+        }
+
+        .con .list .content {
+            font-size: 16px;
+            color: #333333;
+            opacity: 0.6;
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            display: flex;
+        }
+
+        .con .list .content img {
+            margin-right: 10px;
+        }
+
+        .zwsj {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+            color: #999999;
+            flex-direction: column;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div id="ztcr">
+        <div class="top">
+            <div class="toplogo">
+                <img src="images/gyylogo.png" alt="">
+                <span>土地供应</span>
+            </div>
+            <div class="backbutton" @click="window.history.go(-1)">
+                <img src="images/back1.png" alt="">
+            </div>
+        </div>
+        <div style="display: flex;flex-direction: column;">
+            <div class="contentright" id="mapcontainer"></div>
+            <div class="contentleft">
+                <div class="content">
+                    <div style="background: #fff;padding:10px;width: 100vw;box-sizing: border-box;">
+                        <div class="tjdz">
+                            <li v-for="(item,index) in pqList" :class="{ active: currentPq == item.id }" :key="index"
+                                @click="handleParkChange(item)">{{item.title}}</li>
+                        </div>
+                        <div class="search">
+                            <input v-model="inputValue" class="input" placeholder="请输入关键字进行搜索"></input>
+                            <div class="btn" @click="searchData">搜&nbsp;索</div>
+                        </div>
+                    </div>
+                    <div class="con">
+                        <div class="zwsj" v-if="!this.contentList.length"><img src="images/zwsj.png"
+                                alt=""><span>暂无数据</span></div>
+                        <div class="list" v-for="(item,index) in contentList"
+                            @click="goToLink('tdcrMobile.html?tdid=' + item.id)">
+                            <div class="bg">
+                                <img :src="item.imgUrl?item.imgUrl:backgroundImage" alt="">
+                                <div class="number">{{item.landArea}}&nbsp;亩</div>
+                            </div>
+                            <div class="title">{{item.landName}}</div>
+                        </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: '#ztcr',
+        data: function () {
+            return {
+                reqPtah: '',
+                contentList: [],
+                pageSize: 10000,
+                pointList: [],
+                currentPq: -1,
+                inputValue: '',
+                backgroundImage: 'https://www.cqna.gov.cn/syygapi/naxsb/image/cycyy.jpg',
+                pqList: [
+                ],
+                yqMapAddr: '',
+                allpointList: '',
+                titleList: []
+            }
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('id');
+            this.currentPq = id;
+            this.getParkDetail();
+            this.getParkData();
+            this.getSellLand(id);
+        },
+        methods: {
+            goDeteil(id) {
+                if (id) {
+                    window.location.href = "ztcrdetailMobile.html?ztid=" + id;
+                }
+            },
+            handleParkChange(data) {
+                this.currentPq = data.id;
+                this.inputValue = '';
+                this.getParkDetail();
+                this.getSellLand(data.id);
+            },
+            searchData() {
+                const url = new URL(window.location.href);
+                const id = url.searchParams.get('id');
+                this.getSellLand(id);
+            },
+            goToLink(url) {
+                const addr = new URL(window.location.href);
+                const id = addr.searchParams.get('id');
+                if (url) {
+                    window.location.href = url + '?id=' + id;
+                }
+            },
+            getParkData() {
+                let that = this;
+                that.pqList = [];
+                that.pqList.push({
+                    id: -1,
+                    title: "全部"
+                });
+                $.ajax({
+                    url: conpath + "/parkData",
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        data.forEach(function (d) {
+                            that.pqList.push(d);
+                        });
+                        that.titleList = data;
+                    }
+                });
+            },
+            getSellLand(id) {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/sellLand",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "currentPage": 1,
+                        "pageSize": that.pageSize,
+                        "parkId": that.currentPq == -1 ? null : that.currentPq,
+                        "keyword": that.inputValue ? that.inputValue : ''
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        let dataList = data.list;
+                        that.contentList = dataList;
+                        that.loadMap(dataList);
+                    }
+                });
+            },
+            getParkDetail() {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/parkData/" + that.currentPq,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        if (that.currentPq == '-1') {
+                            that.allpointList = data.addrs;
+                            that.yqMapAddr = ""
+                        } else {
+                            that.yqMapAddr = data;
+                            that.allpointList = ''
+                        }
+                        that.maptitle = data.title;
+                    }
+                });
+            },
+            loadMap(datalist) {
+                let that = this;
+                fetch('https://www.cqna.gov.cn/syygapi/naxsb/js/najson.json')
+                    .then(response => response.json())
+                    .then(data => {
+                        let map = new BMap.Map("mapcontainer");
+                        map.enableScrollWheelZoom();
+                        map.enableDragging();
+                        map.centerAndZoom(new BMap.Point(106.651444, 29.51982), 12);
+                        map.setMapType(BMAP_NORMAL_MAP);
+                        var pointList = data.features[0].geometry.coordinates[0][0];
+                        let result = [];
+                        pointList.forEach(function (point) {
+                            result.push(new BMap.Point(point[0], point[1]));
+                        });
+
+                        let polygon = new BMap.Polygon(result, {
+                            strokeColor: "#226cfb",
+                            strokeWeight: 1.5,
+                            strokeOpacity: 1,
+                            strokeStyle: "solid",
+                            fillColor: "#4B98F6",
+                            fillOpacity: 0.2
+                        });
+
+                        map.addOverlay(polygon);
+
+                        if (that.yqMapAddr.addr) {
+                            var points = that.yqMapAddr.addr;
+                            let pointList = points.split('@');
+                            let result = [];
+                            pointList.forEach(function (point) {
+                                let arr = point.split(',');
+                                result.push(new BMap.Point(arr[0], arr[1]));
+                            });
+
+                            let polygon = new BMap.Polygon(result, {
+                                strokeColor: "transparent",
+                                strokeWeight: 0,
+                                strokeOpacity: 1,
+                                strokeStyle: "solid",
+                                fillColor: that.yqMapAddr.color,
+                                fillOpacity: 0.5
+                            });
+
+                            map.addOverlay(polygon);
+                        }
+
+                        var allpoints = that.allpointList;
+                        if (allpoints) {
+                            var allpointList = that.titleList;
+                            allpointList.forEach(function (polygonData) {
+                                let pointList = polygonData.addr.split('@');
+                                let result = [];
+                                pointList.forEach(function (point) {
+                                    let arr = point.split(',');
+                                    result.push(new BMap.Point(arr[0], arr[1]));
+                                });
+                                var color = polygonData.color;
+
+                                let polygon = new BMap.Polygon(result, {
+                                    strokeColor: "transparent",
+                                    strokeWeight: 0,
+                                    strokeOpacity: 1,
+                                    strokeStyle: "solid",
+                                    fillColor: color,
+                                    fillOpacity: 0.85
+                                });
+                                map.addOverlay(polygon);
+                            });
+                        }
+
+                        if (datalist.length) {
+                            datalist.forEach(function (polygonData) {
+                                let pointList = polygonData.point.split('@');
+                                let result = [];
+                                pointList.forEach(function (point) {
+                                    let arr = point.split(',');
+                                    result.push(new BMap.Point(arr[0], arr[1]));
+                                });
+
+                                let polygon = new BMap.Polygon(result, {
+                                    strokeColor: "red",
+                                    strokeWeight: 2,
+                                    strokeOpacity: 1,
+                                    strokeStyle: "solid",
+                                    fillColor: "transparent",
+                                    fillOpacity: 0.3
+                                });
+                                map.addOverlay(polygon);
+                                var id = polygonData.id;
+
+
+                                var label = new BMap.Label(polygonData.landName, {
+                                    position: polygon.getBounds().getCenter(),
+                                    offset: new BMap.Size(0, 0)
+                                });
+                                label.setStyle({
+                                    color: "#186FF0",
+                                    fontSize: "18px",
+                                    height: "auto",
+                                    lineHeight: "20px",
+                                    fontFamily: "微软雅黑",
+                                    fontWeight: 'bold',
+                                    backgroundColor: 'transparent',
+                                    border: 'none',
+                                    textShadow: '0 0 4px #4B97F5',
+                                    textStrokeColor: "#4B97F5",
+                                    textStrokeWidth: "4px",
+                                });
+                                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 = 'tdcr.html?tdid=' + id;
+                                });
+                            });
+                        }
+
+                    })
+                    .catch(error => console.error('Error fetching JSON:', error));
+            }
+        }
+    })
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/tsfwMobile.html

@@ -0,0 +1,368 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <!-- 引入样式 -->
+    <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>
+    <!-- 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>
+    <style>
+        * {
+            padding: 0;
+            margin: 0;
+        }
+
+        html,
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: Microsoft YaHei;
+            height: 100%;
+            background: #EDF5FF;
+        }
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        .tsfw>.top {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #B7C7DC;
+            background: #FFFFFF;
+        }
+
+        .toplogo {
+            display: flex;
+            align-items: center;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 18px;
+            color: #186FF0;
+            height: 11vw;
+        }
+
+        .toplogo img {
+            margin: 0 10px;
+            margin-bottom: 10px;
+        }
+
+        .backbutton img {
+            margin-right: 10px;
+        }
+
+        .tsfw>.container {
+            width: 100%;
+            background-image: url(images/bg-tsfw.png);
+            background-size: 100% 100%;
+            padding: 10px 20px;
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;    
+            padding-bottom: 24px;
+        }
+
+        .tsfw .top {
+            display: flex;
+            justify-content: space-between;
+            background: rgb(255 255 255 / 30%);
+            padding: 0 10px;
+            box-sizing: border-box;
+            border-radius: 5px;
+        }
+
+        .top .tlist {
+            width: 100%;
+            font-size: 15px;
+            color: #194D8C;
+            border-radius: 10px;
+            display: flex;
+            align-items: center;
+            padding: 10px 0;
+            box-sizing: border-box;
+            border-bottom: 1px solid rgb(243, 239, 239);
+        }
+        .top .tlist:last-child{
+            border-bottom: none;
+        }
+
+        .tlist img {
+            margin-right: 20px;
+        }
+
+        .tlist .right {
+            display: flex;
+            flex-direction: column;
+        }
+
+        .tlist .right span:last-child {
+            margin-top: 10px;
+        }
+
+        .bottom {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        ::-webkit-scrollbar {
+            display: none;
+        }
+
+        .bottom .list {
+            width: 100%;
+            font-size: 16px;
+            background: rgb(255 255 255 / 40%);
+            color: #194D8C;
+            padding: 0 5vw;
+            padding-bottom: 10px;
+            box-sizing: border-box;
+            position: relative;
+            padding-top: 40px;
+            margin-top: 35px;
+            margin-right: calc(1.6%/2);
+        }
+
+        .bottom .list:nth-child(3n) {
+            margin-right: 0;
+        }
+
+        .bottom .list .title {
+            position: absolute;
+            top: -7px;
+            font-weight: bold;
+            font-size: 16px;
+            color: #FFFFFF;
+            text-align: center;
+            width: 50.5vw;
+            height: 9vw;
+            line-height: 9vw;
+            background-image: url(https://www.cqna.gov.cn/syygapi/naxsb/images/bglt.png);
+            background-size: 100% 100%;
+            left: calc((100% - 50.5vw)/2);
+        }
+
+        .bottom .list .content {
+            line-height: 36px;
+            overflow: auto;
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+        }
+
+        .el-tabs__item:hover {
+            background-color: #fff;
+            color: #007AFF;
+            font-weight: 600;
+        }
+
+        .el-tabs__item {
+            font-size: 16px;
+            border: none;
+            background-color: #EAF1F8;
+        }
+
+        .el-tabs--card>.el-tabs__header .el-tabs__item {
+            height: 43px;
+            border: none;
+        }
+
+        .el-tabs--card>.el-tabs__header .el-tabs__nav {
+            border: none;
+            height: 43px;
+        }
+
+        .el-tabs__item.is-active {
+            background-color: #fff;
+            font-weight: 600;
+            color: #007AFF;
+        }
+
+        .el-tabs__header {
+            margin: 0;
+        }
+
+        .el-tabs--card>.el-tabs__header {
+            border: none;
+            height: 43px;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div class="tsfw" id="tsfw">
+        <div class="top">
+            <div class="toplogo">
+                <img src="images/gyylogo.png" alt="">
+                <span>特色服务</span>
+            </div>
+            <div class="backbutton" @click="window.history.go(-1)">
+                <img src="images/back1.png" alt="">
+            </div>
+        </div>
+        <el-tabs v-model="activeName" type="card" @tab-click="switchTab">
+            <el-tab-pane v-for="(item ,index) in titleList" :key="index" :label="item.title" :name="item.id">
+            </el-tab-pane>
+        </el-tabs>
+        <div class="container">
+            <div class="top" style="flex-direction: column;padding: 0 30px;">
+                <div class="tlist">
+                    <img src="images/tslxr.png" alt="">
+                    <div class="right">
+                        <span>联系人：</span>
+                        <span>{{person?person:'-'}}</span>
+                    </div>
+                </div>
+                <div class="tlist">
+                    <img src="images/tsdh.png" alt="">
+                    <div class="right">
+                        <span>电话：</span>
+                        <span>{{telphone?telphone:'-'}}</span>
+                    </div>
+                </div>
+                <div class="tlist">
+                    <img src="images/tsdz.png" alt="">
+                    <div class="right">
+                        <span>地址：</span>
+                        <span>{{address?address:'-'}}</span>
+                    </div>
+                </div>
+            </div>
+            <div class="bottom">
+                <div class="list" v-for="(item, index)  in leftList" :key="index">
+                    <div class="title">{{item.parkForm}}</div>
+                    <div class="content">
+                        <div v-for="(tabl, indexl)  in item.children" :key="indexl">
+                            {{indexl+1}}.{{tabl.information}}
+                        </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: '#tsfw',
+        data: function () {
+            return {
+                reqPtah: '',
+                leftList: [],
+                titleList: [],
+                person: '',
+                telphone: '',
+                address: '',
+                currentTitle: '',
+                activeName: ''
+            };
+        },
+        methods: {
+            switchTab(val) {
+                this.activeName = val.name
+                this.getParkData(val.name);
+                this.getDetailData(val.name);
+            },
+            getDetailData(id) {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/parkData/" + id,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        that.currentTitle = data.title;
+                    }
+                })
+            },
+            getParkData(id) {
+                let that = this;
+                $.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;
+                        if (id) {
+                            that.activeName = Number(id)
+                        } else {
+                            that.activeName = that.titleList[0].id
+                        }
+
+                    }
+                })
+                $.ajax({
+                    url: conpath + "/specialService/list/" + id,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        var parkData = data.data[0];
+                        that.person = parkData.contacts;
+                        that.telphone = parkData.contactsPhone;
+                        that.address = parkData.contactsAddr;
+                        let value = data.data;
+                        let newList = []
+                        value.forEach(item => {
+                            let status = newList.find(el => el.parkForm === item
+                                .parkForm) 
+                            if (status) {
+                                status.children.push({
+                                    ...item
+                                }) 
+                            } else {
+                                let obj = {
+                                    ...item,
+                                    children: [{
+                                        ...item
+                                    }]
+                                }
+                                newList.push(obj)
+                            }
+                        })
+                        that.leftList = newList;
+                    }
+                })
+            }
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('id');
+            this.getParkData(id);
+            this.getDetailData(id);
+        }
+    });
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/wybdbMobile.html

@@ -0,0 +1,877 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <!-- 引入样式 -->
+    <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>
+    <!-- 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>
+    <style>
+         * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('../fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        .topBg {
+            width: 100vw;
+            height: 53vw;
+            background-size: 100% 100%;
+            padding-top: 40vw;
+            box-sizing: border-box;
+        }
+
+        .topBg .topButton {
+            width: 38vw;
+            height: 11vw;
+            background-image: url(images/button-bdb.png);
+            background-size: 100% 100%;
+            color: #B68957 !important;
+            text-shadow: 0px 2px 1px #FFFFFF !important;
+            margin: auto;
+        }
+        .content>div:last-child {
+            margin-bottom: 0;
+        }
+
+        .content .name {
+            width: 100vw;
+            height: 12vw;
+            background-image: url(images/bg-title.png);
+            margin-top: 20px;
+            background-size: 100% 100%;
+            font-family: "DOUYU";
+            font-weight: normal;
+            font-size: 12px;
+            color: #FFFFFF;
+            line-height: 12vw;
+            text-shadow: 0px 3px 13px rgba(15, 51, 130, 0.46);
+            text-align: center;
+        }
+
+        .project {
+            width: 95vw;
+            text-indent: 40px;
+            font-size: 16px;
+            color: #333333;
+            line-height: 28px;
+            margin: auto;
+        }
+
+        .content .list {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        .content .list li {
+            width: 95vw;
+            display: flex;
+            flex-direction: column;
+            height: 36vw;
+            background-size: 100% 100%;
+            margin: auto;
+            margin-top: 15px;
+        }
+
+        .content .list .top {
+            height: 10vw;
+            font-family: Microsoft YaHei;
+            font-weight: bold;
+            font-size: 15px;
+            color: #FFFFFF;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .content .list .bottom {
+            height: calc(100% - 10vw);
+            padding: 3vw;
+            box-sizing: border-box;
+            line-height: 24px;
+            text-indent: 26px;
+            font-size: 13px;
+        }
+
+        .content .fwdx {
+            width: 95vw;
+            height: 13vw;
+            background: #CCE6FF;
+            border: 1px solid #0044D6;
+            text-align: center;
+            line-height: 13vw;
+            font-family: Microsoft YaHei;
+            font-size: 13px;
+            color: #0041CE;
+            margin: auto;
+        }
+
+        .fwlc {
+            width: 95vw;
+            margin: auto;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .fwlc .text {
+            width: 15vw;
+            height: 9vw;
+            line-height: 9vw;
+            background: #1589EB;
+            font-size: 13px;
+            color: #FFFFFF;
+            text-align: center;
+        }
+
+        .fwlc .arrow {
+            width: 30px;
+            height: 35px;
+            background-image: url(images/arrow.png);
+            background-size: 100% 100%;
+        }
+
+        tr,
+        td {
+            margin: 0;
+            padding: 0;
+        }
+
+        .table {
+            width: 95vw;
+            margin: auto;
+            border-spacing: 0;
+            border: 1px solid #7BA7CC;
+            margin-bottom: 20px;
+        }
+
+        .table tr:last-child {
+            border-bottom: none;
+        }
+
+        table tr {
+            /* border-bottom: 1px solid #7BA7CC; */
+        }
+
+        .table .title {
+            display: table-row;
+        }
+
+        .table .title td {
+            height: 9vw;
+            background: #279CFF;
+            font-size: 12px;
+            color: #FFFFFF;
+            line-height: 9vw;
+            padding: 0;
+            padding-left: 10px;
+            border: 1px solid #9cc6e9;
+        }
+
+        .table tr td {
+            /* display: flex; */
+            flex-direction: column;
+            font-size: 12px;
+            color: #1964A4;
+            line-height: 6vw;
+            padding: 0px 5px;
+            box-sizing: border-box;
+            border: 1px solid #9cc6e9;
+        }
+
+
+        .table .one {
+            white-space: nowrap;
+            width: 3%;
+            text-align: center;
+        }
+
+        .table .two {
+            width: 26%;
+        }
+        .table .four {
+            width: 25%;
+        }
+
+        .table .five {
+            width: 25%;
+        }
+
+        .el-dialog__body {
+            height: 65vh;
+            overflow-y: scroll;
+            overflow-x: hidden;
+            /* 你想要的高度 */
+        }
+
+        /* .el-dialog__body::-webkit-scrollbar {
+            width: 0px;
+            height: 0px;
+        } */
+
+        .el-image {
+            min-width: 90px;
+            margin-left: 10px;
+        }
+
+        .el-dialog {
+            margin-top: 10vh !important;
+        }
+
+        .subButton {
+            display: flex;
+            justify-content: center;
+        }
+
+        .subButton .el-form-item__content {
+            margin-left: 0 !important;
+        }
+
+        .subButton button {
+            padding: 13px 25px;
+        }
+
+        .el-select-dropdown {
+            width: 98vw;
+        }
+        .el-dialog__title{
+            font-size: 16px;
+        }
+    </style>
+
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div>
+        <div class="topBg" style="background-image: url(images/indexbg-bdb.png);" id="topBg">
+            <div class="topButton" @click="wybdb"></div>
+            <el-dialog title="南岸区重庆经开区帮办代办需求表" :visible.sync="dialogVisible" width="98%" @close="handleClose"
+                :close-on-click-modal="false">
+                <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+                    <el-form-item label="项目单位名称" prop="unitName">
+                        <el-input v-model="form.unitName" placeholder="请输入项目单位名称"></el-input>
+                    </el-form-item>
+                    <el-form-item label="项目单位地址" prop="projectAddr">
+                        <el-input type="textarea" v-model="form.projectAddr" placeholder="请输入项目单位地址"></el-input>
+                    </el-form-item>
+                    <el-form-item label="项目单位负责人" prop="chargeName">
+                        <el-input v-model="form.chargeName" placeholder="请输入项目单位负责人"></el-input>
+                    </el-form-item>
+                    <el-form-item label="联系电话" prop="chargePhone">
+                        <el-input v-model="form.chargePhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
+                            @blur="validatePhonefzr"></el-input>
+                    </el-form-item>
+                    <el-form-item label="项目单位经办人" prop="handlerName">
+                        <el-input v-model="form.handlerName" placeholder="请输入项目单位经办人"></el-input>
+                    </el-form-item>
+                    <el-form-item label="联系电话" prop="handlerPhone">
+                        <el-input v-model="form.handlerPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
+                            @blur="validatePhonejbr"></el-input>
+                    </el-form-item>
+                    <el-form-item label="需帮办代办具体事项" prop="proxyMatters">
+                        <el-select v-model="form.proxyMatters" placeholder="请选择需帮办代办具体事项" style="width: 100%;">
+                            <el-option label="政府投资房屋建筑和市政基础设施工程建设项目初步设计审批" value="政府投资房屋建筑和市政基础设施工程建设项目初步设计审批">
+                            </el-option>
+                            <el-option label="建设工程消防设计审查" value="建设工程消防设计审查"></el-option>
+                            <el-option label="施工图审查备案" value="施工图审查备案"></el-option>
+                            <el-option label="建筑工程施工许可证核发" value="建筑工程施工许可证核发"></el-option>
+                            <el-option label="城镇污水排入排水管网许可" value="城镇污水排入排水管网许可"></el-option>
+                            <el-option label="建设工程质量竣工验收监督" value="建设工程质量竣工验收监督"></el-option>
+                            <el-option label="建设工程消防验收" value="建设工程消防验收"></el-option>
+                            <el-option label="建设工程消防验收备案" value="建设工程消防验收备案"></el-option>
+                            <el-option label="建设工程档案专项验收" value="建设工程档案专项验收"></el-option>
+                            <el-option label="医疗机构执业登记（申请变更诊疗科目）" value="医疗机构执业登记（申请变更诊疗科目）"></el-option>
+                            <el-option label="医疗机构执业登记（申请变更法定代表人或主要负责人）" value="医疗机构执业登记（申请变更法定代表人或主要负责人）"></el-option>
+                            <el-option label="医疗机构执业登记（申请变更床位）" value="医疗机构执业登记（申请变更床位）"></el-option>
+                            <el-option label="医疗机构执业登记（申请医疗机构执业登记）" value="医疗机构执业登记（申请医疗机构执业登记）"></el-option>
+                            <el-option label="放射源诊疗技术和医用辐射机构许可（放射诊疗许可证校检）" value="放射源诊疗技术和医用辐射机构许可（放射诊疗许可证校检）">
+                            </el-option>
+                            <el-option label="放射源诊疗技术和医用辐射机构许可（放射诊疗许可证变更（变更射诊疗场所、诊疗设备或诊疗项目、放射性核素））"
+                                value="放射源诊疗技术和医用辐射机构许可（放射诊疗许可证变更（变更射诊疗场所、诊疗设备或诊疗项目、放射性核素））"></el-option>
+                            <el-option label="放射源诊疗技术和医用辐射机构许可（放射诊疗许可）" value="放射源诊疗技术和医用辐射机构许可（放射诊疗许可）"></el-option>
+                            <el-option label="医疗机构放射性职业病危害建设项目预评价报告审核" value="医疗机构放射性职业病危害建设项目预评价报告审核"></el-option>
+                            <el-option label="医疗机构放射性职业病危害建设项目竣工验收" value="医疗机构放射性职业病危害建设项目竣工验收"></el-option>
+                            <el-option label="公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（延续）" value="公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（延续）">
+                            </el-option>
+                            <el-option label="公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（新办）" value="公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（新办）">
+                            </el-option>
+                            <el-option label="公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（变更）" value="公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（变更）">
+                            </el-option>
+                            <el-option label="公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（注销）" value="公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（注销）">
+                            </el-option>
+                            <el-option label="诊所备案（新办）" value="诊所备案（新办）"></el-option>
+                            <el-option label="诊所备案（变更）" value="诊所备案（变更）"></el-option>
+                            <el-option label="中医诊所备案" value="中医诊所备案"></el-option>
+                            <el-option label="存量房买卖（企业间交易）" value="存量房买卖（企业间交易）"></el-option>
+                            <el-option label="企业不动产登记资料查询" value="企业不动产登记资料查询"></el-option>
+                            <el-option label="土地使用权初始登记" value="土地使用权初始登记"></el-option>
+                            <el-option label="城镇房屋初始登记" value="城镇房屋初始登记"></el-option>
+                            <el-option label="内资企业设立登记" value="内资企业设立登记"></el-option>
+                            <el-option label="内资企业变更登记" value="内资企业变更登记"></el-option>
+                            <el-option label="外资企业设立登记" value="外资企业设立登记"></el-option>
+                            <el-option label="外资企业变更登记" value="外资企业变更登记"></el-option>
+                            <el-option label="食品经营许可新设" value="食品经营许可新设"></el-option>
+                            <el-option label="食品经营许可变更" value="食品经营许可变更"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="帮办代办联络人" prop="proxyName">
+                        <el-input v-model="form.proxyName" placeholder="请输入帮办代办联络人"></el-input>
+                    </el-form-item>
+                    <el-form-item label="联系电话" prop="proxyPhone">
+                        <el-input v-model="form.proxyPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
+                            @blur="validatePhonellr"></el-input>
+                    </el-form-item>
+                    <el-form-item label="验证码" prop="imgCode">
+                        <div style="display: flex;">
+                            <el-input v-model="form.imgCode" style="width: 36%;" placeholder="请输入验证码"></el-input>
+                            <el-image :src="imageCode" @click="getVerifyCode"></el-image>
+                        </div>
+                    </el-form-item>
+                    <el-form-item class="subButton">
+                        <el-button type="primary" @click="submitForm('form')">提交</el-button>
+                        <el-button @click="dialogVisible = false">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-dialog>
+        </div>
+        <div class="content">
+            <div class="name">服务介绍</div>
+            <div class="project">
+                为南岸区、重庆经开区辖区范围内重点产业投资项目提供帮代办服务。
+                （一）帮代办的服务内容为入驻大厅的政务服务事项。
+                （二）代理办服务具体内容详见《南岸区重庆经开区代办事项清单》，该清单根据实际情况适时调整更新。
+            </div>
+            <ul class="list">
+                <li style="background-image: url(images/bdb1.png);height: 29vw;">
+                    <div class="top" style="text-shadow: 0px 3px 3px #387E66;">帮助办</div>
+                    <div class="bottom" style="color: #387E66;">根据项目单位需要，为服务对象提供事项办理咨询、指导、协调等服务</div>
+                </li>
+                <li style="background-image: url(images/bdb2.png);">
+                    <div class="top" style="text-shadow: 0px 3px 3px rgba(65,9,99,0.46);">代理办</div>
+                    <div class="bottom" style="color: #410963;">
+                        接受服务对象的委托，代理服务对象办理事项的服务。项目单位只需提交符合要求的申报资料和收取结果文件，不参与中间办理过程。
+                    </div>
+                </li>
+                <li style="background-image: url(images/bdb3.png);height: 28vw;">
+                    <div class="top" style="text-shadow: 0px 3px 3px #A6190F;">上门办</div>
+                    <div class="bottom" style="color: #72120B;">针对老、弱、病、残、孕等特殊群体有需要可提供上门办服务。</div>
+                </li>
+            </ul>
+            <div class="name">服务对象</div>
+            <div class="fwdx">南岸区 重庆经开区辖区范围内的重点产业投资项目。</div>
+            <div class="name">服务流程</div>
+            <div class="fwlc">
+                <div class="text">受理</div>
+                <div class="arrow"></div>
+                <div class="text">承办</div>
+                <div class="arrow"></div>
+                <div class="text">会商</div>
+                <div class="arrow"></div>
+                <div class="text">办结</div>
+            </div>
+            <div class="name">代办人员</div>
+            <div class="fwdx">
+                <div>柴静、樊世行&nbsp;&nbsp;&nbsp;&nbsp;电话：023-62606905</div>
+            </div>
+            <div class="name">服务内容</div>
+            <table class="table">
+                <tr class="title">
+                    <td class="one" style="padding: 5px;">序号</td>
+                    <td class="two">事项名称</td>
+                    <td class="four">审批部门</td>
+                    <td class="five">咨询电话</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">1</td>
+                    <td class="two" rowspan="2">政府投资房屋建筑和市政基础设施工程建设项目初步设计审批</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780<br/>023-62988217</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">2</td>
+                    <td class="two" rowspan="2">建设工程消防设计审查</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780<br/>023-62988355</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">3</td>
+                    <td class="two" rowspan="2">施工图审查备案</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780<br/>023-62988217</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">4</td>
+                    <td class="two" rowspan="2">建筑工程施工许可证核发</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">5</td>
+                    <td class="two" rowspan="2">城镇污水排入排水管网许可</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780<br/>023-62988221</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">6</td>
+                    <td class="two" rowspan="2">建设工程质量竣工验收监督</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780<br/>023-62988225</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">7</td>
+                    <td class="two" rowspan="2">建设工程消防验收</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780<br/>023-62987912</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">8</td>
+                    <td class="two" rowspan="2">建设工程消防验收备案</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780<br/>023-62987912</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">9</td>
+                    <td class="two" rowspan="2">建设工程档案专项验收</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780<br/>023-62919705</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one">10</td>
+                    <td class="two">医疗机构执业登记（申请变更诊疗科目）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">11</td>
+                    <td class="two">医疗机构执业登记（申请变更法定代表人或主要负责人）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">12</td>
+                    <td class="two">医疗机构执业登记（申请变更床位）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">13</td>
+                    <td class="two">医疗机构执业登记（申请医疗机构执业登记）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">14</td>
+                    <td class="two">放射源诊疗技术和医用辐射机构许可（放射诊疗许可证校检）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">15</td>
+                    <td class="two">放射源诊疗技术和医用辐射机构许可（放射诊疗许可证变更（变更射诊疗场所、诊疗设备或诊疗项目、放射性核素））</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">16</td>
+                    <td class="two">放射源诊疗技术和医用辐射机构许可（放射诊疗许可）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">17</td>
+                    <td class="two">医疗机构放射性职业病危害建设项目预评价报告审核</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">18</td>
+                    <td class="two">医疗机构放射性职业病危害建设项目竣工验收</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">19</td>
+                    <td class="two">公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（延续）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">20</td>
+                    <td class="two">公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（新办）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">21</td>
+                    <td class="two">公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（变更）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">22</td>
+                    <td class="two">公共场所卫生许可（除饭馆、咖啡馆、酒吧、茶座等）（注销）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">23</td>
+                    <td class="two">诊所备案（新办）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">24</td>
+                    <td class="two">诊所备案（变更）</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">25</td>
+                    <td class="two">中医诊所备案</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">26</td>
+                    <td class="two">存量房买卖（企业间交易）</td>
+                    <td class="four">南岸不动产登记中心</td>
+                    <td class="five">023-62986062</td>
+                </tr>
+                <tr>
+                    <td class="one">27</td>
+                    <td class="two">企业不动产登记资料查询</td>
+                    <td class="four">南岸不动产登记中心</td>
+                    <td class="five">023-62986151</td>
+                </tr>
+                <tr>
+                    <td class="one">28</td>
+                    <td class="two">土地使用权初始登记</td>
+                    <td class="four">南岸不动产登记中心</td>
+                    <td class="five">023-62986057</td>
+                </tr>
+                <tr>
+                    <td class="one">29</td>
+                    <td class="two">城镇房屋初始登记</td>
+                    <td class="four">南岸不动产登记中心</td>
+                    <td class="five">023-62986057</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">30</td>
+                    <td class="two" rowspan="2">内资企业设立登记</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">31</td>
+                    <td class="two" rowspan="2">内资企业变更登记</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">32</td>
+                    <td class="two" rowspan="2">外资企业设立登记</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">33</td>
+                    <td class="two" rowspan="2">外资企业变更登记</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">34</td>
+                    <td class="two" rowspan="2">食品经营许可新设</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">35</td>
+                    <td class="two" rowspan="2">食品经营许可变更</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+            </table>
+        </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: "#topBg",
+        data: function () {
+            return {
+                dialogVisible: false,
+                reqPtah: '',
+                form: {
+                    unitName: '',
+                    projectAddr: '',
+                    chargeName: '',
+                    chargePhone: '',
+                    handlerName: '',
+                    handlerPhone: '',
+                    proxyName: '',
+                    proxyPhone: '',
+                    proxyMatters: '',
+                    imgCode: ''
+                },
+                /*图形验证码*/
+                imageCode: "",
+                rules: {
+                    unitName: [
+                        { required: true, message: '请输入项目单位名称', trigger: 'blur' }
+                    ],
+                    projectAddr: [
+                        { required: true, message: '请项目单位地址', trigger: 'blur' }
+                    ],
+                    chargeName: [
+                        { required: true, message: '请输入项目单位负责人名字', trigger: 'blur' }
+                    ],
+                    chargePhone: [
+                        { required: true, message: '请输入项目单位负责人联系电话', trigger: 'blur' }
+                    ],
+                    handlerName: [
+                        { required: true, message: '请输入项目单位经办人名字', trigger: 'blur' }
+                    ],
+                    handlerPhone: [
+                        { required: true, message: '请输入项目单位经办人联系电话', trigger: 'blur' }
+                    ],
+                    proxyName: [
+                        { required: true, message: '请输入帮办代办联络人名字', trigger: 'blur' }
+                    ],
+                    proxyPhone: [
+                        { required: true, message: '请输入联络人联系电话', trigger: 'blur' }
+                    ],
+                    proxyMatters: [
+                        { required: true, message: '请选择需帮办代办具体事项', trigger: 'blur' }
+                    ],
+                    imgCode: [
+                        { required: true, message: '请输入验证码', trigger: 'blur' }
+                    ],
+                }
+            }
+        },
+        methods: {
+            handleClose() {
+                this.dialogVisible = false;
+                this.$refs.form.resetFields();
+            },
+            wybdb() {
+                this.dialogVisible = true;
+            },
+            validatePhonefzr() {
+                const reg = /^1[3-9]\d{9}$/;
+                if (!reg.test(this.form.chargePhone)) {
+                    this.$message.error('请输入有效的负责人手机号');
+                    return false;
+                } else {
+                    return true
+                }
+            },
+            validatePhonejbr() {
+                const reg = /^1[3-9]\d{9}$/;
+                if (!reg.test(this.form.handlerPhone)) {
+                    this.$message.error('请输入有效的经办人手机号');
+                    return false;
+                } else {
+                    return true
+                }
+            },
+            validatePhonellr() {
+                const reg = /^1[3-9]\d{9}$/;
+                if (!reg.test(this.form.proxyPhone)) {
+                    this.$message.error('请输入有效的联络人手机号');
+                    return false;
+                } else {
+                    return true
+                }
+            },
+            validatePhone() {
+                const reg = /^1[3-9]\d{9}$/;
+                const validateSinglePhone = (field, label) => {
+                    if (!reg.test(this.form[field])) {
+                        this.$message.error(`请输入有效的${label}手机号`);
+                        return false;
+                    }
+                    return true;
+                };
+                if (!validateSinglePhone('chargePhone', '负责人')) {
+                    return
+                }
+                if (!validateSinglePhone('handlerPhone', '经办人')) {
+                    return
+                }
+                if (!validateSinglePhone('proxyPhone', '联络人')) {
+                    return
+                }
+                return true;
+            },
+
+            submitForm(formName) {
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        if (!this.validatePhone()) {
+                            return
+                        }
+                        this.form.imgKey = sessionStorage.getItem("registerImageCodeKey");
+                        let formData = this.form; // 获取表单数据
+                        $.ajax({
+                            url: conpath + '/proxyDemand',
+                            type: 'POST',
+                            contentType: 'application/json; charset=utf-8',
+                            data: JSON.stringify(formData),
+                            dataType: 'json',
+                            success: function (data) {
+                                if (data.result === 'ok') {
+                                    this.$message.success('提交成功！');
+                                    this.dialogVisible = false; // 关闭对话框
+                                } else {
+                                    this.getVerifyCode();
+                                    this.$message.error(data.success || '提交失败！');
+                                }
+                            }.bind(this),
+                            error: function (error) {
+                                console.error('error:', error);
+                            }
+                        });
+                        console.log('提交的数据:', formData);
+                    } else {
+                        return false;
+                    }
+                });
+            },
+            createUuid() {
+                var s = [];
+                var hexDigits = "0123456789abcdefghi";
+                for (var i = 0; i < 36; i++) {
+                    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+                }
+                s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
+                s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
+                s[8] = s[13] = s[18] = s[23] = "-";
+
+                var uuid = s.join("");
+                return uuid;
+            },
+            getVerifyCode() {
+                let that = this
+                let imageCodeKey = sessionStorage.getItem("registerImageCodeKey");
+                if (!imageCodeKey || imageCodeKey === '') {
+                    imageCodeKey = this.createUuid();
+                    sessionStorage.setItem("registerImageCodeKey", imageCodeKey);
+                }
+                $.ajax({
+                    url: conpath + '/reserveOvertime/code/' + imageCodeKey,
+                    type: 'post',
+                    dataType: 'json',
+                    success: function (data) {
+                        that.imageCode = "data:image/jpeg;base64," + data.success;
+                    }
+                })
+            }
+        },
+        mounted() {
+            this.getVerifyCode();
+        }
+    })
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/wyyyMobile.html

@@ -0,0 +1,580 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <!-- 引入样式 -->
+    <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>
+    <!-- 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>
+    <style>
+          * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('../fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        .content {
+            padding-bottom: 10px;
+            padding-top: 25px;
+            background-image: url(images/bg-content.png);
+            background-size: 100% 100%;
+        }
+
+        .topBg {
+            width: 100vw;
+            height: 53vw;
+            background-size: 100% 100%;
+            padding-top: 40vw;
+            box-sizing: border-box;
+        }
+
+        .topBg .topButton {
+            width: 38vw;
+            height: 11vw;
+            background-size: 100% 100%;
+            color: #B68957 !important;
+            text-shadow: 0px 2px 1px #FFFFFF !important;
+            margin: auto;
+        }
+
+        .content .name {
+            width: 100vw;
+            height: 14vw;
+            background-image: url(images/title-hdjs.png);
+            background-size: 100% 100%;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 13px;
+            margin: auto;
+            color: #007ffd;
+            line-height: 12vw;
+            text-shadow: 0px 1px 2px rgba(81, 128, 236, 0.46);
+            text-align: center;
+            margin-top: 20px;
+        }
+
+        .content .list li {
+            width: 95vw;
+            height: 27vw;
+            background-size: 100% 100%;
+            display: flex;
+            margin: auto;
+            margin-bottom: 10px;
+        }
+
+        .content .list li .left {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            width: 30%;
+            font-family: Microsoft YaHei;
+            font-weight: bold;
+            font-size: 15px;
+            color: #FFFFFF;
+            line-height: 24px;
+        }
+
+        .project {
+            width: 95vw;
+            text-indent: 40px;
+            font-size: 13px;
+            color: #333333;
+            line-height: 28px;
+            margin: auto;
+            margin-bottom: 15px;
+        }
+
+
+        .content .list li .left span {
+            white-space: nowrap;
+        }
+
+        .content .list li .right {
+            width: 70%;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 13px;
+            color: #9A4E10;
+            display: flex;
+            align-items: center;
+            padding: 0 20px;
+            text-indent: 40px;
+            box-sizing: border-box;
+            line-height: 24px;
+        }
+
+
+        .el-dialog__body {
+            height: 50vh;
+            overflow-y: scroll;
+            overflow-x: hidden;
+            /* 你想要的高度 */
+        }
+
+        .el-image {
+            min-width: 90px;
+            margin-left: 10px;
+        }
+
+        .subButton {
+            display: flex;
+            justify-content: center;
+        }
+
+        .subButton .el-form-item__content {
+            margin-left: 0 !important;
+        }
+
+        .subButton button {
+            padding: 13px 25px;
+        }
+
+        .topBg .topButton {
+            margin-bottom: 24px;
+            background-image: url(images/button-yy.png);
+        }
+
+        input::-webkit-outer-spin-button,
+        input::-webkit-inner-spin-button {
+            -webkit-appearance: none !important;
+        }
+
+        input[type="number"] {
+            -moz-appearance: textfield;
+        }
+
+        .jzdd {
+            width: 95vw;
+            height: 10vw;
+            margin: auto;
+            background: #D4ECFF;
+            border: 2px solid #5BADFF;
+            line-height: 10vw;
+            text-align: center;
+            font-family: Microsoft YaHei;
+            font-size: 13px;
+            color: #026CD6;
+        }
+
+        .yydh {
+            width: 95vw;
+            margin: auto;
+            background: #D4ECFF;
+            border: 2px solid #5BADFF;
+            line-height: 6vw;
+            display: flex;
+            font-size: 12px;
+            color: #1964A4;
+            padding: 10px;
+            box-sizing: border-box;
+            flex-direction: column;
+            align-items: flex-start;
+        }
+
+        .yydh>div {
+            width: 100%;
+            display: flex;
+        }
+
+        .yydhL {
+            display: block;
+            width: 55%;
+        }
+
+        .yydhR {
+            display: block;
+            width: 45%;
+        }
+
+        .tableHeader {
+            height: 10vw;
+            background: #279CFF;
+            line-height: 10vw;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 12px;
+            color: #FFFFFF;
+            display: flex;
+            margin: 0 auto !important;
+        }
+
+        .tableClumn {
+            margin: 0 auto !important;
+            background: #D4ECFF;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 12px;
+            color: #1964A4;
+            display: flex;
+            align-items: flex-start;
+            border-bottom: 1px solid #5BADFF;
+        }
+
+        .th1 {
+            width: 10%;
+            text-align: center;
+        }
+
+        .th2 {
+            width: 30%;
+            text-align: center;
+        }
+
+        .th3 {
+            width: 60%;
+        }
+
+        .tableClumn .th1,
+        .tableClumn .th2 {
+            padding-top: 10px;
+        }
+
+        .tableClumn .th3 {
+            padding: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div>
+        <div class="topBg" style="background-image: url(images/indexbg-yy.png);" id="topBg">
+            <div class="topButton" @click="dialogVisible = true"></div>
+            <el-dialog title="周六预约“加班办”报名表" :visible.sync="dialogVisible" width="40vw" @close="handleClose"
+                :close-on-click-modal="false">
+                <el-form ref="form" :model="form" :rules="rules" label-width="135px">
+                    <el-form-item label="姓名" prop="overtimeName">
+                        <el-input v-model="form.overtimeName" placeholder="请输入姓名"></el-input>
+                    </el-form-item>
+                    <el-form-item label="年龄" prop="overtimeAge">
+                        <el-input v-model.number="form.overtimeAge"
+                            @input="form.overtimeAge = form.overtimeAge.replace(/[^d]/g,'')" placeholder="请输入年龄">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item label="手机号" prop="overtimePhone">
+                        <el-input v-model="form.overtimePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
+                            @blur="validatePhone"></el-input>
+                    </el-form-item>
+                    <el-form-item label="拟办理业务" prop="business">
+                        <el-select v-model="form.business" placeholder="请选择拟办理业务" style="width: 100%;">
+                            <el-option label="户政业务" value="户政业务"></el-option>
+                            <el-option label="治安业务" value="治安业务"></el-option>
+                            <el-option label="车驾管业务" value="车驾管业务"></el-option>
+                            <el-option label="出入境业务" value="出入境业务"></el-option>
+                            <el-option label="川渝通办业务" value="川渝通办业务"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="预约时间周六上午" prop="date2">
+                        <el-select v-model="form.date2" placeholder="请选择选择时间" style="width: 100%;">
+                            <el-option label="09:00:00-10:00:00" value="09:00:00"></el-option>
+                            <el-option label="10:00:00-11:00:00" value="10:00:00"></el-option>
+                            <el-option label="11:00:00-12:00:00" value="11:00:00"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="验证码" prop="imgCode">
+                        <div style="display: flex;">
+                            <el-input v-model="form.imgCode" placeholder="请输入验证码"></el-input>
+                            <el-image :src="imageCode" @click="getVerifyCode"></el-image>
+                        </div>
+                    </el-form-item>
+                    <el-form-item class="subButton">
+                        <el-button type="primary" @click="submitForm('form')">提交</el-button>
+                        <el-button @click="dialogVisible = false">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-dialog>
+        </div>
+        <div class="content">
+            <p class="name" style="margin-top:0;">服务内容</p>
+            <div class="project">
+                为进一步便民利民、提升工作质效，南岸公安政务窗口整合现有资源，为辖区群众提供出入境、户政、治安、车驾管等260余项综合业务的咨询、办理服务，更好地解决群众在办理证照过程中的问题难题。结合工作实际，南岸公安政务窗口于2024年1月开始，陆续推出错时办、延时办、加班办、优先办“四办”举措，持续优化公安政务服务。
+            </div>
+            <ul class="list">
+                <li style="background-image: url(images/yy1.png);">
+                    <div class="left" style="text-shadow: 0px 3px 3px #DC570C;">
+                        <span>午间不休</span>
+                        <span>“错时办”</span>
+                    </div>
+                    <div class="right" style="color: #9A4E10;">即在工作日期间，为上班时间段无法办理证照的群众提供午休时段错时办证服务，解决群众难题。</div>
+                </li>
+                <li style="background-image: url(images/yy2.png);">
+                    <div class="left" style="text-shadow: 0px 3px 3px #007BE2;">
+                        <span>办完打烊</span>
+                        <span>“延时办”</span>
+                    </div>
+                    <div class="right" style="color: #007BE2;"> 即为当日已取号的群众提供办完才打烊的延时办理服务，解决群众没办完再跑一趟的问题。</div>
+                </li>
+                <li style="background-image: url(images/yy3.png);">
+                    <div class="left" style="text-shadow: 0px 3px 3px #712DC9;">
+                        <span>周六预约</span>
+                        <span>“加班办”</span>
+                    </div>
+                    <div class="right" style="color: #6E2CC3;">
+                        即为群众提供周六预约办理服务，以解决休息日无法办理证照相关业务的难题。加班办理时间：每周六上午9：00—12:00。
+                    </div>
+                </li>
+                <li style="background-image: url(images/yy4.png);">
+                    <div class="left" style="text-shadow: 0px 3px 3px #DB1011;">
+                        <span>无障服务</span>
+                        <span>“优先办”</span>
+                    </div>
+                    <div class="right" style="color: #e53324;">即为老弱病残孕等特殊群体到窗口办理证照设置“绿色通道”，提供优先、无障碍办理服务。</div>
+                </li>
+            </ul>
+            <p class="name">进驻地点</p>
+            <div class="jzdd">区政务服务中心（南岸区行政中心B区2号楼二楼）</div>
+            <p class="name">进驻事项</p>
+            <div style="width: 95vw;margin:auto;">
+                <div class="tableHeader">
+                    <div class="th1">序号</div>
+                    <div class="th2">事项名称</div>
+                    <div class="th3">事项内容</div>
+                </div>
+                <div class="tableClumn">
+                    <div class="th1">01</div>
+                    <div class="th2">户政业务</div>
+                    <div class="th3">居民身份证申领；临时身份证办理；购买成套住房、学历、夫妻投靠等落户；变更更正姓名；死亡注销 户口等。</div>
+                </div>
+                <div class="tableClumn">
+                    <div class="th1">02</div>
+                    <div class="th2">治安业务</div>
+                    <div class="th3">新生儿出生一件事；边境证办理；公章刻制备案；保安员资格证受理；开具无犯罪记录证明等。</div>
+                </div>
+                <div class="tableClumn">
+                    <div class="th1">03</div>
+                    <div class="th2">车驾管业务</div>
+                    <div class="th3">机动车驾驶证补证、有效期满换证（配套现场体检）；交通违法处理；机动车所有人联系方式变更备案； 免检车合格标志核发等。</div>
+                </div>
+                <div class="tableClumn">
+                    <div class="th1">04</div>
+                    <div class="th2">出入境业务</div>
+                    <div class="th3">普通护照签发；往来港澳通行证签注签发等。</div>
+                </div>
+                <div class="tableClumn">
+                    <div class="th1">05</div>
+                    <div class="th2">川渝通办业务</div>
+                    <div class="th3">开具户籍信息证明；开具亲属关系证明；父母投靠子女落户等。</div>
+                </div>
+            </div>
+            <div style="height: 20px;"></div>
+            <p class="name" style="margin: auto;color: #007ffd;">预约电话</p>
+            <div class="yydh">
+                <div><span class="yydhL">综合管理：023-62985279</span> <span style="white-space: nowrap;" class="yydhR">
+                        治安、户政：023-62907533</span></div>
+                <div><span class="yydhL">车驾管：023-62980287</span><span class="yydhR"> 出入境：023-62980360</span></div>
+                <div><span style="white-space: nowrap;">天文派出所辖区户政：023-62980367
+                    </span></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: "#topBg",
+        data: function () {
+            return {
+                dialogVisible: false,
+                reqPtah: '',
+                form: {
+                    overtimeName: '',
+                    overtimeAge: '',
+                    overtimePhone: '',
+                    business: '',
+                    date2: '',
+                    imgCode: ''
+                },
+                /*图形验证码*/
+                imageCode: "",
+                rules: {
+                    overtimeName: [{
+                        required: true,
+                        message: '请输入姓名',
+                        trigger: 'blur'
+                    }],
+                    overtimeAge: [{
+                        required: true,
+                        message: '请输入年龄',
+                        trigger: 'blur'
+                    }],
+                    overtimePhone: [{
+                        required: true,
+                        message: '请输入手机号',
+                        trigger: 'blur'
+                    }],
+                    business: [{
+                        required: true,
+                        message: '请选择拟办理业务',
+                        trigger: 'blur'
+                    }],
+                    date2: [{
+                        required: true,
+                        message: '请选择时间',
+                        trigger: 'blur'
+                    }],
+                    imgCode: [{
+                        required: true,
+                        message: '请输入验证码',
+                        trigger: 'blur'
+                    }]
+                }
+            }
+        },
+        methods: {
+            handleClose() {
+                this.$refs.form.resetFields();
+            },
+            validatePhone() {
+
+                const reg = /^1[3-9]\d{9}$/;
+                if (!reg.test(this.form.overtimePhone)) {
+                    this.$message.error('请输入有效的手机号');
+                    return false;
+                } else {
+                    return true
+                }
+            },
+            getThisWeekSaturday() {
+                const now = new Date();
+                const dayOfWeek = now.getDay();
+                const daysToSaturday = 6 - dayOfWeek;
+                const saturday = new Date(
+                    now.getFullYear(),
+                    now.getMonth(),
+                    now.getDate() + (dayOfWeek === 6 ? 0 : daysToSaturday),
+                );
+                return saturday;
+
+            },
+            formatDate(dateString) {
+                var date = new Date(dateString);
+                var year = date.getFullYear();
+                var month = date.getMonth() + 1;
+                var day = date.getDate();
+
+                month = month < 10 ? '0' + month : month;
+                day = day < 10 ? '0' + day : day;
+
+                var formattedDate = year + '-' + month + '-' + day;
+                return formattedDate;
+            },
+            submitForm(formName) {
+                const saturdayDate = this.getThisWeekSaturday();
+                var nowdate = this.formatDate(saturdayDate);
+                this.form.imgKey = sessionStorage.getItem("registerImageCodeKey");
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        if (!this.validatePhone()) {
+                            return
+                        }
+                        let imageCodeKey = sessionStorage.getItem("registerImageCodeKey");
+                        const formData = {
+                            imgKey: imageCodeKey,
+                            overtimeName: this.form.overtimeName,
+                            overtimeAge: this.form.overtimeAge,
+                            overtimePhone: this.form.overtimePhone,
+                            business: this.form.business,
+                            handleTime: nowdate + ' ' + this.form.date2,
+                            imgCode: this.form.imgCode
+                        }
+                        $.ajax({
+                            url: conpath + '/reserveOvertime',
+                            type: 'post',
+                            contentType: 'application/json; charset=utf-8',
+                            data: JSON.stringify(formData),
+                            dataType: 'json',
+                            success: function (data) {
+                                if (data.result === 'ok') {
+                                    this.$message.success('预约成功！');
+                                    this.dialogVisible = false;
+                                } else {
+                                    this.getVerifyCode();
+                                    this.$message.error(data.success || '预约失败！');
+                                }
+                            }.bind(this),
+                            error: function (error) {
+                                alert("请求发送失败");
+                            }
+                        });
+                        console.log('提交的数据:', formData);
+                    } else {
+                        return false;
+                    }
+                });
+            },
+            createUuid() {
+                var s = [];
+                var hexDigits = "0123456789abcdefghi";
+                for (var i = 0; i < 36; i++) {
+                    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+                }
+                s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
+                s[19] = hexDigits.substr((s[19] & 0x3) | 0x8,
+                    1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
+                s[8] = s[13] = s[18] = s[23] = "-";
+
+                var uuid = s.join("");
+                return uuid;
+            },
+            getVerifyCode() {
+                let that = this
+                let imageCodeKey = sessionStorage.getItem("registerImageCodeKey");
+                if (!imageCodeKey || imageCodeKey === '') {
+                    imageCodeKey = this.createUuid();
+                    sessionStorage.setItem("registerImageCodeKey", imageCodeKey);
+                }
+                $.ajax({
+                    url: conpath + '/reserveOvertime/code/' + imageCodeKey,
+                    type: 'post',
+                    dataType: 'json',
+                    success: function (data) {
+                        that.imageCode = "data:image/jpeg;base64," + data.success;
+                    }
+                })
+            }
+        },
+        mounted() {
+            this.getVerifyCode();
+        }
+    })
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/znxzMobile.html

@@ -0,0 +1,547 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <link rel="stylesheet" href="css/mapcon.css">
+    <!-- 引入 Vue -->
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.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>
+    <script type="text/javascript"
+        src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
+    <!-- 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>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        html,
+        body {
+            background-color: #EDF5FF;
+        }
+
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        .contentleft {
+            width: 100vw;
+            background-color: #EDF5FF;
+            color: #333;
+            padding: 10px 0;
+            box-sizing: border-box;
+        }
+
+
+        .contentright {
+            width: 100vw;
+            height: 73vw;
+        }
+
+        .toplogo {
+            display: flex;
+            align-items: center;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 18px;
+            color: #186FF0;
+            height: 11vw;
+        }
+
+        .toplogo img {
+            margin-bottom: 10px;
+            margin-right: 10px;
+        }
+
+
+        .tjdz {
+            display: flex;
+            flex-wrap: wrap;
+            background: #fff;
+        }
+
+        .tjdz .list {
+            width: 29%;
+            height: 10vw;
+            line-height: 10vw;
+            text-align: center;
+            background: #FFFFFF;
+            border-radius: 10px;
+            border: 1px solid #4B98F6;
+            font-size: 16px;
+            color: #4B98F6;
+            margin-left: 10px;
+            margin-bottom: 10px;
+            cursor: pointer;
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        .choseButton {
+            width: 100%;
+            height: 10vw;
+            background: #4B98F6;
+            box-shadow: 3px 5px 7px 0px rgba(24, 111, 240, 0.31);
+            border-radius: 10px;
+            color: #FFFFFF;
+            text-align: center;
+            line-height: 10vw;
+            margin: 10px 0;
+            cursor: pointer;
+            font-size: 16px;
+        }
+
+        .content {
+            width: 100%;
+            margin: auto;
+        }
+
+        .content ul {
+            list-style-type: none;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            padding: 0;
+            margin: 0;
+        }
+
+        .content ul li {
+            margin-bottom: 10px;
+        }
+
+        .content .list {
+            width: 95vw;
+            height: 51vw;
+            margin: auto;
+            background: #FFFFFF;
+            display: flex;
+            margin-top: 30px;
+            flex-direction: column;
+        }
+
+        .content .list .top {
+            width: 100%;
+            display: flex;
+        }
+
+        .content .list .left {
+            width: 40vw;
+            height: 79%;
+            position: relative;
+        }
+
+        .content .list .left img {
+            width: 40vw;
+            height: 40vw;
+        }
+
+        .content .list .number {
+            position: absolute;
+            left: 10px;
+            top: 0;
+            background-image: url(images/number.png);
+            background-size: 100% 100%;
+            width: 51px;
+            height: 61px;
+            font-weight: bold;
+            font-size: 22px;
+            color: #836B31;
+            line-height: 48px;
+            font-style: italic;
+            text-align: center;
+        }
+
+        .content .list .right {
+            width: calc(100% - 40vw);
+            display: flex;
+            justify-content: space-between;
+            padding: 10px 0;
+            padding-left: 25px;
+            box-sizing: border-box;
+            flex-direction: column;
+            font-size: 15px;
+            margin-right: 10px;
+        }
+
+        .content .tjzb {
+            color: #4B98F6;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .content .tjzb span:last-child {
+            font-style: italic;
+        }
+
+        .content .num {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            margin-bottom: 10px;
+            align-items: flex-start;
+        }
+
+        .contentleft>.content {
+            width: 100%;
+            margin: auto;
+            overflow-y: scroll;
+        }
+
+        .contentleft>.content::-webkit-scrollbar {
+            width: 0px;
+            height: 0px;
+        }
+
+        .kzsmj {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            align-items: flex-end;
+        }
+
+        .kzsmj span {
+            color: #4B98F6;
+            white-space: nowrap;
+        }
+
+        #znxz>.top {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #B7C7DC;
+            background: #FFFFFF;
+            padding: 0 10px;
+            box-sizing: border-box;
+        }
+
+        .zwsj {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: flex-start;
+            justify-content: center;
+            font-size: 16px;
+            color: #333;
+        }
+
+        .iconzb {
+            height: 6vw;
+            line-height: 6vw;
+            background: #E3F5E7;
+            border-radius: 4px;
+            border: 1px solid #4BB664;
+            font-size: 14px;
+            color: #4BB664;
+            text-align: center;
+            padding: 0 10px;
+            white-space: nowrap;
+        }
+
+        .content .bottom {
+            margin-top: 3vw;
+            margin-left: 10px;
+            font-size: 15px;
+            display: flex;
+        }
+
+        .content .bottom span:first-child {
+            max-width: 61vw;
+            display: block;
+            overflow: hidden;
+            word-break: break-all;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        @media screen and (min-width:360px) and (max-width:420px) {
+            .content .list .right {
+                padding-left: 12px;
+                font-size: 12px;
+            }
+
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div id="znxz">
+        <div class="top">
+            <div class="toplogo">
+                <img src="images/gyylogo.png" alt="">
+                <span>智能选址</span>
+            </div>
+            <div class="backbutton" @click="backIndex">
+                <img src="images/back1.png" alt="">
+            </div>
+        </div>
+        <div style="display: flex;flex-direction: column;">
+            <div class="contentright" id="mapcontainer"></div>
+            <div class="contentleft" id="">
+                <div style="color: #4B98F6;font-size: 14px;margin-left: 20px;margin-top: 10px;margin-bottom: 10px;">
+                    您好，根据提交的信息为您推荐如下地址：</div>
+                <div style="background-color: #fff;padding: 15px;box-sizing: border-box;">
+                    <div class="tjdz">
+                        <div class="list" v-for="(item,index) in tjdzList">{{item}}</div>
+                    </div>
+                    <div class="choseButton" @click="newchoice">重新选择</div>
+                </div>
+                <div class="content">
+                    <div class="zwsj" v-if="!this.contentList.length">暂无数据</div>
+                    <div class="list" v-for="(item,index) in contentList" @click="goDeteil(item.id)">
+                        <div class="top">
+                            <div class="left">
+                                <img :src="item.imgUrl" alt="" v-if="item.imgUrl">
+                                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/npxq.webp" alt=""
+                                    v-if="!item.imgUrl&&(item.belong ==4)">
+                                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/dxkjy.webp" alt=""
+                                    v-if="!item.imgUrl&&(item.belong ==6)">
+                                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/ylcxg.png" alt=""
+                                    v-if="!item.imgUrl&&(item.belong ==5)">
+                                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/cjls.webp" alt=""
+                                    v-if="!item.imgUrl&&(item.belong ==3)">
+                                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/xjcy.webp" alt=""
+                                    v-if="!item.imgUrl&&(item.belong ==2)">
+                                <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/cygyy.webp" alt=""
+                                    v-if="!item.imgUrl&&(item.belong ==1)">
+                                <div class="number" style="" v-if="index < 10">0{{index+1}}</div>
+                                <div class="number" style="" v-else>{{index+1}}</div>
+                            </div>
+                            <div class="right">
+                                <div>
+                                    <div>{{item.carrierName?item.carrierName:'-'}}</div>
+                                    <div style="color: #999;">
+                                        {{item.situationState=='1'?"可用":"不可用"}}&nbsp|&nbsp{{item.productModule?item.productModule:'-'}}&nbsp|&nbsp{{item.parkData?item.parkData.title:''}}
+                                    </div>
+                                </div>
+                                <div>
+                                    <div class="num">
+                                        <div class="tjzb">
+                                            <span>推荐指数:</span>
+                                            <span
+                                                style="font-weight: bold;font-size: 20px;">{{item.recommend?item.recommend:'-'}}</span>
+                                        </div>
+                                        <div class="kzsmj">
+                                            <span>可招商面积</span>
+                                            <span>{{item.usableArea?item.usableArea:'-'}}㎡</span>
+                                        </div>
+                                    </div>
+                                    <div style="display: flex;justify-content: space-between;">
+                                        <div class="iconzb"
+                                            v-for="(item,index) in (item.complementName?item.complementName.split(',').slice(0,3):[])">
+                                            {{item}}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bottom">
+                            <span>{{item.addr?item.addr:'-'}}</span>&nbsp|&nbsp</span><span>{{item.contactPhone?item.contactPhone:'-'}}</span>
+                        </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: '#znxz',
+        data: function () {
+            return {
+                reqPtah: '',
+                tjdzList: [
+                ],
+                contentList: [
+                ],
+                pointList: [],
+                backgroundImage: 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztcy.webp'
+            }
+        },
+        methods: {
+            backIndex() {
+                window.history.go(-1);
+                sessionStorage.setItem('znxztabs', '');
+                sessionStorage.setItem('znxz', '');
+            },
+            compare(property) {
+                return function (a, b) {
+                    if (a[property] < b[property]) {
+                        return 1;
+                    }
+                    if (a[property] > b[property]) {
+                        return -1;
+                    }
+                    return 0;
+                }
+            },
+            goDeteil(id) {
+                if (id) {
+                    window.location.href = "ztcrdetailMobile.html?ztid=" + id;
+                }
+            },
+            getListData(json) {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/sellBuild/queryPageByAddr",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify(json),
+                    dataType: "json",
+                    success: function (data) {
+                        let dataList = data.list;
+                        that.contentList = dataList.sort((a, b) => { return b.recommend - a.recommend });
+                        let newProperty = "";
+                        dataList.forEach(function (d) {
+
+                            if (!d.point) return;
+                            let pList = d.point.split('@');
+                            pList.forEach(function (point) {
+                                that.pointList.push(d);
+                            });
+                        });
+                        that.loadMap(dataList[0].point);
+                    }
+                });
+            },
+            newchoice() {
+                sessionStorage.setItem('znxztabs', JSON.stringify({}));
+                sessionStorage.setItem('znxz', '');
+                window.location.href = 'znxzchoiceMobile.html'
+            },
+            loadMap(currentPoint) {
+                let that = this;
+                that.parkMap = new BMap.Map("mapcontainer");
+                that.parkMap.enableScrollWheelZoom();
+                that.parkMap.enableDragging();
+                //中心坐标
+                if (currentPoint) {
+                    let currPoint = currentPoint.split(',');
+                    that.parkMap.centerAndZoom(new BMap.Point(currPoint[0], currPoint[1]), 14);
+                } else {
+                    that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
+                }
+                that.parkMap.setMapType(BMAP_NORMAL_MAP);
+                that.pointList.forEach(function (d) {
+                    let pList = d.point.split('@');
+                    pList.forEach(function (point) {
+                        let arr = point.split(',');
+                        let p = new BMap.Point(arr[0], arr[1]);
+                        var myIcon = new BMap.Icon("https://www.cqna.gov.cn/syygapi/naxsb/images/addrzt.png", new BMap.Size(40, 40), {
+                            offset: new BMap.Size(10, 25),
+                        });
+                        let marker = new BMap.Marker(p, { icon: myIcon });
+                        var opts = {
+                            position: new BMap.Point(arr[0], arr[1]),
+                            offset: new BMap.Size(10, 10)
+                        };
+
+
+                        var label = new BMap.Label(d.carrierName, opts);
+                        label.setStyle({
+                            color: "#186FF0",
+                            border: "0",
+                            padding: "0",
+                            display: "none",
+                            background: "transparent",
+                            fontWeight: 'bold',
+                            backgroundColor: 'transparent',
+                            textShadow: '0 0 4px #4B97F5',
+                            textStrokeColor: "#4B97F5",
+                            textStrokeWidth: "4px",
+                            fontSize: "18px",
+                            height: "20px",
+                            lineHeight: "20px",
+                            fontFamily: "微软雅黑"
+                        });
+                        marker.setLabel(label);
+
+                        marker.addEventListener("mouseover", function (e) {
+                            var label = this.getLabel()
+                            label.setStyle({ display: "block" });
+                        });
+                        marker.addEventListener("mouseout", function (e) {
+                            var label = this.getLabel()
+                            label.setStyle({ display: "none" });
+                        });
+                        that.parkMap.addOverlay(marker);
+                        marker.addEventListener('click', function () {
+                            var id = d.id;
+                            window.location.href = 'https://www.cqna.gov.cn/syygapi/naxsb/ztcrdetailMobile.html?ztid=' + id;
+                        });
+                    });
+                });
+            }
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('id');
+            // 检索数据
+            const retrievedUser = sessionStorage.getItem('znxz');
+            const znxztabs = sessionStorage.getItem('znxztabs');
+
+            // 将字符串转换回JSON对象
+            if (retrievedUser) {
+                const userObject = JSON.parse(retrievedUser);
+                this.getListData(userObject)
+            }
+            if (znxztabs) {
+                this.tjdzList = znxztabs.split(',');
+            }
+            if (id == 4) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztnp.webp';
+            } else if (id == 6) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztdx.webp';
+            } else if (id == 5) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztyl.webp';
+            } else if (id == 3) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztcjcx.webp';
+            } else if (id == 2) {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztxj.webp';
+            } else {
+                this.backgroundImage = 'https://www.cqna.gov.cn/syygapi/naxsb/image/ztcy.webp';
+            }
+        }
+    })
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/znxzchoiceMobile.html

@@ -0,0 +1,668 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <link rel="stylesheet" href="css/mapcon.css">
+    <!-- 引入 Vue -->
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.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>
+    <script type="text/javascript"
+        src="https://api.map.baidu.com/api?type=webgl&v=3.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
+    <!-- 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>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        html,
+        body {
+            background-color: #EDF5FF;
+        }
+
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        .contentleft {
+            width: 100vw;
+            background-color: #EDF5FF;
+            font-size: 13px;
+            color: #333;
+            box-sizing: border-box;
+        }
+
+        .contentright {
+            width: 100vw;
+            height: 73vw;
+        }
+
+        .toplogo {
+            display: flex;
+            align-items: center;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 18px;
+            color: #186FF0;
+            height: 11vw;
+        }
+
+        .toplogo img {
+            margin-bottom: 10px;
+            margin-right: 10px;
+        }
+
+        .choseButton {
+            width: 28vw;
+            height: 10vw;
+            background: #4B98F6;
+            border-radius: 10px;
+            text-align: center;
+            line-height: 10vw;
+            color: #FFFFFF;
+            cursor: pointer;
+            margin-right: 10px;
+            border: 2px solid #4B98F6;
+        }
+
+        .content {
+            width: 100%;
+            margin: auto;
+            background: #FFFFFF;
+            padding: 10px;
+            box-sizing: border-box;
+            margin-top: 15px;
+        }
+
+        .contentleft>.content {
+            width: 100%;
+            height: 80vw;
+            margin-bottom: 20px;
+        }
+
+        .contentleft>.content::-webkit-scrollbar {
+            width: 0px;
+            height: 0px;
+        }
+
+        #znxz>.top {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #B7C7DC;
+            background: #FFFFFF;
+            padding: 0 10px;
+            box-sizing: border-box;
+        }
+
+        .typetitle {
+            margin: auto;
+            margin-bottom: 10px;
+        }
+
+        .fwhy {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        .fwhy .list {
+            width: 29%;
+            height: 10vw;
+            line-height: 10vw;
+            text-align: center;
+            background: #FFFFFF;
+            border-radius: 10px;
+            border: 1px solid #DADADA;
+            font-size: 13px;
+            color: #333333;
+            margin-left: 10px;
+            margin-bottom: 10px;
+            cursor: pointer;
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        .fwhy .list.active {
+            background: #4B98F6;
+            color: #FFFFFF;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div id="znxz">
+        <div class="top">
+            <div class="toplogo">
+                <img src="images/gyylogo.png" alt="">
+                <span>智能选址</span>
+            </div>
+            <div class="backbutton" @click="window.history.go(-1)">
+                <img src="images/back1.png" alt="">
+            </div>
+        </div>
+        <div style="display: flex;flex-direction: column;">
+            <div class="contentright" id="mapcontainer"></div>
+            <div class="contentleft" id="">
+                <div style="color: #4B98F6;font-size: 14px;margin-left: 20px;margin-top: 10px;">我们将根据您的条件为您推荐最合适的企业选址
+                </div>
+                <div class="content" style="position: relative;">
+                    <div v-show="currtype==1">
+                        <div class="typetitle">1.请选择您的服务行业</div>
+                        <div class="fwhy" id="fwhy">
+                            <div class="list" :class="getClassfwhy(item.name)" :key="index"
+                                v-for="(item,index) in fwhyList" :data-tab-target="item.name">{{item.name}}</div>
+                            <div class="list fwhybx" data-tab-target="不限">不限</div>
+                        </div>
+                    </div>
+                    <div v-show="currtype==2">
+                        <div class="typetitle">2.请选择您的载体类型</div>
+                        <div class="fwhy" id="ztlx">
+                            <div class="list" :class="getClassztlx(item)" :key="index" v-for="(item,index) in ztlxList"
+                                :data-tab-target="item">{{item}}</div>
+                            <div class="list ztlxbx" data-tab-target="不限">不限</div>
+                        </div>
+                    </div>
+                    <div v-show="currtype==3">
+                        <div class="typetitle">3.请选择您的周边配套</div>
+                        <div class="fwhy" id="zbpt">
+                            <div class="list" :class="getClasszbpt(item)" :key="index" v-for="(item,index) in zbptList"
+                                :data-tab-target="item">{{item}}</div>
+                            <div class="list zbptbx" data-tab-target="不限">不限</div>
+                        </div>
+                    </div>
+                    <div v-show="currtype==4">
+                        <div class="typetitle">4.请选择您的租赁情况</div>
+                        <div class="fwhy" id="zlqk">
+                            <div class="list" :class="getClasszlqk(item.name)" :key="index"
+                                v-for="(item,index) in zlqklist" :data-tab-target="item.name">{{item.name}}</div>
+                            <div class="list zlqkbx" data-tab-target="不限">不限</div>
+                        </div>
+                    </div>
+                    <div v-show="currtype==5">
+                        <div class="typetitle">5.请选择您的所属园区</div>
+                        <div class="fwhy" id="ssyq">
+                            <div class="list" :class="getClassssyq(item.title)" :key="index"
+                                v-for="(item,index) in titleList" :data-tab-target="item.id" :data-title="item.title"
+                                :title="item.title">
+                                {{item.title}}</div>
+                            <div class="list ssyqbx" data-tab-target="不限" data-title="不限">不限</div>
+                        </div>
+                    </div>
+                    <div style="display: flex;position: absolute;top: 64vw;left: 5vw;">
+                        <div class="choseButton" style="color: #4B98F6;background: #FFFFFF;"
+                            @click="newChoice">
+                            重新选择</div>
+                        <div class="choseButton" style="
+                        box-shadow: 3px 5px 7px 0px rgba(42,120,215,0.43);" @click="currtype=currtype-1"
+                            v-if="currtype!=1">上一步</div>
+                        <div class="choseButton" style="
+                    box-shadow: 3px 5px 7px 0px rgba(42,120,215,0.43);" @click="nextChoice">下一步
+                        </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>
+    var nowDiv = new Vue({
+        el: '#znxz',
+        data: function () {
+            return {
+                reqPtah: '',
+                currtype: 1,
+                currfwhy: '',
+                currztlx: '',
+                currzbpt: '',
+                currzlqk: '',
+                currssyq: '',
+                currssyqtitle: '',
+                fwhyList: [
+                    {
+                        id: 1,
+                        name: "软信服务业"
+                    },
+                    {
+                        id: 2,
+                        name: "工业用地"
+                    },
+                    {
+                        id: 3,
+                        name: "制造业"
+                    },
+                    {
+                        id: 4,
+                        name: "商业"
+                    },
+                    {
+                        id: 5,
+                        name: "商贸流通业"
+                    },
+                    {
+                        id: 6,
+                        name: "医药流通"
+                    },
+                    {
+                        id: 7,
+                        name: "电子信息"
+                    },
+                    {
+                        id: 8,
+                        name: "医疗器械"
+                    }
+                ],
+                ztlxList: [],
+                zlqklist: [
+                    {
+                        id: 1,
+                        name: '租赁'
+                    },
+                    {
+                        id: 2,
+                        name: '出让'
+                    }
+                ],
+                titleList: [
+                ],
+                zbptList: []
+            }
+        },
+        computed: {
+            getClasses() {
+                return this.getClassfwhy();
+                return this.getClassztlx();
+                return this.getClasszbpt();
+                return this.getClasszlqk();
+                return this.getClassssyq();
+            }
+        },
+        methods: {
+            backIndex() {
+                window.history.go(-1)
+            },
+            getParkData() {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/parkData/",
+                    type: "get",
+                    dataType: "json",
+                    async: false,
+                    success: function (data) {
+                        that.titleList = data;
+                    }
+                })
+            },
+            newChoice() {
+                this.currtype = 1;
+            },
+            nextChoice() {
+                var znxz = {
+                    "productModule": this.currfwhy,
+                    "application": this.currztlx,
+                    "rent": this.currzlqk,
+                    "belong": this.currssyq,
+                    "complementName": this.currzbpt,
+                    "currentPage": 1,
+                    "pageSize": 100000
+                }
+                if (this.currtype == 5) {
+                    var selectTabs = '';
+                    if (this.currfwhy && this.currfwhy != "不限") {
+                        selectTabs = this.currfwhy
+                    }
+                    if (this.currztlx && this.currztlx != "不限") {
+                        if (selectTabs) {
+                            selectTabs = selectTabs + ',' + this.currztlx
+                        } else {
+                            selectTabs = this.currztlx;
+                        }
+                    }
+                    if (this.currzbpt && this.currzbpt != "不限") {
+                        if (selectTabs) {
+                            selectTabs = selectTabs + ',' + this.currzbpt
+                        } else {
+                            selectTabs = this.currzbpt;
+                        }
+                    }
+                    if (this.currzlqk && this.currzlqk != "不限") {
+                        if (selectTabs) {
+                            selectTabs = selectTabs + ',' + this.currzlqk
+                        } else {
+                            selectTabs = this.currzlqk;
+                        }
+                    }
+                    if (this.currssyq && this.currssyq != "不限") {
+                        if (selectTabs) {
+                            selectTabs = selectTabs + ',' + this.currssyqtitle
+                        } else {
+                            selectTabs = this.currssyqtitle;
+                        }
+                    }
+                    const znxzString = JSON.stringify(znxz);
+                    sessionStorage.setItem('znxztabs', selectTabs);
+                    sessionStorage.setItem('znxz', znxzString);
+                    window.location.href = "znxzMobile.html"
+                } else {
+                    var znxz = {
+                        "productModule": this.currfwhy,
+                        "application": this.currztlx,
+                        "rent": this.currzlqk,
+                        "complementName": this.currzbpt,
+                        "belong": this.currssyq
+                    }
+                    this.getListData(znxz);
+                    this.currtype = this.currtype + 1;
+                }
+            },
+            getListData(json) {
+                let that = this;
+                let dataList;
+                that.getParkData();
+                $.ajax({
+                    url: conpath + "/sellBuild/newQueryOne",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify(json),
+                    dataType: "json",
+                    async: false,
+                    success: function (data) {
+                        console.log(data)
+                        that.ztlxList = data.data.applications;
+                        that.zbptList = data.data.complementName;
+                        var alltitle = that.titleList;
+                        var parkdata = data.data.parkId;
+                        var nowtitle = [];
+                        for (var i = 0; i < alltitle.length; i++) {
+                            for (var j = 0; j < parkdata.length; j++) {
+                                if (alltitle[i].id == parkdata[j]) {
+                                    nowtitle.push(alltitle[i]);
+                                }
+                            }
+                        }
+                        that.titleList = nowtitle;
+                    }
+                });
+                return dataList;
+            },
+            getClassfwhy(name) {
+                var flag = false;
+                if (this.currfwhy) {
+                    var currfwhy = this.currfwhy.split(',');
+                    for (var i = 0; i < currfwhy; i++) {
+                        if (currfwhy[i] == name) {
+                            flag = true;
+                        }
+                    }
+                }
+                return flag ? 'active' : '';
+            },
+            getClassztlx(name) {
+                var flag = false;
+                if (this.currztlx) {
+                    var currztlx = this.currztlx.split(',');
+                    for (var i = 0; i < currztlx; i++) {
+                        if (currztlx[i] == name) {
+                            flag = true;
+                        }
+                    }
+                }
+                return flag ? 'active' : '';
+            },
+            getClasszbpt() {
+                var flag = false;
+                if (this.currzbpt) {
+                    var currzbpt = this.currzbpt.split(',');
+                    for (var i = 0; i < currzbpt; i++) {
+                        if (currzbpt[i] == name) {
+                            flag = true;
+                        }
+                    }
+                }
+                return flag ? 'active' : '';
+
+            },
+            getClassssyq(name) {
+                var flag = false;
+                if (this.currssyqtitle) {
+                    var currssyqtitle = this.currssyqtitle.split(',');
+                    for (var i = 0; i < currssyqtitle; i++) {
+                        if (currssyqtitle[i] == name) {
+                            flag = true;
+                        }
+                    }
+                }
+                return flag ? 'active' : '';
+            },
+            getClasszlqk(name) {
+                var flag = false;
+                if (this.currzlqk) {
+                    var currzlqk = this.currzlqk.split(',');
+                    for (var i = 0; i < currzlqk; i++) {
+                        if (currzlqk[i] == name) {
+                            flag = true;
+                        }
+                    }
+                }
+                return flag ? 'active' : '';
+            },
+            loadMap() {
+                var map = new BMapGL.Map("mapcontainer");
+                map.enableScrollWheelZoom();
+                map.enableDragging();
+                map.centerAndZoom(new BMapGL.Point(106.651444, 29.48682), 14);
+
+            }
+        },
+        mounted() {
+            this.loadMap();
+        }
+    })
+</script>
+
+<script>
+    var that = this;
+    document.addEventListener('DOMContentLoaded', function () {
+
+
+        var tabsContainer = document.getElementById('fwhy');
+        var fwhyselectedTabs = [];
+
+        tabsContainer.addEventListener('click', function (event) {
+            if (event.target.matches('.list')) {
+                var tabTarget = event.target.getAttribute('data-tab-target');
+                if (fwhyselectedTabs.includes(tabTarget) && tabTarget != "不限") {
+
+                    fwhyselectedTabs = fwhyselectedTabs.filter(function (selectedTab) {
+                        return selectedTab !== tabTarget;
+                    });
+                    event.target.classList.remove('active');
+                }
+                else {
+
+                    fwhyselectedTabs.push(tabTarget);
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('#fwhy .fwhybx').removeClass('active');
+                    } else {
+                        $('#fwhy .list').removeClass('active')
+                        event.target.classList.add('active');
+                        fwhyselectedTabs = ['不限']
+                    }
+                }
+                if (fwhyselectedTabs[0] == "不限") {
+                    fwhyselectedTabs = [];
+                    that.nowDiv.currfwhy = '';
+                } else {
+                    that.nowDiv.currfwhy = fwhyselectedTabs.join(',');
+                }
+            }
+        });
+
+        var tabsContainerztlx = document.getElementById('ztlx');
+        var ztlxselectedTabs = [];
+        tabsContainerztlx.addEventListener('click', function (event) {
+            if (event.target.matches('.list')) {
+                var tabTarget = event.target.getAttribute('data-tab-target');
+                if (ztlxselectedTabs.includes(tabTarget) && tabTarget != "不限") {
+                    ztlxselectedTabs = ztlxselectedTabs.filter(function (selectedTab) {
+                        return selectedTab !== tabTarget;
+                    });
+                    event.target.classList.remove('active');
+                } else {
+                    ztlxselectedTabs.push(tabTarget);
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('#ztlx .ztlxbx').removeClass('active');
+                    } else {
+                        $('#ztlx .list').removeClass('active')
+                        event.target.classList.add('active');
+                        ztlxselectedTabs = ['不限']
+                    }
+                }
+                if (ztlxselectedTabs[0] == "不限") {
+                    ztlxselectedTabs = [];
+                    that.nowDiv.currztlx = '';
+                } else {
+                    that.nowDiv.currztlx = ztlxselectedTabs.join(',');
+                }
+            }
+        });
+        var tabsContainerzbpt = document.getElementById('zbpt');
+        var zbptselectedTabs = [];
+        tabsContainerzbpt.addEventListener('click', function (event) {
+            if (event.target.matches('.list')) {
+                var tabTarget = event.target.getAttribute('data-tab-target');
+                if (zbptselectedTabs.includes(tabTarget) && tabTarget != "不限") {
+                    zbptselectedTabs = zbptselectedTabs.filter(function (selectedTab) {
+                        return selectedTab !== tabTarget;
+                    });
+                    event.target.classList.remove('active');
+                } else {
+                    zbptselectedTabs.push(tabTarget);
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('#zbpt .zbptbx').removeClass('active');
+                    } else {
+                        $('#zbpt .list').removeClass('active')
+                        event.target.classList.add('active');
+                        zbptselectedTabs = ['不限']
+                    }
+                }
+                if (zbptselectedTabs[0] == "不限") {
+                    zbptselectedTabs = [];
+                    that.nowDiv.currzbpt = '';
+                } else {
+                    that.nowDiv.currzbpt = zbptselectedTabs.join(',');
+                }
+            }
+        });
+
+        var tabsContainerzlqk = document.getElementById('zlqk');
+        var zlqkselectedTabs = [];
+        tabsContainerzlqk.addEventListener('click', function (event) {
+            if (event.target.matches('.list')) {
+                var tabTarget = event.target.getAttribute('data-tab-target');
+                if (zlqkselectedTabs.includes(tabTarget) && tabTarget != "不限") {
+                    zlqkselectedTabs = zlqkselectedTabs.filter(function (selectedTab) {
+                        return selectedTab !== tabTarget;
+                    });
+                    event.target.classList.remove('active');
+                } else {
+                    zlqkselectedTabs.push(tabTarget);
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('#zlqk .zlqkbx').removeClass('active');
+                    } else {
+                        $('#zlqk .list').removeClass('active')
+                        event.target.classList.add('active');
+                        zlqkselectedTabs = ['不限']
+                    }
+                }
+                if (zlqkselectedTabs[0] == "不限") {
+                    zlqkselectedTabs = [];
+                    that.nowDiv.currzlqk = '';
+                } else {
+                    that.nowDiv.currzlqk = zlqkselectedTabs.join(',');
+                }
+            }
+        });
+
+        var tabsContainerssyq = document.getElementById('ssyq');
+        var ssyqselectedTabs = [];
+        var ssyqtitle = [];
+        tabsContainerssyq.addEventListener('click', function (event) {
+            if (event.target.matches('.list')) {
+                var tabTarget = event.target.getAttribute('data-tab-target');
+                var titleTarget = event.target.getAttribute('data-title');
+                if (ssyqselectedTabs.includes(tabTarget) && tabTarget != "不限") {
+                    ssyqselectedTabs = ssyqselectedTabs.filter(function (selectedTab) {
+                        return selectedTab !== tabTarget;
+                    });
+                    event.target.classList.remove('active');
+                } else {
+                    ssyqselectedTabs.push(tabTarget);
+                    ssyqtitle.push(titleTarget);
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('#ssyq .ssyqbx').removeClass('active');
+                    } else {
+                        $('#ssyq .list').removeClass('active')
+                        event.target.classList.add('active');
+                        ssyqselectedTabs = ['不限']
+                        ssyqtitle = ['不限'];
+                    }
+                }
+                if (ssyqselectedTabs[0] == "不限") {
+                    ssyqselectedTabs = [];
+                    that.nowDiv.currssyq = '';
+                    that.nowDiv.currssyqtitle = '';
+                } else {
+                    that.nowDiv.currssyq = ssyqselectedTabs.join(',');
+                    that.nowDiv.currssyqtitle = ssyqtitle.join(',');
+                }
+            }
+        });
+    });
+</script>
+
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/ztcrdetailMobile.html

@@ -0,0 +1,652 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <link rel="stylesheet" href="https://www.cqna.gov.cn/syygapi/naxsb/swiper/swiper-bundle.css">
+    <!-- 引入 Vue -->
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.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>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/jquery-3.5.1.min.js"></script>
+    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
+    </script>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/urljson.js"></script>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        html,
+        body {
+            background-color: #EDF5FF;
+        }
+
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        #tdcr>.top {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #B7C7DC;
+            background: #FFFFFF;
+            padding: 0 10px;
+        }
+
+        .toplogo {
+            display: flex;
+            align-items: center;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 18px;
+            color: #186FF0;
+            height: 11vw;
+            border-bottom: 1px solid #B7C7DC;
+            cursor: pointer;
+        }
+
+        .toplogo img {
+            margin-bottom: 10px;
+            margin-right: 10px;
+        }
+
+        .contentleft {
+            width: 100vw;
+            background-color: #EDF5FF;
+            font-size: 15px;
+            color: #333;
+            padding: 10px;
+            box-sizing: border-box;
+            font-family: Microsoft YaHei;
+        }
+
+        .itemname {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 10px;
+        }
+
+        .swiperimg {
+            display: flex;
+            justify-content: space-between;
+            position: relative;
+            flex-direction: column;
+        }
+
+        .swiper {
+            width: 100%;
+            margin: auto;
+            margin-top: 20px;
+        }
+
+        .swiper-slide {
+            text-align: center;
+            font-size: 18px;
+            background: #fff;
+
+            /* Center slide text vertically */
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: -webkit-flex;
+            display: flex;
+            -webkit-box-pack: center;
+            -ms-flex-pack: center;
+            -webkit-justify-content: center;
+            justify-content: center;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            -webkit-align-items: center;
+            align-items: center;
+        }
+
+        .swiper-slide img {
+            width: 100%;
+            height: 15vw;
+            cursor: pointer;
+        }
+
+        .swiper-button-prev:after,
+        .swiper-rtl .swiper-button-next:after {
+            color: #fff;
+            font-size: 16px;
+        }
+
+        .swiper-button-next:after,
+        .swiper-rtl .swiper-button-prev:after {
+            color: #fff;
+            font-size: 16px;
+        }
+
+        .contentright {
+            width: 100vw;
+            height: 73vw;
+        }
+
+        #ztcr>.top {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #B7C7DC;
+            background: #FFFFFF;
+            padding: 0 10px;
+        }
+
+        .iconzb {
+            width: 100px;
+            height: 30px;
+            line-height: 30px;
+            background: #E3F5E7;
+            border-radius: 4px;
+            border: 1px solid #4BB664;
+            font-size: 14px;
+            color: #4BB664;
+            text-align: center;
+            margin-right: 9px;
+            cursor: pointer;
+            margin-bottom: 5px;
+        }
+
+        .iconzbxq {
+            width: 36vw;
+            height: 30px;
+            line-height: 30px;
+            background: transparent;
+            border-radius: 4px;
+            border: 1px solid #618ecf;
+            font-size: 13px;
+            color: #618ecf;
+            text-align: center;
+            margin-right: 9px;
+            cursor: pointer;
+            padding: 0 10px;
+            overflow: hidden;
+            word-break: break-all;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            margin-top: 10px;
+        }
+
+        .zbptdiv {
+            display: flex;
+            flex-wrap: wrap;
+            max-height: 162px;
+            overflow-y: scroll;
+        }
+
+        .zbptdiv::-webkit-scrollbar {
+            display: none;
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+        }
+
+        .contentleft>.list {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 10px;
+        }
+
+        .contentleft .text {
+            line-height: 30px;
+        }
+
+        .contentleft>.list .listitm {
+            width: 49%;
+            height: 20vw;
+            color: #fff;
+            font-size: 16px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .contentleft>.list .listitm span:last-child {
+            margin-top: 10px;
+        }
+
+        .text .icon {
+            height: 25px;
+            line-height: 25px;
+            padding: 0 10px;
+            background: #DEEDFF;
+            color: #4B98F6;
+            border-radius: 5px;
+            border: 1px solid #4B98F6;
+            margin-right: 10px;
+            margin-top: 2px;
+        }
+    </style>
+</head>
+
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div id="ztcr">
+        <div class="top">
+            <div class="toplogo">
+                <img src="images/gyylogo.png" alt="">
+                <span>载体服务</span>
+            </div>
+            <div class="backbutton" @click="window.history.go(-1)">
+                <img src="images/back1.png" alt="">
+            </div>
+        </div>
+        <div style="display: flex;flex-direction: column;">
+            <div class="contentright" id="mapcontainer"></div>
+            <div class="contentleft">
+                <div class="itemname">
+                    <div>{{ztcrDetail.carrierName}}</div>
+                </div>
+                <div class="swiperimg">
+                    <img :src="imgUrl" alt="" style="width: 100%;height:47vw;">
+                    <div class="swiper mySwiper">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide list" v-for="(item,index) in swiperList" @click="imgDetail(item)">
+                                <img :src="item" alt="">
+                            </div>
+                        </div>
+                        <div class="swiper-button-next"></div>
+                        <div class="swiper-button-prev"></div>
+                    </div>
+                </div>
+                <div class="list">
+                    <div class="listitm" style="background-color: #4EB2AD;">
+                        <span style="color:#D3F0EF;">招商面积</span>
+                        <span>{{ztcrDetail.space?ztcrDetail.space:'-'}}㎡</span>
+                    </div>
+                    <div class="listitm" style="background-color: #DFC483;">
+                        <span style="color:#A38438;">载体类型</span>
+                        <span>{{ztcrDetail.application?ztcrDetail.application:'-'}}</span>
+                    </div>
+                </div>
+                <div class="text">
+                    <div style="" v-if="ztcrDetail.productModule">
+                        <span>主导产业：</span>
+                        <span class="icon"
+                            v-for="(item,index) in (ztcrDetail.productModule?ztcrDetail.productModule.split('、'):[])">
+                            {{item}}</span>
+                    </div>
+                    <div style="" v-if="ztcrDetail.typeName&&ztcrDetail.typeName.length">
+                        <span style="white-space: nowrap;">周边配套：</span>
+                        <div style="display: flex;flex-wrap: wrap;margin-top: 5px;">
+                            <div class="iconzb" v-for="(item,index) in ztcrDetail.typeName" @click="showZblist(item)">
+                                {{item}}</div>
+                        </div>
+                    </div>
+                    <div class="zbptdiv">
+                        <div class="iconzbxq" v-for="(item,index) in zbptlist"
+                            @click="showPoint(item.complementPoint.split(',')[0],item.complementPoint.split(',')[1],item.complementName)"
+                            v-if="item.complementPoint" :title="item.complementName">
+                            {{item.complementName}}</div>
+                    </div>
+                    <div v-if="ztcrDetail.addr"><span>详细地址：</span><span>{{ztcrDetail.addr?ztcrDetail.addr:'-'}}</span>
+                    </div>
+                    <div v-if="ztcrDetail.contactName">
+                        <span>联系方式：</span>
+                        <span v-show="ztcrDetail.contactNameList">
+                            <span
+                                v-for="(item,index) in ztcrDetail.contactNameList">{{item}}&nbsp;&nbsp;{{ztcrDetail.contactPhoneList[index]}}&nbsp;&nbsp;</span>
+                        </span>
+                        <span v-show="!ztcrDetail.contactNameList">
+                            <span>{{ztcrDetail.contactName?ztcrDetail.contactName:'-'}}&nbsp;&nbsp;{{ztcrDetail.contactPhone}}</span></span>
+                    </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 src="https://www.cqna.gov.cn/syygapi/naxsb/swiper/swiper-bundle.js"></script>
+<script>
+
+</script>
+<script>
+    new Vue({
+        el: '#ztcr',
+        data: function () {
+            return {
+                reqPtah: '',
+                ztcrDetail: {},
+                imgUrl: '',
+                swiperList: [],
+                backgroundImage: '',
+                znptList: '学校,轻轨,公交车站',
+                zbptlist: [
+                ],
+                map: {},
+                complementDetailId: [],
+                allZbList: []
+            }
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('ztid');
+            this.getBuildDetail(id);
+            this.$nextTick(() => {
+                var swiper = new Swiper('.mySwiper', {
+                    slidesPerView: 3,
+                    spaceBetween: 10,
+                    slidesPerGroup: 3,
+                    loop: true,
+                    loopFillGroupWithBlank: true,
+                    navigation: {
+                        nextEl: '.swiper-button-next',
+                        prevEl: '.swiper-button-prev',
+                    },
+                });
+            })
+        },
+        methods: {
+            backIndex() {
+                window.history.go(-1)
+            },
+            imgDetail(imgurl) {
+                if (imgurl == "https://www.cqna.gov.cn/syygapi/naxsb/images/tdcr0.png") {
+                    return
+                }
+                this.imgUrl = imgurl;
+            },
+            showallZblist() {
+                var that = this;
+                if (!that.allZbList.length) return
+                that.allZbList.forEach(function (item) {
+                    if (item.complementPoint) {
+                        let arr = item.complementPoint.split(',');
+                        let p = new BMap.Point(arr[0], arr[1]);
+                        var myIcon = new BMap.Icon("https://www.cqna.gov.cn/syygapi/naxsb/images/addrzb.png", new BMap.Size(23, 25), {
+                            offset: new BMap.Size(10, 25),
+                        });
+                        let marker = new BMap.Marker(p, { icon: myIcon });
+                        marker.id = "zbId";
+                        that.map.addOverlay(marker);
+                        var opts = {
+                            position: new BMap.Point(arr[0], arr[1]),
+                            offset: new BMap.Size(10, 10)
+                        };
+
+                        var label = new BMap.Label(item.complementName, opts);
+
+                        label.setStyle({
+                            color: "#186FF0",
+                            fontSize: "16px",
+                            height: "auto",
+                            lineHeight: "20px",
+                            fontFamily: "微软雅黑",
+                            fontWeight: 'bold',
+                            backgroundColor: 'transparent',
+                            border: 'none'
+                        });
+                        marker.setLabel(label);
+                        label.setStyle({ display: "none" });
+                        marker.addEventListener("mouseover", function (e) {
+                            var label = this.getLabel()
+                            label.setStyle({ display: "block" });
+                        });
+                        marker.addEventListener("mouseout", function (e) {
+                            var label = this.getLabel()
+                            label.setStyle({ display: "none" });
+                        });
+                    }
+                });
+            },
+            showZblist(name) {
+                var complementDetailId = this.complementDetailId;
+                var that = this;
+                var formData = {
+                    "complementDetailId": complementDetailId,
+                    "typeName": name
+                }
+                var allOverlay = this.map.getOverlays();
+                for (var i = 0; i < allOverlay.length; i++) {
+                    if (allOverlay[i].id == "zbId") {
+                        this.map.removeOverlay(allOverlay[i]);
+                    }
+                }
+                $.ajax({
+                    url: conpath + "/complement/findByBuild",
+                    type: 'POST',
+                    contentType: 'application/json; charset=utf-8',
+                    data: JSON.stringify(formData),
+                    dataType: 'json',
+                    success: function (data) {
+                        let mdata = data.data;
+                        that.zbptlist = mdata;
+                        that.zbptlist.forEach(function (item) {
+                            let arr = item.complementPoint.split(',');
+                            let p = new BMap.Point(arr[0], arr[1]);
+                            var myIcon = new BMap.Icon("https://www.cqna.gov.cn/syygapi/naxsb/images/addrzb.png", new BMap.Size(23, 25), {
+                                offset: new BMap.Size(10, 25),
+                            });
+                            let marker = new BMap.Marker(p, { icon: myIcon });
+                            marker.id = "zbId";
+                            that.map.addOverlay(marker);
+                            var opts = {
+                                position: new BMap.Point(arr[0], arr[1]),
+                                offset: new BMap.Size(10, 10)
+                            };
+
+                            var label = new BMap.Label(item.complementName, opts);
+
+                            label.setStyle({
+                                color: "#186FF0",
+                                fontSize: "16px",
+                                height: "auto",
+                                lineHeight: "20px",
+                                fontFamily: "微软雅黑",
+                                fontWeight: 'bold',
+                                backgroundColor: 'transparent',
+                                border: 'none'
+                            });
+                            marker.setLabel(label);
+                            label.setStyle({ display: "none" });
+                            marker.addEventListener("mouseover", function (e) {
+                                var label = this.getLabel()
+                                label.setStyle({ display: "block" });
+                            });
+                            marker.addEventListener("mouseout", function (e) {
+                                var label = this.getLabel()
+                                label.setStyle({ display: "none" });
+                            });
+                        });
+
+                    }
+                });
+            },
+            showPoint(point1, point2, name) {
+                var allOverlay = this.map.getOverlays();
+                for (var i = 0; i < allOverlay.length; i++) {
+                    if (allOverlay[i].id == "zbId") {
+                        this.map.removeOverlay(allOverlay[i]);
+                    }
+                }
+                let p = new BMap.Point(point1, point2);
+                var myIcon = new BMap.Icon("https://www.cqna.gov.cn/syygapi/naxsb/images/addrchose.png", new BMap.Size(23, 25), {
+                    offset: new BMap.Size(10, 25),
+                });
+                let marker = new BMap.Marker(p, { icon: myIcon });
+                marker.id = "zbId";
+                this.map.addOverlay(marker);
+                var opts = {
+                    position: new BMap.Point(point1, point2),
+                    offset: new BMap.Size(10, 10)
+                };
+
+                var label = new BMap.Label(name, opts);
+
+                label.setStyle({
+                    color: "#186FF0",
+                    fontSize: "18px",
+                    height: "auto",
+                    lineHeight: "20px",
+                    fontFamily: "微软雅黑",
+                    fontWeight: 'bold',
+                    backgroundColor: 'transparent',
+                    border: 'none',
+                    textShadow: '0 0 4px #4B97F5',
+                    textStrokeColor: "#4B97F5",
+                    textStrokeWidth: "4px",
+                });
+
+                marker.setLabel(label);
+
+            },
+            getBuildDetail(id) {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/sellBuild/" + id,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        let mdata = data.data.sellBuild;
+                        mdata.typeName = data.data.typeName ? data.data.typeName : []
+                        that.complementDetailId = data.data.complement;
+                        that.ztcrDetail = mdata;
+                        that.allZbList = data.data.complementDetails;
+                        if (that.ztcrDetail.contactName && that.ztcrDetail.contactName.split(',').length > 1) {
+                            that.ztcrDetail.contactNameList = that.ztcrDetail.contactName.split(',')
+                            that.ztcrDetail.contactPhoneList = that.ztcrDetail.contactPhone.split(',')
+                        }
+                        var yqid = mdata.parkData.id;
+                        if (yqid == 4) {
+                            that.backgroundImage =
+                                'https://www.cqna.gov.cn/syygapi/naxsb/image/npxq.webp';
+                        } else if (yqid == 6) {
+                            that.backgroundImage =
+                                'https://www.cqna.gov.cn/syygapi/naxsb/image/dxkjy.webp';
+                        } else if (yqid == 5) {
+                            that.backgroundImage =
+                                'https://www.cqna.gov.cn/syygapi/naxsb/image/ylcxg.png';
+                        } else if (yqid == 3) {
+                            that.backgroundImage =
+                                'https://www.cqna.gov.cn/syygapi/naxsb/image/cjls.webp';
+                        } else if (yqid == 2) {
+                            that.backgroundImage =
+                                'https://www.cqna.gov.cn/syygapi/naxsb/image/xjcy.webp';
+                        } else if (yqid == 1) {
+                            that.backgroundImage =
+                                'https://www.cqna.gov.cn/syygapi/naxsb/image/cygyy.webp';
+                        } else {
+                            that.backgroundImage =
+                                'https://www.cqna.gov.cn/syygapi/naxsb/image/cygyy.webp';
+                        }
+                        that.swiperList = mdata.imgUrl ? mdata.imgUrl.split(",") : [];
+                        if (!that.swiperList.length) {
+                            that.swiperList.push(that.backgroundImage)
+                        }
+                        that.imgUrl = that.swiperList[0];
+                        let points = mdata.parkData.addr;
+                        that.loadMap(points, mdata.point, mdata.namePoint, mdata.centerPoint);
+                        that.showallZblist();
+                    }
+                });
+            },
+            loadMap(points, currPoints, namePoint, centerPoint) {
+                let map = new BMap.Map("mapcontainer");
+                this.map = map;
+                map.enableScrollWheelZoom();
+                map.enableDragging();
+                if (!currPoints) {
+                    map.centerAndZoom(new BMap.Point(106.6438551, 29.480752), 17);
+                } else {
+                    let pList = currPoints.split('@');
+                    pList.forEach(function (point) {
+                        let arr = point.split(',');
+                        map.centerAndZoom(new BMap.Point(arr[0], arr[1]), 17);
+                    });
+                }
+                var that = this;
+                fetch('https://www.cqna.gov.cn/syygapi/naxsb/js/najson.json')
+                    .then(response => response.json())
+                    .then(data => {
+                        var pointList = data.features[0].geometry.coordinates[0][0];
+                        let result = [];
+                        pointList.forEach(function (point) {
+                            result.push(new BMap.Point(point[0], point[1]));
+                        });
+
+                        let polygon = new BMap.Polygon(result, {
+                            strokeColor: "#226cfb",
+                            strokeWeight: 1.5,
+                            strokeOpacity: 1,
+                            strokeStyle: "solid",
+                            fillColor: "#4B98F6",
+                            fillOpacity: 0.2
+                        });
+
+                        that.map.addOverlay(polygon);
+                    })
+                    .catch(error => console.error('Error fetching JSON:', error));
+                map.setMapType(BMAP_NORMAL_MAP);
+                if (!currPoints) return;
+                let pList = currPoints.split('@');
+                pList.forEach(function (point) {
+                    let arr = point.split(',');
+                    let p = new BMap.Point(arr[0], arr[1]);
+                    var myIcon = new BMap.Icon("https://www.cqna.gov.cn/syygapi/naxsb/images/addrzt.png", new BMap.Size(40, 40), {
+                        offset: new BMap.Size(10, 25),
+                    });
+                    let marker = new BMap.Marker(p, { icon: myIcon });
+                    map.addOverlay(marker);
+                    var opts = {
+                        position: new BMap.Point(arr[0], arr[1]),
+                        offset: new BMap.Size(10, 10)
+                    };
+
+                    var label = new BMap.Label(that.ztcrDetail.carrierName, opts);
+
+                    label.setStyle({
+                        color: "#186FF0",
+                        fontSize: "18px",
+                        height: "auto",
+                        lineHeight: "20px",
+                        fontFamily: "微软雅黑",
+                        fontWeight: 'bold',
+                        backgroundColor: 'transparent',
+                        border: 'none',
+                        textShadow: '0 0 4px #4B97F5',
+                        textStrokeColor: "#4B97F5",
+                        textStrokeWidth: "4px",
+                    });
+                    map.addOverlay(label);
+                });
+            },
+        }
+    })
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/mobile/ztcrlistMobile.html

@@ -0,0 +1,605 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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>
+    <link rel="stylesheet" href="css/mapcon.css">
+    <!-- 引入 Vue -->
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.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>
+    <script src="https://www.cqna.gov.cn/syygapi/naxsb/js/jquery-3.5.1.min.js"></script>
+    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
+    </script>
+    <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>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        li {
+            list-style: none;
+        }
+
+        html,
+        body {
+            background-color: #EDF5FF;
+        }
+
+
+        @font-face {
+            font-family: 'DOUYU';
+            src: url('https://www.cqna.gov.cn/syygapi/naxsb/fonts/DOUYUFONT-2.woff');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        .contentleft {
+            width: 100vw;
+            background-color: #EDF5FF;
+            font-size: 14px;
+            color: #333;
+            box-sizing: border-box;
+        }
+
+        .contentright {
+            width: 100vw;
+            height: 73vw;
+        }
+
+        .toplogo {
+            display: flex;
+            align-items: center;
+            font-family: DOUYU;
+            font-weight: normal;
+            font-size: 18px;
+            color: #186FF0;
+            height: 11vw;
+        }
+
+        .toplogo img {
+            margin-bottom: 10px;
+            margin-right: 10px;
+        }
+
+
+        .term {
+            display: flex;
+            align-items: flex-start;
+            font-size: 16px;
+            margin-top: 15px;
+        }
+
+        .term .name {
+            color: #333;
+            white-space: nowrap;
+            padding: 6px 0;
+            line-height: 30px;
+        }
+
+        .term .item {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        .term .item li {
+            color: #333;
+            cursor: pointer;
+            padding: 6px 15px;
+            width: auto;
+            height: 30px;
+            line-height: 30px;
+            white-space: nowrap;
+            font-size: 13px;
+        }
+
+        .term .item li:first-child {
+            width: auto !important;
+        }
+
+        .term .item li.active {
+            background: #4B98F6;
+            border-radius: 10px;
+            color: #fff;
+            text-align: center;
+        }
+
+        .contentleft>.content {
+            width: 100%;
+            margin: auto;
+            margin-top: 30px;
+            padding: 0 5px;
+            box-sizing: border-box;
+        }
+
+        .contentleft>.content::-webkit-scrollbar {
+            width: 0px;
+            height: 0px;
+        }
+
+        .contentleft .content {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        .contentleft .content ul {
+            list-style-type: none;
+            display: flex;
+            flex-direction: column;
+            padding: 0;
+            width: 100%;
+        }
+
+        .contentleft .content ul li {
+            margin-bottom: 5px;
+            display: flex;
+        }
+
+        .contentleft .content ul li span:nth-child(2n) {
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        .contentleft .content .list {
+            width: 49%;
+            height: 50vw;
+            background: #FFFFFF;
+            display: flex;
+            margin-bottom: 10px;
+            cursor: pointer;
+            display: flex;
+            flex-direction: column;
+            margin-right: 1%;
+        }
+
+        .contentleft .content .list .left {
+            width: 100%;
+            height: 23vw;
+        }
+
+        .contentleft .content .list .left img {
+            width: 100%;
+            height: 23vw;
+        }
+
+        .contentleft .content .list .right {
+            width: 100%;
+            height: calc(100% - 23vw);
+            display: flex;
+            justify-content: space-between;
+            padding: 5px;
+            box-sizing: border-box;
+        }
+
+        .contentleft .content .tjzb {
+            width: 86px;
+            height: 98px;
+            background-image: url(images/znxzlogo.png);
+            background-size: 100% 100%;
+            font-size: 16px;
+            color: #FFFFFF;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+        }
+
+        #znxz>.top {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #B7C7DC;
+            background: #FFFFFF;
+            padding: 0 10px;
+            box-sizing: border-box;
+        }
+
+        .zwsj {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            font-size: 20px;
+            color: #999999;
+            flex-direction: column;
+        }
+
+
+        .iconzb {
+            height: 5vw;
+            line-height: 5vw;
+            background: #E3F5E7;
+            border-radius: 4px;
+            border: 1px solid #4BB664;
+            font-size: 14px;
+            color: #4BB664;
+            text-align: center;
+            padding: 0 5px;
+            /* margin-right: 2vw; */
+            white-space: nowrap;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" class="header"></div>
+    <div id="znxz">
+        <div class="top">
+            <div class="toplogo">
+                <img src="images/gyylogo.png" alt="">
+                <span>载体服务</span>
+            </div>
+            <div class="backbutton" @click="window.history.go(-1)">
+                <img src="images/back1.png" alt="">
+            </div>
+        </div>
+        <div style="display: flex;flex-direction: column;">
+            <div class="contentright" id="mapcontainer"></div>
+            <div class="contentleft">
+                <div style="width: 100vw;padding:0 10px;background: #FFFFFF;box-sizing: border-box;">
+                    <div class="title">
+                        <img src="https://www.cqna.gov.cn/syygapi/naxsb/images/gyy-gk.png" alt="">
+                        <span>条件筛选</span>
+                    </div>
+                    <div class="term">
+                        <div class="name">片区：</div>
+                        <ul class="item" style="border-bottom:1px solid rgb(51 51 51 / 30%);">
+                            <li v-for="(item,index) in pqList" :class="{ active: currentPq == item.id }" :key="index"
+                                @click="handleParkChange(item)">{{item.title}}</li>
+                        </ul>
+                    </div>
+                    <div class="term">
+                        <div class="name">面积：</div>
+                        <ul class="item" style="border-bottom:1px solid rgb(51 51 51 / 30%);">
+                            <li v-for="(item,index) in mjList" :class="{ active: currentmj == item.id }" :key="index"
+                                @click="handleSpaceChange(item)">{{item.name}}</li>
+                        </ul>
+                    </div>
+                    <div class="term">
+                        <div class="name">用途：</div>
+                        <ul class="item">
+                            <li v-for="(item,index) in ytList" :class="{ active: currentyt == item.id }" :key="index"
+                                @click="handleUseChange(item)">{{item.name}}</li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="content">
+                    <div class="zwsj" v-if="!this.contentList.length"><img
+                            src="https://www.cqna.gov.cn/syygapi/naxsb/images/zwsj.png" alt=""><span>暂无数据</span></div>
+                    <div class="list" v-for="(item,index) in contentList" @click="goDeteil(item.id)">
+                        {{item.urln}}
+                        <div class="left">
+                            <img :src="item.imgUrl.split(',')[0]" alt="" v-if="item.imgUrl">
+                            <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/npxq.webp" alt=""
+                                v-if="!item.imgUrl&&(item.belong ==4)">
+                            <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/dxkjy.webp" alt=""
+                                v-if="!item.imgUrl&&(item.belong ==6)">
+                            <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/ylcxg.png" alt=""
+                                v-if="!item.imgUrl&&(item.belong ==5)">
+                            <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/cjls.webp" alt=""
+                                v-if="!item.imgUrl&&(item.belong ==3)">
+                            <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/xjcy.webp" alt=""
+                                v-if="!item.imgUrl&&(item.belong ==2)">
+                            <img src="https://www.cqna.gov.cn/syygapi/naxsb/image/cygyy.webp" alt=""
+                                v-if="!item.imgUrl&&(item.belong ==1)">
+                        </div>
+                        <div class="right">
+                            <ul class="item">
+                                <li style="display: flex;justify-content: space-around;">
+                                    <div class="iconzb"
+                                        v-for="(iteml,indexl) in (item.complementName?item.complementName.split(',').slice(0,3):[])">
+                                        {{iteml}}</div>
+                                </li>
+                                <li><span>{{item.carrierName}}</span></li>
+                                <li><span style="white-space: nowrap;">{{item.area}}㎡</span>&nbsp;丨&nbsp;<span>{{item.parkData?item.parkData.title:''}}</span>
+                                </li>
+                            </ul>
+                        </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: '#znxz',
+        data: function () {
+            return {
+                reqPtah: '',
+                pageSize: 10000,
+                parkMap: {},
+                maptitle: '',
+                pointList: [],
+                currSpace: '',
+                currUse: '',
+                currentPq: -1,
+                currentmj: 1,
+                currentyt: 1,
+                pqList: [],
+                mjList: [
+                    {
+                        id: 1,
+                        name: "全部",
+                        value: "-1"
+                    },
+                    {
+                        id: 2,
+                        name: "0-1000m²",
+                        value: "1,1000"
+                    },
+                    {
+                        id: 3,
+                        name: "1001-5000m²",
+                        value: "1001,5000"
+                    },
+                    {
+                        id: 4,
+                        name: "5001-10000m²",
+                        value: "5001,10000"
+                    },
+                    {
+                        id: 5,
+                        name: "10000以上m²",
+                        value: "10000"
+                    }
+                ],
+                ytList: [
+                    {
+                        id: 1,
+                        name: "全部"
+                    },
+                    {
+                        id: 2,
+                        name: "办公楼宇"
+                    },
+                    {
+                        id: 3,
+                        name: "库房"
+                    },
+                    {
+                        id: 4,
+                        name: "厂房"
+                    },
+                    {
+                        id: 5,
+                        name: "医药库房"
+                    },
+                    {
+                        id: 6,
+                        name: "宿舍"
+                    },
+                    {
+                        id: 7,
+                        name: "商业"
+                    },
+                    {
+                        id: 8,
+                        name: "底商"
+                    }
+                ],
+                contentList: [],
+                backgroundImage: 'https://www.cqna.gov.cn/syygapi/naxsb/images/indexsyyg.png',
+            }
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('id');
+            this.currentPq = id;
+            this.getParkData();
+            this.getParkDetail();
+            this.getSellBuild();
+        },
+        methods: {
+            backIndex() {
+                window.history.go(-1)
+            },
+            handleParkChange(data) {
+                this.currentPq = data.id;
+                var id = data.id;
+                this.getSellBuild();
+                this.getParkDetail();
+            },
+            handleSpaceChange(data) {
+                this.currentmj = data.id;
+                this.currSpace = data.value;
+                this.getSellBuild();
+            },
+            handleUseChange(data) {
+                this.currentyt = data.id;
+                this.currUse = data.name;
+                this.getSellBuild();
+            },
+            goDeteil(id) {
+                if (id) {
+                    window.location.href = "ztcrdetailMobile.html?ztid=" + id;
+                }
+            },
+            getParkDetail() {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/parkData/" + that.currentPq,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        that.maptitle = data.title;
+                    }
+                });
+            },
+            loadMap(points) {
+                let 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;
+                        that.parkMap = new BMap.Map("mapcontainer");
+                        that.parkMap.enableScrollWheelZoom();
+                        that.parkMap.enableDragging();
+                        const id = that.currentPq;
+                        if (id == 1) {
+                            that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.45682), 13);
+                        } else if (id == 2) {
+                            that.parkMap.centerAndZoom(new BMap.Point(106.76723874457288, 29.573276880811712), 13);
+                        } else if (id == 3) {
+                            that.parkMap.centerAndZoom(new BMap.Point(106.69517131217539, 29.51577313312822), 14);
+                        } else if (id == 4) {
+                            that.parkMap.centerAndZoom(new BMap.Point(106.559829995157, 29.501581648208534), 14);
+                        } else if (id == 5) {
+                            that.parkMap.centerAndZoom(new BMap.Point(106.72194027111843, 29.513690776940248), 15);
+                        } else if (id == 6) {
+                            that.parkMap.centerAndZoom(new BMap.Point(106.70580793222035, 29.514020426917684), 15);
+                        } else {
+                            that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
+                        }
+                        that.parkMap.setMapType(BMAP_NORMAL_MAP);
+                        var pointList = data.features[0].geometry.coordinates[0][0];
+                        let result = [];
+                        pointList.forEach(function (point) {
+                            result.push(new BMap.Point(point[0], point[1]));
+                        });
+
+                        let polygon = new BMap.Polygon(result, {
+                            strokeColor: "#226cfb",
+                            strokeWeight: 1.5,
+                            strokeOpacity: 1,
+                            strokeStyle: "solid",
+                            fillColor: "#4B98F6",
+                            fillOpacity: 0.2
+                        });
+
+                        that.parkMap.addOverlay(polygon);
+                        if (!points.length) return;
+                        points.forEach(function (d) {
+                            let pList = d.point.split('@');
+                            pList.forEach(function (point) {
+                                let arr = point.split(',');
+                                let p = new BMap.Point(arr[0], arr[1]);
+                                var myIcon = new BMap.Icon("https://www.cqna.gov.cn/syygapi/naxsb/images/addrzt.png", new BMap.Size(40, 40), {
+                                    offset: new BMap.Size(10, 25),
+                                });
+                                let marker = new BMap.Marker(p, { icon: myIcon });
+                                var opts = {
+                                    position: new BMap.Point(arr[0], arr[1]),
+                                    offset: new BMap.Size(10, 10)
+                                };
+
+
+                                var label = new BMap.Label(d.carrierName, opts);
+                                label.setStyle({
+                                    color: "#186FF0",
+                                    border: "0",
+                                    padding: "0",
+                                    display: "none",
+                                    background: "transparent",
+                                    fontWeight: 'bold',
+                                    backgroundColor: 'transparent',
+                                    textShadow: '0 0 4px #4B97F5',
+                                    textStrokeColor: "#4B97F5",
+                                    textStrokeWidth: "4px",
+                                    fontSize: "18px",
+                                    height: "20px",
+                                    lineHeight: "20px",
+                                    fontFamily: "微软雅黑"
+                                });
+                                marker.setLabel(label);
+
+                                marker.addEventListener("mouseover", function (e) {
+                                    var label = this.getLabel()
+                                    label.setStyle({ display: "block" });
+                                });
+                                marker.addEventListener("mouseout", function (e) {
+                                    var label = this.getLabel()
+                                    label.setStyle({ display: "none" });
+                                });
+                                that.parkMap.addOverlay(marker);
+                                marker.addEventListener('click', function () {
+                                    var id = d.id;
+                                    window.location.href = 'ztcrdetailMobile.html?ztid=' + id;
+                                });
+                            });
+                        });
+                    })
+                    .catch(error => console.error('Error fetching JSON:', error));
+            },
+            getParkData() {
+                let that = this;
+                that.pqList = [];
+                that.pqList.push({
+                    id: -1,
+                    title: "全部"
+                });
+                $.ajax({
+                    url: conpath + "/parkData",
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        data.forEach(function (d) {
+                            that.pqList.push(d);
+                        });
+                    }
+                });
+            },
+            getSellBuild() {
+                let that = this;
+                $.ajax({
+                    url: conpath + "/sellBuild",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "currentPage": 1,
+                        "pageSize": that.pageSize,
+                        "parkId": that.currentPq == -1 ? null : that.currentPq,
+                        "space1": that.currSpace == '-1' ? null : that.currSpace,
+                        "application": that.currUse == '全部' ? null : that.currUse
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        let dataList = data.list;
+
+                        that.contentList = dataList;
+                        that.pointList = [];
+                        dataList.forEach(function (d) {
+
+                            if (!d.point) return;
+                            let pList = d.point.split('@');
+                            pList.forEach(function (point) {
+                                that.pointList.push(d);
+                            });
+                        });
+                        that.loadMap(that.pointList);
+                    }
+                });
+            },
+        }
+    })
+</script>
+
+</html>

nngkxxdp/src/main/resources/static/naxsb/ztcrdetail.html

@@ -286,10 +286,6 @@
                         <span>招商面积</span>
                         <span>{{ztcrDetail.space?ztcrDetail.space:'-'}}㎡</span>
                     </div>
-                    <!-- <div class="listitm" style="background-color: #4BB664;">
-                        <span>出售价格</span>
-                        <span>{{ztcrDetail.sellingPrice?ztcrDetail.sellingPrice:'-'}}</span>
-                    </div> -->
                     <div class="listitm"
                         style="background-color: #DFC483;width: auto;min-width: 23.5%;padding: 0 10px;">
                         <span>载体类型</span>