فهرست منبع

修改地图和政策问答的底部

a 1 سال پیش
والد
کامیت
b84f5da913

+ 713 - 0
nngkxxdp/src/main/resources/static/district/syDteail.html

@@ -0,0 +1,713 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="renderer" content="webkit"/>
+    <meta name="force-rendering" content="webkit"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
+    <meta name="renderer" content="webkit">
+    <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=1.0, maximum-scale=1.0">
+    <link href="img/favicon.ico" rel="shortcut icon">
+    <link rel="stylesheet" href="./css/foot.css">
+    <link rel="stylesheet" href="./layui/css/layui.css">
+    <link rel="stylesheet" href="./css/district.css">
+    <link rel="stylesheet" href="./css/sy.css">
+    <title>重庆市南岸区政务公开惠民便民地图</title>
+</head>
+<style>
+    ul{
+        padding: 0;
+        margin: 0;
+    }
+    .BMap_bubble_content{
+        height: 100% !important;
+        overflow-y: scroll !important;
+        overflow-x: hidden;
+    }
+
+    /* 定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸 */
+    .BMap_bubble_content::-webkit-scrollbar {
+        width: 10px; /* 对垂直滚动条有效 */
+    }
+
+    /* 定义滚动条的轨道颜色、内阴影及圆角 */
+    .BMap_bubble_content::-webkit-scrollbar-track {
+        /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
+        background-color: #fff;
+    }
+
+    /* 定义滑块颜色、内阴影及圆角 */
+    .BMap_bubble_content::-webkit-scrollbar-thumb {
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+        background-color: rgba(0, 0, 0, .1);
+    }
+
+
+    /* 光标移到滚动滑块上样式颜色变深 */
+    .BMap_bubble_content::-webkit-scrollbar-thumb:hover {
+        background-color: rgba(0, 0, 0, .2);
+    }
+
+    /* 定义两端按钮的样式 */
+    .BMap_bubble_content::-webkit-scrollbar-button {
+        display: none;
+    }
+
+    /* 定义右下角汇合处的样式 */
+    .BMap_bubble_content::-webkit-scrollbar-corner {
+        background: khaki;
+    }
+</style>
+<body>
+<div class="head">
+    <!-- 头部蓝色部分的logo和文字 -->
+
+    <div class="left-logo">
+        <a href="https://www.cqna.gov.cn/" target="_blank">
+            <img class="logo-img" src="img/map-logo.png">
+        </a>
+    </div>
+    <!-- 头部的搜索框 -->
+    <div class="right-search">
+        <div class="layui-tab">
+            <ul class="layui-tab-title search-change">
+                <li class="layui-this">搜索</li>
+                <li>公交</li>
+                <li>自驾</li>
+            </ul>
+            <div class="layui-tab-content content-input">
+                <div class="layui-tab-item layui-show">
+                    <div class="input-icon">
+                        <input type="text" name="" id="" value="" class="inp"/>
+                        <img src="img/ss2.png" class="inp-icon1">
+                    </div>
+                </div>
+                <!--  点击公交出现的内容  -->
+                <div class="layui-tab-item">
+                    <div class="input-icon">
+                        <input type="text" id="gj-one" value=""/>
+                        <div id="change-word"></div>
+                        <input type="text" name="" id="gj-two" value=""/>
+                        <img src="img/ss2.png" class="inp-icon2" id="inp-icon2">
+                    </div>
+                </div>
+                <!--  点击自驾出现的内容  -->
+                <div class="layui-tab-item">
+                    <div class="input-icon">
+                        <input type="text" name="" id="zj-one" value=""/>
+                        <div id="word-change"></div>
+                        <input type="text" name="" id="zj-two" value=""/>
+                        <img src="img/ss2.png" class="inp-icon3" id="inp-icon3">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="erw">
+        <a href="javascript:;" onclick="aria.start()" style="
+        width: 207px;
+        text-align: center;
+        font-size: 21px;
+        height: 140px;
+        line-height: 140px;
+        color: #fff;">网站无障碍</a>
+        <a href="http://www.cqna.gov.cn/vr/vr.html" target="_blank">
+            <img src="./img/second-erw-3.png" alt="" class="first_erw">
+        </a>
+        <img src="./img/first-ewm-2.png" alt="" class="first_erw">
+        <img src="./img/second-erm.png" alt="" class="second_erw">
+        <a href="https://www.cqna.gov.cn/" class="back_sy">返回网站首页</a>
+    </div>
+</div>
+<div class="main">
+    <div class="left-map">
+        <div class="show-first">
+            <div class="wrap_fwdt">
+                <div class="box_fwdt">
+                    <img src="img/fwdt.png" class="fwdt_img">
+                    <p class="fwdt_text">服务导图</p>
+                </div>
+                <div class="fwdt_line"></div>
+            </div>
+            <ul class="flex_box">
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fgk.png">
+                        <p class="flex_text">政务公开</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fzwfw.png">
+                        <p class="flex_text">政务服务</p>
+                    </div>
+                    <div class="flex_pop pop lineTwo" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="区级行政服务中心">区级政务服务中心</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="镇(街道)公共服务中心">镇(街道)便民服务中心</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="村(社区)便民服务中心">村(社区)便民服务站</a>
+                            </li>
+                            <!-- <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="市场监督管理所">市场监督管理所</a>
+                            </li> -->
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="生源地助学贷款办理点">生源地助学贷款办理点</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fdqfwzx.png">
+                        <p class="flex_text">党群服务</p>
+                    </div>
+                    <div class="flex_pop pop lineThree" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="党群服务中心">党群服务中心</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fjy.png">
+                        <p class="flex_text">教育资源</p>
+                    </div>
+                    <div class="flex_pop pop lineFour" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="职业教育学校">职业教育学校</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="特殊教育学校">特殊教育学校</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="高等院校">高等院校</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="小学">小学</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="中学">中学</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="幼儿园">幼儿园</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="教育考试中心">教育考试中心</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <!--                <li class="flex_li">-->
+                <!--                    <div class="img_tab">-->
+                <!--                        <img src="img/fhsjc.png">-->
+                <!--                        <p class="flex_text">核酸检测</p>-->
+                <!--                    </div>-->
+                <!--                </li>-->
+
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fyl.png">
+                        <p class="flex_text">医疗卫生</p>
+                    </div>
+                    <div class="flex_pop_two pop lineOne" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="村卫生室">村卫生室</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="社区卫生服务站">社区卫生服务站</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="儿科诊疗服务机构">儿科诊疗服务机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="狂犬病、破伤风处置门诊">狂犬病、破伤风处置门诊</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="免疫规划预防接种门诊">免疫规划预防接种门诊</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="二级医疗机构">二级医疗机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="三级医疗机构">三级医疗机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="社区卫生服务机构">社区卫生服务机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="职业病诊断机构">职业病诊断机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="助产医疗机构">助产医疗机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="产科门诊服务机构">产科门诊服务机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="医疗保障事务中心">医疗保障事务中心</a>
+                            </li>
+                            <!--                            <li>-->
+                            <!--                                <img src="img/flex.png">-->
+                            <!--                                <a class="mapnav" title="核酸采样点">核酸采样点</a>-->
+                            <!--                            </li>-->
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fhjgl.png">
+                        <p class="flex_text">户籍管理</p>
+                    </div>
+                    <div class="flex_pop_two pop lineTwo" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="派出所">派出所</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="出入境业务办理机构">出入境业务办理机构</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fjtfw.png">
+                        <p class="flex_text">交通服务</p>
+                    </div>
+                    <div class="flex_pop_two pop lineThree" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="交通支大队">交通支大队</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="交通违法处理机构">交通违法处理机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="交通事故处理机构">交通事故处理机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="车管所">车管所</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="机动车检测场所">机动车检测场所</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="驾驶人体检医院">驾驶人体检医院</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="车驾管社会服务站">车驾管社会服务站</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fshbz.png">
+                        <p class="flex_text">社会保障</p>
+                    </div>
+                    <div class="flex_pop_two pop lineFour" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="就业和人才中心">就业和人才中心</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="社会保险事务中心">社会保险事务中心</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fylfw.png">
+                        <p class="flex_text">养老服务</p>
+                    </div>
+                    <div class="flex_pop_three pop lineOne" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="养老机构">养老机构</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fmzfw.png">
+                        <p class="flex_text">民政服务</p>
+                    </div>
+                    <div class="flex_pop_three pop lineTwo" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="婚姻登记机构">婚姻登记机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="殡仪服务机构">殡仪服务机构</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fbsfwt.png">
+                        <p class="flex_text">办税服务</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fscjd.png">
+                        <p class="flex_text">市场监管</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fgzf.png">
+                        <p class="flex_text">住房保障</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fbdcdj.png">
+                        <p class="flex_text">不动产登记</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fgjj.png">
+                        <p class="flex_text">住房公积金</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fwtly.png">
+                        <p class="flex_text">文体旅游</p>
+                    </div>
+                    <div class="flex_pop_four pop lineFour" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="图书馆">图书馆</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="文化馆">文化馆</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="文管所">文管所</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="公共体育馆">公共体育馆</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="旅游景点">旅游景点</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="公园">公园</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fsffw.png">
+                        <p class="flex_text">司法服务</p>
+                    </div>
+                    <div class="flex_pop_five pop lineOne" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="公证处">公证处</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="司法鉴定机构">司法鉴定机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="基层司法所">基层司法所</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="法律援助机构">法律援助机构</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="矫正中心">矫正中心</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fcjr.png">
+                        <p class="flex_text">助残服务</p>
+                    </div>
+                    <div class="flex_pop_five pop lineTwo" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="残疾人服务中心">残疾人服务中心</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="定点残疾人服务机构">定点残疾人服务机构</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fcyy.png">
+                        <p class="flex_text">产业园区</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fbmfw.png">
+                        <p class="flex_text">商业服务</p>
+                    </div>
+                    <div class="flex_pop_five pop lineFour" style="display: none;">
+                        <ul class="flex_wrap">
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="商圈">商圈</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="购物中心">购物中心</a>
+                            </li>
+                            <li>
+                                <img src="img/flex.png">
+                                <a class="mapnav" title="酒店">酒店</a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/fgc.png">
+                        <p class="flex_text">便民公厕</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/ftc.png">
+                        <p class="flex_text">停车泊车</p>
+                    </div>
+                </li>
+                <li class="flex_li">
+                    <div class="img_tab">
+                        <img src="img/zysd.png">
+                        <p class="flex_text">直饮水点</p>
+                    </div>
+                </li>
+                <li class="flex_li"></li>
+            </ul>
+            <div class="text-second"></div>
+        </div>
+        <!-- 受理场所和查阅场所 -->
+        <div class="layui-tab layui-tab-brief show-fifth" lay-filter="docDemoTabBrief">
+            <div class="title-second">
+                <h6>政务公开</h6>
+                <button type="button" class="backBtn">返回</button>
+            </div>
+            <ul class="layui-tab-title top-title">
+                <li class="layui-this">
+                    <img src="img/slcs1.png">
+                    <img src="img/slcs2.png" class="hideIcon">
+                    受理场所
+                </li>
+                <li>
+                    <img src="img/sycs1.png" class="hideIcon">
+                    <img src="img/sycs2.png">
+                    查阅场所
+                </li>
+            </ul>
+            <div class="layui-tab-content">
+                <div class="layui-tab-item layui-show">
+                    <div class="layui-tab">
+                        <ul class="layui-tab-title second-title">
+                            <li class="layui-this">区级部门</li>
+                            <li>街镇</li>
+                        </ul>
+                        <div class="layui-tab-content hidePadding">
+                            <div class="layui-tab-item layui-show hidePadding">
+                                <div class="districtLevel"></div>
+                                <div class="textThird"></div>
+                            </div>
+                            <div class="layui-tab-item hidePadding">
+                                <div class="text-first">
+                                    <p class="tab alltotal">全部</p>
+                                    <p>南坪镇</p>
+                                    <p>涂山镇</p>
+                                    <p>鸡冠石镇</p>
+                                    <p>峡口镇</p>
+                                    <p>长生桥镇</p>
+                                    <p>迎龙镇</p>
+                                    <p>广阳镇</p>
+                                    <p>南坪街道</p>
+                                    <p>花园路街道</p>
+                                    <p>海棠溪街道</p>
+                                    <p>铜元局街道</p>
+                                    <p>龙门浩街道</p>
+                                    <p>弹子石街道</p>
+                                    <p>南山街道</p>
+                                    <p>天文街道</p>
+                                </div>
+                                <div class="text-second" id="text-second"></div>
+                                <div class="text-third"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="layui-tab-item">
+                    <div class="layui-tab">
+                        <ul class="layui-tab-title second-title2">
+                            <li class="layui-this">区级部门</li>
+                            <li>街镇</li>
+                        </ul>
+                        <div class="layui-tab-content hidePadding">
+                            <div class="layui-tab-item hidePadding layui-show">
+                                <div class=" districtLevel2"></div>
+                                <div class="textThird2"></div>
+                            </div>
+                            <div class="layui-tab-item">
+                                <div class=" districtLevel2"></div>
+                                <div class="textThird2"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 点击公交搜索出现的路径选择 -->
+        <div class="show-second">
+            <div class="title-second">
+                <h6>搜索</h6>
+                <button type="button" class="backBtn">返回</button>
+            </div>
+            <div class="content-second">
+                <div id="start"></div>
+                <img src="img/right-grey.png">
+                <div id="end"></div>
+            </div>
+            <div class="layui-tab content-third">
+                <ul class="layui-tab-title content-title">
+                    <li class="layui-this">时间最短</li>
+                    <li>少换乘</li>
+                    <li>少步行</li>
+                    <li>不乘地铁</li>
+                </ul>
+                <div class="layui-tab-content" id="result"></div>
+            </div>
+            <div class="zjboxpanel">
+                <h5 id="startbus">请选择起点</h5>
+                <ul id="busstartPanel"></ul>
+                <h5 id="endBus">请选择终点</h5>
+                <ul id="busendPanel"></ul>
+            </div>
+        </div>
+        <!-- 点击自驾搜索出现的路径选择 -->
+        <div class="show-third">
+            <div class="title-second">
+                <h6>搜索</h6>
+                <button type="button" class="backBtn">返回</button>
+            </div>
+            <div class="content-second">
+                <div id="start2"></div>
+                <img src="img/right-grey.png">
+                <div id="end2"></div>
+            </div>
+            <div class="layui-tab content-third">
+                <ul class="layui-tab-title main-third" id="zjxz">
+                    <li class="layui-this">推荐路线</li>
+                    <li>最短路程</li>
+                    <li>不走高速</li>
+                </ul>
+                <div class="layui-tab-content" id="result1"></div>
+            </div>
+            <div class="boxpanel">
+                <h5 id="startDrving">请选择起点</h5>
+                <ul id="startPanel"></ul>
+                <h5 id="endDrving">请选择终点</h5>
+                <ul id="endPanel"></ul>
+            </div>
+        </div>
+        <!-- 点击搜索出现的页面 -->
+        <div class="show-fourth">
+            <div class="title-second">
+                <h6>搜索</h6>
+                <button type="button" class="backBtn">返回</button>
+            </div>
+            <div class="search-result" id="search-result">
+                <!-- <div class="textSecond"></div>
+                <div class="textFourth"></div> -->
+            </div>
+        </div>
+    </div>
+    <div class="right-map" id="right-map"></div>
+    <a href="http://www.cqna.gov.cn/ghwd/znwd/index.html" target="_blank" class="right-button"><img src="./img/gdwt.png"
+                                                                                                    alt=""></a>
+</div>
+<script defer async type="text/javascript" src="//gov.govwza.cn/dist/aria.js?appid=f9d6e7b3fdc3e0b4b98ceccb24f22aa7" charset="utf-8" wapForceOldFixed="false" loadData="false" id="ariascripts"></script>
+<script type="text/javascript" src="constans_map.js"></script>
+<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
+<script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
+<script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
+<script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js"></script>
+<script type="text/javascript" src="./layui/layui.js"></script>
+<script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
+<script src="./js/sy.js" type="text/javascript" charset="utf-8"></script>
+<script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
+</body>
+</html>

