修改适配页面

nngkxxdp/src/main/resources/static/school/js/schoolDetail.js

@@ -13,9 +13,7 @@ layui.use(['element', 'form', 'tree', 'util', 'laydate'], function () {
 		let id = searchData[1]
 		window.location = 'schoolDetailMobile.html?id='+id
 	}
-
-
-
+	resizeFrame()
 	init();
 
 });
@@ -44,7 +42,7 @@ function init(){
 }
 
 function back(){
-	window.location.replace("https://www.cqna.gov.cn//2022wzgb/sxna/xx/index.html")
+	window.parent.location="https://www.cqna.gov.cn/2022wzgb/sxna/xx/index.html";
 }
 
 function initHead(data){
@@ -114,6 +112,10 @@ function conts(data){
 	// html+=data.studyCharge==null?"":data.studyCharge;
 	document.getElementById('conts').innerHTML = html;
 }
+function resizeFrame(){
+	var content_iframe = window.parent.document.getElementsByTagName("iframe");//获取iframeID
+	$(content_iframe[1]).css("width", "100%")
+}
 
 
 function  checkSchool(){

nngkxxdp/src/main/resources/static/school/js/schoolDetailMobile.js

@@ -6,7 +6,7 @@ layui.use(['element', 'form', 'tree', 'util', 'laydate'], function () {
 		layer = layui.layer,
 		util = layui.util,
 		element = layui.element;
-
+	resizeFrame()
 	init();
 
 });
@@ -35,7 +35,11 @@ function init(){
 }
 
 function back(){
-	window.location.replace("https://www.cqna.gov.cn//2022wzgb/sxna/xx/index.html")
+	window.parent.location="https://www.cqna.gov.cn/2022wzgb/sxna/xx/index.html";
+}
+function resizeFrame(){
+	var content_iframe = window.parent.document.getElementsByTagName("iframe");//获取iframeID
+	$(content_iframe[1]).css("width", "100%")
 }
 
 function initHead(data){

nngkxxdp/src/main/resources/static/school/school.html

@@ -142,7 +142,7 @@
             window.parent.navigator.userAgent.toLowerCase("")
         );
     }
-
+    resizeFrame()
     var schoolName;
     var schoolLocation;
     var department;
@@ -459,7 +459,10 @@
             // window.open(schoolData[number].website);
         }
     }
-
+    function resizeFrame(){
+        var content_iframe = window.parent.document.getElementsByTagName("iframe");//获取iframeID
+        $(content_iframe[1]).css("width", "100%")
+    }
 
 </script>
 

nngkxxdp/src/main/resources/static/school/schoolMobile.html

@@ -17,226 +17,228 @@
             color: #fff;
             border-radius: 0.625rem;
         }
