111

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

@@ -671,7 +671,12 @@
                     .catch(_ => { });
             },
             handleCurrentChange(val) {
+                this.currentPage = val;
+                if(this.inputValue){
+                    this.searchData();
+                }else{
                 this.getItemList(val, this.btnid)
+                }
             },
             handleClick(tab, event) {
                 console.log(tab, event);
@@ -690,8 +695,7 @@
                     }),
                     dataType: "json",
                     success: function (data) {
-                        console.log(data)
-                        that.sxqdList = data.data.handleMatters;
+                        that.sxqdList = data.data.handleMatters.slice(0,7);
                         that.total = data.data.total;
                         that.rzbmList = data.data.handleDepts;
                     }

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

@@ -34,7 +34,9 @@
         }
 
         .tjdz .list {
-            width: 165px;
+            /* width: 165px; */
+            width: auto;
+            padding: 0 20px;
             height: 52px;
             line-height: 52px;
             background: #DEEDFF;
@@ -89,6 +91,11 @@
             position: relative;
         }
 
+        .content .list .left img {
+            width: 100%;
+            height: 100%;
+        }
+
         .content .list .number {
             position: absolute;
             left: 10px;
@@ -190,9 +197,9 @@
             <div class="contentleft" id="">
                 <div>您好，根据提交的信息为您推荐如下地址：</div>
                 <div class="tjdz">
-                    <div class="list" v-for="(item,index) in tjdzList">{{item.name}}</div>
+                    <div class="list" v-for="(item,index) in tjdzList">{{item}}</div>
                 </div>
-                <div class="choseButton">重新选择</div>
+                <div class="choseButton" @click="newchoice">重新选择</div>
                 <div class="content">
                     <div class="list" v-for="(item,index) in contentList">
                         <div class="left">
@@ -205,7 +212,7 @@
                                 <li><span>载体名称：</span><span>{{item.carrierName?item.carrierName:'-'}}</span></li>
                                 <li><span>可用情况：</span><span>{{item.state==1?"可用":"不可用"}}</span></li>
                                 <li><span>产业板块：</span><span>{{item.industryPlate?item.industryPlate:'- '}}</span></li>
-                                <li><span>所属园区：</span><span>{{item.parkData.title}}</span></li>
+                                <li><span>所属园区：</span><span>{{item.parkData?item.parkData.title:''}}</span></li>
                                 <li><span>联系地址：</span><span>{{item.addr?item.addr:'-'}}</span></li>
                                 <li><span>联系电话：</span><span>{{item.contactsName?item.contactsName:'-'}}
                                         {{item.contactsPhone?item.contactsPhone:'-'}}</span></li>
@@ -237,21 +244,6 @@
             return {
                 reqPtah: '',
                 tjdzList: [
-                    {
-                        name: "软信服务业"
-                    },
-                    {
-                        name: "办公楼宇"
-                    },
-                    {
-                        name: "2000m²以下"
-                    },
-                    {
-                        name: "租赁"
-                    },
-                    {
-                        name: "茶园组团"
-                    }
                 ],
                 contentList: [
                 ],
@@ -262,27 +254,54 @@
                 window.history.go(-1)
             },
             getParkData(id) {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/selectionAddr/listAll/" + id,
-                    type: "get",
-                    dataType: "json",
-                    success: function (data) {
-                        that.contentList = data.data;
-                    }
-                })
+                // let that = this;
+                // $.ajax({
+                //     url: conpath + "/selectionAddr/listAll/" + id,
+                //     type: "get",
+                //     dataType: "json",
+                //     success: function (data) {
+                //         that.contentList = data.data;
+                //     }
+                // })
             },