+ 28 - 638
nngkxxdp/src/main/resources/static/district/sy_mobile.html

@@ -1,649 +1,39 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="renderer" content="webkit">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
-    <link href="img/favicon.ico" rel="shortcut icon">
-    <link rel="stylesheet" href="./layui/css/layui.css">
-    <!-- <link rel="stylesheet" href="./css/swiper-bundle.min.css"> -->
-    <!-- <link rel="stylesheet" href="./css/sy_mobile.css"> -->
-    <link rel="stylesheet" href="./css/sy_mobile_new.css">
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width" />
     <title>重庆市南岸区政务公开惠民便民地图</title>
 </head>
+<style>
+    body{
+        width: 100%;
+        height: 100%;
+        margin: 0px;
+        padding: 0px;
+    }
+    iframe{
+        border: 0px;
+    }
 
+</style>
 <body>
-    <div class="head">
-        <!-- 左边的logo和文字 -->
-        <div class="left-logo">
-            <a href="https://www.cqna.gov.cn/" target="_blank">
-                <img class="logo-img" src="img/map-logo.png">
-            </a>
-        </div>
-        <!-- 右边的搜索框 -->
-        <a href="javascript:void(0)" style="font-size: 16px;color: #fff" onclick="aria.oldFixedStart()">适老版</a>
-        <a href="http://www.cqna.gov.cn/vr/vr.html" target="_blank" class="right_logo">
-            <img src="./img/second-erw-3.png" alt="" class="first_erw">
-        </a>
-    </div>
-    <div class="main">
+<iframe id="childshell" width="100%" height="1000px" src="syDteail.html"></iframe>
+<div style="width:100%;" id="footer"></div>
 