-        html{
+
+        html {
             font-size: 14px;
         }
 
         /* 适配 */
-            .content {
-                width: 100% !important;
-            }
+        .content {
+            width: 100% !important;
+        }
 
-            .content .search {
-                width: 100% !important;
-            }
+        .content .search {
+            width: 100% !important;
+        }
 
-            .content .search span {
-                font-size: 0.95rem !important;
-                width: 16% !important;
-            }
+        .content .search span {
+            font-size: 0.95rem !important;
+            width: 16% !important;
+        }
 
-            .content .search input {
-                width: 62% !important;
-                font-size: 0.75rem !important;
-            }
+        .content .search input {
+            width: 62% !important;
+            font-size: 0.75rem !important;
+        }
 
-            .content .search input::placeholder {
-                font-size: 0.75rem !important;
-            }
+        .content .search input::placeholder {
+            font-size: 0.75rem !important;
+        }
 
-            .content .search button {
-                width: 15% !important;
-                margin-left: 0.625rem !important;
-                font-size: 0.75rem !important;
-                height: 3rem !important;
-            }
+        .content .search button {
+            width: 15% !important;
+            margin-left: 0.625rem !important;
+            font-size: 0.75rem !important;
+            height: 3rem !important;
+        }
 
-            .content .search button span {
-                width: auto !important;
-                margin-left: 0.375rem !important;
-            }
+        .content .search button span {
+            width: auto !important;
+            margin-left: 0.375rem !important;
+        }
 
-            .content .search .hand img {
-                width: 0.8125rem !important;
-            }
+        .content .search .hand img {
+            width: 0.8125rem !important;
+        }
 
-            .item .list li {
-                font-size: 0.75rem !important;
-            }
+        .item .list li {
+            font-size: 0.75rem !important;
+        }
 
-            .condition .item {
-                flex-direction: column !important;
-            }
+        .condition .item {
+            flex-direction: column !important;
+        }
 
-            .item .title {
-                margin-bottom: 0.625rem;
-            }
+        .item .title {
+            margin-bottom: 0.625rem;
+        }
 
-            .item .list {
-                width: 100% !important;
-            }
+        .item .list {
+            width: 100% !important;
+        }
 
-            .item .more {
-                display: block !important;
-            }
+        .item .more {
+            display: block !important;
+        }
 
-            .schoolList {
-                flex-direction: column !important;
-            }
+        .schoolList {
+            flex-direction: column !important;
+        }
 
-            .schoolList .logo {
-                width: 100% !important;
-                height: 18.5625rem !important;
-            }
+        .schoolList .logo {
+            width: 100% !important;
+            height: 18.5625rem !important;
+        }
 
-            .schoolList .message li {
-                width: 50% !important;
-            }
+        .schoolList .message li {
+            width: 50% !important;
+        }
 
-            .schoolList .message ul:last-child {
-                margin-top: 0 !important;
-            }
+        .schoolList .message ul:last-child {
+            margin-top: 0 !important;
+        }
 
-            .schoolList .message ul .imglogo {
-                width: 1.875rem !important;
-                display: inline-block !important;
-            }
+        .schoolList .message ul .imglogo {
+            width: 1.875rem !important;
+            display: inline-block !important;
+        }
 
-            .page {
-                flex-direction: column !important;
-                align-items: center !important;
-            }
+        .page {
+            flex-direction: column !important;
+            align-items: center !important;
+        }
 
-            #pageMessage {
-                width: 64% !important;
-                margin-top: 0.625rem !important;
-            }
+        #pageMessage {
+            width: 64% !important;
+            margin-top: 0.625rem !important;
+        }
 
-            .page .bottomBtn {
-                width: 64% !important;
-                margin-top: 0.625rem !important;
-                justify-content: space-between !important;
-            }
+        .page .bottomBtn {
+            width: 64% !important;
+            margin-top: 0.625rem !important;
+            justify-content: space-between !important;
+        }
 
-            .item .list .more {
-                display: block !important;
-            }
+        .item .list .more {
+            display: block !important;
+        }
 
-            .item .list {
-                height: 2.6rem;
-                overflow: hidden;
-            }
+        .item .list {
+            height: 2.6rem;
+            overflow: hidden;
+        }
     </style>
 </head>
 
 <body>
