修改园区页面

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

@@ -1,441 +1,468 @@
 * {
-    padding: 0;
-    margin: 0;
+  padding: 0;
+  margin: 0;
 }
 
 body,
 html {
-    margin: 0;
-    padding: 0;
-    min-width: 1500px;
+  margin: 0;
+  padding: 0;
+  min-width: 1500px;
 }
 
-
 .toplogo {
-    display: flex;
-    align-items: center;
-    font-family: DOUYU;
-    font-weight: normal;
-    font-size: 30px;
-    color: #186FF0;
-    height: 66px;
-    border-bottom: 1px solid #B7C7DC;
-    cursor: pointer;
+  display: flex;
+  align-items: center;
+  font-family: DOUYU;
+  font-weight: normal;
+  font-size: 30px;
+  color: #186ff0;
+  height: 66px;
+  border-bottom: 1px solid #b7c7dc;
+  cursor: pointer;
 }
 
 .toplogo img {
-    margin: 0 20px;
+  margin: 0 20px;
 }
 
-
 .backbutton {
-    width: 117px;
-    height: 42px;
-    background: #DEEDFF;
-    border-radius: 10px;
-    font-family: Microsoft YaHei;
-    font-weight: 400;
-    font-size: 16px;
-    color: #2474F1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: 10px;
-    cursor: pointer;
+  width: 117px;
+  height: 42px;
+  background: #deedff;
+  border-radius: 10px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #2474f1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 10px;
+  cursor: pointer;
 }
 
 .backbutton img {
-    margin-right: 0.625rem;
+  margin-right: 0.625rem;
 }
 
 .title {
-    display: flex;
-    align-items: center;
-    margin-top: 10px;
-    margin-bottom: 5px;
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+  margin-bottom: 5px;
 }
 
 .title .more {
-    color: #666;
-    cursor: pointer;
+  color: #666;
+  cursor: pointer;
 }
 
 .title span {
-    font-size: 20px;
-    color: #333;
+  font-size: 20px;
+  color: #333;
 }
 
 .contentleft {
-    width: 50%;
-    height: 100%;
-    min-width: 952px;
-    background-color: #EDF5FF;
-    height: 1384px;
+  width: 50%;
+  height: 100%;
+  min-width: 952px;
+  background-color: #edf5ff;
+  height: 1384px;
+  padding: 10px;
+  box-sizing: border-box;
 }
 
 @font-face {
-    font-family: 'DOUYU';
-    src: url('../fonts/DOUYUFONT-2.OTF');
-    font-weight: normal;
-    font-style: normal;
+  font-family: "DOUYU";
+  src: url("../fonts/DOUYUFONT-2.OTF");
+  font-weight: normal;
+  font-style: normal;
+}
+.yqjj {
+  height: 118px;
+  background: #ffffff;
+  font-size: 16px;
+  color: #333333;
+  line-height: 30px;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  text-indent: 40px;
 }
 
 .jbqk {
-    display: flex;
-    justify-content: space-evenly;
+  display: flex;
+  justify-content: space-between;
 }
 
 .jbqk .list {
-    width: 32%;
-    height: 134px;
-    background-size: 100% 100%;
-    display: flex;
-    flex-direction: column;
-    padding-top: 20px;
-    font-family: Microsoft YaHei;
-    padding-left: 96px;
-    box-sizing: border-box;
-    font-size: 20px;
-    color: #FFFFFF;
+  width: 32.8%;
+  height: 134px;
+  background-size: 100% 100%;
+  display: flex;
+  flex-direction: column;
+  padding-top: 20px;
+  font-family: Microsoft YaHei;
+  padding-left: 96px;
+  box-sizing: border-box;
+  font-size: 20px;
+  color: #ffffff;
 }
 
 .jbqk .list p {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .jbqk .list p span:first-child {
-    font-size: 26px;
-    font-weight: bold;
+  font-size: 26px;
+  font-weight: bold;
 }
 
 .qwys {
-    display: flex;
-    justify-content: space-evenly;
+  display: flex;
+  justify-content: space-evenly;
 }
 
 .qwys .list {
-    width: 19%;
-    height: 179px;
-    background: #FFFFFF;
-    display: flex;
-    flex-direction: column;
-    font-size: 16px;
-    color: #788DA6;
-    padding-left: 20px;
-    box-sizing: border-box;
-    justify-content: center;
-    cursor: pointer;
-    transition: background-color 2.5s;
-    /* 背景色变化过渡时间 */
-    overflow: hidden;
-    /* 隐藏超出部分 */
+  width: 19%;
+  height: 179px;
+  background: #ffffff;
+  display: flex;
+  flex-direction: column;
+  font-size: 16px;
+  color: #788da6;
+  padding-left: 20px;
+  box-sizing: border-box;
+  justify-content: center;
+  cursor: pointer;
+  transition: background-color 2.5s;
+  /* 背景色变化过渡时间 */
+  overflow: hidden;
+  /* 隐藏超出部分 */
 }
 
 .qwys .list:hover {
-    filter: brightness(120%);
-    background-color: #afb2b6;
-    /* color: #fff; */
+  filter: brightness(120%);
+  background-color: #afb2b6;
+  /* color: #fff; */
 }
 
 .qwys ul {
-    padding-left: 30px;
-    margin-top: 10px;
+  padding-left: 30px;
+  margin-top: 10px;
 }
 
 .qwys .list li {
-    height: 25px;
+  height: 25px;
 }
 
 .qwys .list .name {
-    font-size: 26px;
-    color: #4B98F6;
-    display: flex;
-    align-items: center;
+  font-size: 26px;
+  color: #4b98f6;
+  display: flex;
+  align-items: center;
 }
 
 .qwys .list .name img {
-    margin-right: 10px;
+  margin-right: 10px;
 }
 
 .contentleft .left {
-    width: 58.5%;
+  width: 58.5%;
 }
 
-.contentleft .title>img {
-    margin-right: 5px;
+.contentleft .title > img {
+  margin-right: 5px;
 }
 
 .contentleft .right {
-    width: 39%;
+  width: 39%;
 }
 
 .yqhd {
-    font-size: 16px;
-    color: #333333;
-    height: 179px;
-    background: #FFFFFF;
-    padding: 10px 0;
-    box-sizing: border-box;
-    overflow-y: scroll;
+  font-size: 16px;
+  color: #333333;
+  height: 179px;
+  background: #ffffff;
+  padding: 10px 0;
+  box-sizing: border-box;
+  overflow-y: scroll;
 }
 
 .yqhd::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
 
-.yqhd>ul {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    margin-left: 30px;
+.yqhd > ul {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-left: 30px;
 }
 
 .yqhd ul li {
-    cursor: pointer;
-    margin-bottom: 20px;
+  cursor: pointer;
+  margin-bottom: 20px;
+}
+.yqhd ul li span {
+  display: block;
+  word-break: break-all;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .mxqy {
-    height: 179px;
-    background: #FFFFFF;
-    overflow: hidden;
-    position: relative;
+  height: 81px;
+  padding: 10px 5px;
+  box-sizing: border-box;
+  background: #ffffff;
+  overflow: hidden;
+  position: relative;
 }
 
-.mxqy>ul {
-    height: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    list-style-type: none;
-    align-content: flex-start;
-    position: absolute;
-    width: 100%;
-    overflow-y: scroll;
+.mxqy > ul {
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  list-style-type: none;
+  align-content: flex-start;
+  position: absolute;
+  width: 100%;
+  overflow-y: scroll;
 }
 
-.mxqy>ul::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+.mxqy > ul::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
 
-.mxqy>ul li {
-    cursor: pointer;
-    margin-left: 5px;
-    margin-top: 5px;
+.mxqy > ul li {
+  cursor: pointer;
+  margin-left: 5px;
+  margin-top: 5px;
+  width: 71px;
+  height: 45px;
+  display: flex;
+  align-items: center;
 }
 
 .mxqy ul img {
-    width: 86px;
-    height: 49px;
+  width: 71px;
+  max-height: 45px;
 }
 
 .zcwj {
-    font-size: 16px;
-    color: #333333;
-    height: 185px;
-    background: #FFFFFF;
-    padding: 10px 0;
-    box-sizing: border-box;
-    overflow-y: scroll;
+  font-size: 16px;
+  color: #333333;
+  height: 179px;
+  background: #ffffff;
+  padding: 10px 0;
+  box-sizing: border-box;
+  overflow-y: scroll;
 }
 
 .zcwj::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
 
-.zcwj>ul {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    margin-left: 30px;
+.zcwj > ul {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-left: 30px;
 }
 
 .zcwj li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
-.zcwj li>div {
-    display: -webkit-box;
-    line-height: 20px;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-box-orient: vertical;
-    word-break: break-all;
-    padding: 0 10px;
-    box-sizing: border-box;
-    cursor: pointer;
+.zcwj li > div {
+  display: -webkit-box;
+  line-height: 20px;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+  padding: 0 10px;
+  box-sizing: border-box;
+  cursor: pointer;
 }
 
 .ztcr {
-    height: 200px;
-    background: #FFFFFF;
-    display: flex;
-    align-items: center;
+  height: 355px;
+  background: #ffffff;
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  justify-content: flex-start;
 }
 
 .ztcr .list {
-    width: 32%;
-    cursor: pointer;
-    margin-left: 3px;
+  width: 32%;
+  cursor: pointer;
+  margin-left: 5px;
+  margin-top: 10px;
 }
 
 .ztcr .list .bg {
-    width: 180px;
-    height: 96px;
-    position: relative;
+  width: 100%;
+  height: 96px;
+  position: relative;
 }
 
 .ztcr .list .bg img {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .ztcr .list .number {
-    width: 100%;
-    height: 30px;
-    line-height: 30px;
-    background: #000000;
-    opacity: 0.51;
-    font-size: 20px;
-    color: #FC6F03;
-    position: absolute;
-    bottom: 0;
-    padding-left: 10px;
-    box-sizing: border-box;
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+  background: #000000;
+  opacity: 0.51;
+  font-size: 20px;
+  color: #fc6f03;
+  position: absolute;
+  bottom: 0;
+  padding-left: 10px;
+  box-sizing: border-box;
 }
 
 .ztcr .list .title {
-    width: 100%;
-    font-size: 20px;
-    color: #333333;
-    word-break: break-all;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    display: block;
+  width: 100%;
+  font-size: 20px;
+  color: #333333;
+  word-break: break-all;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
 }
 
 .ztcr .list .content {
-    font-size: 16px;
-    color: #333333;
-    opacity: 0.6;
-    word-break: break-all;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    display: block;
+  font-size: 16px;
+  color: #333333;
+  opacity: 0.6;
+  word-break: break-all;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
 }
 
 .tdcr {
-    height: 427px;
-    background: #FFFFFF;
+  height: 355px;
+  background: #ffffff;
 }
 
 .tdcr .top {
-    display: flex;
-    justify-content: space-between;
-    border-bottom: 1px solid #B7C7DC;
-    padding-top: 20px;
-    padding-left: 30px;
-    padding-bottom: 10px;
-    box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #b7c7dc;
+  padding-top: 20px;
+  padding-left: 30px;
+  padding-bottom: 10px;
+  box-sizing: border-box;
 }
 
 .tdcr .content {
-    height: calc(100% - 52px);
-    overflow-y: scroll;
+  height: calc(100% - 52px);
+  overflow-y: scroll;
 }
 
 .tdcr .content::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
 
 .tdcr .left {
-    width: 62%;
+  width: 62%;
 }
 
 .tdcr .right {
-    width: 34%;
+  width: 34%;
 }
 
 .tdcr .list {
-    display: flex;
-    justify-content: space-between;
-    padding-top: 20px;
-    padding-left: 30px;
-    box-sizing: border-box;
-    cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  padding-top: 20px;
+  padding-left: 30px;
+  box-sizing: border-box;
+  cursor: pointer;
 }
 
-.tdcr .list .right {}
+.tdcr .list .right {
+}
 
 .tsfw {
-    height: 188px;
-    background: #FFFFFF;
-    display: flex;
+  height: 188px;
+  background: #ffffff;
+  display: flex;
 }
 
 .tsfw .list {
-    display: flex;
-    flex-direction: column;
-    width: 25%;
-    align-items: center;
-    justify-content: center;
-    font-size: 20px;
-    color: #333333;
-    cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  width: 25%;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  color: #333333;
+  cursor: pointer;
 }
 
 .tsfw .list img {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 
 .fwsxqd {
-    height: 187px;
-    background: #FFFFFF;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: space-between;
-    padding: 10px;
-    box-sizing: border-box;
+  height: 187px;
+  background: #ffffff;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  box-sizing: border-box;
 }
 
 .fwsxqd .list {
-    height: 70px;
-    background: #DEEDFF;
-    /* line-height: 26px; */
-    font-size: 20px;
-    color: #4B98F6;
-    cursor: pointer;
-    margin-left: 6px;
-    margin-top: 10px;
-    width: 27.5%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    white-space: nowrap;
-}
-
-.fwsxqd .list>div {
-    width: 100%;
-    height: 100%;
-    border: 1px solid #4B98F6;
-    padding: 0 5px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    white-space: nowrap;
+  height: 70px;
+  background: #deedff;
+  /* line-height: 26px; */
+  font-size: 20px;
+  color: #4b98f6;
+  cursor: pointer;
+  margin-left: 6px;
+  margin-top: 10px;
+  width: 27.5%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  white-space: nowrap;
+}
+
+.fwsxqd .list > div {
+  width: 100%;
+  height: 100%;
+  border: 1px solid #4b98f6;
+  padding: 0 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  white-space: nowrap;
 }
 
 .fwsxqd .ather {
-    padding: 0 22.5px;
-    margin-left: 6px;
-    margin-top: 10px;
-}
+  padding: 0 22.5px;
+  margin-left: 6px;
+  margin-top: 10px;
+}

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

@@ -123,7 +123,8 @@
         border: 1px solid #64A8F6;
         padding: 5px;
     }
-    .btable tr td.tit{
+
+    .btable tr td.tit {
         font-size: 16px;
         color: #64A8F6;
     }
@@ -134,6 +135,7 @@
         padding: 0 20px !important;
         padding-bottom: 20px !important;
     }
+    
 
     .sxqd::-webkit-scrollbar {
         width: 0;
@@ -142,7 +144,8 @@
     .global-dialog .el-tabs__header {
         margin: 0 !important;
     }
-    .global-dialog .el-dialog__title{
+
+    .global-dialog .el-dialog__title {
         color: #64A8F6 !important
     }
 
@@ -174,10 +177,13 @@
         }
 
     }
+    .hide {
+            display:none;        
+        }
 </style>
 
 <body>
-    <div class="container" id="app">
+    <div class="container hide" id="app">
         <div class="floorTabs">
             <div class="list" :class="{ active: currentFloor == tab.id }" v-for="(tab,index) in floorList" :key="index"
                 @click="floorChange(tab.id)">
@@ -400,7 +406,7 @@
                             </li>
                         </ul>
                         <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
-                            :page-size="7" layout="prev, pager, next" :total="total">>
+                            :page-size="7" layout="prev, pager, next" :total="total" class="popuppage">
                         </el-pagination>
 
                     </el-tab-pane>
@@ -430,10 +436,25 @@
                     style="position:absolute; left:52px;bottom: 73px;width: 40px;height: 34px;">
                 <img src="images/floorArowTop.png" alt=""
                     style="position:absolute; right: 220px;top: 22px;width: 34px;height: 39px;">
-                <div class="vrdiv" style="left: 217px;bottom: 119px;"
+                <div class="vrdiv" style="left: 167px;bottom: 110px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="left: 217px;bottom: 110px;"
                     @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
                 <div class="vrdiv" style="left: 384px;bottom: 146px;"
                     @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="right: 234px;bottom: 103px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="right: 180px;bottom: 103px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="right: 136px;bottom: 137px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="right: 158px;bottom: 187px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="right: 211px;top: 73px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="right: 195px;top: 37px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+
                 <div class="namebtn threed" style="left: 150px;bottom: 88px;background-color: #D97064;
         text-shadow: 3px 1px 2px rgb(217 112 100 / 80%);" data-popupType="1">咨询台
                 </div>
@@ -454,6 +475,12 @@
         <div class="moxing" v-show="currentFloor == 2">
             <div class="imgDiv">
                 <img src="images/floordetail2.png" alt="">
+                <div class="vrdiv" style="left: 363px;bottom: 133px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="left: 297px;bottom: 79px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
+                <div class="vrdiv" style="right: 183px;bottom: 156px;"
+                    @click="window.open('https://www.cqna.gov.cn/vr/vr.html')"></div>
                 <div class="namebtnl threed" style="left: 286px;bottom: 91px;">自助服务区</div>
                 <div class="namebtn threed" style="left: 326px;bottom: 215px;" data-popupType="2" data-id="4">公安综合办理区
                 </div>
@@ -574,9 +601,9 @@
         mounted() {
             const url = new URL(window.location.href);
             const id = url.searchParams.get('floorid');
-            // this.currentFloor = id;
             $('.threed').show();
             $('.vrdiv').hide();
+            document.querySelector('#app').classList.remove('hide');
         },
         methods: {
             handleClose(done) {
@@ -712,6 +739,7 @@
             var id = element.getAttribute('data-id');
             if (id && id != 12) {
                 $('#tab-rzbm').css('display', 'inline-block')
+                $('.popuppage').css('display', 'block')
                 that.nowDiv.btnid = id;
                 $.ajax({
                     url: conpath + "/handleBusiness/" + id,
@@ -726,6 +754,7 @@
                 that.nowDiv.getItemList(1, id)
             } else if (id && id == 12) {
                 $('#tab-rzbm').css('display', 'none')
+                $('.popuppage').css('display', 'none')
                 that.nowDiv.btnName = '政务公开专区';
                 that.nowDiv.rzbmList = [];
                 that.nowDiv.sxqdList = [{
@@ -761,6 +790,7 @@
                 ];
             } else {
                 $('#tab-rzbm').css('display', 'inline-block')
+                $('.popuppage').css('display', 'block')
                 that.nowDiv.btnName = '';
             }
         });

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

@@ -109,7 +109,17 @@
         </div>
         <div style="display: flex;">
             <div class="contentleft">
-                <div class="title" style="padding-left: 10px;">
+                <div class="title">
+                    <img src="images/gyy-title1.png" alt="">
+                    <span>园区简介</span>
+                </div>
+                <div class="yqjj">
+                    <div class="zwsj" v-if="!this.parkDesc.length">暂无数据</div>
+                    {{parkDesc?parkDesc.slice(0,160):''}}<span v-if="parkDesc && parkDesc.length > 160">...</span>
+                    <span v-if="parkDesc && parkDesc.length > 160" style="color: #186FF0;cursor: pointer;"
+                        @click="cheakmore">更多>></span>
+                </div>
+                <div class="title">
                     <img src="images/gyy-title1.png" alt="">
                     <span>基本情况</span>
                 </div>
@@ -127,7 +137,37 @@
                         <span class="cyfb" :title="jbqk.industry">{{this.jbqk.industry?this.jbqk.industry:'- '}}</span>
                     </div>
                 </div>
-                <div class="title" style="margin-left: 5px;">
+                <div class="title">
+                    <img src="images/gyy-title8.png" alt="">
+                    <span>便企服务站</span>
+                </div>
+                <div class="tsfw">
+                    <div class="list" @click="goToLink('dqfw.html')"><img src="images/tsfw1.png" alt="">
+                        <span>党群服务</span>
+                    </div>
+                    <div class="list" @click="window.open('https://www.cqna.gov.cn/zczs/')">
+                        <img src="images/tsfw3.png" alt=""><span>政策通</span>
+                    </div>
+                    <div class="list" @click="goToLink('tsfw.html')"><img src="images/tsfw5.png" alt="">
+                        <span>特色服务</span>
+                    </div>
+                    <div class="list" @click="goToLink('tsfw.html')"><img src="images/tsfw4.png" alt="">
+                        <span>生命周期</span>
+                    </div>
+                    <div class="list" @click="goToLink('tsfw.html')"><img src="images/tsfw6.png" alt="">
+                        <span>人才服务</span>
+                    </div>
+                    <div class="list" @click="goToLink('znxz.html')"><img src="images/tsfw2.png" alt="">
+                        <span>智能选址</span>
+                    </div>
+                    <div class="list" @click="goToLink('wybdb.html')"><img src="images/tsfw7.png" alt="">
+                        <span>帮代办</span>
+                    </div>
+                    <div class="list" @click="goToLink('wyyy.html')"><img src="images/tsfw8.png" alt="">
+                        <span>延时办</span>
+                    </div>
+                </div>
+                <!-- <div class="title" style="margin-left: 5px;">
                     <img src="images/gyy-title2.png" alt="">
                     <span>区位优势</span>
                 </div>
@@ -144,49 +184,9 @@
                             </li>
                         </ul>
                     </div>
-                </div>
-                <div style="display: flex;justify-content: space-evenly;">
-                    <div class="left">
-                        <div class="title">
-                            <img src="images/gyy-title3.png" alt="">
-                            <span>园区活动</span>
-                        </div>
-                        <div class="yqhd">
-                            <div class="zwsj" v-if="!this.yqhdList.length">暂无数据</div>
-                            <ul v-else>
-                                <li v-for="(item,index) in yqhdList">{{item.title}}</li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="right">
-                        <div class="title">
-                            <img src="images/gyy-title4.png" alt="">
-                            <span>明星企业</span>
-                        </div>
-                        <div class="mxqy" id="scrollContainer">
-                            <div class="zwsj" v-if="!this.mxqyList.length">暂无数据</div>
-                            <ul id="auto-scroll-div" :class="{scrollContent:this.mxqyList.length>12}" v-else>
-                                <li v-for="(item,index) in mxqyList" @click="item.link?window.open(item.link):''">
-                                    <img :src="item.logo" alt="">
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-                <div style="display: flex;justify-content: space-evenly;height: 476px;">
+                </div> -->
+                <div style="display: flex;justify-content: space-between;height: 398px;">
                     <div class="left" style="height: 100%;">
-                        <div class="title">
-                            <img src="images/gyy-title5.png" alt="">
-                            <span>政策文件</span>
-                        </div>
-                        <div class="zcwj">
-                            <ul v-if="zcwjList && zcwjList.length > 0">
-                                <li v-for="(item,index) in zcwjList" @click="goToLink(item.link)">
-                                    <div>{{item.title}}</div>
-                                </li>
-                            </ul>
-                            <div class="zwsj" v-else>暂无数据</div>
-                        </div>
                         <div class="title" style="display: flex;justify-content: space-between;">
                             <div style="display: flex;align-items: center;">
                                 <img src="images/gyy-title7.png" alt="">
@@ -232,19 +232,41 @@
                         </div>
                     </div>
                 </div>
-                <div style="display: flex;justify-content: space-evenly;margin-bottom: 20px;">
+                <div style="display: flex;justify-content: space-between;">
+                    <div class="left" style="width: 49.5%;">
+                        <div class="title">
+                            <img src="images/gyy-title3.png" alt="">
+                            <span>园区活动</span>
+                        </div>
+                        <div class="yqhd">
+                            <div class="zwsj" v-if="!this.yqhdList.length">暂无数据</div>
+                            <ul v-else>
+                                <li v-for="(item,index) in yqhdList"><span>{{item.title}}</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="right" style="width: 49.5%;">
+                        <div class="title">
+                            <img src="images/gyy-title5.png" alt="">
+                            <span>政策文件</span>
+                        </div>
+                        <div class="zcwj">
+                            <ul v-if="zcwjList && zcwjList.length > 0">
+                                <li v-for="(item,index) in zcwjList" @click="goToLink(item.link)">
+                                    <div>{{item.title}}</div>
+                                </li>
+                            </ul>
+                            <div class="zwsj" v-else>暂无数据</div>
+                        </div>
+                    </div>
+                </div>
+                <!-- <div style="display: flex;justify-content: space-evenly;margin-bottom: 20px;">
                     <div class="left">
                         <div class="title">
                             <img src="images/gyy-title8.png" alt="">
                             <span>特色服务</span>
                         </div>
                         <div class="tsfw">
-                            <!-- <div class="zwsj" v-if="!this.tsfwList.length">暂无数据</div>
-                            <div class="list" v-for="(item,index) in tsfwList" @click="goToLink(item.link)" v-else>
-                                <img :src="item.logo" alt="">
-                                {{item.link}}
-                                <span>{{ item.title }}</span>
-                            </div> -->
                             <div class="list" @click="goToLink('dqfw.html')"><img src="images/tsfw1.png" alt="">
                                 <span>党群服务</span>
                             </div>
@@ -265,10 +287,6 @@
                         </div>
                         <div class="fwsxqd">
                             <div class="zwsj" v-if="!this.fwsxqdList.length">暂无数据</div>
-                            <!-- <div :class="{ ather: item.title.length == 6 }" v-for="(item,index) in fwsxqdList"
-                                class="list" @click="goTsfw" v-else>
-                                {{item.title}}
-                            </div> -->
                             <div v-for="(item,index) in fwsxqdList" class="list" v-else>
                                 <div v-if="index==0" style="background: #DEEDFF;
 border: 1px solid #4B98F6;color: #4B98F6;" @click="goToLink('tsfw.html')">
@@ -319,28 +337,22 @@ border: 1px solid #4B98F6;color: #4B98F6;" @click="goToLink('qysmzq.html')">
                                     </div>
                                     <div v-else>{{item.title}}</div>
                                 </div>
-
                             </div>
-                            <!-- <div style="display: flex;
-                            flex-wrap: wrap;
-                            align-items: center;
-                            justify-content: space-between;
-                            box-sizing: border-box;" v-else>
-                                <div class="list"><span>载体服务</span></div>
-                                <div class="list" style="background: #CEEBE8;
-border: 1px solid #62B9AF;color: #62B9AF;"><span>市场服务</span></div>
-                                <div class="list" style="background: #F7EBE0;
-border: 1px solid #EFA34E;color: #EFA34E;"><span>投融资服务</span></div>
-                                <div class="list" style="background: #DFF8E2;
-border: 1px solid #6CB179;color: #6CB179;"><span>政策申报</span><span>服务</span></div>
-                                <div class="list" style="background: #F7EBE0;
-border: 1px solid #EFA34E;color: #EFA34E;"><span>企业人才</span><span>服务</span></div>
-                                <div class="list" @click="window.location.href='qysmzq.html'">
-                                    <span>企业</span><span>生命周期</span>
-                                </div>
-                            </div> -->
                         </div>
                     </div>
+                </div> -->
+
+                <div class="title">
+                    <img src="images/gyy-title4.png" alt="">
+                    <span>明星企业</span>
+                </div>
+                <div class="mxqy" id="scrollContainer">
+                    <div class="zwsj" v-if="!this.mxqyList.length">暂无数据</div>
+                    <ul id="auto-scroll-div" :class="{scrollContent:this.mxqyList.length>12}" v-else>
+                        <li v-for="(item,index) in mxqyList" @click="item.link?window.open(item.link):''">
+                            <img :src="item.logo" alt="">
+                        </li>
+                    </ul>
                 </div>
             </div>
             <div class="contentright" id="mapcontainer">
@@ -365,7 +377,8 @@ border: 1px solid #EFA34E;color: #EFA34E;"><span>企业人才</span><span>服务
                 tdcrList: [],
                 fwsxqdList: [],
                 firstPoint: '',
-                wordPoint: ''
+                wordPoint: '',
+                parkDesc: ''
             };
         },
         mounted() {
@@ -378,6 +391,7 @@ border: 1px solid #EFA34E;color: #EFA34E;"><span>企业人才</span><span>服务
             this.getParkActivity(id);
         },
         methods: {
+            cheakmore() { },
             goIndex() {
                 window.location.href = "indexsyyg.html"
             },
@@ -407,6 +421,7 @@ border: 1px solid #EFA34E;color: #EFA34E;"><span>企业人才</span><span>服务
                     success: function (data) {
                         var pointlist = data.addr.split('@');
                         that.jbqk = data;
+                        that.parkDesc = data.desc;
                         document.title = that.jbqk.title;
                         that.loadMap(data.addr);
                         const time = 500;
@@ -560,7 +575,7 @@ border: 1px solid #EFA34E;color: #EFA34E;"><span>企业人才</span><span>服务
                         dataList.forEach(function (d) {
                             d.logo = d.imgUrl ? d.imgUrl.split(",")[0] : '';
                         });
-                        that.ztcrList = dataList.splice(0, 3);
+                        that.ztcrList = dataList.splice(0, 6);
                     }
                 });
             },

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

@@ -36,6 +36,9 @@
             box-sizing: border-box;
             font-family: Microsoft YaHei;
         }
+        .contentleft>.list .listitm{
+            width: 32.5%;
+        }
 
         .swiperimg {
             display: flex;
@@ -176,7 +179,7 @@
                     <span style="font-size: 26px;">(业主单位：{{
                         tdcrDetail.ownerUnit }})</span>
                 </div>
-                <div class="swiperimg">
+                <!-- <div class="swiperimg">
                     <img :src="imgUrl" alt="" style="width: 75%;height: 394px;">
                     <div class="swiper-button-prev"><img src="images/toparrow.png" alt=""></div>
                     <div class="swiper mySwiper">
@@ -187,33 +190,37 @@
                         </div>
                     </div>
                     <div class="swiper-button-next"><img src="images/bottomarrow.png" alt=""></div>
-                </div>
+                </div> -->
                 <div class="list">
                     <div class="listitm" style="background-color: #4EB2AD;">
                         <span>占地面积</span>
                         <span>{{ tdcrDetail.landArea }}&nbsp;亩</span>
                     </div>
-                    <div class="listitm" style="background-color: #4B98F6;">
+                    <div class="listitm" style="background-color: #4BB664;">
+                        <span>主导产业</span>
+                        <span>{{ tdcrDetail.businessIndustry }}</span>
+                    </div>
+                    <!-- <div class="listitm" style="background-color: #4B98F6;">
                         <span>土地用途</span>
                         <span>{{ tdcrDetail.landFunction }}</span>
                     </div>
                     <div class="listitm" style="background-color: #4BB664;">
                         <span>招引产业</span>
                         <span>{{ tdcrDetail.businessIndustry }}</span>
-                    </div>
+                    </div> -->
                     <div class="listitm" style="background-color: #DFC483;">
                         <span>可用地情况</span>
                         <span>{{ tdcrDetail.landState==1?"可用":"不可用" }}</span>
                     </div>
                 </div>
                 <div class="text">
-                    <div style="align-items: flex-start;">
+                    <!-- <div style="align-items: flex-start;">
                         <span>主导产业：</span>
                         <div class="icon"
                             v-for="(item,index) in (tdcrDetail.landFunction ? tdcrDetail.landFunction.split('、') : [])">
                             {{
                             item }}</div>
-                    </div>
+                    </div> -->
                     <div><span>详细地址：</span><span>{{ tdcrDetail.addr }}</span></div>
                     <div><span>联系方式：</span><span>{{ tdcrDetail.contactName }}&nbsp;&nbsp;{{ tdcrDetail.contactPhone
                             }}</span></div>