-        <div class="top_search">
-            <div class="input-icon">
-                <input type="text" enterkeyhint="search" name="" id="" value="" class="inp" placeholder="请输入您要搜索的内容" />
-                <img src="img/ss2.png" class="inp-icon1">
-            </div>
-        </div>
-        <div class="right-search">
-            <div class="layui-tab">
-                <ul class="layui-tab-title search-change">
-                    <!-- <li>搜索</li> -->
-                    <li class="layui-this">公交</li>
-                    <li>自驾</li>
-                </ul>
-                <div class="layui-tab-content content-input">
-                    <!-- 点击公交出现的内容  -->
-                    <div class="layui-tab-item layui-show">
-                        <div class="input-icon">
-                            <div class="wrap_box">
-                                <div class="input_wrap">
-                                    <div class="point"></div><p>起</p><input type="text" id="gj-one" value="" placeholder="请输入起点" />
-                                </div>
-                                <div class="input_wrap">
-                                    <div class="point"></div><p>终</p><input type="text" enterkeyhint="search" name="" id="gj-two" value="" placeholder="请输入终点" />
-                                </div>
-                            </div>
-                            <img src="img/ss3.png" class="inp-icon2" id="inp-icon2">
-                        </div>
-                    </div>
-                    <!-- 点击自驾出现的内容  -->
-                    <div class="layui-tab-item">
-                        <div class="input-icon">
-                            <div class="wrap_box">
-                                <div class="input_wrap">
-                                    <div class="point"></div><p>起</p><input type="text" name="" id="zj-one" value="" placeholder="请输入起点" />
-                                </div>
-                                <div class="input_wrap">
-                                    <div class="point"></div><p>终</p><input type="text" enterkeyhint="search" name="" id="zj-two" value="" placeholder="请输入终点" />
-                                </div>
-                            </div>
-                            <img src="img/ss3.png" class="inp-icon3" id="inp-icon3">
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="right-map" id="right-map"></div>
-        <div class="left-map">
-            <div class="bttom-tab show-first">
-                <div class="flex_box">
-                    <ul>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fgk.png" class="gn_img">
-                                <p class="flex_text">政务公开</p>
-                                <div class="flex_pop pop lineOne" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">受理场所</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">查阅场所</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fzwfw.png" class="gn_img">
-                                <p class="flex_text">政务服务</p>
-                                <div class="flex_pop pop lineTwo" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">区级政务服务中心</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">镇(街道)便民服务中心</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">村(社区)便民服务站</a>
-                                        </div>
-                                        <!-- <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">市场监督管理所</a>
-                                        </div> -->
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">生源地助学贷款办理点</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fdqfwzx.png" class="gn_img">
-                                <p class="flex_text">党群服务</p>
-                                <div class="flex_pop pop lineThree" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">党群服务中心</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/zysd.png" class="gn_img">
-                                <p class="flex_text">直饮水点</p>
-                            </div>
-                        </li>
-                    </ul>
-                    <ul>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fjy.png" class="gn_img">
-                                <p class="flex_text">教育资源</p>
-                                <div class="flex_pop pop lineFour" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">职业教育学校</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">特殊教育学校</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">高等院校</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">小学</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">中学</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">幼儿园</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">教育考试中心</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fyl.png" class="gn_img">
-                                <p class="flex_text">医疗卫生</p>
-                                <div class="flex_pop pop lineTwo" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">村卫生室</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">社区卫生服务站</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">儿科诊疗服务机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">狂犬病、破伤风处置门诊</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">免疫规划预防接种门诊</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">二级医疗机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">三级医疗机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">社区卫生服务机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">职业病诊断机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">助产医疗机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">产科门诊服务机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">医疗保障事务中心</a>
-                                        </div>
-<!--                                        <div>-->
-<!--                                            <img src="img/flex.png">-->
-<!--                                            <a class="mapnav">核酸采样点</a>-->
-<!--                                        </div>-->
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li class="flex_li">
-							<div class="img_tab">
-								<img src="img/fhjgl.png" class="gn_img">
-								<p class="flex_text">户籍管理</p>
-                                <div class="flex_pop pop lineThree" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">派出所</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">出入境业务办理机构</a>
-                                        </div>
-                                    </div>
-                                </div>
-							</div>
-						</li>
-                        <li class="flex_li">
-							<div class="img_tab">
-								<img src="img/fjtfw.png" class="gn_img">
-								<p class="flex_text">交通服务</p>
-                                <div class="flex_pop pop lineFour" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">交通支大队</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">交通违法处理机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">交通事故处理机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">车管所</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">机动车检测场所</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">驾驶人体检医院</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">车驾管社会服务站</a>
-                                        </div>
-                                    </div>
-                                </div>
-							</div>
-						</li>
-                    </ul>
-                    <ul>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fshbz.png" class="gn_img">
-                                <p class="flex_text">社会保障</p>
-                                <div class="flex_pop pop lineOne" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">就业和人才中心</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">社会保险事务中心</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fylfw.png" class="gn_img">
-                                <p class="flex_text">养老服务</p>
-                                <div class="flex_pop pop lineTwo" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">养老机构</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fmzfw.png" class="gn_img">
-                                <p class="flex_text">民政服务</p>
-                                <div class="flex_pop pop lineThree" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">婚姻登记机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">殡仪服务机构</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fbsfwt.png" class="gn_img">
-                                <p class="flex_text">办税服务</p>
-                            </div>
-						</li>
-                    </ul>
-                    <ul>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fscjd.png" class="gn_img">
-                                <p class="flex_text">市场监管</p>
-                            </div>
-						</li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fgzf.png" class="gn_img">
-                                <p class="flex_text">住房保障</p>
-                            </div>
-						</li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fbdcdj.png" class="gn_img">
-                                <p class="flex_text">不动产登记</p>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fgjj.png" class="gn_img">
-                                <p class="flex_text">住房公积金</p>
-                            </div>
-						</li>
-                    </ul>
-                    <ul>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fwtly.png" class="gn_img">
-                                <p class="flex_text">文体旅游</p>
-                                <div class="flex_pop pop lineOne" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">图书馆</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">文化馆</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">文管所</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">公共体育馆</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">旅游景点</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">公园</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fsffw.png" class="gn_img">
-                                <p class="flex_text">司法服务</p>
-                                <div class="flex_pop pop lineTwo" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">公证处</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">司法鉴定机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">基层司法所</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">法律援助机构</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">矫正中心</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fcjr.png" class="gn_img">
-                                <p class="flex_text">助残服务</p>
-                                <div class="flex_pop pop lineThree" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">残疾人服务中心</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">定点残疾人服务机构</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li class="flex_li">
-							<div class="img_tab">
-								<img src="img/fcyy.png" class="gn_img">
-								<p class="flex_text">产业园区</p>
-							</div>
-						</li>
-                    </ul>
-                    <ul>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fbmfw.png" class="gn_img">
-                                <p class="flex_text">商业服务</p>
-                                <div class="flex_pop pop lineOne" style="display: none;">
-                                    <div class="flex_wrap">
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">商圈</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">购物中心</a>
-                                        </div>
-                                        <div>
-                                            <img src="img/flex.png">
-                                            <a class="mapnav">酒店</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </li>
-                        <li>
-                            <div class="img_tab">
-                                <img src="img/fgc.png" class="gn_img">
-                                <p class="flex_text">便民公厕</p>
-                            </div>
-						</li>
-                        <li>
-							<div class="img_tab">
-								<img src="img/ftc.png" class="gn_img">
-								<p class="flex_text">停车泊车</p>
-							</div>
-						</li>
+</body>
+<script src="js/jquery-3.5.1.min.js"></script>
+<script type="text/javascript">
 