-    <div class="content">
-        <div class="search">
-            <span style="font-size: 1.25rem;font-weight: bold;color: #333333;width: 8.3125rem;">学校名称：</span>
-            <input id="schoolName" style="height: 3.125rem;size: 3.125rem" type="text" placeholder="请输入学校名称">
-            <button class="hand" id="searchBtn"><img src="images/search.png" alt=""><span
-                    style="margin-left: 0.875rem;">搜索</span></button>
-        </div>
-        <div class="condition" id="searchBox">
-            <!--            <div class="item schoolLocation">-->
-            <!--                <div class="title"><span>所</span><span>在</span><span>区</span><span>域</span><span>：</span></div>-->
-            <!--                <ul class="list">-->
-            <!--                    <li class="click">不限</li>-->
-            <!--&lt;!&ndash;                    <li>南坪街道</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>龙门浩街道</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>海棠溪街道</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>弹子石街道</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>铜元局街道</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>花园路街道</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>南山街道</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>天文街道</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>南坪镇</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>峡口镇</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>涂山镇</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>鸡冠石镇</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>长生桥镇</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>迎龙镇</li>&ndash;&gt;-->
-            <!--&lt;!&ndash;                    <li>广阳镇</li>&ndash;&gt;-->
-            <!--                </ul>-->
-            <!--            </div>-->
-            <div class="item div-schoolType">
-                <div class="title">
-                    <span>学</span><span>校</span><span>类</span><span>别</span><span>：</span>
-                </div>
-                <ul class="list schoolType">
-                    <li type="-1" class="click">不限</li>
-                    <li type="0">幼儿园</li>
-                    <li type="1">小学</li>
-                    <li type="2">中学</li>
-                    <!--                    <li type="3">高级中学</li>-->
-                    <!--                    <li type="4">九年一贯制学校</li>-->
-                    <!--                    <li type="5">完全中学</li>-->
-                    <li type="6">高等院校</li>
-                    <li type="7">特殊教育学校</li>
-                    <li type="8">职业院校</li>
-                    <li type="9">教育考试中心</li>
-                </ul>
-                <div class="more">▼</div>
+<div class="content">
+    <div class="search">
+        <span style="font-size: 1.25rem;font-weight: bold;color: #333333;width: 8.3125rem;">学校名称：</span>
+        <input id="schoolName" style="height: 3.125rem;size: 3.125rem" type="text" placeholder="请输入学校名称">
+        <button class="hand" id="searchBtn"><img src="images/search.png" alt=""><span
+                style="margin-left: 0.875rem;">搜索</span></button>
+    </div>
+    <div class="condition" id="searchBox">
+        <!--            <div class="item schoolLocation">-->
+        <!--                <div class="title"><span>所</span><span>在</span><span>区</span><span>域</span><span>：</span></div>-->
+        <!--                <ul class="list">-->
+        <!--                    <li class="click">不限</li>-->
+        <!--&lt;!&ndash;                    <li>南坪街道</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>龙门浩街道</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>海棠溪街道</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>弹子石街道</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>铜元局街道</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>花园路街道</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>南山街道</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>天文街道</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>南坪镇</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>峡口镇</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>涂山镇</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>鸡冠石镇</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>长生桥镇</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>迎龙镇</li>&ndash;&gt;-->
+        <!--&lt;!&ndash;                    <li>广阳镇</li>&ndash;&gt;-->
+        <!--                </ul>-->
+        <!--            </div>-->
+        <div class="item div-schoolType">
+            <div class="title">
+                <span>学</span><span>校</span><span>类</span><span>别</span><span>：</span>
             </div>
-            <div class="item div-department">
-                <div class="title">
-                    <span>上</span><span>级</span><span>主</span><span>管</span><span>部</span><span>门</span><span>：</span>
-                </div>
-                <ul class="list department">
-                    <li class="click">不限</li>
-                    <li>市教委</li>
-                    <li>区教委</li>
-                    <li>教科院</li>
-                    <li>重庆市住房和城乡建设委员会</li>
-                    <li>重庆市食品药品监督管理局</li>
-                    <li>重庆市人力资源和社会保障局</li>
-                    <li>中国外运长航集团重庆长江轮船公司</li>
-                </ul>
-                <div class="more">▼</div>
+            <ul class="list schoolType">
+                <li type="-1" class="click">不限</li>
+                <li type="0">幼儿园</li>
+                <li type="1">小学</li>
+                <li type="2">中学</li>
+                <!--                    <li type="3">高级中学</li>-->
+                <!--                    <li type="4">九年一贯制学校</li>-->
+                <!--                    <li type="5">完全中学</li>-->
+                <li type="6">高等院校</li>
+                <li type="7">特殊教育学校</li>
+                <li type="8">职业院校</li>
+                <li type="9">教育考试中心</li>
+            </ul>
+            <div class="more">▼</div>
+        </div>
+        <div class="item div-department">
+            <div class="title">
+                <span>上</span><span>级</span><span>主</span><span>管</span><span>部</span><span>门</span><span>：</span>
             </div>
+            <ul class="list department">
+                <li class="click">不限</li>
+                <li>市教委</li>
+                <li>区教委</li>
+                <li>教科院</li>
+                <li>重庆市住房和城乡建设委员会</li>
+                <li>重庆市食品药品监督管理局</li>
+                <li>重庆市人力资源和社会保障局</li>
+                <li>中国外运长航集团重庆长江轮船公司</li>
+            </ul>
+            <div class="more">▼</div>
+        </div>
 
