xyg vor 6 Monaten
Ursprung
Commit
120a20b82e

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/dqfw.html

@@ -277,7 +277,7 @@
         el: '#dqfw',
         data: function () {
             return {
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 currentTab: '',
                 currtopId: '',
                 leftList: [],

+ 8 - 6
nngkxxdp/src/main/resources/static/naxsb/floorone.html

@@ -154,7 +154,7 @@
         <div id="lines" style="display: none;"></div>
         <div id="lineh" style="display: none;"></div>
         <div id="redio" style="display: none;"></div>
-        <div class="detailDiv">
+        <div class="detailDiv" v-if="popupShow">
             <div v-show="popupType == '1'">
                 <div class="top">
                     <div style="font-weight: bold;font-size: 1.625rem;">{{btnName}}您可以办理:</div>
@@ -345,7 +345,7 @@
             return {
                 activeName: 'second',
                 activeNametwo: 'rzbm',
-                popupshow: false,
+                popupShow: false,
                 btnName: '',
                 currentFloor: 1,
                 popupType: "other",
@@ -415,7 +415,7 @@
             floorChange(id) {
                 this.currentFloor = id;
                 this.popupType = 'other'
-                this.popupshow = false;
+                this.popupShow = false;
                 this.unitBtnClick();
             },
             handleClicktwo() { },
@@ -430,7 +430,7 @@
             getItemList(currentPage, businessId) {
                 var that = this;
                 $.ajax({
-                    url: "http://8.137.113.116:8082/handleBusiness/query",
+                    url: "http://183.64.61.180:8082/handleBusiness/query",
                     type: "post",
                     contentType: 'application/json',
                     data: JSON.stringify({
@@ -453,9 +453,11 @@
     document.querySelectorAll('.namebtn').forEach(function (element) {
         element.addEventListener('click', function (event) {
 
-            // that.nowDiv.popupshow = true;
+            that.nowDiv.popupShow = true;
             //弹窗的宽高
             var element2 = document.getElementsByClassName('detailDiv');
+            var offset2 = $('.detailDiv').offset();
+            console.log(offset2)
             var rect = element2[0].getBoundingClientRect();
             var height2 = rect.top;
             var left2 = rect.left;
@@ -500,7 +502,7 @@
             if (id) {
                 that.nowDiv.btnid = id;
                 $.ajax({
-                    url: "http://8.137.113.116:8082/handleBusiness/" + id,
+                    url: "http://183.64.61.180:8082/handleBusiness/" + id,
                     type: "get",
                     dataType: "json",
                     success: function (data) {

+ 88 - 21
nngkxxdp/src/main/resources/static/naxsb/indexcygyy.html

@@ -114,19 +114,21 @@
 
         #indexcygyy .menu {
             width: 60%;
-            max-width: 765px;
+            max-width: 1065px;
             font-size: 1rem;
             display: flex;
-            justify-content: space-evenly;
-            align-items: center;
         }
 
         #indexcygyy .menu li {
+            width: 16%;
             cursor: pointer;
             white-space: nowrap;
+            display: flex;
+            align-items: center;
+            justify-content: center;
         }
 
-        #indexcygyy .menu .active {
+        #indexcygyy .menu .active span {
             font-size: 1.25rem;
             padding-bottom: 0.3125rem;
             box-sizing: border-box;
@@ -253,6 +255,36 @@
             font-size: 33px;
         }
 
+        /* 淡出动画 */
+        .fade-out {
+            animation: fadeOut 1s forwards;
+        }
+
+        /* 淡入动画 */
+        .fade-in {
+            animation: fadeIn 1s forwards;
+        }
+
+        @keyframes fadeOut {
+            from {
+                opacity: 1;
+            }
+
+            to {
+                opacity: 0.7;
+            }
+        }
+
+        @keyframes fadeIn {
+            from {
+                opacity: 0.7;
+            }
+
+            to {
+                opacity: 1;
+            }
+        }
+
         @media screen and (max-width:1600px) {
 
             html,
@@ -300,7 +332,8 @@
 </head>
 
 <body>
-    <div class="" id="indexcygyy">
+    <div class="" id="indexcygyy" :class="{ 'fade-out': fadeOut, 'fade-in': fadeIn }"
+        :style="{ backgroundImage: 'url(' + backgroundImage + ')' }">
         <div class="backbutton" @click="back">
             <img src="images/backlogo.png" alt="">
             <span>返回</span>
@@ -313,8 +346,9 @@
             </div>
             <ul class="menu">
                 <li :class="{ active: currentTab == tab.id }" v-for="(tab, index)  in this.titleList" :key="index"
-                    @click="menuChange(tab.id)">
-                    {{tab.title}}</li>
+                    @click="menuChange(tab.id)" :style="{width:tab.textwidth+'px'}">
+                    <span>{{tab.title}}</span>
+                </li>
             </ul>
         </div>
         <div class="content">
@@ -350,13 +384,16 @@
         el: '#indexcygyy',
         data: function () {
             return {
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 currentTab: -1,
                 titleList: [],
                 currentTitle: '',
                 parkDesc: '',
                 swiperList: [
-                ]
+                ],
+                backgroundImage: 'images/indexcygyy.png',
+                fadeOut: false,
+                fadeIn: false
             };
         },
         created() {
@@ -371,17 +408,46 @@
                 this.getDetailData(id);
                 this.currentTab = id;
                 this.getSellBuild(id);
-                if (id == 4) {
-                    var bgClass = `bg-npxq`;
-                } else if (id == 6) {
-                    var bgClass = `bg-dxkjy`;
-                } else if (id == 5) {
-                    var bgClass = `bg-ylcxg`;
-                } else {
-                    var bgClass = `bg-cygyy`;
-                }
-                $('#indexcygyy').removeClass();
-                $('#indexcygyy').addClass(bgClass);
+                // if (id == 4) {
+                //     var bgClass = `bg-npxq`;
+                // } else if (id == 6) {
+                //     var bgClass = `bg-dxkjy`;
+                // } else if (id == 5) {
+                //     var bgClass = `bg-ylcxg`;
+                // } else {
+                //     var bgClass = `bg-cygyy`;
+                // }
+                // $('#indexcygyy').removeClass();
+                // $('#indexcygyy').addClass(bgClass);
+                //         .bg-dxkjy {
+                //     background-image: url() !important;
+                // }
+
+                // .bg-npxq {
+                //     background-image: url() !important;
+                // }
+
+                // .bg-ylcxg {
+                //     background-image: url(images/bg-ylcxg.jpg) !important;
+                // }
+                this.fadeOut = true;
+                setTimeout(() => {
+                    if (id == 4) {
+                        this.backgroundImage = 'images/bg-npxq.png';
+                    } else if (id == 6) {
+                        this.backgroundImage = 'images/bg-dxkjy.png';
+                    } else if (id == 5) {
+                        this.backgroundImage = 'images/bg-ylcxg.jpg';
+                    } else {
+                        this.backgroundImage = 'images/indexcygyy.png';
+                    }
+
+                    this.fadeOut = false;
+                    this.fadeIn = true;
+                    setTimeout(() => {
+                        this.fadeIn = false;
+                    }, 1000);
+                }, 1000);
             },
             back() {
                 window.location.href = "indexsyyg.html"
@@ -413,7 +479,6 @@
                             d.logo = d.imgUrl ? d.imgUrl.split(",")[0] : '';
                         });
                         that.swiperList = dataList;
-                        console.log(that.swiperList)
                     }
                 });
             },
@@ -426,8 +491,10 @@
                     success: function (data) {
                         data.forEach(function (item) {
                             item.subtitleList = item.subtitle ? item.subtitle.split(",") : [];
+                            item.textwidth = item.title.length * 20;
                         })
                         that.titleList = data;
+                        console.log(that.titleList)
                     }
                 })
             },

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/indexsyyg.html

@@ -301,7 +301,7 @@
             getParkData() {
                 let that = this;
                 $.ajax({
-                    url: "http://8.137.113.116:8082/parkData/",
+                    url: "http://183.64.61.180:8082/parkData/",
                     type: "get",
                     dataType: "json",
                     success: function (data) {

+ 6 - 1
nngkxxdp/src/main/resources/static/naxsb/qjt.html

@@ -306,7 +306,7 @@
                         div.id = child.uuid;
                         let html = '';
                         html += '<div class="building-box" style="width: 100px; top: -146px; left: -48px;">';
-                        html += '<div class="building-text" style="background: #1D96E9;">';
+                        html += '<div class="building-text" style="background: #1D96E9;" onclick="infloor(1)">';
                         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>';
@@ -408,6 +408,11 @@
             console.log('load error!' + error);
         })
 
+        function infloor(num) {
+            console.log(num)
+            window.location.href = 'floorone.html?id=' + num;
+        }
+
         function render() {
             // 执行渲染操作
             css2Renderer.render(scene, camera)

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/syyggyy.html

@@ -352,7 +352,7 @@ border: 1px solid #EFA34E;color: #EFA34E;"><span>企业人才</span><span>服务
         el: '#ggyq',
         data: function () {
             return {
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 pageSize: 20,
                 jbqk: {},
                 qwysList: [],

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/tdcr.html

@@ -242,7 +242,7 @@
         el: '#tdcr',
         data: function () {
             return {
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 tdcrDetail: {},
                 imgUrl: '',
                 swiperList: []

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/tdcrlist.html

@@ -232,7 +232,7 @@
         data: function () {
             return {
                 // reqPtah: 'http://172.16.99.105:8082',
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 currentPq: 1,
                 contentList: [],
                 pageSize: 1000,

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/tsfw.html

@@ -217,7 +217,7 @@
         el: '#tsfw',
         data: function () {
             return {
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 // reqPtah: 'http://172.16.99.105:8082',
                 leftList: [],
                 person: '',

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/wybdb.html

@@ -420,7 +420,7 @@
         data: function () {
             return {
                 dialogVisible: false,
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 form: {
                     unitName: '',
                     projectCoding: '',

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/wyyy.html

@@ -198,7 +198,7 @@
         data: function () {
             return {
                 dialogVisible: false,
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 form: {
                     overtimeName: '',
                     overtimeAge: '',

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/znxz.html

@@ -234,7 +234,7 @@
         el: '#znxz',
         data: function () {
             return {
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 tjdzList: [
                     {
                         name: "软信服务业"

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/ztcrdetail.html

@@ -277,7 +277,7 @@
         el: '#ztcr',
         data: function () {
             return {
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 ztcrDetail: {},
                 imgUrl: 'images/slide1.png',
                 swiperList: [],

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/ztcrlist.html

@@ -229,7 +229,7 @@
         el: '#znxz',
         data: function () {
             return {
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 pageSize: 10000,
                 parkMap: {},
                 maptitle: '',

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/zwfwtyy.html

@@ -239,7 +239,7 @@
         data: function () {
             return {
                 dialogVisible: false,
-                reqPtah: 'http://8.137.113.116:8082',
+                reqPtah: 'http://183.64.61.180:8082',
                 form: {
                     experienceName: '',
                     experienceAge: '',