-                    </ul>
-                </div>
-            </div>
-            <!-- 点击公交搜索出现的路径选择 -->
-            <div class="show-second">
-                <div class="title-second">
-                    <h6>搜索结果</h6>
-                    <button type="button" class="backBtn">返回</button>
-                </div>
-                <div class="layui-tab content-third">
-                    <ul class="layui-tab-title content-title">
-                        <li class="layui-this">时间最短</li>
-                        <li>少换乘</li>
-                        <li>少步行</li>
-                        <li>不乘地铁</li>
-                    </ul>
-                    <div class="layui-tab-content" id="result"></div>
-                </div>
-                <div class="zjboxpanel">
-                    <h5 id="startbus">请选择起点</h5>
-                    <ul id="busstartPanel"></ul>
-                    <h5 id="endBus">请选择终点</h5>
-                    <ul id="busendPanel"></ul>
-                </div>
-            </div>
-            <!-- 点击自驾搜索出现的路径选择 -->
-            <div class="show-third">
-                <div class="title-second">
-                    <!-- <div class="layui-icon layui-icon-up arrowss"></div> -->
-                    <h6>搜索结果</h6>
-                    <button type="button" class="backBtn">返回</button>
-                </div>
-                <div class="layui-tab content-third">
-                    <ul class="layui-tab-title main-third" id="zjxz">
-                        <li class="layui-this">推荐路线</li>
-                        <li>最短路程</li>
-                        <li>不走高速</li>
-                    </ul>
-                    <div class="layui-tab-content" id="result1"></div>
-                </div>
-                <div class="boxpanel">
-					<h5 id="startDrving">请选择起点</h5>
-					<ul id="startPanel"></ul>
-					<h5 id="endDrving">请选择终点</h5>
-					<ul id="endPanel"></ul>
-				</div>
-            </div>
-            <!-- 点击搜索出现的页面 -->
-            <div class="show-fourth">
-                <!-- <div class="layui-icon layui-icon-down arrowss"></div>
-                <div class="title-second">
-                    <h6>搜索</h6>
-                    <button type="button" class="back_btn">返回</button>
-                </div>
-                <div class="search-result" id="search-result"></div> -->
-                <div class="wrap_result1">
-                    <div class="title-second">
-                        <h6>搜索结果</h6>
-                        <button type="button" class="back_Btn">返回</button>
-                    </div>
-                    <div class="pad_box"></div>
-                </div>
-                <svg t="1655438459932" class="icon back_top" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4107" width="200" height="200"><path d="M512 56.889c251.364 0 455.111 203.747 455.111 455.111S763.364 967.111 512 967.111 56.889 763.364 56.889 512 260.636 56.889 512 56.889z m-179 532.11l179-179 179 179a28.444 28.444 0 0 0 40.221-40.22l-199.11-199.111a28.444 28.444 0 0 0-40.221 0l-199.111 199.11A28.444 28.444 0 0 0 332.999 589z" p-id="4108" fill="#2775CC"></path></svg>
-            </div>
-            <!-- 点击具体的地方出现的列表页 -->
-            <div class="show-fifth">
-                <div class="wrap_result">
-                    <div class="title-second">
-                        <h6>搜索结果</h6>
-                        <button type="button" class="back_btn">返回</button>
-                    </div>
-                    <div class="pad_box"></div>
-                </div>
-                <svg t="1655438459932" class="icon back_top" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4107" width="200" height="200"><path d="M512 56.889c251.364 0 455.111 203.747 455.111 455.111S763.364 967.111 512 967.111 56.889 763.364 56.889 512 260.636 56.889 512 56.889z m-179 532.11l179-179 179 179a28.444 28.444 0 0 0 40.221-40.22l-199.11-199.111a28.444 28.444 0 0 0-40.221 0l-199.111 199.11A28.444 28.444 0 0 0 332.999 589z" p-id="4108" fill="#2775CC"></path></svg>
-            </div>
-            <div class="show-sixth">
-                <div class="wrap_result wrap_handle">
-                    <div class="back_wrap title-second">
-                        <h6>搜索结果</h6>
-                        <button type="button" class="btn_back">返回</button>
-                    </div>
-                    <div class="pad_box"></div>
-                    <div class="layui-tab layui-tab-brief content_from_ajax" lay-filter="docDemoTabBrief">
-                        <ul class="layui-tab-title">
-                          <li class="layui-this">个人办事</li>
-                          <li>法人办事</li>
-                        </ul>
-                        <div class="layui-tab-content">
-                            <div class="layui-tab-item layui-show">
-                                <div class="result_form_ajax"></div>
-                            </div>
-                            <div class="layui-tab-item">
-                                <div class="result_form_ajax"></div>
-                            </div>
-                        </div>
-                        <div id='demo'></div>
-                    </div>
-                    <div class="marrige"></div>
-                </div>
-                <svg t="1655438459932" class="icon back_top" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4107" width="200" height="200"><path d="M512 56.889c251.364 0 455.111 203.747 455.111 455.111S763.364 967.111 512 967.111 56.889 763.364 56.889 512 260.636 56.889 512 56.889z m-179 532.11l179-179 179 179a28.444 28.444 0 0 0 40.221-40.22l-199.11-199.111a28.444 28.444 0 0 0-40.221 0l-199.111 199.11A28.444 28.444 0 0 0 332.999 589z" p-id="4108" fill="#2775CC"></path></svg>
-            </div>
-        </div>
-    </div>
-    <script defer async type="text/javascript" src="//gov.govwza.cn/dist/aria.js?appid=f9d6e7b3fdc3e0b4b98ceccb24f22aa7" charset="utf-8" wapForceOldFixed="false" loadData="false" id="ariascripts"></script>
+    setFooter()
+
+    function setFooter(){
+        $("#footer").load("https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/foot.html")
+    }
+
+</script>
 