-            getParkDetail(id) {
+            getListData() {
                 let that = this;
                 $.ajax({
-                    url: conpath + "/parkData/" + id,
-                    type: "get",
+                    url: conpath + "/sellBuild/queryPageByAddr",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "productModule": "软信服务业",
+                        "application": "办公楼宇",
+                        "rent": "租赁",
+                        "belong": "1",
+                        "currentPage": 1,
+                        "pageSize": 10
+                    }),
                     dataType: "json",
                     success: function (data) {
-                        that.loadMap(data.addr);
+                        console.log(data)
+                        that.contentList = data.list;
+
                     }
                 });
             },
+            getParkDetail(id) {
+                // let that = this;
+                // $.ajax({
+                //     url: conpath + "/parkData/" + id,
+                //     type: "get",
+                //     dataType: "json",
+                //     success: function (data) {
+                //         that.loadMap(data.addr);
+                //     }
+                // });
+            },
+            newchoice() {
+                sessionStorage.setItem('znxztabs', JSON.stringify({}));
+                sessionStorage.setItem('znxz', '');
+                window.location.href = 'znxzchoice.html'
+            },
             loadMap(points) {
                 let that = this;
                 that.parkMap = new BMap.Map("mapcontainer");
@@ -339,6 +358,18 @@
             const id = url.searchParams.get('id');
             this.getParkData(id);
             this.getParkDetail(id);
+            this.getListData();
+            // 检索数据
+            const retrievedUser = sessionStorage.getItem('znxz');
+            const znxztabs = sessionStorage.getItem('znxztabs');
+            // 将字符串转换回JSON对象
+            if (retrievedUser) {
+                const userObject = JSON.parse(retrievedUser);
+                console.log(retrievedUser); // 输出: 张三
+            }
+            if (znxztabs) {
+                this.tjdzList = znxztabs.split(',');
+            }
         }
     })
 </script>

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

@@ -119,37 +119,45 @@
                         <div class="typetitle">1.请选择您的服务行业</div>
                         <div class="fwhy" id="fwhy">
                             <div class="list" :key="index" v-for="(item,index) in fwhyList"
-                                :data-tab-target="'tab'+item.id">{{item.name}}</div>
+                                :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">1.请选择您的载体类型</div>
                         <div class="fwhy" id="ztlx">
-                            <div class="list" :key="index"
-                                v-for="(item,index) in ztlxList">{{item.name}}</div>
+                            <div class="list" :key="index" v-for="(item,index) in ztlxList"
+                                :data-tab-target="item.name">{{item.name}}</div>
+                            <div class="list ztlxbx" data-tab-target="不限">不限</div>
                         </div>
                     </div>
                     <div v-show="currtype==3">
                         <div class="typetitle">1.请选择您的租赁情况</div>
                         <div class="fwhy" id="zlqk">
-                            <div class="list" :key="index"
-                                v-for="(item,index) in zlqklist">{{item.name}}</div>
+                            <div class="list" :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==4">
                         <div class="typetitle">1.请选择您的所属园区</div>
                         <div class="fwhy" id="ssyq">
-                            <div class="list" :key="index"
-                                v-for="(item,index) in titleList">{{item.title}}</div>
+                            <div class="list" :key="index" v-for="(item,index) in titleList" :data-tab-target="item.id"
+                                :data-title="item.title">
+                                {{item.title}}</div>
+                            <div class="list ssyqbx" data-tab-target="不限" data-title="不限">不限</div>
                         </div>
                     </div>
                     <div style="display: flex;margin-top: 100px;">
-                        <div class="choseButton" style="color: #4B98F6;background: #FFFFFF;border: 2px solid #4B98F6;" @click="newChoice">
+                        <div class="choseButton" style="color: #4B98F6;background: #FFFFFF;border: 2px solid #4B98F6;"
+                            @click="newChoice">
                             重新选择</div>
-                            <div class="choseButton" style="
-                        box-shadow: 0px 13px 9px 0px rgba(24,111,240,0.31);" @click="currtype=currtype-1" v-if="currtype!=1">上一步</div>
                         <div class="choseButton" style="