-            <div class="item div-group">
-                <div class="title"><span>集</span><span>团</span><span>化</span><span>办</span><span>学</span><span>：</span>
-                </div>
-                <ul class="list group">
-                    <li class="click">不限</li>
-                    <li>重庆二外教育集团</li>
-                    <li>十一中学教育集团</li>
-                    <li>广益中学教育集团</li>
-                    <li>江南小学教育集团</li>
-                    <li>南坪中学教育集团</li>
-                    <li>辅仁中学教育集团</li>
-                    <li>南开（融侨）中学教育集团</li>
-                    <li>珊瑚中学教育集团</li>
-                    <li>南坪实验小学教育集团</li>
-                    <li>一一0中学教育集团</li>
-                    <li>珊瑚实验小学教育集团</li>
-                    <li>职业教育集团</li>
-                    <li>天台岗小学教育集团</li>
-                    <li>人民（融侨）小学教育集团</li>
-                    <li>弹子石小学教育集团</li>
-                    <li>龙门浩隆平小学教育集团</li>
-                    <li>教师进修学院附属小学教育集团</li>
-                    <li>融合教育集团</li>
-                </ul>
-                <div class="more">▼</div>
+        <div class="item div-group">
+            <div class="title"><span>集</span><span>团</span><span>化</span><span>办</span><span>学</span><span>：</span>
             </div>
-            <div style="font-size: 0.875rem;color: #999999;margin-top:1.25rem;">注：学校顺序按更新时间自动排序</div>
+            <ul class="list group">
+                <li class="click">不限</li>
+                <li>重庆二外教育集团</li>
+                <li>十一中学教育集团</li>
+                <li>广益中学教育集团</li>
+                <li>江南小学教育集团</li>
+                <li>南坪中学教育集团</li>
+                <li>辅仁中学教育集团</li>
+                <li>南开（融侨）中学教育集团</li>
+                <li>珊瑚中学教育集团</li>
+                <li>南坪实验小学教育集团</li>
+                <li>一一0中学教育集团</li>
+                <li>珊瑚实验小学教育集团</li>
+                <li>职业教育集团</li>
+                <li>天台岗小学教育集团</li>
+                <li>人民（融侨）小学教育集团</li>
+                <li>弹子石小学教育集团</li>
+                <li>龙门浩隆平小学教育集团</li>
+                <li>教师进修学院附属小学教育集团</li>
+                <li>融合教育集团</li>
+            </ul>
+            <div class="more">▼</div>
         </div>
-        <div id="school-lists"></div>
-        <div style="width: 100%;display: flex;height: 3.75rem;" class="page">
-            <div id="pageMessage" style="width: 50%;display: flex;align-items: center;justify-content: flex-start">
-            </div>
-            <div style="width: 50%;display: flex;align-items: center;justify-content: flex-end" class="bottomBtn">
-                <button class="hand btn" id="page1" style="font-size: 1.25rem">上一页</button>
-                <button class="hand btn" id="page2" style="font-size: 1.25rem;margin-left: 0.3125rem">下一页</button>
-            </div>
+        <div style="font-size: 0.875rem;color: #999999;margin-top:1.25rem;">注：学校顺序按更新时间自动排序</div>
+    </div>
+    <div id="school-lists"></div>
+    <div style="width: 100%;display: flex;height: 3.75rem;" class="page">
+        <div id="pageMessage" style="width: 50%;display: flex;align-items: center;justify-content: flex-start">
+        </div>
+        <div style="width: 50%;display: flex;align-items: center;justify-content: flex-end" class="bottomBtn">
+            <button class="hand btn" id="page1" style="font-size: 1.25rem">上一页</button>
+            <button class="hand btn" id="page2" style="font-size: 1.25rem;margin-left: 0.3125rem">下一页</button>
         </div>
-
     </div>
+
+</div>
 </body>
 <script src="js/jquery-3.5.1.min.js"></script>
 <script>
+    resizeFrame()
     var schoolName;
     var schoolLocation;
     var department;
@@ -257,6 +259,13 @@
     schoolData = []
     page = 1
     limit = 10
+
+    function resizeFrame() {
+        var content_iframe = window.parent.document.getElementsByTagName("iframe");//获取iframeID
+        $(content_iframe[1]).css("width", "100%")
+    }
+
+
     $(function () {
         getData();
     })