-    <script type="text/javascript" src="constans_map.js"></script>
-	<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
-    <script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js">
-    </script>
-    <script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">
-    </script>
-    <script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js">
-    </script>
-    <script type="text/javascript" src="./layui/layui.js"></script>
-    <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
-    <!-- <script type="text/javascript" src="./js/district_mobile.js"></script> -->
-    <!-- <script type="text/javascript" src="./js/swiper-bundle.min.js"></script> -->
-    <script src="./js/sy_mobile.js" type="text/javascript" charset="utf-8"></script>
-    <!-- <script>
-        var mySwiper = new Swiper('.swiper', {
-            loop: true, // 循环模式选项
-            pagination: {
-                el: '.swiper-pagination',
-                clickable: true,
-            },
-        })
-    </script> -->
-</body>
 
-</html>
+</html>

+ 649 - 0
nngkxxdp/src/main/resources/static/district/sy_mobileDetail.html

@@ -0,0 +1,649 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="renderer" content="webkit">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
+    <link href="img/favicon.ico" rel="shortcut icon">
+    <link rel="stylesheet" href="./layui/css/layui.css">
+    <!-- <link rel="stylesheet" href="./css/swiper-bundle.min.css"> -->
+    <!-- <link rel="stylesheet" href="./css/sy_mobile.css"> -->
+    <link rel="stylesheet" href="./css/sy_mobile_new.css">
+    <title>重庆市南岸区政务公开惠民便民地图</title>
+</head>
+
+<body>
+<div class="head">
+    <!-- 左边的logo和文字 -->
+    <div class="left-logo">
+        <a href="https://www.cqna.gov.cn/" target="_blank">
+            <img class="logo-img" src="img/map-logo.png">
+        </a>
+    </div>
+    <!-- 右边的搜索框 -->
+    <a href="javascript:void(0)" style="font-size: 16px;color: #fff" onclick="aria.oldFixedStart()">适老版</a>
+    <a href="http://www.cqna.gov.cn/vr/vr.html" target="_blank" class="right_logo">
+        <img src="./img/second-erw-3.png" alt="" class="first_erw">
+    </a>
+</div>
+<div class="main">
+
+    <div class="top_search">
+        <div class="input-icon">
+            <input type="text" enterkeyhint="search" name="" id="" value="" class="inp" placeholder="请输入您要搜索的内容" />
+            <img src="img/ss2.png" class="inp-icon1">
+        </div>
+    </div>
+    <div class="right-search">
+        <div class="layui-tab">
+            <ul class="layui-tab-title search-change">
+                <!-- <li>搜索</li> -->
+                <li class="layui-this">公交</li>
+                <li>自驾</li>
+            </ul>
+            <div class="layui-tab-content content-input">
+                <!-- 点击公交出现的内容  -->
+                <div class="layui-tab-item layui-show">
+                    <div class="input-icon">
+                        <div class="wrap_box">
+                            <div class="input_wrap">
+                                <div class="point"></div><p>起</p><input type="text" id="gj-one" value="" placeholder="请输入起点" />
+                            </div>
+                            <div class="input_wrap">
+                                <div class="point"></div><p>终</p><input type="text" enterkeyhint="search" name="" id="gj-two" value="" placeholder="请输入终点" />
+                            </div>
+                        </div>
+                        <img src="img/ss3.png" class="inp-icon2" id="inp-icon2">
+                    </div>
+                </div>
+                <!-- 点击自驾出现的内容  -->
+                <div class="layui-tab-item">
+                    <div class="input-icon">
+                        <div class="wrap_box">
+                            <div class="input_wrap">
+                                <div class="point"></div><p>起</p><input type="text" name="" id="zj-one" value="" placeholder="请输入起点" />
+                            </div>
+                            <div class="input_wrap">
+                                <div class="point"></div><p>终</p><input type="text" enterkeyhint="search" name="" id="zj-two" value="" placeholder="请输入终点" />
+                            </div>
+                        </div>
+                        <img src="img/ss3.png" class="inp-icon3" id="inp-icon3">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="right-map" id="right-map"></div>
+    <div class="left-map">
+        <div class="bttom-tab show-first">
+            <div class="flex_box">
+                <ul>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fgk.png" class="gn_img">
+                            <p class="flex_text">政务公开</p>
+                            <div class="flex_pop pop lineOne" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">受理场所</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">查阅场所</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fzwfw.png" class="gn_img">
+                            <p class="flex_text">政务服务</p>
+                            <div class="flex_pop pop lineTwo" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">区级政务服务中心</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">镇(街道)便民服务中心</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">村(社区)便民服务站</a>
+                                    </div>
+                                    <!-- <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">市场监督管理所</a>
+                                    </div> -->
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">生源地助学贷款办理点</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fdqfwzx.png" class="gn_img">
+                            <p class="flex_text">党群服务</p>
+                            <div class="flex_pop pop lineThree" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">党群服务中心</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/zysd.png" class="gn_img">
+                            <p class="flex_text">直饮水点</p>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fjy.png" class="gn_img">
+                            <p class="flex_text">教育资源</p>
+                            <div class="flex_pop pop lineFour" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">职业教育学校</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">特殊教育学校</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">高等院校</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">小学</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">中学</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">幼儿园</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">教育考试中心</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fyl.png" class="gn_img">
+                            <p class="flex_text">医疗卫生</p>
+                            <div class="flex_pop pop lineTwo" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">村卫生室</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">社区卫生服务站</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">儿科诊疗服务机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">狂犬病、破伤风处置门诊</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">免疫规划预防接种门诊</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">二级医疗机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">三级医疗机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">社区卫生服务机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">职业病诊断机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">助产医疗机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">产科门诊服务机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">医疗保障事务中心</a>
+                                    </div>
+                                    <!--                                        <div>-->
+                                    <!--                                            <img src="img/flex.png">-->
+                                    <!--                                            <a class="mapnav">核酸采样点</a>-->
+                                    <!--                                        </div>-->
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fhjgl.png" class="gn_img">
+                            <p class="flex_text">户籍管理</p>
+                            <div class="flex_pop pop lineThree" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">派出所</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">出入境业务办理机构</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fjtfw.png" class="gn_img">
+                            <p class="flex_text">交通服务</p>
+                            <div class="flex_pop pop lineFour" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">交通支大队</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">交通违法处理机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">交通事故处理机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">车管所</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">机动车检测场所</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">驾驶人体检医院</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">车驾管社会服务站</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fshbz.png" class="gn_img">
+                            <p class="flex_text">社会保障</p>
+                            <div class="flex_pop pop lineOne" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">就业和人才中心</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">社会保险事务中心</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fylfw.png" class="gn_img">
+                            <p class="flex_text">养老服务</p>
+                            <div class="flex_pop pop lineTwo" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">养老机构</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fmzfw.png" class="gn_img">
+                            <p class="flex_text">民政服务</p>
+                            <div class="flex_pop pop lineThree" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">婚姻登记机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">殡仪服务机构</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fbsfwt.png" class="gn_img">
+                            <p class="flex_text">办税服务</p>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fscjd.png" class="gn_img">
+                            <p class="flex_text">市场监管</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fgzf.png" class="gn_img">
+                            <p class="flex_text">住房保障</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fbdcdj.png" class="gn_img">
+                            <p class="flex_text">不动产登记</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fgjj.png" class="gn_img">
+                            <p class="flex_text">住房公积金</p>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fwtly.png" class="gn_img">
+                            <p class="flex_text">文体旅游</p>
+                            <div class="flex_pop pop lineOne" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">图书馆</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">文化馆</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">文管所</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">公共体育馆</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">旅游景点</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">公园</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fsffw.png" class="gn_img">
+                            <p class="flex_text">司法服务</p>
+                            <div class="flex_pop pop lineTwo" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">公证处</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">司法鉴定机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">基层司法所</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">法律援助机构</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">矫正中心</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fcjr.png" class="gn_img">
+                            <p class="flex_text">助残服务</p>
+                            <div class="flex_pop pop lineThree" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">残疾人服务中心</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">定点残疾人服务机构</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fcyy.png" class="gn_img">
+                            <p class="flex_text">产业园区</p>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fbmfw.png" class="gn_img">
+                            <p class="flex_text">商业服务</p>
+                            <div class="flex_pop pop lineOne" style="display: none;">
+                                <div class="flex_wrap">
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">商圈</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">购物中心</a>
+                                    </div>
+                                    <div>
+                                        <img src="img/flex.png">
+                                        <a class="mapnav">酒店</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/fgc.png" class="gn_img">
+                            <p class="flex_text">便民公厕</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img_tab">
+                            <img src="img/ftc.png" class="gn_img">
+                            <p class="flex_text">停车泊车</p>
+                        </div>
+                    </li>
+
+                </ul>
+            </div>
+        </div>
+        <!-- 点击公交搜索出现的路径选择 -->
+        <div class="show-second">
+            <div class="title-second">
+                <h6>搜索结果</h6>
+                <button type="button" class="backBtn">返回</button>
+            </div>
+            <div class="layui-tab content-third">
+                <ul class="layui-tab-title content-title">
+                    <li class="layui-this">时间最短</li>
+                    <li>少换乘</li>
+                    <li>少步行</li>
+                    <li>不乘地铁</li>
+                </ul>
+                <div class="layui-tab-content" id="result"></div>
+            </div>
+            <div class="zjboxpanel">
+                <h5 id="startbus">请选择起点</h5>
+                <ul id="busstartPanel"></ul>
+                <h5 id="endBus">请选择终点</h5>
+                <ul id="busendPanel"></ul>
+            </div>
+        </div>
+        <!-- 点击自驾搜索出现的路径选择 -->
+        <div class="show-third">
+            <div class="title-second">
+                <!-- <div class="layui-icon layui-icon-up arrowss"></div> -->
+                <h6>搜索结果</h6>
+                <button type="button" class="backBtn">返回</button>
+            </div>
+            <div class="layui-tab content-third">
+                <ul class="layui-tab-title main-third" id="zjxz">
+                    <li class="layui-this">推荐路线</li>
+                    <li>最短路程</li>
+                    <li>不走高速</li>
+                </ul>
+                <div class="layui-tab-content" id="result1"></div>
+            </div>
+            <div class="boxpanel">
+                <h5 id="startDrving">请选择起点</h5>
+                <ul id="startPanel"></ul>
+                <h5 id="endDrving">请选择终点</h5>
+                <ul id="endPanel"></ul>
+            </div>
+        </div>
+        <!-- 点击搜索出现的页面 -->
+        <div class="show-fourth">
+            <!-- <div class="layui-icon layui-icon-down arrowss"></div>
+            <div class="title-second">
+                <h6>搜索</h6>
+                <button type="button" class="back_btn">返回</button>
+            </div>
+            <div class="search-result" id="search-result"></div> -->
+            <div class="wrap_result1">
+                <div class="title-second">
+                    <h6>搜索结果</h6>
+                    <button type="button" class="back_Btn">返回</button>
+                </div>
+                <div class="pad_box"></div>
+            </div>
+            <svg t="1655438459932" class="icon back_top" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4107" width="200" height="200"><path d="M512 56.889c251.364 0 455.111 203.747 455.111 455.111S763.364 967.111 512 967.111 56.889 763.364 56.889 512 260.636 56.889 512 56.889z m-179 532.11l179-179 179 179a28.444 28.444 0 0 0 40.221-40.22l-199.11-199.111a28.444 28.444 0 0 0-40.221 0l-199.111 199.11A28.444 28.444 0 0 0 332.999 589z" p-id="4108" fill="#2775CC"></path></svg>
+        </div>
+        <!-- 点击具体的地方出现的列表页 -->
+        <div class="show-fifth">
+            <div class="wrap_result">
+                <div class="title-second">
+                    <h6>搜索结果</h6>
+                    <button type="button" class="back_btn">返回</button>
+                </div>
+                <div class="pad_box"></div>
+            </div>
+            <svg t="1655438459932" class="icon back_top" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4107" width="200" height="200"><path d="M512 56.889c251.364 0 455.111 203.747 455.111 455.111S763.364 967.111 512 967.111 56.889 763.364 56.889 512 260.636 56.889 512 56.889z m-179 532.11l179-179 179 179a28.444 28.444 0 0 0 40.221-40.22l-199.11-199.111a28.444 28.444 0 0 0-40.221 0l-199.111 199.11A28.444 28.444 0 0 0 332.999 589z" p-id="4108" fill="#2775CC"></path></svg>
+        </div>
+        <div class="show-sixth">
+            <div class="wrap_result wrap_handle">
+                <div class="back_wrap title-second">
+                    <h6>搜索结果</h6>
+                    <button type="button" class="btn_back">返回</button>
+                </div>
+                <div class="pad_box"></div>
+                <div class="layui-tab layui-tab-brief content_from_ajax" lay-filter="docDemoTabBrief">
+                    <ul class="layui-tab-title">
+                        <li class="layui-this">个人办事</li>
+                        <li>法人办事</li>
+                    </ul>
+                    <div class="layui-tab-content">
+                        <div class="layui-tab-item layui-show">
+                            <div class="result_form_ajax"></div>
+                        </div>
+                        <div class="layui-tab-item">
+                            <div class="result_form_ajax"></div>
+                        </div>
+                    </div>
+                    <div id='demo'></div>
+                </div>
+                <div class="marrige"></div>
+            </div>
+            <svg t="1655438459932" class="icon back_top" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4107" width="200" height="200"><path d="M512 56.889c251.364 0 455.111 203.747 455.111 455.111S763.364 967.111 512 967.111 56.889 763.364 56.889 512 260.636 56.889 512 56.889z m-179 532.11l179-179 179 179a28.444 28.444 0 0 0 40.221-40.22l-199.11-199.111a28.444 28.444 0 0 0-40.221 0l-199.111 199.11A28.444 28.444 0 0 0 332.999 589z" p-id="4108" fill="#2775CC"></path></svg>
+        </div>
+    </div>
+</div>
+<script defer async type="text/javascript" src="//gov.govwza.cn/dist/aria.js?appid=f9d6e7b3fdc3e0b4b98ceccb24f22aa7" charset="utf-8" wapForceOldFixed="false" loadData="false" id="ariascripts"></script>
+
+<script type="text/javascript" src="constans_map.js"></script>
+<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
+<script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js">
+</script>
+<script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">
+</script>
+<script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js">
+</script>
+<script type="text/javascript" src="./layui/layui.js"></script>
+<script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
+<!-- <script type="text/javascript" src="./js/district_mobile.js"></script> -->
+<!-- <script type="text/javascript" src="./js/swiper-bundle.min.js"></script> -->
+<script src="./js/sy_mobile.js" type="text/javascript" charset="utf-8"></script>
+<!-- <script>
+    var mySwiper = new Swiper('.swiper', {
+        loop: true, // 循环模式选项
+        pagination: {
+            el: '.swiper-pagination',
+            clickable: true,
+        },
+    })
+</script> -->
+</body>
+
+</html>