-                    box-shadow: 0px 13px 9px 0px rgba(24,111,240,0.31);" @click="currtype=currtype+1" v-if="currtype!=4">下一步</div>
+                        box-shadow: 0px 13px 9px 0px rgba(24,111,240,0.31);" @click="currtype=currtype-1"
+                            v-if="currtype!=1">上一步</div>
+                        <div class="choseButton" style="
+                    box-shadow: 0px 13px 9px 0px rgba(24,111,240,0.31);" @click="nextChoice">下一步
+                        </div>
                     </div>
                 </div>
             </div>
@@ -159,12 +167,17 @@
 
 </body>
 <script>
-    new Vue({
+    var nowDiv = new Vue({
         el: '#znxz',
         data: function () {
             return {
                 reqPtah: '',
                 currtype: 1,
+                currfwhy: '',
+                currztlx: '',
+                currzlqk: '',
+                currssyq: '',
+                currssyqtitle: '',
                 fwhyList: [
                     {
                         id: 1,
@@ -197,10 +210,6 @@
                     {
                         id: 8,
                         name: "医疗器械"
-                    },
-                    {
-                        id: 9,
-                        name: "不限"
                     }
                 ],
                 ztlxList: [
@@ -237,18 +246,14 @@
                         name: "不限"
                     }
                 ],
-                zlqklist:[
+                zlqklist: [
                     {
-                        id:1,
-                        name:'租赁'
-                    },
-                    {
-                        id:2,
-                        name:'出让'
+                        id: 1,
+                        name: '租赁'
                     },
                     {
-                        id:3,
-                        name:'不限'
+                        id: 2,
+                        name: '出让'
                     }
                 ],
                 titleList: [
@@ -267,26 +272,41 @@
                     dataType: "json",
                     success: function (data) {
                         that.titleList = data;
-                        that.titleList.push({
-                            id:9,
-                            title:"不限"
-                        })
                     }
                 })
             },
-            newChoice(){
-                this.currtype=1;
+            newChoice() {
+                this.currtype = 1;
             },
-            getParkDetail(id) {
-                // let that = this;
-                // $.ajax({
-                //     url: conpath + "/parkData/" + id,
-                //     type: "get",
-                //     dataType: "json",
-                //     success: function (data) {
-                //         that.loadMap(data.addr);
-                //     }
-                // });
+            nextChoice() {
+                this.currtype = this.currtype + 1
+                if (this.currtype == 5) {
+                    var znxz = {
+                        "productModule": this.currfwhy,
+                        "application": this.currztlx,
+                        "rent": this.currzlqk,
+                        "belong": this.currssyq,
+                        "currentPage": 1,
+                        "pageSize": 100000
+                    }
+                    var selectTabs = '';
+                    if (this.currfwhy) {
+                        selectTabs = this.currfwhy
+                    }
+                    if (this.currztlx) {
+                        selectTabs = selectTabs + ',' + this.currztlx
+                    }
+                    if (this.currzlqk) {
+                        selectTabs = selectTabs + ',' + this.currzlqk
+                    }
+                    if (this.currssyq) {
+                        selectTabs = selectTabs + ',' + this.currssyqtitle
+                    }
+                    const znxzString = JSON.stringify(znxz);
+                    sessionStorage.setItem('znxztabs', selectTabs);
+                    sessionStorage.setItem('znxz', znxzString);
+                    window.location.href = "znxz.html"
+                }
             },
             loadMap(points) {
                 let that = this;
@@ -342,13 +362,13 @@
             const url = new URL(window.location.href);
             const id = url.searchParams.get('id');
             this.getParkData(id);
-            this.getParkDetail(id);
         }
     })
 </script>
 <script type="text/javascript" src="js/rightmap.js"></script>
 
 <script>
+    var that = this;
     document.addEventListener('DOMContentLoaded', function () {
 
         //获取服务类型tab
@@ -358,38 +378,59 @@
         tabsContainer.addEventListener('click', function (event) {
             if (event.target.matches('.list')) {
                 var tabTarget = event.target.getAttribute('data-tab-target');
-                if (fwhyselectedTabs.includes(tabTarget)) {
+                if (fwhyselectedTabs.includes(tabTarget) && tabTarget != "不限") {
                     // 移除已选中的Tab
                     fwhyselectedTabs = fwhyselectedTabs.filter(function (selectedTab) {
                         return selectedTab !== tabTarget;
                     });
                     event.target.classList.remove('active');
-                } else {
+                }
+                else {
                     // 添加新选中的Tab
                     fwhyselectedTabs.push(tabTarget);
-                    event.target.classList.add('active');
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('.fwhy .fwhybx').removeClass('active');
+                    } else {
+                        $('.fwhy .list').removeClass('active')
+                        event.target.classList.add('active');
+                        fwhyselectedTabs = ['不限']
+                    }
                 }
                 // 更新界面以反映当前选中的Tab
-                console.log(fwhyselectedTabs); // 输出选中的Tab数组
+                // 输出选中的Tab数组
+                if (fwhyselectedTabs[0] == "不限") {
+                    that.nowDiv.currfwhy = '';
+                } else {
+                    that.nowDiv.currfwhy = fwhyselectedTabs.join(',');
+                }
             }
         });
 
+
         //获取载体类型tab
         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)) {
+                if (ztlxselectedTabs.includes(tabTarget) && tabTarget != "不限") {
                     ztlxselectedTabs = ztlxselectedTabs.filter(function (selectedTab) {
                         return selectedTab !== tabTarget;
                     });
                     event.target.classList.remove('active');
                 } else {
                     ztlxselectedTabs.push(tabTarget);
-                    event.target.classList.add('active');
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('.fwhy .ztlxbx').removeClass('active');
+                    } else {
+                        $('.fwhy .list').removeClass('active')
+                        event.target.classList.add('active');
+                        ztlxselectedTabs = ['不限']
+                    }
                 }
-                console.log(ztlxselectedTabs); // 输出选中的Tab数组
+                that.nowDiv.currztlx = ztlxselectedTabs.join(',');
             }
         });
 
@@ -399,35 +440,56 @@
         tabsContainerzlqk.addEventListener('click', function (event) {
             if (event.target.matches('.list')) {
                 var tabTarget = event.target.getAttribute('data-tab-target');
-                if (zlqkselectedTabs.includes(tabTarget)) {
+                if (zlqkselectedTabs.includes(tabTarget) && tabTarget != "不限") {
                     zlqkselectedTabs = zlqkselectedTabs.filter(function (selectedTab) {
                         return selectedTab !== tabTarget;
                     });
                     event.target.classList.remove('active');
                 } else {
                     zlqkselectedTabs.push(tabTarget);
-                    event.target.classList.add('active');
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('.fwhy .zlqkbx').removeClass('active');
+                    } else {
+                        $('.fwhy .list').removeClass('active')
+                        event.target.classList.add('active');
+                        zlqkselectedTabs = ['不限']
+                    }
                 }
                 console.log(zlqkselectedTabs); // 输出选中的Tab数组
+                that.nowDiv.currzlqk = zlqkselectedTabs.join(',');
             }
         });
 
         //获取所属园区tab
         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');
-                if (ssyqselectedTabs.includes(tabTarget)) {
+                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);
-                    event.target.classList.add('active');
+                    ssyqtitle.push(titleTarget);
+                    if (tabTarget != "不限") {
+                        event.target.classList.add('active');
+                        $('.fwhy .ssyqbx').removeClass('active');
+                    } else {
+                        $('.fwhy .list').removeClass('active')
+                        event.target.classList.add('active');
+                        ssyqselectedTabs = ['不限']
+                        ssyqtitle = ['不限'];
+                    }
                 }
                 console.log(ssyqselectedTabs); // 输出选中的Tab数组
+                that.nowDiv.currssyq = ssyqselectedTabs.join(',');
+                that.nowDiv.currssyqtitle = ssyqtitle.join(',');
             }
         });
     });