@@ -307,11 +316,11 @@
         var classStr = $(this).attr('class');
         if (classStr.indexOf('open') != -1) {
             $(this).removeClass('open')
-            tablist.css({ 'overflow': 'hidden', 'height': '2.6rem' });
-            $(this).css({ 'transform': 'rotate(0)' });
+            tablist.css({'overflow': 'hidden', 'height': '2.6rem'});
+            $(this).css({'transform': 'rotate(0)'});
         } else {
-            tablist.css({ 'overflow': 'auto', 'height': 'auto' });
-            $(this).css({ 'transform': 'rotate(179deg)' });
+            tablist.css({'overflow': 'auto', 'height': 'auto'});
+            $(this).css({'transform': 'rotate(179deg)'});
             $(this).addClass('open');
         }
     })
@@ -321,11 +330,11 @@
         var classStr = $(this).attr('class');
         if (classStr.indexOf('open') != -1) {
             $(this).removeClass('open')
-            tablist.css({ 'overflow': 'hidden', 'height': '2.6rem' });
-            $(this).css({ 'transform': 'rotate(0)' });
+            tablist.css({'overflow': 'hidden', 'height': '2.6rem'});
+            $(this).css({'transform': 'rotate(0)'});
         } else {
-            tablist.css({ 'overflow': 'auto', 'height': 'auto' });
-            $(this).css({ 'transform': 'rotate(179deg)' });
+            tablist.css({'overflow': 'auto', 'height': 'auto'});
+            $(this).css({'transform': 'rotate(179deg)'});
             $(this).addClass('open');
         }
     })
@@ -335,11 +344,11 @@
         var classStr = $(this).attr('class');
         if (classStr.indexOf('open') != -1) {
             $(this).removeClass('open')
-            tablist.css({ 'overflow': 'hidden', 'height': '2.6rem' });
-            $(this).css({ 'transform': 'rotate(0)' });
+            tablist.css({'overflow': 'hidden', 'height': '2.6rem'});
+            $(this).css({'transform': 'rotate(0)'});
         } else {
-            tablist.css({ 'overflow': 'auto', 'height': 'auto' });
-            $(this).css({ 'transform': 'rotate(179deg)' });
+            tablist.css({'overflow': 'auto', 'height': 'auto'});
+            $(this).css({'transform': 'rotate(179deg)'});
             $(this).addClass('open');
         }
     })
@@ -363,6 +372,7 @@
             getData();
         }
     })
+
     function queryData() {
         if (schoolLocation == '不限') {
             schoolLocation = ''
@@ -380,9 +390,11 @@
         page = 1
         getData();
     }
+
     function gotoInfo(id) {
         window.open("https://www.cqna.gov.cn//2022wzgb/sxna/xx/detail.html?id=" + schoolData[id].id)
     }
+
     // 拿数据
     function getData() {
         searchUrl = '?page=' + page + "&limit=" + limit + "&name=" + schoolName + "&location=" + schoolLocation +
@@ -440,6 +452,7 @@
         });
 
     }
+
     function getSchoolType(id) {
         if (id == null) {
             return "";
@@ -478,16 +491,24 @@
         //     return '完全中学';
         //     break;
     }
+
     function getNature(id) {
         if (id == null) {
             return "";
         }
         switch (id) {
-            case 0: return '公办'; break;
-            case 1: return '民办'; break;
-            case 2: return '股份制'; break;
+            case 0:
+                return '公办';
+                break;
+            case 1:
+                return '民办';
+                break;
+            case 2:
+                return '股份制';
+                break;
         }
     }
+
     function getSchoolTypeImg(id) {
         switch (id) {
             case 0:
@@ -522,6 +543,7 @@
                 break;
         }
     }
+
     function clickQRCode(number) {
         for (var i = 0; i < schoolData.length; i++) {
             if (i != number) {
@@ -537,9 +559,16 @@
             }
         }
     }
+
     function gotoOfficial(number) {
         if (schoolData[number].website != null && schoolData[number].website != '') {
-            window.open(schoolData[number].website);
+            let split = schoolData[number].website.split("//");
+            if (split.length > 1) {
+                window.open(schoolData[number].website);
+            } else {
+                window.open("http://" + schoolData[number].website)
+            }
+            // window.open(schoolData[number].website);
         }
     }