+ 374 - 0
nngkxxdp/src/main/resources/static/zdjc/decisionDetail.html

@@ -0,0 +1,374 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=0.5">
+    <link href="img/favicon.ico" rel="shortcut icon">
+    <link rel="stylesheet" href="./layui/layui.css">
+    <link rel="stylesheet" href="./css/newdecision.css">
+    <title>重庆市南岸区人民政府--重大行政决策公开</title>
+    <style type="text/css">
+        /*body{*/
+        /*    min-width: 1280px;*/
+        /*}*/
+        /*chrome 和Safari*/
+        body::-webkit-scrollbar {
+            display: none;
+        }
+
+        /*IE 10+*/
+        body {
+            -ms-overflow-style: none !important;
+        }
+
+        .search {
+            display: flex;
+            justify-content: center;
+            width: 30% !important;
+            margin: 0 auto;
+            margin-bottom: 50px;
+        }
+
+        .search input {
+            width: 80%;
+            height: 36px;
+            border: 1px solid #F3D39B;
+            padding-left: 10px;
+        }
+
+        .search input::placeholder {
+            color: #ccc;
+        }
+
+        .search button {
+            width: 20%;
+            color: #fff;
+            text-align: center;
+            cursor: pointer;
+            border: 1px solid #F3D39B;
+            border-left: none;
+            background-color: #F3D39B;
+        }
+
+        .bf-ds-ct {
+            display: flex;
+            justify-content: space-around;
+            width: 27% !important;
+            margin: 0 auto;
+        }
+
+        .bf-ds-ct p {
+            cursor: pointer;
+        }
+
+        .ly-last {
+            width: 58%;
+            margin: 0 auto;
+            margin-top: 50px;
+            margin-bottom: 50px;
+        }
+
+        .ly-last img {
+            width: 100%;
+        }
+
+        /*.bf-ds-ct {*/
+        /*	background-image: url("img/click-top2.bmp");*/
+        /*	background-size: 100% 100%;*/
+        /*	cursor: pointer;*/
+        /*}*/
+        .yearChioce {
+            width: 80%;
+            max-width: 1158px;
+            margin: auto;
+            height: 60px;
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: space-evenly;
+        }
+
+        .yearChioce .year {
+            position: relative;
+            display: flex;
+            justify-content: center;
+            font-size: 28px;
+            font-family: Microsoft YaHei;
+            color: #E3C285;
+
+        }
+
+        .active {
+            font-size: 32px;
+            font-weight: bold;
+            font-style: italic;
+            color: #B48D44 !important;
+        }
+
+        .yearChioce .num {
+            position: absolute;
+            top: -40px;
+            cursor: pointer;
+        }
+        .yearChioce .diamond{
+            z-index: 11;
+        }
+
+        .yearChioce .line {
+            position: absolute;
+            top: 50%;
+        }
+
+        .mainTable {
+            width: 80%;
+            max-width: 1158px;
+            margin: auto;
+            margin-bottom: 50px;
+        }
+
+        .title {
+            width: 100%;
+            height: 75px;
+            background: linear-gradient(90deg, #F9DDAB, #D4AB63);
+            font-size: 28px;
+            font-family: Microsoft YaHei;
+            font-weight: bold;
+            color: #AA843D;
+            line-height: 72px;
+            text-align: center;
+        }
+
+        .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
+            background-color: #FAF6F0;
+        }
+
+        .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
+            border-color: #EBE1D2;
+            font-size: 18px;
+        }
+
+        .layui-table-view .layui-table td, .layui-table-view .layui-table th {
+            padding: 15px 0;
+        }
+
+        .layui-table, .layui-table-view {
+            margin: 0;
+        }
+
+        .layui-table-body tr td:last-child {
+            color: #999999 !important;
+        }
+
+        .layui-table-cell, .layui-table-tool-panel li {
+            overflow: inherit;
+            text-overflow: revert;
+            white-space: normal;
+        }
+
+        .layui-table-cell {
+            height: auto;
+            line-height: 20px;
+        }
+    </style>
+</head>
+<body>
+
+<div class="head">
+
+</div>
+<div class="process">
+
+    <div class="bf-pc">决策流程</div>
+    <div class="line"></div>
+    <div class="pc-ct">
+        <div class="ct">
+            <div class="ct-1"></div>
+            <div class="ct-tx">决策公示</div>
+        </div>
+        <div class="arrow-1"></div>
+        <div class="ct">
+            <div class="ct-2"></div>
+            <div class="ct-tx">意见征集</div>
+        </div>
+        <div class="arrow-2"></div>
+        <div class="ct">
+            <div class="ct-3"></div>
+            <div class="ct-tx">意见反馈</div>
+        </div>
+        <div class="arrow-3"></div>
+        <div class="ct">
+            <div class="ct-4"></div>
+            <div class="ct-tx">决策完成</div>
+        </div>
+    </div>
+</div>
+<div class="main">
+    <div class="con">
+        <div class="search">
+            <input type="text" id="search" placeholder="请输入搜索内容">
+            <button class="search-btn">全站搜索</button>
+        </div>
+        <!--        <div class="bf-ds-ct">-->
+        <!--            <p data-id="1" style="width: 150px;height: 48px;"></p>-->
+        <!--            <p data-id="2" style="width: 150px;height: 48px;"></p>-->
+        <!--        </div>-->
+
+        <ul class="yearChioce">
+            <li class="year active" data-id="1">
+                <div class="num">2022</div>
+                <img class="diamond" src="img/lingxing-c.png">
+            </li>
+            <li class="year" data-id="2">
+                <div class="num">2021</div>
+                <img class="diamond" src="img/lingxing.png"></img>
+            </li>
+            <img class="line" src="img/line1.png" style="width: 100%;height: 2px">
+        </ul>
+
+        <div class="ly-first layui-hide mainTable">
+            <div class="title">2021年度重庆市南岸区人民政府重大行政决策事项目录</div>
+            <table class="layui-hide" id="tableData1"></table>
+            <!--<div id="decision_Content"></div>-->
+            <div class="moreNullData" id="nulldata" style="display: none">无数据!</div>
+            <!--<div class="more " id="moreConntent" onclick="addMoreContent()">更多>></div>-->
+        </div>
+        <div class="mainTable ly-last">
+            <!--            <img alt="" src="/data/zdjc_ml/zdgk-index-table-v2-1.jpg">-->
+            <div class="title">2022年度重庆市南岸区人民政府重大行政决策事项目录</div>
+            <table class="layui-hide" id="tableData"></table>
+        </div>
+    </div>
+
+</div>
+<script defer async type="text/javascript" src="//gov.govwza.cn/dist/aria.js?appid=f9d6e7b3fdc3e0b4b98ceccb24f22aa7" charset="utf-8" wapForceOldFixed="false" loadData="false" id="ariascripts"></script>
+<script type="text/javascript" src="./layui/layui.js"></script>
+<script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
+<script type="text/javascript" src="../constans.js"></script>
+<script type="text/javascript" src="./js/decision.js"></script>
+<script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
+<script>
+    function isMobileUserAgent() {
+        return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
+            window.navigator.userAgent.toLowerCase()
+        );
+    }
+</script>
+<script>
+    layui.use(['table', 'layer'], function () {
+        if (isMobileUserAgent()) {
+            location.href = "decisionmobile.html";
+        }
+        var layer = layui.layer,
+            $ = layui.jquery,
+            table = layui.table;
+        var tapsIndex = 0;
+        $('.yearChioce').on('click', 'li', function () {
+            if ($(this).attr('data-id') == 1) {
+                $('.ly-first').addClass('layui-hide');
+                $('.ly-last').removeClass('layui-hide');
+            } else {
+                $('.ly-first').removeClass('layui-hide');
+                $('.ly-last').addClass('layui-hide');
+            }
+            var tapsTitleLi = $('.yearChioce li');
+            tapsTitleLi.removeClass('active');
+            $(this).addClass('active');
+            var tapimg = $('.yearChioce .diamond');
+
+            tapsTitleLi.each(function (index) {
+                var classStr = $(this).attr('class');
+                if (classStr.indexOf('active') != -1) {
+                    tapsIndex = index;
+                }
+            });
+
+            tapimg.each(function (index) {
+                if (tapsIndex == index) {
+                    $(this).attr('src','img/lingxing-c.png');
+                } else {
+                    $(this).attr('src','img/lingxing.png');
+                }
+            })
+            layui.table.resize();//表格重新计算宽度
+        });
+        var opra = function (data) {
+            var btn = "";
+            btn += '<a style="color:#b48d44" href="details.html?id=' + data.id + '" target="_blank">' + data.postTitle
+                + '</a>';
+            return btn;
+        }
+
+        var timeFormat = function (data) {
+            var date = data.opinionFeedbackEnd.split(" ")[0];
+            var year = date.split("-")[0];
+            var month = Number(date.split("-")[1]);
+            var btn = "";
+            btn += '<div>' + year + '年' + month + '月'
+                + '</div>';
+            return btn;
+        }
+
+        var typeFormat = function (data) {
+            var conName = "";
+            switch (data.type) {
+                case 0:
+                    conName = '决策公示';
+                    break;
+                case 1:
+                    conName = '意见征集';
+                    break;
+                case 2:
+                    conName = '意见反馈';
+                    break;
+                case 3:
+                    conName = '待公示';
+                    break;
+                case 4:
+                    conName = '决策完成';
+                    break;
+                default:
+                    conName = '';
+                    break;
+            }
+            return '<div>' + conName + '</div>';
+        }
+
+        //展示已知数据
+        table.render({
+            elem: '#tableData'
+            ,url: PATH + '/postManagement/queryAllImportmentByYear?year=2022'
+            , cols: [[ //标题栏
+                {type: 'numbers', title: '序号', width: "5%",align:"center"}
+                , {field: 'postTitle', title: '决策事项', width: "55%", templet: opra,align:"center"}
+                , {field: 'deptName', title: '承办单位', width: "18%",align:"center"}
+                , {field: 'releaseTime', title: '决策时间', width: "12%", templet: timeFormat,align:"center"}
+                , {field: 'type', title: '决策状态',  templet: typeFormat,align:"center"}
+            ]]
+            //,skin: 'line' //表格风格
+            , even: true
+            //,page: true //是否显示分页
+            //,limits: [5, 7, 10]
+            //,limit: 5 //每页默认显示的数量
+        });
+
+        table.render({
+            elem: '#tableData1'
+            ,url: PATH + '/postManagement/queryAllImportmentByYear?year=2021'
+            , cols: [[ //标题栏
+                {type: 'numbers', title: '序号', width: "5%",align:"center"}
+                , {field: 'postTitle', title: '决策事项',width: "55%", templet: opra,align:"center"}
+                , {field: 'deptName', title: '承办单位', width: "18%",align:"center"}
+                , {field: 'releaseTime', title: '决策时间', width: "12%", templet: timeFormat,align:"center"}
+                , {field: 'type', title: '决策状态', templet: typeFormat,align:"center"}
+            ]]
+            //,skin: 'line' //表格风格
+            , even: true
+            //,page: true //是否显示分页
+            //,limits: [5, 7, 10]
+            //,limit: 5 //每页默认显示的数量
+        });
+    });
+</script>
+</body>
+</html>