Merge branch 'master' of http://116.63.33.55/git/nazw

nngkxxdp/src/main/java/com/example/nngkxxdp/controller/MailController.java

@@ -90,14 +90,11 @@ public class MailController {
     * @return
     **/
     @GetMapping("findPublicSheet")
-    public Map<String,Object>findPublicSheet(String typeName){
-        System.err.println(typeName);
-        if (Blank.isEmpty(typeName)) {
+    public Map<String,Object>findPublicSheet(String type){
+        if (Blank.isEmpty(type)) {
             return SendUtil.send(false, ConstStr.REQUEST_WRONGPARAMS);
         }
-        List<String> symbolsNameList = Arrays.asList(typeName.split(","));
-
-        return mailService.findPublicMsg(symbolsNameList);
+        return mailService.findPublicMsg(type);
 
     }
     /**

nngkxxdp/src/main/java/com/example/nngkxxdp/dao/MailDao.java

@@ -105,69 +105,75 @@ public interface MailDao {
     List<Map<String, Object>> findAllMonth();
 
     List<Mail> find90DayData(Date toSqlDate);
+
     /**
-    * @Author :LYQ
-    * @Description  查询公开信息类型个数
-    * @Date 2021/9/22 22:45
-    * @Param
-    * @return
-    **/
-    List<String> findPublicNum(@Param("type") String Type, @Param("urlId") Integer urlId);
-    /**
-    * @Author :LYQ
-    * @Description  查询公开领域更新情况
-    * @Date 2021/9/22 20:22
-    * @Param
-    * @return
-    **/
-   int  findUpdateStatus(@Param("name") String name);
-
-   /**
-   * @Author :LYQ
-   * @Description  查询本网站
-   * @Date 2021/9/22 23:29
-   * @Param
-   * @return
-   **/
-   List<Map<TypeCasting,Object>> findWeb(Map<String,Object> param);
-
-    /**
-    * @Author :LYQ
-    * @Description  查询web上传更新次数
-    * @Date 2021/9/23 11:50
-    * @Param
-    * @return
-    **/
-   int  findWebUpdateCount (@Param("TypeName") Object TypeName, @Param  ("releaseDate")Object releaseDate );
-
-    /**
-    * @Author :LYQ
-    * @Description  根据类型查询南岸头条
-    * @Date 2021/9/23 15:01
-    * @Param
-    * @return
-    **/
-    List<Map<String,Object>> findNanAnTop(@Param("type") String type);
-    /**
-    * @Author :LYQ
-    * @Description  根据栏目名查询对应部门名
-    * @Date 2021/9/23 19:30
-    * @Param
-    * @return
-    **/
+     * @return
+     * @Author :LYQ
+     * @Description 查询公开信息类型个数
+     * @Date 2021/9/22 22:45
+     * @Param
+     **/
+    List<Map<String, Object>> findPublicNum(@Param("type") String Type, @Param("nowTime") String nowTime);
+
+    /**
+     * @return
+     * @Author :LYQ
+     * @Description 查询公开领域更新情况
+     * @Date 2021/9/22 20:22
+     * @Param
+     **/
+    int findUpdateStatus(@Param("name") String name);
+
+    /**
+     * @return
+     * @Author :LYQ
+     * @Description 查询本网站
+     * @Date 2021/9/22 23:29
+     * @Param
+     **/
+    List<Map<TypeCasting, Object>> findWeb(Map<String, Object> param);
+
+    /**
+     * @return
+     * @Author :LYQ
+     * @Description 查询web上传更新次数
+     * @Date 2021/9/23 11:50
+     * @Param
+     **/
+    int findWebUpdateCount(@Param("TypeName") Object TypeName, @Param("releaseDate") Object releaseDate);
+
+    /**
+     * @return
+     * @Author :LYQ
+     * @Description 根据类型查询南岸头条
+     * @Date 2021/9/23 15:01
+     * @Param
+     **/
+    List<Map<String, Object>> findNanAnTop(@Param("type") String type);
+
+    /**
+     * @return
+     * @Author :LYQ
+     * @Description 根据栏目名查询对应部门名
+     * @Date 2021/9/23 19:30
+     * @Param
+     **/
     List<String> findDept(@Param("name") String name);
 
     /**
-    * @Author :LYQ
-    * @Description  根据栏目名查询
-    * @Date 2021/9/24 10:09
-    * @Param
-    * @return
-    **/
-    String  findDeptName(@Param("name") String name);
+     * @return
+     * @Author :LYQ
+     * @Description 根据栏目名查询
+     * @Date 2021/9/24 10:09
+     * @Param
+     **/
+    String findDeptName(@Param("name") String name);
 
 
     List<Map<TypeCasting, Object>> findWebNew(Map<String, Object> param);
 
+    List<Map<String, Object>> findPublicMsg(String type, String nowTime);
+
+    List<Map<String, Object>> getMslmXq(String type, String nowTime);
 }
 

nngkxxdp/src/main/java/com/example/nngkxxdp/service/MailService.java

@@ -77,23 +77,23 @@ public interface MailService {
 
     /**
      * 查询公开领域街道情况
+     *
      * @param type
      * @return
      */
-    Map<String, Object> findPublicMsg(List<String>  typeName);
-
-
+    Map<String, Object> findPublicMsg(String type);
 
 
     /**
      * 本网站
      */
-    Map<String, Object> webStatus(String  type,Long Id);
+    Map<String, Object> webStatus(String type, Long Id);
 
     /**
-     *  查询南岸头条
+     * 查询南岸头条
+     *
      * @param type
      * @return
      */
-    Map<String ,Object> NanAnTop(String type);
+    Map<String, Object> NanAnTop(String type);
 }

nngkxxdp/src/main/java/com/example/nngkxxdp/service/impl/MailServiceImpl.java

@@ -16,6 +16,8 @@ import org.assertj.core.internal.bytebuddy.implementation.bytecode.assign.TypeCa
 import org.springframework.stereotype.Service;
 
 import javax.annotation.Resource;
+import java.text.SimpleDateFormat;
+import java.time.LocalDate;
 import java.util.*;
 
 /**
@@ -231,41 +233,76 @@ public class MailServiceImpl implements MailService {
 
     @Override
     public Map<String, Object> findPublicStatus(String type, Integer urlId) {
+        Date d = new Date();
+        SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
+        LocalDate now = LocalDate.now();
+        String nowTime = now.minusMonths(6).toString() + " " + sdf;
 
         Map<String, Object> result = new HashMap<>();
         List resultList = new ArrayList();
         List resultSize = new ArrayList();
-        List<String> publicNum = mailDao.findPublicNum(type, urlId);
-        if (publicNum.size() != 0) {
-            for (int i = 0; i < publicNum.size(); i++) {
-                resultList.add(publicNum.get(i));
-                System.err.println("====>" + publicNum.get(i));
-                resultSize.add(mailDao.findUpdateStatus(publicNum.get(i)));
+        List<Map<String, Object>> mapList = mailDao.findPublicNum(type, nowTime);
+        if (mapList != null && mapList.size() > 0) {
+            for (int i = 0; i < mapList.size(); i++) {
+                resultList.add(mapList.get(i).get("column"));
+                resultSize.add(mapList.get(i).get("count"));
             }
             result.put("field", resultList);
             result.put("fieldSize", resultSize);
-            result.put("length", publicNum.size());
+            result.put("length", mapList.size());
             return result;
         }
         return null;
     }
 
     @Override
-    public Map<String, Object> findPublicMsg(List<String> typeName) {
+    public Map<String, Object> findPublicMsg(String type) {
+        Date d = new Date();
+        SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
+        LocalDate now = LocalDate.now();
+        String nowTime = now.minusMonths(6).toString() + " " + sdf;
+
         Map<String, Object> param = new HashMap<>();
-        List listDept = new ArrayList();
+        List<String> typeName = new ArrayList<>();
+        List<String> listDept = new ArrayList<>();
         List listColumn = new ArrayList();
-        for (int i = 0; i < typeName.size(); i++) {
-            List<String> dept = mailDao.findDept(typeName.get(i));
-            if (dept != null) {
-                listDept.add(dept);
+        List<String> total = new ArrayList<>();
+        List<String> updateTime = new ArrayList<>();
+        List<Map<String, Object>> mapList = mailDao.findPublicMsg(type, nowTime);
+        List<Map<String, Object>> mslmList = mailDao.getMslmXq(type, nowTime);
+        if (mapList != null && mapList.size() > 0) {
+            for (int i = 0; i < mapList.size(); i++) {
+                typeName.add(mapList.get(i).get("column").toString());
+                if (Blank.isNotEmpty(mapList.get(i).get("deptname"))) {
+                    listDept.add(mapList.get(i).get("deptname").toString());
+                } else {
+                    listDept.add("");
+                }
+                total.add(mapList.get(i).get("count").toString());
+                updateTime.add(mapList.get(i).get("maxTime").toString());
+                if (mslmList != null && mslmList.size() > 0) {
+                    List<Map<String, Object>> dataList = new ArrayList<>();
+                    for (int j = 0; j < mslmList.size(); j++) {
+                        if (mapList.get(i).get("column").equals(mslmList.get(j).get("column"))) {
+                            dataList.add(mslmList.get(j));
+                        }
+                    }
+                    listColumn.add(dataList);
+                    dataList = new ArrayList<>();
+                }
             }
-            listColumn.add(articleDao.queryPublicStreetInfoByName(typeName.get(i)));
         }
-        param.put("column", listColumn);
-        param.put("dept", listDept);
+
+        //栏目名称
         param.put("typeName", typeName);
-        param.put("length", typeName.size());
+        //部门
+        param.put("dept", listDept);
+        //栏目名称详情
+        param.put("column", listColumn);
+        //总计
+        param.put("total", total);
+        //更新情况
+        param.put("updateTime", updateTime);
         return param;
     }
 
@@ -281,15 +318,15 @@ public class MailServiceImpl implements MailService {
         param.put("Id", Id);
         //查询网站
         List<Map<TypeCasting, Object>> web = mailDao.findWebNew(param);
-        if(web != null && web.size() > 0){
+        if (web != null && web.size() > 0) {
             for (int i = 0; i < web.size(); i++) {
                 typeName.add(web.get(i).get("column"));
                 listDate.add(web.get(i).get("maxTime"));
                 listCount.add(web.get(i).get("count"));
                 //如果不为空
-                if(Blank.isNotEmpty(web.get(i).get("deptname"))){
+                if (Blank.isNotEmpty(web.get(i).get("deptname"))) {
                     listDept.add(web.get(i).get("deptname"));
-                }else{
+                } else {
                     listDept.add("");
                 }
             }

nngkxxdp/src/main/resources/mapper/MailDao.xml

@@ -198,13 +198,101 @@
           AND TIMESTAMPDIFF(DAY, a.releaseDate, DATE_FORMAT(CURDATE(), '%Y-%m-%d')) <= 180
     </select>
 
-    <select id="findPublicNum" resultType="java.lang.String">
-        SELECT a.columnFirstName
-        FROM article as a
-        WHERE a.type=#{type}
-          AND a.urlId=#{urlId}
-        GROUP BY a.columnFirstName
-        ORDER BY a.columnFirstName ASC
+    <select id="findPublicNum" resultType="java.util.Map">
+        SELECT
+            a.`COLUMN`,
+            b.count
+        FROM
+            (
+                SELECT
+                    oc.COLUMN,
+                    t.deptname
+                FROM
+                    other_column oc
+                        LEFT JOIN t_dept t ON t.deptid = oc.deptId
+                WHERE
+                    oc.type = #{type}
+                GROUP BY
+                    oc.COLUMN
+            ) a
+                LEFT JOIN (
+                SELECT
+                    oc.COLUMN,
+                    count( oc.COLUMN ) AS count
+                FROM
+                    other_column oc
+                        LEFT JOIN save_hlw_interface_data sh ON oc.chnlid = sh.CHNLID
+                WHERE
+                    oc.type = #{type}
+                    AND sh.DOCRELTIME >= #{nowTime}
+                GROUP BY
+                    oc.COLUMN
+            ) b ON a.COLUMN = b.COLUMN
+    </select>
+
+    <select id="findPublicMsg" resultType="java.util.Map">
+        SELECT
+            a.`COLUMN`,
+            a.child_column,
+            a.deptname,
+            b.count,
+            DATE_FORMAT( b.maxD, '%Y-%m-%d' ) AS maxTime
+        FROM
+            (
+                SELECT
+                    oc.deptId,
+                    oc.COLUMN,
+                    oc.child_column,
+                    oc.type,
+                    t.deptname
+                FROM
+                    other_column oc
+                        LEFT JOIN t_dept t ON t.deptid = oc.deptId
+                WHERE
+                    oc.type = #{type}
+                GROUP BY
+                    oc.COLUMN
+            ) a
+                LEFT JOIN (
+                SELECT
+                    oc.deptId,
+                    oc.COLUMN,
+                    oc.child_column,
+                    oc.chnlid,
+                    oc.type,
+                    sh.DOCRELTIME,
+                    count( oc.COLUMN ) AS count,
+                    max( sh.DOCRELTIME ) AS maxD
+                FROM
+                    other_column oc
+                        LEFT JOIN save_hlw_interface_data sh ON oc.chnlid = sh.CHNLID
+                WHERE
+                    oc.type = #{type}
+                  AND sh.DOCRELTIME >= #{nowTime}
+                GROUP BY
+                    oc.COLUMN
+            ) b ON a.COLUMN = b.COLUMN
+    </select>
+
+    <select id="getMslmXq" resultType="java.util.Map">
+        SELECT
+            oc.deptId,
+            oc.COLUMN,
+            oc.child_column,
+            oc.chnlid,
+            oc.type,
+            sh.DOCRELTIME,
+            count( oc.COLUMN ) AS count,
+            max( sh.DOCRELTIME ) AS maxD
+        FROM
+            other_column oc
+                LEFT JOIN save_hlw_interface_data sh ON oc.chnlid = sh.CHNLID
+        WHERE
+            oc.type = #{type}
+          AND sh.DOCRELTIME >= #{nowTime}
+        GROUP BY
+            oc.COLUMN,
+            oc.child_column
     </select>
 
     <select id="findWeb" resultType="java.util.Map">

nngkxxdp/src/main/resources/static/district/css/district_mobile.css

@@ -0,0 +1,937 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+li {
+	list-style: none;
+}
+
+a {
+	text-decoration: none;
+}
+
+.head {
+	width: 100%;
+	height: 107px;
+	background-color: #2775CC;
+	overflow: hidden;
+	display: flex;
+	justify-content: space-between;
+}
+
+/* 宸﹁竟鐨刲ogo鍜屾枃瀛� */
+.left-logo {
+	width: 446px;
+	margin-left: 31px;
+	margin-top: 17px;
+}
+
+.logo-img {
+	width: 100%;
+	height: 67px;
+}
+
+/* 鍙宠竟鐨勬悳绱㈡ */
+.right-search {
+	width: 100%;
+	position: fixed;
+    z-index: 10;
+}
+
+.search-change {
+	height: 46px !important;
+    border: none !important;
+}
+
+.search-change>li {
+	width: 96px !important;
+    height: 41px !important;
+    line-height: 45px !important;
+    padding: 0 !important;
+    background-color: #E9F3FF !important;
+    color: #2775CC !important;
+    margin-right: 3px !important;
+    font-size: 25px;
+}
+
+.search-change>.layui-this {
+	background-color: #FFFFFF !important;
+	color: #2775CC !important;
+}
+
+.search-change>.layui-this:after {
+	border: 0px !important;
+}
+
+.content-input {
+	padding: 0px !important;
+}
+
+.input-icon {
+	width: 493px;
+    height: 60px;
+    background: #FFFFFF;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+
+.inp {
+	width: 75%;
+    height: 60px;
+    border: none;
+    outline: none;
+    padding: 0 0 0 10px;
+    font-size: 25px;
+}
+
+.inp-icon1 {
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.inp-icon2 {
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.inp-icon3 {
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.input-icon>input {
+	border: none;
+	outline: none;
+}
+#gj-one, #gj-two, #zj-one, #zj-two {
+    font-size: 25px;
+    height: 60px;
+    width: 127px;
+}
+/* 箭头收起 */
+.arrows{
+	position: absolute;
+    right: 8%;
+    top: 9%;
+    font-size: 27px;
+}
+.arrowss{
+	position: absolute;
+    left: 1%;
+    top: 1%;
+    font-size: 27px;
+}
+
+
+/* 鍏氦涓棿鐨勫垏鎹㈡寜閽� */
+#change-word {
+	width: 30px;
+	height: 21px;
+	cursor: pointer;
+	background: url(../img/switch.png) no-repeat center;
+}
+
+/* 鐐瑰嚮鑷┚涓棿鐨勮緭鍏ユ寜閽� */
+#word-change {
+	width: 30px;
+	height: 21px;
+	cursor: pointer;
+	background: url(../img/switch.png) no-repeat center;
+}
+
+/* 涓棿鐨勫唴瀹归儴鍒� */
+.main {
+	width: 100%;
+	/* height: calc(100vh - 107px); */
+}
+
+/* 宸﹁竟鍐呭 */
+.left-map {
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: auto;
+    height: 355px;
+    position: absolute;
+    z-index: 11;
+    bottom: 0;
+}
+
+.hidePadding {
+	padding: 0px !important;
+}
+
+/* 鍙楃悊鍦烘墍鍜屾煡闃呭満鎵� */
+.top-title {
+	height: 50px !important;
+	margin-top: 17px !important;
+}
+
+.top-title>li {
+	width: 35% !important;
+	font-size: 20px !important;
+	text-align: center !important;
+	float: left !important;
+	color: #333 !important;
+	cursor: pointer !important;
+	margin-left: 6% !important;
+	display: flex !important;
+	align-items: center !important;
+	justify-content: center !important;
+}
+
+.top-title>li>img {
+	margin-right: 5px;
+}
+
+/* 鍙楃悊鍦烘墍鍜屾煡闃呭満鎵�鐨勫浘鏍� */
+.hideIcon {
+	display: none;
+}
+
+.layui-tab-brief>.layui-tab-title .layui-this {
+	color: #2775CC !important;
+	font-weight: bold !important;
+}
+
+.layui-tab-brief>.layui-tab-more li.layui-this:after,
+.layui-tab-brief>.layui-tab-title .layui-this:after {
+	border-bottom: 4px solid #2775CC !important;
+	margin-top: 10px !important;
+}
+
+/* 鍦板尯鍒囨崲 */
+.second-title>.layui-tab-content {
+	height: 0 !important;
+}
+
+.layui-tab {
+	width: 500px;
+    margin: 24px auto 0px !important;
+    height: 93px;
+}
+
+.second-title {
+	width: 100% !important;
+	height: 64px !important;
+	border-bottom: 10px solid #EEEEEE !important;
+}
+
+.second-title>li {
+	width: 18% !important;
+	background-color: #FFFFFF !important;
+	border: 1px solid #CCCCCC !important;
+	margin-left: 16% !important;
+	overflow: hidden !important;
+	white-space: nowrap !important;
+	text-overflow: ellipsis !important;
+}
+
+.second-title>.layui-this {
+	width: 18% !important;
+	color: #2775CC !important;
+	font-weight: bold !important;
+	background-color: #E9F3FF !important;
+	border: 1px solid #2775CC !important;
+}
+
+.second-title>.layui-this:after {
+	border: none !important;
+}
+
+.second-title2>.layui-tab-content {
+	height: 0 !important;
+}
+
+
+.second-title2 {
+	width: 100% !important;
+	height: 64px !important;
+	border-bottom: 10px solid #EEEEEE !important;
+}
+
+.second-title2>li {
+	width: 18% !important;
+	background-color: #FFFFFF !important;
+	border: 1px solid #CCCCCC !important;
+	margin-left: 16% !important;
+	overflow: hidden !important;
+	white-space: nowrap !important;
+	text-overflow: ellipsis !important;
+}
+
+.second-title2>.layui-this {
+	width: 18% !important;
+	color: #2775CC !important;
+	font-weight: bold !important;
+	background-color: #E9F3FF !important;
+	border: 1px solid #2775CC !important;
+}
+
+.second-title2>.layui-this:after {
+	border: none !important;
+}
+
+.textFirst {
+	width: 95%;
+	margin: 22px auto 30px;
+	cursor: pointer;
+}
+
+.textFirst>li {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.text-first {
+	width: 95%;
+	min-width: 350px;
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	align-items: center;
+	font-size: 16px;
+	font-family: Source Han Sans SC;
+	/* color: #3333; */
+	margin: 19px auto;
+	border-bottom: 1px solid #EEEEEE;
+	padding: 0 10px;
+	box-sizing: border-box;
+}
+
+.text-first p {
+	width: 24%;
+	margin-bottom: 20px;
+	cursor: pointer;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	font-size:20px;
+}
+
+.tab {
+	color: #2775CC;
+}
+
+.text-second {
+	width: 95%;
+	margin: 22px auto 30px;
+}
+
+.title-first:hover {
+	background-color: #E9F3FF;
+	cursor: pointer;
+}
+
+.title-first>li {
+	/* width: 100%; */
+	font-size: 20px;
+	margin-bottom: 10px;
+	color: #333333;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	/* display: flex; */
+	/* flex-wrap: wrap; */
+}
+
+.title-first>li>span {
+	color: #FF780B;
+	font-size: 20px;
+}
+
+.differentdz {
+	width: 100%;
+	margin: 0 auto;
+	color: #666666;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	display: flex;
+}
+
+.title-first>li>p {
+	width: 100%;
+	margin: 0 auto;
+	color: #666666;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.change-but {
+	width: 95%;
+	margin: 0 auto 20px !important;
+}
+
+.but-bus {
+	width: 64px;
+	height: 30px;
+	background: #FFFFFF;
+	border: 1px solid #ccc;
+	outline: none;
+	cursor: pointer;
+	margin-right: 5px;
+}
+
+.but-car {
+	width: 64px;
+	height: 30px;
+	background: #FFFFFF;
+	border: 1px solid #ccc;
+	outline: none;
+	cursor: pointer;
+}
+
+.butBus {
+	width: 64px;
+	height: 30px;
+	background: #FFFFFF;
+	border: 1px solid #ccc;
+	outline: none;
+	cursor: pointer;
+	margin-right: 5px;
+}
+
+.butCar {
+	width: 64px;
+	height: 30px;
+	background: #FFFFFF;
+	border: 1px solid #ccc;
+	outline: none;
+	cursor: pointer;
+}
+
+.hide1 {
+	width: 318px;
+	height: 47px;
+	display: none;
+	position: relative;
+	background-color: rgba(253, 253, 253, .7);
+	margin-top: 10px;
+}
+
+.hide1::after {
+	content: "";
+	width: 0;
+	height: 0;
+	border: 10px solid transparent;
+	border-bottom-color: rgba(253, 253, 253, .7);
+	position: absolute;
+	top: 0;
+	left: 21px;
+	margin-top: -20px;
+}
+
+.hide2 {
+	width: 318px;
+    height: 47px;
+	display: none;
+	position: relative;
+	margin-top: 10px;
+	background-color: rgba(253, 253, 253, .7);
+}
+
+.hide2::after {
+	content: "";
+	width: 0;
+	height: 0;
+	border: 10px solid transparent;
+	border-bottom-color: rgba(253, 253, 253, .7);
+	position: absolute;
+	top: 0;
+	left: 91px;
+	margin-top: -20px;
+}
+
+.inps {
+	width: 160px;
+	height: 22px;
+	border: 1px solid #ccc;
+	margin: 10px 6px 0 0;
+	padding-left: 15px;
+	position: absolute;
+	left: 0px;
+}
+
+.inpst {
+	width: 160px;
+	height: 22px;
+	border: 1px solid #ccc;
+	margin: 10px 6px 0 0;
+	padding-left: 15px;
+	position: absolute;
+	left: 0px;
+}
+
+.change-buts {
+	width: 30px;
+	height: 21px;
+	cursor: pointer;
+	background: url(../img/switch.png) no-repeat center;
+	margin: 11px 0 0 0;
+	position: absolute;
+	left: 185px;
+}
+
+.change-buts2 {
+	width: 30px;
+	height: 21px;
+	cursor: pointer;
+	background: url(../img/switch.png) no-repeat center;
+	margin: 11px 0 0 0;
+	position: absolute;
+	left: 185px;
+}
+
+.inp-text {
+	height: 22px;
+	margin: 11px 0 0 0;
+	position: absolute;
+	left: 220px;
+}
+
+.inp-text2 {
+	height: 22px;
+	margin: 11px 0 0 0;
+	position: absolute;
+	left: 220px;
+}
+
+.imgSearch {
+	width: 16px;
+	height: 16px;
+	margin: 13px 0 0 0;
+	cursor: pointer;
+	position: absolute;
+	right: 10px;
+}
+
+.imgSearch2 {
+	width: 16px;
+	height: 16px;
+	margin: 13px 0 0 0;
+	cursor: pointer;
+	position: absolute;
+	right: 10px;
+}
+
+.hide3 {
+	width: 300px;
+	height: 40px;
+	display: none;
+	position: relative;
+	background-color: rgba(253, 253, 253, .7);
+	margin-top: 10px;
+}
+
+.hide3::after {
+	content: "";
+	width: 0;
+	height: 0;
+	border: 10px solid transparent;
+	border-bottom-color: rgba(253, 253, 253, .7);
+	position: absolute;
+	top: 0;
+	left: 21px;
+	margin-top: -20px;
+}
+
+.hide4 {
+	width: 300px;
+	height: 40px;
+	display: none;
+	position: relative;
+	margin-top: 10px;
+	background-color: rgba(253, 253, 253, .7);
+}
+
+.hide4::after {
+	content: "";
+	width: 0;
+	height: 0;
+	border: 10px solid transparent;
+	border-bottom-color: rgba(253, 253, 253, .7);
+	position: absolute;
+	top: 0;
+	left: 91px;
+	margin-top: -20px;
+}
+
+.inps {
+	width: 160px;
+	height: 22px;
+	border: 1px solid #ccc;
+	margin: 10px 6px 0 0;
+	padding-left: 15px;
+	position: absolute;
+	left: 0px;
+}
+
+.inpst {
+	width: 160px;
+	height: 22px;
+	border: 1px solid #ccc;
+	margin: 10px 6px 0 0;
+	padding-left: 15px;
+	position: absolute;
+	left: 0px;
+}
+
+.change-buts {
+	width: 30px;
+	height: 21px;
+	cursor: pointer;
+	background: url(../img/switch.png) no-repeat center;
+	margin: 11px 0 0 0;
+	position: absolute;
+	left: 185px;
+}
+
+.change-buts2 {
+	width: 30px;
+	height: 21px;
+	cursor: pointer;
+	background: url(../img/switch.png) no-repeat center;
+	margin: 11px 0 0 0;
+	position: absolute;
+	left: 185px;
+}
+
+.inp-text {
+	height: 22px;
+	margin: 11px 0 0 0;
+	position: absolute;
+	left: 220px;
+}
+
+.inp-text2 {
+	height: 22px;
+	margin: 11px 0 0 0;
+	position: absolute;
+	left: 220px;
+}
+
+.imgSearch {
+	width: 16px;
+	height: 16px;
+	margin: 13px 0 0 0;
+	cursor: pointer;
+	position: absolute;
+	right: 10px;
+}
+
+.imgSearch2 {
+	width: 16px;
+	height: 16px;
+	margin: 13px 0 0 0;
+	cursor: pointer;
+	position: absolute;
+	right: 10px;
+}
+
+.text-third {
+	width: 100%;
+	height: 20px;
+	line-height: 20px;
+	background-color: #f4f4f4;
+	text-align: center;
+	color: #666;
+	font-size: 12px;
+}
+
+.textThird {
+	width: 100%;
+	height: 20px;
+	line-height: 20px;
+	background-color: #f4f4f4;
+	text-align: center;
+	color: #666;
+	font-size: 12px;
+}
+
+.textThird2 {
+	width: 100%;
+	height: 20px;
+	line-height: 20px;
+	background-color: #f4f4f4;
+	text-align: center;
+	color: #666;
+	font-size: 12px;
+}
+
+.show-second {
+	display: none;
+}
+
+.show-third {
+	display: none;
+}
+
+.show-fourth {
+	display: none;
+}
+
+.title-second {
+	width: 86%;
+	margin: 10px auto 0;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	border-bottom: 1px solid #CCCCCC;
+	padding-bottom: 10px;
+}
+
+.search-result {
+	width: 86%;
+	margin: 0 auto 0;
+}
+/* .search-result li{
+	height: 80px;
+}
+.search-result li div span{
+	font-size: 25px;
+} */
+.textSecond {
+	width: 100%;
+	margin: 22px auto 30px;
+}
+
+.textFourth {
+	width: 100%;
+	height: 20px;
+	line-height: 20px;
+	background-color: #f4f4f4;
+	text-align: center;
+	color: #666;
+	font-size: 12px;
+}
+
+.title-second>h6 {
+	font-size: 16px;
+	font-weight: 400;
+	color: #2775CC;
+}
+
+.btn-back {
+	width: 64px;
+	height: 30px;
+	background-color: #FFF;
+	border: 1px solid #CCCCCC;
+	outline: none;
+	font-size: 14px;
+	cursor: pointer;
+}
+
+.backBtn {
+	width: 64px;
+	height: 30px;
+	background-color: #FFF;
+	border: 1px solid #CCCCCC;
+	outline: none;
+	font-size: 14px;
+	cursor: pointer;
+}
+
+.content-second {
+	width: 86%;
+	height: 37px;
+	margin: 10px auto;
+	background-color: #EEEEEE;
+	display: flex;
+	align-items: center;
+	justify-content: flex-start;
+}
+
+#start {
+	margin-left: 10px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+#end {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+#start2 {
+	margin-left: 10px;
+}
+
+.content-second>img {
+	width: 40px;
+	height: 20px;
+	margin: 2px 5px 0 5px;
+}
+
+.content-third {
+	width: 86% !important;
+	height: 37px !important;
+	margin: 10px auto !important;
+}
+
+.content-title {
+	border-bottom: none !important;
+	display: flex !important;
+	min-width: 320px !important;
+}
+
+.content-title>li {
+	width: 24% !important;
+	/* width: 17.77% !important; */
+	/* width: calc(100% / 4) !important; */
+	border: 1px solid #eee !important;
+	color: #666666 !important;
+}
+
+.content-title>.layui-this:after {
+	border: none;
+}
+
+/* .content-title>.layui-tab-title>.layui-this {
+	background-color: #E9F3FF !important;
+	color: #2775CC !important;
+} */
+
+.content-title>.layui-this {
+	background-color: #E9F3FF !important;
+	color: #2775CC !important;
+}
+
+.line {
+	width: 100%;
+	margin: 0 0 20px 0;
+	border: 1px solid #e3e3e3;
+	overflow: hidden;
+}
+
+.line-first {
+	width: 100%;
+	overflow: hidden;
+	border-bottom: 1px solid #e3e3e3;
+	cursor: pointer;
+	padding: 10px 0 10px 5px;
+}
+
+.shows {
+	background-color: #E9F3FF;
+}
+
+.line-title {
+	width: 100%;
+	margin: 0 0 5px 0;
+	display: flex;
+	justify-content: flex-start;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.line-title>p {
+	font-size: 16px;
+	color: #2775CC;
+}
+
+.line-title>div {
+	width: 40px;
+	height: 15px;
+	margin: 3px 5px 0 5px;
+	background: url(../img/right-blue.png) no-repeat center;
+}
+
+.mile {
+	width: 100%;
+	display: flex;
+	justify-content: flex-start;
+}
+
+.mile>p {
+	margin-right: 5px;
+	color: #666666;
+	font-size: 16px;
+}
+
+.mile>span {
+	display: inline-block;
+	margin-right: 5px;
+	color: #666666;
+	font-size: 16px;
+}
+
+.line-hide {
+	margin: 10px 0 0 0;
+	display: none;
+}
+
+.layui-timeline-axis {
+	color: #D3D3D3 !important;
+}
+
+.layui-timeline-axis:hover {
+	color: #D3D3D3 !important;
+}
+
+.main-third {
+	border-bottom: none !important;
+	display: flex !important;
+}
+
+.main-third>li {
+	width: 33% !important;
+	border: 1px solid #eee;
+	color: #666666 !important;
+}
+
+.main-third>.layui-this:after {
+	border: none;
+}
+
+.main-third>.layui-this {
+	background-color: #E9F3FF !important;
+	color: #2775CC !important;
+}
+
+.back-btn {
+	width: 64px;
+	height: 30px;
+	background-color: #FFF;
+	border: 1px solid #CCCCCC;
+	outline: none;
+	font-size: 14px;
+	cursor: pointer;
+}
+
+.right-map {
+	width: 100%;
+	height: calc(100vh - 107px);
+	overflow: hidden;
+}
+
+.titleFirst>li {
+	font-size: 14px;
+	margin-bottom: 10px;
+	color: #333333;
+}
+
+.titleFirst>li>p {
+	width: 380px;
+	margin: 0 auto;
+	color: #333333;
+}
+
+.titleFirst>li>p>span {
+	color: #2775CC;
+	font-size: 14px;
+}
+
+.xz-active {
+	background-color: #2775CC;
+	color: #FFFFFF;
+}
+

nngkxxdp/src/main/resources/static/district/css/sy_mobile.css

@@ -0,0 +1,849 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+li {
+	list-style: none;
+}
+
+a {
+	text-decoration: none;
+}
+
+.head {
+	width: 100%;
+	height: 107px;
+	background-color: #2775CC;
+	overflow: hidden;
+	display: flex;
+	justify-content: space-between;
+}
+
+.left-logo {
+	/* width: 446px; */
+	margin-left: 31px;
+	margin-top: 17px;
+}
+
+.logo-img {
+	/* width: 100%; */
+	height: 67px;
+}
+
+.right-search {
+	width: 100%;
+    position: fixed;
+    z-index: 10;
+}
+.layui-tab{
+    width: 500px;
+    margin: 24px auto 0px !important;
+    height: 93px;
+}
+.search-change {
+	height: 46px !important;
+	border: none !important;
+}
+
+.search-change>li {
+	width: 96px !important;
+    height: 41px !important;
+    line-height: 45px !important;
+    padding: 0 !important;
+    background-color: #E9F3FF !important;
+    color: #2775CC !important;
+    margin-right: 3px !important;
+    font-size: 25px;
+}
+
+.search-change>.layui-this {
+	background-color: #FFFFFF !important;
+	color: #2775CC !important;
+}
+
+.search-change>.layui-this:after {
+	border: 0px !important;
+}
+
+.content-input {
+	padding: 0px !important;
+}
+
+.input-icon {
+	width: 493px;
+	height: 60px;
+	background: #FFFFFF;
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+}
+
+.inp {
+	width: 75%;
+	height: 60px;
+	border: none;
+	outline: none;
+	padding: 0 0 0 10px;
+    font-size: 25px;
+}
+
+.inp-icon1 {
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.inp-icon2 {
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.inp-icon3 {
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.input-icon>input {
+	border: none;
+	outline: none;
+    
+}
+
+#gj-one,#gj-two,#zj-one,#zj-two{
+    font-size: 25px; 
+    height: 60px;
+    width:127px;
+}
+
+
+/* 鍏氦涓棿鐨勫垏鎹㈡寜閽� */
+#change-word {
+	width: 30px;
+	height: 21px;
+	cursor: pointer;
+	background: url(../img/switch.png) no-repeat center;
+}
+
+/* 鐐瑰嚮鑷┚涓棿鐨勮緭鍏ユ寜閽� */
+#word-change {
+	width: 30px;
+	height: 21px;
+	cursor: pointer;
+	background: url(../img/switch.png) no-repeat center;
+}
+
+/* 涓棿鐨勫唴瀹归儴鍒� */
+.main {
+	width: 100%;
+	height: calc(100vh - 107px);
+	/* display: flex; */
+}
+
+
+.bttom-tab{
+    width: 100%;
+    height: 192px;
+    position: fixed; 
+   z-index: 10;
+   background-color: white;
+   bottom: 0;
+}
+
+.swiper-slide>ul{
+    display: flex;
+    justify-content:space-around;
+    padding-top: 10px;
+}
+
+.swiper-pagination{
+    top: 77%;
+}
+
+/* 服务导图 */
+.wrap_fwdt {
+	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: 23px;
+}
+
+.box_fwdt {
+	display: flex;
+	margin-left: 18px;
+	align-items: center;
+	border-bottom: 4px solid #2775CC;
+	border-radius: 2px;
+}
+
+.fwdt_img {
+	width: 29px;
+	height: 31px;
+	margin-right: 7px;
+	margin-bottom: 10px;
+}
+
+.fwdt_text {
+	font-size: 24px;
+	font-family: Microsoft YaHei;
+	font-weight: bold;
+	color: #2775CC;
+	margin-bottom: 12px;
+}
+
+.fwdt_line {
+	width: 100%;
+	height: 1px;
+	background: #779FCC;
+}
+
+.flex_box {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-around;
+	margin-top: 22px;
+	margin: 22px 25px 0 32px;
+}
+
+.flex_li {
+	height: 120px;
+}
+
+.img_tab {
+	position: relative;
+	cursor: pointer;
+}
+.img_tab>img{
+    width: 100px;
+}
+.flex_text {
+	width: 133%;
+	text-align: center;
+	position: absolute;
+	top: 115px;
+    left: -14%;
+    font-size: 22px;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #333333;
+}
+
+.flex_pop {
+	position: absolute;
+	width: 87%;
+	height: 132px;
+	background: #D8ECFF;
+	bottom: 207px;
+	left: 25px;
+	z-index: 9999;
+	border-top: 2px solid #176AB7;
+	padding-bottom: 20px;
+}
+
+.flex_pop_two {
+	position: absolute;
+	width: 87%;
+	background: #D8ECFF;
+	bottom: 205px;
+	left: 25px;
+	z-index: 9999;
+	border-top: 2px solid #176AB7;
+}
+
+.flex_pop_three {
+	position: absolute;
+	width: 87%;
+	background: #D8ECFF;
+	bottom: 205px;
+    left: 25px;
+	z-index: 9999;
+	border-top: 2px solid #176AB7;
+	padding-bottom: 20px;
+}
+
+.flex_pop_four {
+	position: absolute;
+	width: 87%;
+	background: #D8ECFF;
+	bottom: 206px;
+	left: 25px;
+	z-index: 9999;
+	border-top: 2px solid #176AB7;
+	padding-bottom: 20px;
+}
+
+/* 弹出层样式 */
+.flex_wrap {
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 26px;
+	padding-bottom: 20px;
+}
+
+.flex_wrap>li {
+	display: flex;
+	width: 50%;
+	margin: 18px 0 0 0;
+}
+
+.flex_wrap>li>img {
+	width: 12px;
+	height: 14px;
+	margin-right: 3px;
+	margin-top: 5px;
+}
+
+.mapnav {
+	display: inline-block;
+	font-size: 25px;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #333333;
+	cursor: pointer;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.choice {
+	font-size: 25px;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #2775CC;
+}
+.lineSix::after{
+    content: "";
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+    border-bottom-color: #176AB7;
+    position: absolute;
+    bottom: -20px;
+    left: 7%;
+    margin-top: -20px;
+    transform:rotate(180deg);
+}
+.lineFive::after{
+    content: "";
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+    border-bottom-color: #176AB7;
+    position: absolute;
+    top: 107%;
+    right: 31%;
+    margin-top: -20px;
+    transform:rotate(180deg);
+}
+.lineFour::after {
+    content: "";
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+    border-bottom-color: #176AB7;
+    position: absolute;
+    bottom: -20px;
+    right: 4%;
+    margin-top: -20px;
+    transform:rotate(180deg);
+}
+
+.lineThree::after {
+    content: "";
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+    border-bottom-color: #176AB7;
+    position: absolute;
+    top: 134px;
+    right: 31%;
+    margin-top: -20px;
+    transform:rotate(180deg);
+}
+
+.lineTwo::after {
+    content: "";
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+    border-bottom-color: #176AB7;
+    position: absolute;
+    top: 154px;
+    left: 38%;
+    margin-top: -20px;
+    transform:rotate(180deg);
+}
+
+.lineOne::after {
+    content: "";
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+    border-bottom-color: #176AB7;
+    position: absolute;
+    top: 107px;
+    left: 8%;
+    margin-top: -20px;
+    transform:rotate(180deg);
+}
+
+.wrap_big {
+	overflow-y:scroll;
+	height:340px;
+	overflow-x:hidden;
+}
+
+/* 办理和办事 */
+.inline_one {
+	width: 100%;
+	margin: 18px 0 0 0;
+	display: flex;
+}
+
+.tab_one {
+	width: 50%;
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+	font-size: 16px;
+	color: #333;
+	font-family: Microsoft YaHei;
+	cursor: pointer;
+	margin: 0 10px;
+}
+
+.select {
+	font-weight: bold;
+	border-bottom: 2px solid #176AB7;
+}
+
+/* .right-map {
+	width: 73%;
+	height: calc(100vh - 107px);
+	overflow: hidden;
+} */
+
+.title_flex {
+	font-size: 20px;
+	font-family: Microsoft YaHei;
+	font-weight: bold;
+	color: #333333;
+	display: flex;
+	align-items: center;
+}
+
+.flex_blue {
+	height: 20px;
+	background: rgba(23,106,183,.2);
+	border-radius: 10px;
+	font-size: 20px;
+	font-family: Microsoft YaHei;
+	font-weight: 400;
+	color: #2775CC;
+	line-height: 20px;
+	text-align: center;
+	margin-left: 7px;
+	padding: 0px 10px;
+}
+
+.flex_orange {
+	display: flex;
+	align-items: center;
+	margin-top: 8px;
+	flex-wrap: wrap;
+}
+
+.three_tag {
+	height: 26px;
+	background: rgba(244,78,5,.16);
+	text-align: center;
+	line-height: 26px;
+	font-size: 14px;
+	font-family: Microsoft YaHei;
+	font-weight: 400;
+	color: #F54E06;
+	margin-right: 10px;
+	padding: 0 5px;
+	margin-top: 5px;
+}
+
+.content_p {
+	display: inherit;
+	width: 444px;
+	font-size: 18px;
+	font-family: Microsoft YaHei;
+	font-weight: 400;
+	color: #333333;
+	line-height: 24px;
+	margin-top: 20px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
+.a_blue {
+	display: inline-block;
+	width: 444px;
+	font-size: 16px;
+	font-family: Microsoft YaHei;
+	font-weight: 400;
+	color: #2775CC;
+	cursor: pointer;
+}
+
+.img_box {
+	display: flex;
+	margin-top: 20px;
+}
+
+.img_box>img {
+	display: inline-block;
+	width: 128px;
+	height: 72px;
+	margin-right: 8px;
+}
+
+.address_box {
+	margin-top: 20px;
+}
+
+.address_box>p {
+	font-size: 14px;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #333333;
+}
+
+.flex_address {
+	font-size: 14px;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #2775CC;
+}
+
+.btn_box {
+	display: flex;
+	justify-content: space-between;
+	margin: 20px 0 10px;
+}
+
+.btn_box>button {
+	width: 48%;
+	cursor: pointer;
+}
+
+.one_bus {
+	height: 48px;
+	background: #2775CC;
+	border-radius: 10px;
+	line-height: 48px;
+	text-align: center;
+	outline: 0;
+	border: 0;
+	font-size: 20px;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #FFFFFF;
+}
+
+.two_car {
+	height: 48px;
+	background: #10B891;
+	border-radius: 10px;
+	line-height: 48px;
+	text-align: center;
+	outline: 0;
+	border: 0;
+	font-size: 20px;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #FFFFFF;
+}
+
+.target_a {
+	display: inline-block;
+	width: 100%;
+	height: 100%;
+}
+target_a>img{
+    width: 100px;
+}
+.show-second {
+	display: none;
+    position: absolute;
+    z-index: 11;
+    width: 100%;
+    top: 246px;
+}
+tr>td{
+    font-size: 18px;
+}
+tr>td div div  p{
+    font-size: 18px !important;
+}
+.show-third {
+	display: none;
+    position: absolute;
+    z-index: 11;
+    width: 100%;
+    top: 246px;
+}
+
+.show-fourth {
+	display: none;
+    position: absolute;
+    z-index: 11;
+    width: 100%;
+    top: 248px;
+}
+
+.title-second {
+	width: 86%;
+	margin: 10px auto 0;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	border-bottom: 1px solid #CCCCCC;
+	padding-bottom: 10px;
+}
+
+.search-result {
+	width: 86%;
+	margin: 0 auto 0;
+}
+.search-result div div{
+    font-size: 20px !important;
+}
+.textSecond {
+	width: 100%;
+	margin: 22px auto 30px;
+}
+
+.textFourth {
+	width: 100%;
+	height: 20px;
+	line-height: 20px;
+	background-color: #f4f4f4;
+	text-align: center;
+	color: #666;
+	font-size: 12px;
+}
+
+.title-second>h6 {
+	font-size: 20px;
+    font-weight: 400;
+    color: #2775CC;
+    background: white;
+    padding: 6px;
+
+}
+
+.btn-back {
+	width: 64px;
+	height: 30px;
+	background-color: #FFF;
+	border: 1px solid #CCCCCC;
+	outline: none;
+	font-size: 14px;
+	cursor: pointer;
+}
+
+.backBtn {
+	width: 64px;
+	height: 30px;
+	background-color: #FFF;
+	border: 1px solid #CCCCCC;
+	outline: none;
+	font-size: 20px;
+	cursor: pointer;
+}
+
+.content-second {
+	width: 86%;
+	height: 37px;
+	margin: 10px auto;
+	background-color: #EEEEEE;
+	display: flex;
+	align-items: center;
+	justify-content: flex-start;
+}
+
+#start {
+	margin-left: 10px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+    font-size: 18px;
+
+}
+
+#end {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+    font-size: 18px;
+}
+
+#start2 {
+	margin-left: 10px;
+    font-size: 18px;
+}
+#end2 {
+    font-size: 18px;
+}
+.content-second>img {
+	width: 40px;
+	height: 20px;
+	margin: 2px 5px 0 5px;
+}
+
+.content-third {
+	width: 86% !important;
+	height: 37px !important;
+	margin: 10px auto !important;
+}
+
+.content-title {
+	border-bottom: none !important;
+	display: flex !important;
+	min-width: 320px !important;
+}
+
+.content-title>li {
+	width: 24% !important;
+	/* width: 17.77% !important; */
+	/* width: calc(100% / 4) !important; */
+	border: 1px solid #eee !important;
+	color: #666666 !important;
+}
+
+.content-title>.layui-this:after {
+	border: none;
+}
+
+/* .content-title>.layui-tab-title>.layui-this {
+	background-color: #E9F3FF !important;
+	color: #2775CC !important;
+} */
+
+.content-title>.layui-this {
+	background-color: #E9F3FF !important;
+	color: #2775CC !important;
+    font-size: 18px;
+}
+
+.line {
+	width: 100%;
+	margin: 0 0 20px 0;
+	border: 1px solid #e3e3e3;
+	overflow: hidden;
+}
+
+.line-first {
+	width: 100%;
+	overflow: hidden;
+	border-bottom: 1px solid #e3e3e3;
+	cursor: pointer;
+	padding: 10px 0 10px 5px;
+}
+
+.shows {
+	background-color: #E9F3FF;
+}
+
+.line-title {
+	width: 100%;
+	margin: 0 0 5px 0;
+	display: flex;
+	justify-content: flex-start;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.line-title>p {
+	font-size: 16px;
+	color: #2775CC;
+}
+
+.line-title>div {
+	width: 40px;
+	height: 15px;
+	margin: 3px 5px 0 5px;
+	background: url(../img/right-blue.png) no-repeat center;
+}
+
+.mile {
+	width: 100%;
+	display: flex;
+	justify-content: flex-start;
+}
+
+.mile>p {
+	margin-right: 5px;
+	color: #666666;
+	font-size: 16px;
+}
+
+.mile>span {
+	display: inline-block;
+	margin-right: 5px;
+	color: #666666;
+	font-size: 16px;
+}
+
+.line-hide {
+	margin: 10px 0 0 0;
+	display: none;
+}
+
+.layui-timeline-axis {
+	color: #D3D3D3 !important;
+}
+
+.layui-timeline-axis:hover {
+	color: #D3D3D3 !important;
+}
+
+.main-third {
+	border-bottom: none !important;
+	display: flex !important;
+}
+
+.main-third>li {
+	width: 33% !important;
+	border: 1px solid #eee;
+	color: #666666 !important;
+}
+
+.main-third>.layui-this:after {
+	border: none;
+}
+
+.main-third>.layui-this {
+	background-color: #E9F3FF !important;
+	color: #2775CC !important;
+    font-size: 18px;
+}
+
+.back-btn {
+	width: 64px;
+	height: 30px;
+	background-color: #FFF;
+	border: 1px solid #CCCCCC;
+	outline: none;
+	font-size: 14px;
+	cursor: pointer;
+}
+
+.right-map {
+	width: 73%;
+	height: calc(100vh - 107px);
+	overflow: hidden;
+    width: 100%;
+
+}
+

nngkxxdp/src/main/resources/static/district/district_mobile.html

@@ -0,0 +1,224 @@
+<!DOCTYPE html>
+<html>
+
+<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/css/layui.css">
+    <link rel="stylesheet" href="./css/district_mobile.css">
+    <title>重庆市南岸区人民政府--地图搜索页</title>
+</head>
+
+<body>
+    <div class="head">
+        <!-- 左边的logo和文字 -->
+        <div class="left-logo">
+            <img class="logo-img" src="img/map-logo.png" style="width: 446px">
+        </div>
+        <!-- 右边的搜索框 -->
+
+    </div>
+    <div class="main">
+        <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="left-map" style="background-color: white;">
+
+            <!-- 受理场所和查阅场所 -->
+            <div class="layui-tab layui-tab-brief show-first" lay-filter="docDemoTabBrief">
+                <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-icon layui-icon-up arrows"></div>
+                <div class="layui-tab-content">
+                    <div class="layui-tab-item layui-show">
+                        <div class="layui-tab">
+                            <ul class="layui-tab-title second-title">
+                                <li>区级部门</li>
+                                <li class="layui-this">街镇</li>
+                            </ul>
+                            <div class="layui-tab-content hidePadding">
+                                <div class="layui-tab-item hidePadding">
+                                    <div class="districtLevel"></div>
+                                    <div class="textThird"></div>
+                                </div>
+                                <div class="layui-tab-item layui-show 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="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="text2-second"></div>
+                                    <div class="text2-third"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 点击公交搜索出现的路径选择 -->
+            <div class="show-second">
+                <div class="title-second">
+                    <h6>搜索</h6>
+                    <button type="button" class="btn-back">返回</button>
+                </div>
+                <div class="layui-icon layui-icon-down arrowss"></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>
+            <!-- 点击自驾搜索出现的路径选择 -->
+            <div class="show-third">
+                <div class="title-second">
+                    <h6>搜索</h6>
+                    <button type="button" class="back-btn">返回</button>
+                </div>
+                <div class="layui-icon layui-icon-down arrowss"></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>
+            <!-- 点击搜索出现的页面 -->
+            <div class="show-fourth">
+                <div class="title-second">
+                    <h6>搜索</h6>
+                    <button type="button" class="backBtn">返回</button>
+                </div>
+                <div class="layui-icon layui-icon-down arrowss"></div>
+                <div class="search-result" id="search-result">
+                    <div class="textSecond"></div>
+                    <div class="textFourth"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="right-map" id="right-map"></div>
+    </div>
+
+    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=nSxiPohfziUaCuONe4ViUP2N"></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 src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=nSxiPohfziUaCuONe4ViUP2N"></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>
+</body>
+
+</html>

nngkxxdp/src/main/resources/static/district/js/district.js

@@ -1528,22 +1528,22 @@ $(function() {
 	});
 
 	// 当屏幕等于375px，将左上角的图片替换成小尺寸
-	$(window).resize(function(e) {
-		if (e.target.innerWidth < '750') {
-			$('.logo-img').attr('src', 'img/map-logo2.png');
-			$('.logo-img').css("width", "257px");
-		} 
-		if (e.target.innerWidth > '750') {
-			$('.logo-img').attr('src', 'img/map-logo2.png');
-			$('.logo-img').css("width", "257px");
-		}
-		if (e.target.innerWidth < '1366') {
-			$('.logo-img').attr('src', 'img/map-logo2.png');
-			$('.logo-img').css("width", "257px");
-		}
-		if (e.target.innerWidth > '1366') {
-			$('.logo-img').attr('src', 'img/map-logo.png');
-			$('.logo-img').css("width", "446px");
-		}
-	});
+	// $(window).resize(function(e) {
+	// 	if (e.target.innerWidth < '750') {
+	// 		$('.logo-img').attr('src', 'img/map-logo2.png');
+	// 		$('.logo-img').css("width", "257px");
+	// 	} 
+	// 	if (e.target.innerWidth > '750') {
+	// 		$('.logo-img').attr('src', 'img/map-logo2.png');
+	// 		$('.logo-img').css("width", "257px");
+	// 	}
+	// 	if (e.target.innerWidth < '1366') {
+	// 		$('.logo-img').attr('src', 'img/map-logo2.png');
+	// 		$('.logo-img').css("width", "257px");
+	// 	}
+	// 	if (e.target.innerWidth > '1366') {
+	// 		$('.logo-img').attr('src', 'img/map-logo.png');
+	// 		$('.logo-img').css("width", "446px");
+	// 	}
+	// });
 })

nngkxxdp/src/main/resources/static/district/js/district_mobile.js

@@ -0,0 +1,1577 @@
+layui.use('element', function() {
+	var element = layui.element;
+	layer = layui.layer;
+});
+
+// if (screen.availWidth <= 750) {
+//     $('.logo-img').attr('src', '/img/map-logo2.png');
+// 	$('.logo-img').css("width", "257px");
+// }
+
+$(function() {
+	// 全部输入框特殊字符不能输入
+	// 匹配标志： g：全局匹配  i：忽略大小写
+	// / 是表达式开始和结束的标记
+	// \ 可以将后面出现的字符标记为特殊字符
+	// ^ 匹配输入字符串的开始位置，除非在方括号表达式中使用，当该符号在方括号表达式中使用时，表示不接受该方括号表达式中的字符集合。要匹配 ^ 字符本身，请使用 \^。
+	// \w 匹配字母、数字、下划线。等价于 [A-Za-z0-9_]
+	// $("input").bind('keyup blur', function() {
+	// 	// var reg= /[^\w\u4e00-\u9fa5\/\-]/gi;
+	// 	var reg = /[^\w\u4e00-\u9fa5]/gi;
+	// 	var val = $(this).val();
+	// 	if (reg.test(val)) {
+	// 		$(this).val($(this).val().replace(reg, ''));
+	// 	}
+	// });
+
+	// 内容框上下移动
+	$(".arrows").click(function(){
+		var height= $(".left-map").height();
+		if(height=='355'){
+			$(".left-map").height(70+'%');
+			$(this).removeClass("layui-icon-up").addClass("layui-icon-down");
+			$(this).css("top","3%")
+		}else {
+			$(".left-map").height(355)
+			$(this).removeClass("layui-icon-down").addClass("layui-icon-up");	
+			$(this).css("top","9%")	
+		};
+	});
+	$(".arrowss").click(function(){
+		var height= $(".left-map").height();
+		if(height=='355'){
+			$(".left-map").height(70+'%');
+			$(this).removeClass("layui-icon-up").addClass("layui-icon-down");
+			$(this).css("top","3%")
+		}else {
+			$(".left-map").height(355)
+			$(this).removeClass("layui-icon-down").addClass("layui-icon-up");	
+			$(this).css("top","9%")	
+		};
+	});
+	
+
+	// 点击市级部门下的文字地址选择切换样式	 街镇选择开始
+	$('.text-first p').click(function() {
+		$(this).addClass('tab');
+		$(this).siblings().removeClass('tab');
+		const jztext = $(this).text();
+		var index = $(this).index() - 1;
+		// console.log(index)
+		if (jztext == "南坪镇") {
+			var jd = ['重庆市南岸区响水路7号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.572, 29.526), 14);	
+		}
+		if (jztext == "涂山镇") {
+			var jd = ['重庆市南岸区涂山路563号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.602, 29.568), 14);
+		}
+		if (jztext == "鸡冠石镇") {
+			var jd = ['重庆市南岸区鸡冠石镇和平小区1号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.612, 29.594), 14);
+		}
+		if (jztext == "峡口镇") {
+			var jd = ['重庆市南岸区峡口镇大兴一路3号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.669, 29.562), 14);
+		}
+		if (jztext == "长生桥镇") {
+			var jd = ['重庆市南岸区长生路6号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.669, 29.505), 14);
+		}
+		if (jztext == "迎龙镇") {
+			var jd = ['重庆市南岸区迎龙镇银河路9号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.712, 29.520), 14);
+		}
+		if (jztext == "广阳镇") {
+			var jd = ['重庆市南岸区广阳镇明月沱正街'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.778, 29.596), 14);
+		}
+		if (jztext == "南坪街道") {
+			var jd = ['重庆市南岸区南坪正街1号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.567, 29.529), 14);
+		}
+		if (jztext == "花园路街道") {
+			var jd = ['重庆市南岸区丹龙南路5号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.554, 29.506), 14);
+		}
+		if (jztext == "海棠溪街道") {
+			var jd = ['重庆市南岸区海棠溪正街34号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.588, 29.543), 14);
+		}
+		if (jztext == "铜元局街道") {
+			var jd = ['重庆市南岸区风临路26号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.545, 29.529), 14);
+		}
+		if (jztext == "龙门浩街道") {
+			var jd = ['重庆市南岸区上新街33号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.594, 29.552), 14);
+		}
+		if (jztext == "弹子石街道") {
+			var jd = ['重庆市南岸区弹子石街道'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.596, 29.588), 14);
+		}
+		if (jztext == "南山街道") {
+			var jd = ['重庆市南岸区崇文路28号'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.609, 29.543), 14);
+		}
+		if (jztext == "天文街道") {
+			var jd = ['重庆市南岸区茶园城南家园5组团2栋吊2-3楼'];
+			bdGEO2(jztext, jd, index);
+			map.centerAndZoom(new BMap.Point(106.649, 29.514), 14);
+		}
+	});
+	// 头部的公交输入框中的始末地点值切换
+	$('#change-word').click(function() {
+		let start = $('#gj-one').val();
+		let end = $('#gj-two').val();
+		$('#gj-one').val(end);
+		$('#gj-two').val(start);
+	});
+	// 点击头部的公交的搜索按钮在左边出现结果
+	$('.inp-icon2').click(function() {
+		let start = $('#gj-one').val();
+		let end = $('#gj-two').val();
+		if (start === "" || end === "") {
+			$('.show-first').css('display', 'block');
+			$('.show-second').css('display', 'none');
+			$('.show-third').css('display', 'none');
+			$('.show-fourth').css('display', 'none');
+		} else {
+			$('.show-first').css('display', 'none');
+			$('.show-second').css('display', 'block');
+			$('.show-third').css('display', 'none');
+			$('.show-fourth').css('display', 'none');
+			$('#start').text(start);
+			$('#end').text(end);
+			$('.startPoint').text(start);
+			$('.endPoint').text(end);
+		}
+	});
+	// 点击公交的出现结果部分的返回回到受理场所
+	$('.btn-back').click(function() {
+		window.location.reload();
+		$('.show-second').css('display', 'none');
+		$('.show-first').css('display', 'block');
+		$('show-third').css('display', 'none');
+		$('.show-fourth').css('display', 'none');
+		// bdGEO(jzadds);
+		bdGEO(jzs);
+	});
+	// 点击搜索的出现结果部分的返回回到受理场所
+	$('.backBtn').click(function() {
+		window.location.reload();
+		$('.show-second').css('display', 'none');
+		$('.show-first').css('display', 'block');
+		$('show-third').css('display', 'none');
+		$('.show-fourth').css('display', 'none');
+		// bdGEO(jzadds);
+		bdGEO(jzs);
+	});
+	// 点击公交的出现结果部分的路径选择查看具体路径
+	$('.line-first').click(function() {
+		$(this).parent('.line').siblings().find(".line-hide").css('display', 'none');
+		$(this).parent('.line').siblings().find(".line-first").removeClass('shows');
+		$(this).siblings().toggle();
+		let lightBlue = $(this).css('backgroundColor');
+		if (lightBlue == 'rgb(233, 243, 255)') {
+			$(this).removeClass('shows');
+		} else {
+			$(this).addClass('shows');
+		}
+	});
+	// 点击自驾的出现结果部分的返回回到受理场所
+	$('.back-btn').click(function() {
+		window.location.reload();
+		$('.show-third').css('display', 'none');
+		$('.show-second').css('display', 'none');
+		$('.show-first').css('display', 'block');
+		$('.show-fourth').css('display', 'none');
+		// bdGEO(jzadds);
+		bdGEO(jzs);
+	});
+	// 头部的自驾输入框中的始末地点值切换
+	$('#word-change').click(function() {
+		let start = $('#zj-one').val();
+		let end = $('#zj-two').val();
+		$('#zj-one').val(end);
+		$('#zj-two').val(start);
+	});
+	// 点击头部的自驾的搜索按钮在左边出现结果
+	$('.inp-icon3').click(function() {
+		let start = $('#zj-one').val();
+		let end = $('#zj-two').val();
+		if (start === "" || end === "") {
+			$('.show-first').css('display', 'block');
+			$('.show-second').css('display', 'none');
+			$('.show-third').css('display', 'none');
+			$('.show-fourth').css('display', 'none');
+		} else {
+			$('.show-first').css('display', 'none');
+			$('.show-third').css('display', 'block');
+			$('.show-second').css('display', 'none');
+			$('.show-fourth').css('display', 'none');
+			$('#start2').text(start);
+			$('#end2').text(end);
+		}
+	});
+
+	// 写受理场所和查阅场所前的icon切换
+	$('.top-title>li').click(function() {
+		// bdGEO(jzs);
+		var con = $(this).text().trim();
+		if(con == "受理场所"){
+			bdGEO(jzadds);
+		}
+		if(con == "查阅场所"){
+			cycsGEO(cycsbms);
+		}
+		
+		let blue = $(this).css('color');
+		if (blue == 'rgb(51, 51, 51)') {
+			$(this).children(':first').css('display', 'block');
+			$(this).children(':last').css('display', 'none');
+			$(this).siblings().children(':first').css('display', 'none');
+			$(this).siblings().children(':last').css('display', 'block');
+		}
+	});
+
+	// 百度地图API功能
+	function G(id) {
+		return document.getElementById(id);
+	}
+
+	var map = new BMap.Map('right-map'); // 创建Map实例
+	map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); // 初始化地图,设置中心点坐标和地图级别
+	map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
+
+	// 区级部门与街镇解析地址批量解析开始
+	var myGeo = new BMap.Geocoder();
+	var bms = [{
+			"dept": "区政府办公室",
+			"tel": "023—62980783",
+			"address": "重庆市南岸区广福大道1号"
+		},
+		{
+			"dept": "区发展改革委",
+			"tel": "023—62988121",
+			"address": "重庆市南岸区茶园新区桐福路189号"
+		},
+		{
+			"dept": "区教委",
+			"tel": "023—62800428",
+			"address": "重庆市南岸区茶园新区广福大道22号"
+		},
+		{
+			"dept": "区科技局",
+			"tel": "023—62988799",
+			"address": "重庆市南岸区天文街道广福大道12号2号楼8楼"
+		},
+		{
+			"dept": "区经济信息委",
+			"tel": "023—62989428",
+			"address": "重庆市南岸区广福大道12号2号楼21-22楼"
+		},
+		{
+			"dept": "区民政局",
+			"tel": "023—62890166",
+			"address": "重庆市南岸区天文街道广福大道12号行政服务中心B区2号楼6-7层"
+		},
+		{
+			"dept": "区司法局",
+			"tel": "023—62989032",
+			"address": "重庆市南岸区茶园新区广福大道12号行政中心B区1号楼20楼"
+		},
+		{
+			"dept": "区财政局",
+			"tel": "023—62988116",
+			"address": "重庆市南岸区茶园新区广福大道5号"
+		},
+		{
+			"dept": "区人力社保局",
+			"tel": "023—62803703",
+			"address": "重庆市南岸区广福大道12号1号楼2-4楼、8-13楼"
+		},
+		{
+			"dept": "区生态环境局",
+			"tel": "023—62806871",
+			"address": "重庆市南岸区茶园新区广福大道12号2号楼15-17楼"
+		},
+		{
+			"dept": "区住房城乡建委",
+			"tel": "023—62988076",
+			"address": "重庆市南岸区茶园新区长电一支路13号"
+		},
+		{
+			"dept": "区城市管理局",
+			"tel": "023—62988981",
+			"address": "重庆市南岸区天文街道广福大道12号2号楼18-19层"
+		},
+		{
+			"dept": "区交通局",
+			"tel": "023—62980670",
+			"address": "重庆市南岸区天文街道广福大道12号2号楼13楼"
+		},
+		{
+			"dept": "区农业农村委",
+			"tel": "023—62802546",
+			"address": "重庆市南岸区天文街道广福大道12号行政服务中心B区3号楼13-15楼"
+		},
+		{
+			"dept": "区商务委",
+			"tel": "023—62922422",
+			"address": "重庆市南岸区天文街道广福大道12号行政中心B区2号楼1204"
+		},
+		{
+			"dept": "区文化旅游委",
+			"tel": "023—62988059",
+			"address": "重庆市南岸区茶园新区广福大道12号行政中心B区2号楼10楼"
+		},
+		{
+			"dept": "区卫生健康委",
+			"tel": "023-62988107   023-62988117",
+			"address": "重庆市南岸区天文街道广福大道12号1号楼14-16楼"
+		},
+		{
+			"dept": "区退役军人事务局",
+			"tel": "023-62381831",
+			"address": "重庆市南岸区南滨西路1号"
+		},
+		{
+			"dept": "区应急局",
+			"tel": "023-62988178",
+			"address": "重庆市南岸区广福大道12号1号楼5-7楼"
+		},
+		{
+			"dept": "区审计局",
+			"tel": "023-62988849",
+			"address": "重庆市南岸区茶园广福大道12号行政中心B区1号楼17、18楼"
+		},
+		{
+			"dept": "区统计局",
+			"tel": "023-62988159",
+			"address": "重庆市南岸区茶园新区广福大道12号行政中心B区3号楼8楼"
+		},
+		{
+			"dept": "区医保局",
+			"tel": "023-62928406",
+			"address": "重庆市南岸区茶园新区广福大道12号3号楼"
+		},
+		{
+			"dept": "区信访办",
+			"tel": "023-62988697",
+			"address": "重庆市南岸区广福大道1号区行政中心A区1号楼一楼"
+		},
+		{
+			"dept": "区政府外办",
+			"tel": "023-62629122",
+			"address": "重庆市南岸区广福大道12号3号楼24层"
+		},
+		{
+			"dept": "区民族宗教委",
+			"tel": "023-62988368",
+			"address": "重庆市南岸区天文街道广福大道12号1号楼19楼"
+		},
+		{
+			"dept": "区金融办",
+			"tel": "023-62948231",
+			"address": "重庆市南岸区茶园广福大道5号9楼"
+		},
+		{
+			"dept": "区机关事务局",
+			"tel": "023-62988978",
+			"address": "重庆市南岸区广福大道1号附1号楼"
+		},
+		{
+			"dept": "区国资委",
+			"tel": "023-62922291",
+			"address": "重庆市南岸区茶园新区广福大道12号3号楼11楼"
+		},
+		{
+			"dept": "区大数据发展局",
+			"tel": "023-62620612",
+			"address": "重庆市南岸区天文街道广福大道12号3号楼5楼"
+		},
+		{
+			"dept": "区政务办",
+			"tel": "023-62988214",
+			"address": "重庆市南岸区茶园新区广福大道12号2号楼3—5楼"
+		},
+		{
+			"dept": "区供销社",
+			"tel": "023-62805453",
+			"address": "重庆市南岸区茶园新区行政中心B区2号楼20楼"
+		},
+		{
+			"dept": "区公安分局",
+			"tel": "023-60437035",
+			"address": "重庆市南岸区广福大道5号"
+		},
+		{
+			"dept": "区规划自然资源局",
+			"tel": "023-62803001",
+			"address": "重庆市南岸区茶园新区汇成路24号"
+		},
+		{
+			"dept": "区市场监管",
+			"tel": "023-61217803",
+			"address": "重庆市南岸区金紫街175号4楼403室"
+		},
+		{
+			"dept": "区征地事务中心",
+			"tel": "023-62916722",
+			"address": "重庆市南岸区南湖路交通大厦三楼"
+		},
+	];
+	var jzs = [{
+			"dep": "南坪镇",
+			"tel": "023-61217016",
+			"address": "重庆市南岸区响水路7号"
+		},
+		{
+			"dep": "涂山镇",
+			"tel": "023-62527009",
+			"address": "重庆市南岸区涂山路563号"
+		},
+		{
+			"dep": "鸡冠石镇",
+			"tel": "023-62951279",
+			"address": "重庆市南岸区鸡冠石镇和平小区1号"
+		},
+		{
+			"dep": "峡口镇",
+			"tel": "023-62390803",
+			"address": "重庆市南岸区峡口镇大兴一路3号"
+		},
+		{
+			"dep": "长生桥镇",
+			"tel": "023-62450881",
+			"address": "重庆市南岸区长生路6号"
+		},
+		{
+			"dep": "迎龙镇",
+			"tel": "023-89882585",
+			"address": "重庆市南岸区迎龙镇银河路9号"
+		},
+		{
+			"dep": "广阳镇",
+			"tel": "023-62491022",
+			"address": "重庆市南岸区广阳镇明月沱正街"
+		},
+		{
+			"dep": "南坪街道",
+			"tel": "023-62909575",
+			"address": "重庆市南岸区南坪正街1号"
+		},
+		{
+			"dep": "花园路街道",
+			"tel": "023-62809718",
+			"address": "重庆市南岸区丹龙南路5号"
+		},
+		{
+			"dep": "海棠溪街道",
+			"tel": "023-62883293",
+			"address": "重庆市南岸区海棠溪正街34号"
+		},
+		{
+			"dep": "铜元局街道",
+			"tel": "023-62305908",
+			"address": "重庆市南岸区风临路26号"
+		},
+		{
+			"dep": "龙门浩街道",
+			"tel": "023-62881199",
+			"address": "重庆市南岸区上新街33号"
+		},
+		{
+			"dep": "弹子石街道",
+			"tel": "023-62506319",
+			"address": "重庆市南岸区弹子石街道"
+		},
+		{
+			"dep": "南山街道",
+			"tel": "023-62466099",
+			"address": "重庆市南岸区崇文路28号"
+		},
+		{
+			"dep": "天文街道",
+			"tel": "023-62809650",
+			"address": "重庆市南岸区茶园城南家园5组团2栋吊2-3楼"
+		}
+	];
+	var adds = [
+		"重庆市南岸区广福大道1号",
+		"重庆市南岸区茶园新区桐福路189号",
+		"重庆市南岸区茶园新区广福大道22号",
+		"重庆市南岸区天文街道广福大道12号2号楼8楼",
+		"重庆市南岸区广福大道12号2号楼21-22楼",
+		"重庆市南岸区天文街道广福大道12号行政服务中心B区2号楼6-7层",
+		"重庆市南岸区茶园新区广福大道12号行政中心B区1号楼20楼",
+		"重庆市南岸区茶园新区广福大道5号",
+		"重庆市南岸区广福大道12号1号楼2-4楼、8-13楼",
+		"重庆市南岸区茶园新区广福大道12号2号楼15-17楼",
+		"重庆市南岸区茶园新区长电一支路13号",
+		"重庆市南岸区天文街道广福大道12号2号楼18-19层",
+		"重庆市南岸区天文街道广福大道12号2号楼13楼",
+		"重庆市南岸区天文街道广福大道12号行政服务中心B区3号楼13-15楼",
+		"重庆市南岸区天文街道广福大道12号行政中心B区2号楼1204",
+		"重庆市南岸区茶园新区广福大道12号行政中心B区2号楼10楼",
+		"重庆市南岸区天文街道广福大道12号1号楼14-16楼",
+		"重庆市南岸区南滨西路1号",
+		"重庆市南岸区广福大道12号1号楼5-7楼",
+		"重庆市南岸区茶园广福大道12号行政中心B区1号楼17、18楼",
+		"重庆市南岸区茶园新区广福大道12号行政中心B区3号楼8楼",
+		"重庆市南岸区茶园新区广福大道12号3号楼",
+		"重庆市南岸区广福大道1号区行政中心A区1号楼一楼",
+		"重庆市南岸区广福大道12号3号楼24层",
+		"重庆市南岸区天文街道广福大道12号1号楼19楼",
+		"重庆市南岸区茶园广福大道5号9楼",
+		"重庆市南岸区广福大道1号附1号楼",
+		"重庆市南岸区茶园新区广福大道12号3号楼11楼",
+		"重庆市南岸区天文街道广福大道12号3号楼5楼",
+		"重庆市南岸区茶园新区广福大道12号2号楼3—5楼",
+		"重庆市南岸区茶园新区行政中心B区2号楼20楼",
+		"重庆市南岸区广福大道5号",
+		"重庆市南岸区茶园新区汇成路24号",
+		"重庆市南岸区金紫街175号4楼403室",
+		"重庆市南岸区南湖路交通大厦三楼",
+	];
+	var jzadds = [
+		"重庆市南岸区响水路7号",
+		"重庆市南岸区涂山路563号",
+		"重庆市南岸区鸡冠石镇和平小区1号",
+		"重庆市南岸区峡口镇大兴一路3号",
+		"重庆市南岸区长生路6号",
+		"重庆市南岸区迎龙镇银河路9号",
+		"重庆市南岸区广阳镇明月沱正街",
+		"重庆市南岸区南坪正街1号",
+		"重庆市南岸区丹龙南路5号",
+		"重庆市南岸区海棠溪正街34号",
+		"重庆市南岸区风临路26号",
+		"重庆市南岸区上新街33号",
+		"重庆市南岸区弹子石街道",
+		"重庆市南岸区崇文路28号",
+		"重庆市南岸区茶园城南家园5组团2栋吊2-3楼"
+	];
+	var cycsbms =[{
+		"dept": "重庆市南岸区档案馆",
+		"tel": "023-62988345",
+		"address": "重庆市南岸区天文街道广福大道1号行政中心A区12号楼"
+	},
+	{
+		"dept": "重庆市南岸区图书馆",
+		"tel": "023-62988155",
+		"address": "重庆市南岸区南城大道199号"
+	},
+	{
+		"dept": "重庆市南岸区行政服务中心江南新城中心",
+		"tel": "023-62986525",
+		"address": "重庆市南岸区天文街道广福大道12号2号楼"
+	}]
+	bdGEO(jzadds);
+	xrjz(jzs);
+	xrbm(bms);
+	cycsone(cycsbms);
+
+	// 街镇的循环渲染
+	function xrjz(jzs) {
+		var html = ''
+		for (var item = 0; item < jzs.length; item++) {
+			var jzdep = jzs[item].dep;
+			var jzdhs = jzs[item].tel;
+			var jzdzs = jzs[item].address;
+			var sum = 1;
+			sum += item;
+			html += "<ul class='title-first'>" +
+				"<li>" +
+				"<span>" + sum + "." + "</span>" + jzdep +
+				"</li>" +
+				"<li>" +
+				"<p>" + "电话：" + jzdhs + "</p>" +
+				"<div class='differentdz'>" + "地址：" + "<p  class='jzdz'>" + jzdzs + "</p>" + "</div>" +
+				"</li>" +
+				"<li class='change-but'>" +
+				"<input type='button' name='' id='' value='公交' class='but-bus' />" +
+				"<input type='button' name='' id='' value='自驾' class='but-car' />" +
+				"<div class='hide1'>" +
+				"<input type='text' name='' value='' placeholder='请输入地址' class='inps' />" +
+				"<div class='inp-text'>此位置</div>" +
+				"<div class='change-buts'></div>" +
+				"<img src='img/ss2.png' class='imgSearch'>" +
+				"</div>" +
+				"<div class='hide2'>" +
+				"<input type='text' name='' value='' placeholder='请输入地址' class='inpst' />" +
+				"<img src='img/ss2.png' class='imgSearch2'>" +
+				"<div class='inp-text2'>此位置</div>" +
+				"<div class='change-buts2'></div>" +
+				"</div>" +
+				"</li>" +
+				"</ul>"
+		};
+		$('.text-second').empty().append(html);
+		$('.text-third').empty().append(
+			"共" +
+			"<span>" + sum + "</span>" +
+			"条记录"
+		);
+		// 点击公交或者自驾出现隐藏层中的输入框，让其不能输入特殊字符
+		// $(".title-first").bind('keyup blur', '.inps', function() {
+		// 	// var reg= /[^\w\u4e00-\u9fa5\/\-]/gi;
+		// 	var reg = /[^\w\u4e00-\u9fa5]/gi;
+		// 	var item = $(this).find('.inps');
+		// 	var val = item.val();
+		// 	if (reg.test(val)) {
+		// 		item.val(item.val().replace(reg, ''));
+		// 	}
+		// });
+		// $(".title-first").bind('keyup blur', '.inpst', function() {
+		// 	// var reg= /[^\w\u4e00-\u9fa5\/\-]/gi;
+		// 	var reg = /[^\w\u4e00-\u9fa5]/gi;
+		// 	var item = $(this).find('.inpst');
+		// 	var val = item.val();
+		// 	if (reg.test(val)) {
+		// 		item.val(item.val().replace(reg, ''));
+		// 	}
+		// });
+	}
+
+	// 区级部门循环渲染
+	function xrbm(bms) {
+		var html2 = ''
+		for (var index = 0; index < bms.length; index++) {
+			var bmdep = bms[index].dept;
+			var bmdhs = bms[index].tel;
+			var bmdzs = bms[index].address;
+			var num = 1;
+			num += index;
+			html2 +=
+				"<ul class='title-first  textFirst'>" +
+				"<li>" +
+				"<span>" + num + "." + "</span>" + bmdep +
+				"</li>" +
+				"<li>" +
+				"<p>" + "电话：" + bmdhs + "</p>" +
+				"<div class='differentdz'>" + "地址：" + "<p  class='jzdz'>" + bmdzs + "</p>" + "</div>" +
+				"</li>" +
+				"<li class='change-but'>" +
+				"<input type='button' name='' id='' value='公交' class='but-bus' />" +
+				"<input type='button' name='' id='' value='自驾' class='but-car' />" +
+				"<div class='hide1'>" +
+				"<input type='text' name='' value='' placeholder='请输入地址' class='inps' />" +
+				"<div class='inp-text'>此位置</div>" +
+				"<div class='change-buts'></div>" +
+				"<img src='img/ss2.png' class='imgSearch'>" +
+				"</div>" +
+				"<div class='hide2'>" +
+				"<input type='text' name='' value='' placeholder='请输入地址' class='inpst' />" +
+				"<img src='img/ss2.png' class='imgSearch2'>" +
+				"<div class='inp-text2'>此位置</div>" +
+				"<div class='change-buts2'></div>" +
+				"</div>" +
+				"</li>" +
+				"</ul>"
+
+		};
+		$('.districtLevel').empty().append(html2);
+		$('.textThird').empty().append(
+			"共" +
+			"<span>" + num + "</span>" +
+			"条记录"
+		);
+		// $(".districtLevel>input").bind('keyup blur', function() {
+		// 	var reg = /[^\w\u4e00-\u9fa5\/\-]/gi;
+		// 	var val = $(this).val();
+		// 	if (reg.test(val)) {
+		// 		$(this).val($(this).val().replace(reg, ''));
+		// 	}
+		// });
+	};
+	
+//	查阅场所地点
+	function cycsone(cycsbms) {
+		var html3 = ''
+		for (var index = 0; index < cycsbms.length; index++) {
+			var bmdep = cycsbms[index].dept;
+			var bmdhs = cycsbms[index].tel;
+			var bmdzs = cycsbms[index].address;
+			var num = 1;
+			num += index;
+			html3 +=
+				"<ul class='title-first  textFirst'>" +
+				"<li>" +
+				"<span>" + num + "." + "</span>" + bmdep +
+				"</li>" +
+				"<li>" +
+				"<p>" + "电话：" + bmdhs + "</p>" +
+				"<div class='differentdz'>" + "地址：" + "<p  class='jzdz'>" + bmdzs + "</p>" + "</div>" +
+				"</li>" +
+				"<li class='change-but'>" +
+				"<input type='button' name='' id='' value='公交' class='but-bus' />" +
+				"<input type='button' name='' id='' value='自驾' class='but-car' />" +
+				"<div class='hide1'>" +
+				"<input type='text' name='' value='' placeholder='请输入地址' class='inps' />" +
+				"<div class='inp-text'>此位置</div>" +
+				"<div class='change-buts'></div>" +
+				"<img src='img/ss2.png' class='imgSearch'>" +
+				"</div>" +
+				"<div class='hide2'>" +
+				"<input type='text' name='' value='' placeholder='请输入地址' class='inpst' />" +
+				"<img src='img/ss2.png' class='imgSearch2'>" +
+				"<div class='inp-text2'>此位置</div>" +
+				"<div class='change-buts2'></div>" +
+				"</div>" +
+				"</li>" +
+				"</ul>"
+
+		};
+		$('.districtLevel2').empty().append(html3);
+		$('.textThird2').empty().append(
+			"共" +
+			"<span>" + num + "</span>" +
+			"条记录"
+		);
+		$(".districtLevel2>input").bind('keyup blur',function(){
+		    var reg= /[^\w\u4e00-\u9fa5\/\-]/gi;
+		    var val=$(this).val();
+		    if(reg.test(val)){
+		        $(this).val($(this).val().replace(reg,''));
+		    }
+		});
+	};
+
+	// 点击市级部门下公交出现输入框并点击中间的切换按钮能够切换起点和终点
+	$(document).on('click', '.change-buts', function() {
+		let inps = $('.inps').css('left');
+		if (inps == '0px') {
+			$('.inps').css('left', '90px');
+		}
+		if (inps == '90px') {
+			$('.inps').css('left', '0px');
+		}
+		let inpText = $('.inp-text').css('left');
+		if (inpText == '220px') {
+			$('.inp-text').css('left', '0px');
+		}
+		if (inpText == '0px') {
+			$('.inp-text').css('left', '220px');
+		}
+		let changeButs = $('.change-buts').css('left');
+		if (changeButs == '185px') {
+			$('.change-buts').css('left', '50px');
+		}
+		if (changeButs == '50px') {
+			$('.change-buts').css('left', '185px');
+		}
+	});
+
+	// 点击市级部门下自驾出现输入框并点击中间的切换按钮能够切换起点和终点
+	$(document).on('click', '.change-buts2', function() {
+		let inpst = $('.inpst').css('left');
+		if (inpst == '0px') {
+			$('.inpst').css('left', '90px');
+		}
+		if (inpst == '90px') {
+			$('.inpst').css('left', '0px');
+		}
+		let inpText2 = $('.inp-text2').css('left');
+		if (inpText2 == '220px') {
+			$('.inp-text2').css('left', '0px');
+		}
+		if (inpText2 == '0px') {
+			$('.inp-text2').css('left', '220px');
+		}
+		let changeButs2 = $('.change-buts2').css('left');
+		if (changeButs2 == '185px') {
+			$('.change-buts2').css('left', '50px');
+		}
+		if (changeButs2 == '50px') {
+			$('.change-buts2').css('left', '185px');
+		}
+	});
+
+	function bdGEO(jzadds) {
+		map.clearOverlays();
+		for (var i = 0; i < jzadds.length; i++) {
+			var add = jzadds[i];
+			const tempAdd = add;
+			myGeo.getPoint(tempAdd, function(point) {
+				if (point) {
+					var address = new BMap.Point(point.lng, point.lat);
+					for (var j = 0; j < bms.length; j++) {
+						var bmdep = bms[j].dept;
+						var bmtel = bms[j].tel;
+						var bmaddre = bms[j].address;
+						var sContnet =
+							"<ul class='titleFirst'>" +
+							"<li>" + bmdep + "</li>" +
+							"<li>" +
+							"<p><span>电话：</span>" + bmtel + "</p>" +
+							"<p><span>地址：</span>" + bmaddre + "</p>" +
+							"<p><span>办公时间：</span>9:00-11:30，14:00-17:00（周一至周五，节假日除外)</p>" +
+							"</li>" +
+							"</ul>";
+						if (tempAdd == bmaddre) {
+							addMarker(j, address, new BMap.InfoWindow(sContnet, bmaddre));
+						}
+					}
+					for (var index = 0; index < jzs.length; index++) {
+						var jzdep = jzs[index].dep;
+						var jztel = jzs[index].tel;
+						var jzaddre = jzs[index].address;
+						var sContnet =
+							"<ul class='titleFirst'>" +
+							"<li>" + jzdep + "</li>" +
+							"<li>" +
+							"<p><span>电话：</span>" + jztel + "</p>" +
+							"<p><span>地址：</span>" + jzaddre + "</p>" +
+							"<p><span>办公时间：</span>9:00-11:30，14:00-17:00（周一至周五，节假日除外)</p>" +
+							"</li>" +
+							"</ul>";
+						if (tempAdd == jzaddre) {
+							addMarker(index, address, new BMap.InfoWindow(sContnet, jzaddre));
+						}
+
+					}
+
+				}
+			}, "重庆市");
+		}
+	};
+	//查阅场所初始化
+	function cycsGEO(cycsbms){
+		map.clearOverlays();
+		console.log(111);
+		for (var i = 0; i < cycsbms.length; i++) {
+			
+			const temdep = cycsbms[i].dept;
+			const temtel = cycsbms[i].tel;
+			const temadd = cycsbms[i].address;
+			
+			myGeo.getPoint(temadd, function(point) {
+				if (point) {
+					var address = new BMap.Point(point.lng, point.lat);
+					var sContnet =
+						"<ul class='titleFirst'>" +
+						"<li>" + temdep + "</li>" +
+						"<li>" +
+						"<p><span>电话：</span>" + temtel + "</p>" +
+						"<p><span>地址：</span>" + temadd + "</p>" +
+						"<p><span>办公时间：</span>9:00-11:30，14:00-17:00（周一至周五，节假日除外)</p>" +
+						"</li>" +
+						"</ul>";
+					addMarker(0, address, new BMap.InfoWindow(sContnet, temadd));
+				}
+			}, "重庆市");
+		}
+	};
+
+	function bdGEO2(name, jd, index) {
+		map.clearOverlays();
+		var jzdep = jzs[index].dep;
+		var jztel = jzs[index].tel;
+		var jzaddre = jzs[index].address;
+		var sContnet =
+			"<ul class='titleFirst'>" +
+			"<li>" + jzdep + "</li>" +
+			"<li>" +
+			"<p><span>电话：</span>" + jztel + "</p>" +
+			"<p><span>地址：</span>" + jd + "</p>" +
+			"<p><span>办公时间：</span>9:00-11:30，14:00-17:00（周一至周五，节假日除外)</p>" +
+			"</li>" +
+			"</ul>";
+
+		var html3 = "<ul class='title-first'>" +
+			"<li>" +
+			"<span>" + 1 + "." + "</span>" + jzdep +
+			"</li>" +
+			"<li>" +
+			"<p>" + "电话：" + jztel + "</p>" +
+			"<div class='differentdz'>" + "地址：" + "<p  class='jzdz'>" + jzaddre + "</p>" + "</div>" +
+			"</li>" +
+			"<li class='change-but'>" +
+			"<input type='button' name='' id='' value='公交' class='but-bus' />" +
+			"<input type='button' name='' id='' value='自驾' class='but-car' />" +
+			"<div class='hide1'>" +
+			"<input type='text' name='' value='' placeholder='请输入地址' class='inps' />" +
+			"<div class='inp-text'>此位置</div>" +
+			"<div class='change-buts'></div>" +
+			"<img src='img/ss2.png' class='imgSearch'>" +
+			"</div>" +
+			"<div class='hide2'>" +
+			"<input type='text' name='' value='' placeholder='请输入地址' class='inpst' />" +
+			"<img src='img/ss2.png' class='imgSearch2'>" +
+			"<div class='inp-text2'>此位置</div>" +
+			"<div class='change-buts2'></div>" +
+			"</div>" +
+			"</li>" +
+			"</ul>"
+		// 将地址解析结果显示在地图上，并调整地图视野
+		myGeo.getPoint(jd, function(point) {
+			if (point) {
+				addMarker(0, point, new BMap.InfoWindow(sContnet, jd))
+				$(".text-second").empty().append(html3);
+				$('.text-third').empty().append(
+					"共" +
+					"<span>" + 1 + "</span>" +
+					"条记录"
+				);
+			} else {
+				alert('您选择的地址没有解析到结果！');
+			}
+		}, '重庆市')
+	}
+
+	function addMarker(index, point, infoWindow) {
+		var myIcon = new BMap.Icon("./img/locationIcon2.png", new BMap.Size(34, 34));
+		var marker = new BMap.Marker(point, {
+			icon: myIcon
+		});
+		map.addOverlay(marker);
+		if (index == 0) {
+			marker.openInfoWindow(infoWindow)
+		}
+		marker.addEventListener("click", function() {
+			map.openInfoWindow(infoWindow, point); //开启信息窗口
+		});
+
+	}
+
+	//区级部门与街镇解析地址批量解析结束
+	$('.second-title>li').click(function() {
+		const xz = $(this).text();
+		if (xz == "区级部门") {
+			bdGEO(adds);
+			xrbm(bms);
+		}
+		if (xz == "街镇") {
+			bdGEO(jzadds);
+			xrjz(jzs);
+		}
+	});
+	
+	$('.second-title2>li').click(function() {
+		// 解决点击事件，多次执行的问题
+		// $('.second-title>li').unbind('click');
+		const xz = $(this).text().trim();
+		
+		if (xz == "区级部门") {
+			map.clearOverlays();
+			for (var i = 0; i < cycsbms.length; i++) {
+				const temdep = cycsbms[i].dept;
+				const temtel = cycsbms[i].tel;
+				const temadd = cycsbms[i].address;
+				
+				myGeo.getPoint(temadd, function(point) {
+					if (point) {
+						
+						var address = new BMap.Point(point.lng, point.lat);
+						var sContnet =
+							"<ul class='titleFirst'>" +
+							"<li>" + temdep + "</li>" +
+							"<li>" +
+							"<p><span>电话：</span>" + temtel + "</p>" +
+							"<p><span>地址：</span>" + temadd + "</p>" +
+							"<p><span>办公时间：</span>9:00-11:30，14:00-17:00（周一至周五，节假日除外)</p>" +
+							"</li>" +
+							"</ul>";
+						addMarker(0, address, new BMap.InfoWindow(sContnet, temadd));
+					}
+				}, "重庆市");
+			};
+		}
+		if (xz == "街镇") {
+			map.clearOverlays();
+		}
+	});
+
+	// 点击第一个全部 显示所有街道办事处
+	$('.alltotal').click(function() {
+		$(this).addClass('tab');
+		$(this).siblings().removeClass('tab');
+		bdGEO(jzadds);
+		xrjz(jzs);
+	});
+
+	// 公交路线图
+	$(".search-change>li").click(function() {
+		map.clearOverlays();
+		const liText = $(this).text();
+		var routePolicy = [
+			BMAP_TRANSIT_POLICY_RECOMMEND,
+			BMAP_TRANSIT_POLICY_LEAST_WALKING,
+			BMAP_TRANSIT_POLICY_LEAST_TRANSFER,
+			BMAP_TRANSIT_POLICY_LEAST_TIME
+		];
+		var drivingRoutePolicy = [BMAP_DRIVING_POLICY_LEAST_TIME,
+			BMAP_DRIVING_POLICY_LEAST_DISTANCE,
+			BMAP_DRIVING_POLICY_AVOID_HIGHWAYS
+		];
+
+		// 该部分是公交初始化（推荐路线）
+		if (liText == "公交") {
+			// 这是为了方便演示，你可以合并到你的内容中去
+			var startData, endData;
+			$("#inp-icon2").click(async function() {
+				const startZD = $("#gj-one").val();
+				const endZD = $("#gj-two").val();
+				const adds = [startZD, endZD];
+				for (var i = 0; i < adds.length; i++) {
+					if (i == 0) {
+						var add = adds[0];
+						await new Promise((resolve, reject) => {
+							myGeo.getPoint(add, function(point) {
+								if (point) {
+									startData = new BMap.Point(point
+										.lng,
+										point.lat);
+									resolve();
+								}
+							}, "重庆市");
+						})
+					};
+					if (i == 1) {
+						var add = adds[1];
+						await new Promise((resolve, reject) => {
+							myGeo.getPoint(add, function(point) {
+								if (point) {
+									endData = new BMap.Point(point
+										.lng,
+										point.lat);
+									resolve();
+								}
+							}, "重庆市");
+						})
+					}
+				};
+				var start = new BMap.Point(startData.lng, startData.lat);
+				var end = new BMap.Point(endData.lng, endData.lat);
+				var transit = new BMap.TransitRoute(map, {
+					renderOptions: {
+						map: map,
+						panel: 'result'
+					},
+					policy: 0,
+				});
+				map.clearOverlays();
+				search(start, end, routePolicy[0]);
+
+				function search(start, end, route) {
+					transit.setPolicy(route);
+					transit.search(start, end);
+				};
+			});
+
+			// 选择其他方案(少步行等)
+			$(".content-title>li").click(function() {
+				const liIndex = $(this).index();
+				var start = new BMap.Point(startData.lng, startData.lat);
+				var end = new BMap.Point(endData.lng, endData.lat);
+				var transit = new BMap.TransitRoute(map, {
+					renderOptions: {
+						map: map,
+						panel: 'result'
+					},
+					policy: 0,
+				});
+				map.clearOverlays();
+				search(start, end, routePolicy[liIndex]);
+				console.log(routePolicy[liIndex]);
+
+				function search(start, end, route) {
+					transit.setPolicy(route);
+					transit.search(start, end);
+				};
+			})
+		}
+
+		// 自驾初始化--最少时间，最短距离，避开高速
+		if (liText == "自驾") {
+			var startData, endData;
+			$('#inp-icon3').click(async function() {
+				const startZD = $("#zj-one").val();
+				const endZD = $("#zj-two").val();
+				const adds = [startZD, endZD];
+				for (var i = 0; i < adds.length; i++) {
+					if (i == 0) {
+						var add = adds[0];
+						await new Promise((resolve, reject) => {
+							myGeo.getPoint(add, function(point) {
+								if (point) {
+									startData = new BMap.Point(point
+										.lng,
+										point.lat);
+									resolve()
+								}
+							}, "全国");
+						})
+					}
+					if (i == 1) {
+						var add = adds[1];
+						await new Promise((resolve, reject) => {
+							myGeo.getPoint(add, function(point) {
+								if (point) {
+									endData = new BMap.Point(point.lng,
+										point.lat);
+									resolve()
+								}
+							}, "全国");
+						})
+					}
+				};
+
+				var start = new BMap.Point(startData.lng, startData.lat);
+				var end = new BMap.Point(endData.lng, endData.lat);
+				var drivingRoute = new BMap.DrivingRoute(map, {
+					renderOptions: {
+						map: map,
+						panel: "result1",
+						autoViewport: true,
+						enableDragging: true
+					},
+					onSearchComplete: function(results) {
+						if (drivingRoute.getStatus() ==
+							BMAP_STATUS_SUCCESS) {
+							// 获取第一条方案 
+							var plan = results.getPlan(0);
+							// 获取方案的驾车线路 
+							var route = plan.getRoute(0);
+							// 获取每个关键步骤，并输出到页面 
+							var s = [];
+							for (var i = 0; i < route.getNumSteps(); i++) {
+								var step = route.getStep(i);
+							}
+						}
+					}
+				});
+				map.clearOverlays();
+				drivingRoute.setPolicy(drivingRoutePolicy[0]);
+				drivingRoute.search(start, end);
+			});
+
+
+			// 选择其他方案
+			$("#zjxz>li").click(function() {
+				const liIndex = $(this).index();
+				console.log(liIndex);
+				var start = new BMap.Point(startData.lng, startData.lat);
+				var end = new BMap.Point(endData.lng, endData.lat);
+				var drivingRoute = new BMap.DrivingRoute(map, {
+					renderOptions: {
+						map: map,
+						panel: "result1",
+						autoViewport: true,
+						enableDragging: true
+					},
+					onSearchComplete: function(results) {
+						if (drivingRoute.getStatus() == BMAP_STATUS_SUCCESS) {
+							// 获取第一条方案 
+							var plan = results.getPlan(0);
+							// 获取方案的驾车线路 
+							var route = plan.getRoute(0);
+							// 获取每个关键步骤，并输出到页面 
+							var s = [];
+							for (var i = 0; i < route.getNumSteps(); i++) {
+								var step = route.getStep(i);
+							}
+						}
+					}
+				});
+				map.clearOverlays();
+				drivingRoute.setPolicy(drivingRoutePolicy[liIndex]);
+				drivingRoute.search(start, end);
+			})
+		}
+	});
+
+	// 左边的公交的起末位置封装成函数
+	function seBus(_that) {
+		var inps = $('.inps').css('left');
+		var buse = [];
+		if (inps == '0px') {
+			var startZD = _that.siblings('.inps').val();
+			var endZD = _that.parents('.title-first').find('.jzdz').text();
+			buse.push(startZD);
+			buse.push(endZD);
+			return buse;
+		} else {
+			var startZD = _that.parents('.title-first').find('.jzdz').text();
+			var endZD = _that.siblings('.inps').val();
+			buse.push(startZD);
+			buse.push(endZD);
+			return buse;
+		}
+		return buse;
+	};
+
+	// 点击左边的公交搜索按钮显示公交路径选择页面
+	$(document).on('click', '.imgSearch', function() {
+		var _that = $(this);
+		var res = seBus(_that);
+		for (var i = 0; i < res.length; i++) {
+			$('#start').text(res[0]);
+			$('#end').text(res[1]);
+			const startjz = res[0];
+			const endjz = res[1];
+			const valInput = _that.siblings('.inps').val();
+			if (startjz === "" || endjz === "") {
+				$('.show-first').css('display', 'block');
+				$('.show-second').css('display', 'none');
+				$('.show-third').css('display', 'none');
+				$('.show-fourth').css('display', 'none');
+			} else {
+				$('.show-first').css('display', 'none');
+				$('.show-second').css('display', 'block');
+				$('.show-third').css('display', 'none');
+				$('.show-fourth').css('display', 'none');
+			}
+		}
+	});
+
+	// 左边的自驾的起末位置封装成函数
+	function seCar(those) {
+		var inpst = $('.inpst').css('left');
+		var Care = [];
+		if (inpst == '0px') {
+			var startQJ = those.siblings('.inpst').val();
+			var endQJ = those.parents('.title-first').find('.jzdz').text();
+			Care.push(startQJ);
+			Care.push(endQJ);
+			return Care;
+		} else {
+			var startQJ = those.parents('.title-first').find('.jzdz').text();
+			var endQJ = those.siblings('.inpst').val();
+			Care.push(startQJ);
+			Care.push(endQJ);
+			return Care;
+		}
+		return Care;
+	}
+
+	// 点击右边的自驾搜索按钮显示自驾路径选择页面
+	$(document).on('click', '.imgSearch2', function() {
+		var those = $(this);
+		var result = seCar(those);
+		for (var i = 0; i < result.length; i++) {
+			$('#start2').text(result[0]);
+			$('#end2').text(result[1]);
+			const startjz = result[0];
+			const endjz = result[1];
+			const valInput2 = those.siblings('.inpst').val();
+			if (startjz === "" || endjz === "") {
+				$('.show-first').css('display', 'block');
+				$('.show-second').css('display', 'none');
+				$('.show-third').css('display', 'none');
+				$('.show-fourth').css('display', 'none');
+			} else if (!/^([\u4e00-\u9fa5A-Za-z0-9,.?!;，。？！、；])*$/.test(valInput2)) {
+				return false;
+				$('.show-first').css('display', 'block');
+				$('.show-second').css('display', 'none');
+				$('.show-third').css('display', 'none');
+				$('.show-fourth').css('display', 'none');
+			} else {
+				$('.show-first').css('display', 'none');
+				$('.show-second').css('display', 'none');
+				$('.show-third').css('display', 'block');
+				$('.show-fourth').css('display', 'none');
+			}
+		}
+	});
+
+	// 点击左边显示公交路线图
+	$(document).on('click', '.change-but>input', function() {
+		map.clearOverlays();
+		const inpVal = $(this).val();
+		var routePolicy = [
+			// BMAP_TRANSIT_POLICY_RECOMMEND,//推荐
+			// BMAP_TRANSIT_POLICY_LEAST_TRANSFER,//少换成
+			// BMAP_TRANSIT_POLICY_LEAST_WALKING,//少步行
+			// BMAP_TRANSIT_POLICY_LEAST_TIME,//时间最短
+			BMAP_TRANSIT_POLICY_RECOMMEND,
+			BMAP_TRANSIT_POLICY_LEAST_TRANSFER,
+			BMAP_TRANSIT_POLICY_LEAST_TIME,
+
+			BMAP_TRANSIT_POLICY_LEAST_WALKING,
+		];
+		var drivingRoutePolicy = [
+			BMAP_DRIVING_POLICY_LEAST_TIME,
+			BMAP_DRIVING_POLICY_LEAST_DISTANCE,
+			BMAP_DRIVING_POLICY_AVOID_HIGHWAYS
+		];
+
+		// 该部分是公交初始化（推荐路线）
+		if (inpVal == "公交") {
+			// 这是为了方便演示，你可以合并到你的内容中去
+			$(document).on('click', '.imgSearch', async function() {
+				var _that = $(this);
+				let adds = seBus(_that);
+				for (var i = 0; i < adds.length; i++) {
+					if (i == 0) {
+						var add = adds[0];
+						await new Promise((resolve, reject) => {
+							myGeo.getPoint(add, function(point) {
+								if (point) {
+									startData = new BMap.Point(point
+										.lng,
+										point.lat);
+									resolve();
+								}
+							}, "重庆市");
+						})
+					};
+					if (i == 1) {
+						var add = adds[1];
+						await new Promise((resolve, reject) => {
+							myGeo.getPoint(add, function(point) {
+								if (point) {
+									endData = new BMap.Point(point
+										.lng,
+										point.lat);
+									resolve();
+								}
+							}, "重庆市");
+						})
+					}
+				};
+				var start = new BMap.Point(startData.lng, startData.lat);
+				var end = new BMap.Point(endData.lng, endData.lat);
+				var transit = new BMap.TransitRoute(map, {
+					renderOptions: {
+						map: map,
+						panel: 'result'
+					},
+					policy: 0,
+				});
+				map.clearOverlays();
+				search(start, end, routePolicy[0]);
+
+				function search(start, end, route) {
+					transit.setPolicy(route);
+					transit.search(start, end);
+				};
+			});
+
+			// 选择其他方案(少步行等)
+			$(".content-title>li").click(function() {
+				const liIndex = $(this).index();
+				console.log(liIndex);
+				var start = new BMap.Point(startData.lng, startData.lat);
+				var end = new BMap.Point(endData.lng, endData.lat);
+				var transit = new BMap.TransitRoute(map, {
+					renderOptions: {
+						map: map,
+						panel: 'result'
+					},
+					policy: 0,
+				});
+				map.clearOverlays();
+				search(start, end, routePolicy[liIndex]);
+				console.log(routePolicy[liIndex]);
+
+				function search(start, end, route) {
+					transit.setPolicy(route);
+					transit.search(start, end);
+				};
+			})
+		}
+
+		// 自驾初始化--最少时间，最短距离，避开高速
+		if (inpVal == "自驾") {
+			$(document).on('click', '.imgSearch2', async function() {
+				var those = $(this);
+				let adds = seCar(those);
+				for (var i = 0; i < adds.length; i++) {
+					if (i == 0) {
+						var add = adds[0];
+						await new Promise((resolve, reject) => {
+							myGeo.getPoint(add, function(point) {
+								if (point) {
+									startData = new BMap.Point(point
+										.lng,
+										point.lat);
+									resolve()
+								}
+							}, "重庆市");
+						})
+					}
+					if (i == 1) {
+						var add = adds[1];
+						await new Promise((resolve, reject) => {
+							myGeo.getPoint(add, function(point) {
+								if (point) {
+									endData = new BMap.Point(point.lng,
+										point.lat);
+									resolve()
+								}
+							}, "重庆市");
+						})
+					}
+				};
+
+				var start = new BMap.Point(startData.lng, startData.lat);
+				var end = new BMap.Point(endData.lng, endData.lat);
+				var drivingRoute = new BMap.DrivingRoute(map, {
+					renderOptions: {
+						map: map,
+						panel: "result1",
+						autoViewport: true,
+						enableDragging: true
+					},
+					onSearchComplete: function(results) {
+						if (drivingRoute.getStatus() ==
+							BMAP_STATUS_SUCCESS) {
+							// 获取第一条方案 
+							var plan = results.getPlan(0);
+							// 获取方案的驾车线路 
+							var route = plan.getRoute(0);
+							// 获取每个关键步骤，并输出到页面 
+							var s = [];
+							for (var i = 0; i < route.getNumSteps(); i++) {
+								var step = route.getStep(i);
+							}
+						}
+					}
+				});
+				map.clearOverlays();
+				drivingRoute.setPolicy(drivingRoutePolicy[0]);
+				drivingRoute.search(start, end);
+			});
+
+
+			// 选择其他方案
+			$("#zjxz>li").click(function() {
+				const liIndex = $(this).index();
+				console.log(liIndex);
+				var start = new BMap.Point(startData.lng, startData.lat);
+				var end = new BMap.Point(endData.lng, endData.lat);
+				var drivingRoute = new BMap.DrivingRoute(map, {
+					renderOptions: {
+						map: map,
+						panel: "result1",
+						autoViewport: true,
+						enableDragging: true
+					},
+					onSearchComplete: function(results) {
+						if (drivingRoute.getStatus() == BMAP_STATUS_SUCCESS) {
+							// 获取第一条方案 
+							var plan = results.getPlan(0);
+							// 获取方案的驾车线路 
+							var route = plan.getRoute(0);
+							// 获取每个关键步骤，并输出到页面 
+							var s = [];
+							for (var i = 0; i < route.getNumSteps(); i++) {
+								var step = route.getStep(i);
+							}
+						}
+					}
+				});
+				map.clearOverlays();
+				drivingRoute.setPolicy(drivingRoutePolicy[liIndex]);
+				drivingRoute.search(start, end);
+			})
+		}
+	});
+
+	$(document).on('click', '.but-bus', function() {
+		$(this).siblings('.hide1').toggle();
+		$(this).parents('.title-first').siblings().find('.hide2').css('display', 'none');
+		$(this).parents('.title-first').siblings().find('.hide1').css('display', 'none');
+		$(this).siblings('.hide2').css('display', 'none');
+		$(this).siblings('.hide1').find('.inps').css('left', '0px');
+		$(this).siblings('.hide1').find('.inp-text').css('left', '220px');
+		$(this).siblings('.hide1').find('.imgSearch').css('right', '10px');
+		$(this).siblings('.hide1').find('.change-buts').css('left', '185px');
+		$(this).siblings('.hide2').find('.inpst').css('left', '0px');
+		$(this).siblings('.hide2').find('.inp-text2').css('left', '220px');
+		$(this).siblings('.hide2').find('.change-buts2').css('left', '185px');
+		$(this).siblings('.hide2').find('.imgSearch2').css('right', '10px');
+		$(this).addClass("xz-active").siblings("input").removeClass("xz-active");
+		$(this).parents(".title-first").siblings("ul").find(".change-but").children("input").removeClass("xz-active");
+		var hideBlue1 = $(this).siblings('.hide1').css('display');
+		if (hideBlue1 == 'none') {
+			$(this).removeClass("xz-active");
+		}
+	});
+
+	$(document).on('click', '.but-car', function() {
+		$(this).siblings('.hide1').css('display', 'none');
+		$(this).siblings('.hide2').toggle();
+		$(this).parents('.title-first').siblings().find('.hide1').css('display', 'none');
+		$(this).parents('.title-first').siblings().find('.hide2').css('display', 'none');
+		$(this).siblings('.hide1').find('.inps').css('left', '0px');
+		$(this).siblings('.hide1').find('.inp-text').css('left', '220px');
+		$(this).siblings('.hide1').find('.imgSearch').css('right', '10px');
+		$(this).siblings('.hide1').find('.change-buts').css('left', '185px');
+		$(this).siblings('.hide2').find('.inpst').css('left', '0px');
+		$(this).siblings('.hide2').find('.inp-text2').css('left', '220px');
+		$(this).siblings('.hide2').find('.change-buts2').css('left', '185px');
+		$(this).siblings('.hide2').find('.imgSearch2').css('right', '10px');
+		$(this).addClass("xz-active").siblings("input").removeClass("xz-active");
+		$(this).parents(".title-first").siblings("ul").find(".change-but").children("input").removeClass("xz-active");
+		var hideBlue2 = $(this).siblings('.hide2').css('display');
+		if (hideBlue2 == 'none') {
+			$(this).removeClass("xz-active");
+		}
+	});
+
+	// 点击搜索的图标，显示
+	$('.inp-icon1').click(function() {
+		map.clearOverlays();
+		$(".left-map").height(70+'%');
+		var searchInp = $('.inp').val();
+		if (searchInp === "") {
+			$('.show-first').css('display', 'block');
+			$('.show-second').css('display', 'none');
+			$('.show-third').css('display', 'none');
+			$('.show-fourth').css('display', 'none');
+		} else {
+			$('.show-first').css('display', 'none');
+			$('.show-third').css('display', 'none');
+			$('.show-second').css('display', 'none');
+			$('.show-fourth').css('display', 'block');
+		}
+		var options = {
+			renderOptions: {
+				map: map,
+				panel: 'search-result'
+			},
+			onSearchComplete: function(results) {
+				console.log(results);
+			}
+		}
+		var local = new BMap.LocalSearch(map, options);
+		local.search(searchInp);
+	});
+
+	// 当屏幕等于375px，将左上角的图片替换成小尺寸
+	// $(window).resize(function(e) {
+	// 	if (e.target.innerWidth < '750') {
+	// 		$('.logo-img').attr('src', 'img/map-logo2.png');
+	// 		$('.logo-img').css("width", "257px");
+	// 	} 
+	// 	if (e.target.innerWidth > '750') {
+	// 		$('.logo-img').attr('src', 'img/map-logo2.png');
+	// 		$('.logo-img').css("width", "257px");
+	// 	}
+	// 	if (e.target.innerWidth < '1366') {
+	// 		$('.logo-img').attr('src', 'img/map-logo2.png');
+	// 		$('.logo-img').css("width", "257px");
+	// 	}
+	// 	if (e.target.innerWidth > '1366') {
+	// 		$('.logo-img').attr('src', 'img/map-logo.png');
+	// 		$('.logo-img').css("width", "446px");
+	// 	}
+	// });
+})

nngkxxdp/src/main/resources/static/district/js/sy.js

@@ -1,3 +1,7 @@
+var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
+if (is_mobi) {
+    window.location.href = "sy_mobile.html";
+}
 $(function() {
 	// 点击图片，显示弹窗
 	$(".flex_li").click(function() {

nngkxxdp/src/main/resources/static/district/js/sy_mobile.js

@@ -0,0 +1,706 @@
+var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
+if (!is_mobi) {
+    window.location.href = "sy.html";
+}
+
+layui.use('element', function () {
+    var element = layui.element;
+    layer = layui.layer;
+});
+// if (screen.availWidth <= 750) {
+//     $('.logo-img').attr('src', '/img/map-logo2.png');
+// 	$('.logo-img').css("width", "257px");
+// }
+
+$(function () {
+    // 全部输入框特殊字符不能输入
+    // 匹配标志： g：全局匹配  i：忽略大小写
+    // / 是表达式开始和结束的标记
+    // \ 可以将后面出现的字符标记为特殊字符
+    // ^ 匹配输入字符串的开始位置，除非在方括号表达式中使用，当该符号在方括号表达式中使用时，表示不接受该方括号表达式中的字符集合。要匹配 ^ 字符本身，请使用 \^。
+    // \w 匹配字母、数字、下划线。等价于 [A-Za-z0-9_]
+    // $("input").bind('keyup blur', function() {
+    // 	// var reg= /[^\w\u4e00-\u9fa5\/\-]/gi;
+    // 	var reg = /[^\w\u4e00-\u9fa5]/gi;
+    // 	var val = $(this).val();
+    // 	if (reg.test(val)) {
+    // 		$(this).val($(this).val().replace(reg, ''));
+    // 	}
+    // });
+    
+    // 点击图片，显示弹窗
+    $(".flex_li").click(function () {
+        //   = $(".pop").css("display");
+        var tabshow = $(this).text().replace(/\s+/g, '');
+        if (tabshow == "教育") {
+            $(".pop").toggle();
+            $(".pop").siblings().hide()
+        } else if (tabshow == "户籍管理") {
+            $(".popCensus").toggle();
+            $(".popCensus").siblings().hide()
+        } else if (tabshow == "交通服务") {
+            $(".popTraffic").toggle();
+            $(".popTraffic").siblings().hide()
+        } else if (tabshow == "民政服务") {
+            $(".popCivil").toggle();
+            $(".popCivil").siblings().hide()
+        } else if (tabshow == "社会保障") {
+            $(".popSociety").toggle();
+            $(".popSociety").siblings().hide()
+        } else if (tabshow == "文体旅游") {
+            $(".popTravel").toggle();
+            $(".popTravel").siblings().hide()
+        } else if (tabshow == "养老服务") {
+            $(".popProvide").toggle();
+            $(".popProvide").siblings().hide()
+        } else if (tabshow == "医疗") {
+            $(".popMedical").toggle();
+            $(".popMedical").siblings().hide()
+
+        }
+    })
+    // 百度地图API功能
+    function G(id) {
+        return document.getElementById(id);
+    }
+
+    var map = new BMap.Map('right-map'); // 创建Map实例
+    map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); // 初始化地图,设置中心点坐标和地图级别
+    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
+    // 区级部门与街镇解析地址批量解析开始
+    var myGeo = new BMap.Geocoder();
+
+    var xxs = [];
+    var xx = [];
+    var zx = [];
+    var tsjy = [];
+    var dx = [];
+    var zyyx = [];
+    var yey = [];
+    $.ajax({
+        type: 'GET',
+        url: './js/map.json',
+        async: false,
+        success: function (res) {
+            console.log(res)
+            for (let i = 0; i < res.xxs.length; i++) {
+                xxs.push(res.xxs[i]);
+                if (xxs[i].type == "小学") {
+                    xx.push(xxs[i])
+                }
+                if (xxs[i].type == "中学" || xxs[i].specialtype == "中学") {
+                    zx.push(xxs[i])
+                }
+                if (xxs[i].type == "特殊教育学校") {
+                    tsjy.push(xxs[i])
+                }
+            }
+            for (let j = 0; j < res.dxs.length; j++) {
+                dx.push(res.dxs[j])
+            }
+            for (let k = 0; k < res.zyyxs.length; k++) {
+                zyyx.push(res.zyyxs[k])
+            }
+            for (let y = 0; y < res.yeys.length; y++) {
+                yey.push(res.yeys[y])
+            }
+        },
+        error: function (err) { },
+    });
+
+    $(".mapnav").click(function () {
+        $(this).addClass("choice");
+        $(this).parent("li").siblings().children(".mapnav").removeClass("choice");
+        var xxtx = $(this).text();
+        if (xxtx == "小学") {
+            bdGEOxx(xx);
+        }
+        if (xxtx == "中学") {
+            bdGEOzx(zx);
+        }
+        if (xxtx == "特殊教育学校") {
+            bdGEOtsjy(tsjy)
+        }
+        if (xxtx == "高等院校") {
+            bdGEOdx(dx)
+        }
+        if (xxtx == "职业教育学校") {
+            bdGEOzyyx(zyyx)
+        }
+        if (xxtx == "幼儿园") {
+            bdGEOyey(yey)
+        }
+    })
+
+    function bdGEOxx(xx) {
+        map.clearOverlays();
+        for (var z = 0; z < xx.length; z++) {
+            var add = xx[z].address;
+            const tempAdd = add;
+            myGeo.getPoint(tempAdd, function (point) {
+                if (point) {
+                    var address = new BMap.Point(point.lng, point.lat);
+                    for (var index = 0; index < xx.length; index++) {
+                        var xxdep = xx[index].dep;
+                        var xxaddre = xx[index].address;
+                        var xxtype = xx[index].type;
+                        var xxspecial = xx[index].specialtype;
+                        var xxtag = xx[index].tag;
+                        var xxtag2 = xx[index].tag2;
+                        var xxtag3 = xx[index].tag3;
+                        var xxcontent = xx[index].content;
+                        var xximg = xx[index].img;
+                        var sContnet = ''
+                        sContnet += "<ul class='titleFirst'>"
+                        sContnet += "<li class='title_flex'>"
+                        sContnet += xxdep
+                        sContnet += "<p class='flex_blue'>· "
+                        sContnet += xxtype
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        if (xxtag == "") {
+                            sContnet += "<li>"
+                        } else {
+                            sContnet += "<li class='flex_orange'>"
+                            sContnet += "<div class='three_tag'>"
+                            sContnet += xxtag
+                            if (xxtag2 == undefined) {
+                                sContnet += "</div>"
+                            } else {
+                                sContnet += "</div>"
+                                sContnet += "<div class='three_tag'>"
+                                sContnet += xxtag2
+                                sContnet += "</div>"
+                            }
+                            if (xxtag3 == undefined) {
+                                sContnet += "</li>"
+                            } else {
+                                sContnet += "<div class='three_tag'>"
+                                sContnet += xxtag3
+                                sContnet += "</div>"
+                                sContnet += "</li>"
+                            }
+                            sContnet += "<li>"
+                        }
+                        if (xxcontent == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                        } else {
+                            sContnet += "<a class='a_blue'>"
+                            sContnet += "<p class='content_p'>"
+                            sContnet += xxcontent
+                            sContnet += "</p>"
+                            sContnet += "详情></a>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='img_box'>"
+                        if (xximg == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/templates/site/image/nav-1.png'>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
+                        } else {
+                            sContnet += "<img class='two_img' src='" + xximg + "'>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='address_box'>"
+                        sContnet += "<p><span class='flex_address'>地址：</span>"
+                        sContnet += xxaddre
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='btn_box'>"
+                        sContnet += "<button class='one_bus'>公交</button>"
+                        sContnet += "<button class='two_car'>自驾</button>"
+                        sContnet += "</li>"
+                        sContnet += "</ul>";
+                        if (tempAdd == xxaddre) {
+                            addMarker(index, address, new BMap.InfoWindow(sContnet, xxaddre));
+                        }
+                        document.querySelectorAll(".two_img").onload = function () {
+                            infoWindow.redraw();
+                        }
+                    }
+                }
+            }, "重庆市");
+        }
+    };
+
+    function bdGEOzx(zx) {
+        map.clearOverlays();
+        for (var z = 0; z < zx.length; z++) {
+            var add = zx[z].address;
+            const tempAdd = add;
+            myGeo.getPoint(tempAdd, function (point) {
+                if (point) {
+                    var address = new BMap.Point(point.lng, point.lat);
+                    for (var index = 0; index < zx.length; index++) {
+                        var zxdep = zx[index].dep;
+                        var zxaddre = zx[index].address;
+                        var zxtype = zx[index].type;
+                        var zxspecial = zx[index].specialtype;
+                        var zxtag = zx[index].tag;
+                        var zxtag2 = zx[index].tag2;
+                        var zxtag3 = zx[index].tag3;
+                        var zxcontent = zx[index].content;
+                        var zximg = zx[index].img;
+                        var zxtel = zx[index].tel
+                        var sContnet = ''
+                        sContnet += "<ul class='titleFirst'>"
+                        sContnet += "<li class='title_flex'>"
+                        sContnet += zxdep
+                        if (zxtype == "小学") {
+                            sContnet += "<p class='flex_blue'>· "
+                            sContnet += zxtype
+                            sContnet += "</p>"
+                            sContnet += "<p class='flex_blue'>· "
+                            sContnet += zxspecial
+                            sContnet += "</p>"
+                        } else {
+                            sContnet += "<p class='flex_blue'>· "
+                            sContnet += zxtype
+                            sContnet += "</p>"
+                        }
+                        sContnet += "</li>"
+                        if (zxtag == "") {
+                            sContnet += "<li>"
+                        } else {
+                            sContnet += "<li class='flex_orange'>"
+                            sContnet += "<div class='three_tag'>"
+                            sContnet += zxtag
+                            if (zxtag2 == undefined) {
+                                sContnet += "</div>"
+                            } else {
+                                sContnet += "</div>"
+                                sContnet += "<div class='three_tag'>"
+                                sContnet += zxtag2
+                                sContnet += "</div>"
+                            }
+                            if (zxtag3 == undefined) {
+                                sContnet += "</li>"
+                            } else {
+                                sContnet += "<div class='three_tag'>"
+                                sContnet += zxtag3
+                                sContnet += "</div>"
+                                sContnet += "</li>"
+                            }
+                            sContnet += "<li>"
+                        }
+                        if (zxcontent == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                        } else {
+                            sContnet += "<a class='a_blue'>"
+                            sContnet += "<p class='content_p'>"
+                            sContnet += zxcontent
+                            sContnet += "</p>"
+                            sContnet += "详情></a>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='img_box'>"
+                        if (zximg == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/templates/site/image/nav-1.png'>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
+                        } else {
+                            sContnet += "<img class='two_img' src='" + zximg + "'>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='address_box'>"
+                        sContnet += "<p><span class='flex_address'>地址：</span>"
+                        sContnet += zxaddre
+                        sContnet += "</p>"
+                        sContnet += "<p><span class='flex_address'>办公电话：</span>"
+                        sContnet += zxtel
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='btn_box'>"
+                        sContnet += "<button class='one_bus'>公交</button>"
+                        sContnet += "<button class='two_car'>自驾</button>"
+                        sContnet += "</li>"
+                        sContnet += "</ul>"
+                        if (tempAdd == zxaddre) {
+                            addMarker(index, address, new BMap.InfoWindow(sContnet, zxaddre));
+                        }
+                        document.querySelectorAll(".two_img").onload = function () {
+                            infoWindow.redraw();
+                        }
+                    }
+                }
+            }, "重庆市");
+        }
+    };
+
+    function bdGEOtsjy(tsjy) {
+        map.clearOverlays();
+        for (var z = 0; z < tsjy.length; z++) {
+            var add = tsjy[z].address;
+            const tempAdd = add;
+            myGeo.getPoint(tempAdd, function (point) {
+                if (point) {
+                    var address = new BMap.Point(point.lng, point.lat);
+                    for (var index = 0; index < tsjy.length; index++) {
+                        var tsjydep = tsjy[index].dep;
+                        var tsjyaddre = tsjy[index].address;
+                        var tsjytype = tsjy[index].type;
+                        var tsjytag = tsjy[index].tag;
+                        var tsjytag2 = tsjy[index].tag2;
+                        var tsjytag3 = tsjy[index].tag3;
+                        var tsjycontent = tsjy[index].content;
+                        var tsjyimg = tsjy[index].img;
+                        var tsjytel = tsjy[index].tel
+                        var sContnet =
+                            sContnet += "<ul class='titleFirst'>"
+                        sContnet += "<li class='title_flex'>"
+                        sContnet += tsjydep
+                        sContnet += "<p class='flex_blue'>· "
+                        sContnet += tsjytype
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        if (tsjytag == "") {
+                            sContnet += "<li>"
+                        } else {
+                            sContnet += "<li class='flex_orange'>"
+                            sContnet += "<div class='three_tag'>"
+                            sContnet += tsjytag
+                            if (tsjytag2 == undefined) {
+                                sContnet += "</div>"
+                            } else {
+                                sContnet += "</div>"
+                                sContnet += "<div class='three_tag'>"
+                                sContnet += tsjytag2
+                                sContnet += "</div>"
+                            }
+                            if (tsjytag3 == undefined) {
+                                sContnet += "</li>"
+                            } else {
+                                sContnet += "<div class='three_tag'>"
+                                sContnet += tsjytag3
+                                sContnet += "</div>"
+                                sContnet += "</li>"
+                            }
+                            sContnet += "<li>"
+                        }
+                        if (tsjycontent == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                        } else {
+                            sContnet += "<a class='a_blue'>"
+                            sContnet += "<p class='content_p'>"
+                            sContnet += tsjycontent
+                            sContnet += "</p>"
+                            sContnet += "详情></a>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='img_box'>"
+                        if (tsjyimg == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/templates/site/image/nav-1.png'>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
+                        } else {
+                            sContnet += "<img class='two_img' src='" + tsjyimg + "'>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='address_box'>"
+                        sContnet += "<p><span class='flex_address'>地址：</span>"
+                        sContnet += tsjyaddre
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='btn_box'>"
+                        sContnet += "<button class='one_bus'>公交</button>"
+                        sContnet += "<button class='two_car'>自驾</button>"
+                        sContnet += "</li>"
+                        sContnet += "</ul>"
+                        if (tempAdd == tsjyaddre) {
+                            addMarker(index, address, new BMap.InfoWindow(sContnet, tsjyaddre));
+                        }
+                        document.querySelectorAll(".two_img").onload = function () {
+                            infoWindow.redraw();
+                        }
+                    }
+                }
+            }, "重庆市");
+        }
+    };
+
+    function bdGEOdx(dx) {
+        map.clearOverlays();
+        for (var z = 0; z < dx.length; z++) {
+            var add = dx[z].address;
+            const tempAdd = add;
+            myGeo.getPoint(tempAdd, function (point) {
+                if (point) {
+                    var address = new BMap.Point(point.lng, point.lat);
+                    for (var index = 0; index < dx.length; index++) {
+                        var dxdep = dx[index].dep;
+                        var dxaddre = dx[index].address;
+                        var dxtype = dx[index].type;
+                        var dxtag = dx[index].tag;
+                        var dxtag2 = dx[index].tag2;
+                        var dxtag3 = dx[index].tag3;
+                        var dxcontent = dx[index].content;
+                        var dximg = dx[index].img;
+                        var dxtel = dx[index].tel
+                        var sContnet = ''
+                        sContnet += "<ul class='titleFirst'>"
+                        sContnet += "<li class='title_flex'>"
+                        sContnet += dxdep
+                        sContnet += "<p class='flex_blue'>· "
+                        sContnet += dxtype
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='flex_orange'>"
+                        sContnet += "<div class='three_tag'>"
+                        sContnet += dxtag
+                        sContnet += "</div>"
+                        sContnet += "<div class='three_tag'>"
+                        sContnet += dxtag2
+                        sContnet += "</div>"
+                        sContnet += "<div class='three_tag'>"
+                        sContnet += dxtag3
+                        sContnet += "</div>"
+                        sContnet += "</li>"
+                        sContnet += "<li>"
+                        sContnet += "<a class='a_blue'>"
+                        sContnet += "<p class='content_p'>"
+                        sContnet += dxcontent
+                        sContnet += "</p>"
+                        sContnet += "详情></a>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='img_box'>"
+                        if (dximg == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                        } else {
+                            sContnet += "<img class='two_img' src='" + dximg + "'>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='address_box'>"
+                        sContnet += "<p><span class='flex_address'>地址：</span>"
+                        sContnet += dxaddre
+                        sContnet += "</p>"
+                        sContnet += "<p><span class='flex_address'>办公电话：</span>"
+                        sContnet += dxtel
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='btn_box'>"
+                        sContnet += "<button class='one_bus'>公交</button>"
+                        sContnet += "<button class='two_car'>自驾</button>"
+                        sContnet += "</li>"
+                        sContnet += "</ul>"
+                        if (tempAdd == dxaddre) {
+                            addMarker(index, address, new BMap.InfoWindow(sContnet, dxaddre));
+                        }
+                        document.querySelectorAll(".two_img").onload = function () {
+                            infoWindow.redraw();
+                        }
+                    }
+                }
+            }, "重庆市");
+        }
+    };
+
+    function bdGEOzyyx(zyyx) {
+        map.clearOverlays();
+        for (var z = 0; z < zyyx.length; z++) {
+            var add = zyyx[z].address;
+            const tempAdd = add;
+            myGeo.getPoint(tempAdd, function (point) {
+                if (point) {
+                    var address = new BMap.Point(point.lng, point.lat);
+                    for (var index = 0; index < zyyx.length; index++) {
+                        var zyyxdep = zyyx[index].dep;
+                        var zyyxaddre = zyyx[index].address;
+                        var zyyxtype = zyyx[index].type;
+                        var zyyxtag = zyyx[index].tag;
+                        var zyyxtag2 = zyyx[index].tag2;
+                        var zyyxtag3 = zyyx[index].tag3;
+                        var zyyxcontent = zyyx[index].content;
+                        var zyyximg = zyyx[index].img;
+                        var zyyxtel = zyyx[index].tel
+                        var sContnet = ''
+                        sContnet += "<ul class='titleFirst'>"
+                        sContnet += "<li class='title_flex'>"
+                        sContnet += zyyxdep
+                        sContnet += "<p class='flex_blue'>· "
+                        sContnet += zyyxtype
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        if (zyyxtag == "") {
+                            sContnet += "<li>"
+                        } else {
+                            sContnet += "<li class='flex_orange'>"
+                            sContnet += "<div class='three_tag'>"
+                            sContnet += zyyxtag
+                            if (zyyxtag2 == undefined) {
+                                sContnet += "</div>"
+                            } else {
+                                sContnet += "</div>"
+                                sContnet += "<div class='three_tag'>"
+                                sContnet += zyyxtag2
+                                sContnet += "</div>"
+                            }
+                            if (zyyxtag3 == undefined) {
+                                sContnet += "</li>"
+                            } else {
+                                sContnet += "<div class='three_tag'>"
+                                sContnet += zyyxtag3
+                                sContnet += "</div>"
+                                sContnet += "</li>"
+                            }
+                            sContnet += "<li>"
+                        }
+                        if (zyyxcontent == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                        } else {
+                            sContnet += "<a class='a_blue'>"
+                            sContnet += "<p class='content_p'>"
+                            sContnet += zyyxcontent
+                            sContnet += "</p>"
+                            sContnet += "详情></a>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='img_box'>"
+                        if (zyyximg == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/templates/site/image/nav-1.png'>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
+                        } else {
+                            sContnet += "<img class='two_img' src='" + zyyximg + "'>"
+                            // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='address_box'>"
+                        sContnet += "<p><span class='flex_address'>地址：</span>"
+                        sContnet += zyyxaddre
+                        sContnet += "</p>"
+                        sContnet += "<p><span class='flex_address'>办公电话：</span>"
+                        sContnet += zyyxtel
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='btn_box'>"
+                        sContnet += "<button class='one_bus'>公交</button>"
+                        sContnet += "<button class='two_car'>自驾</button>"
+                        sContnet += "</li>"
+                        sContnet += "</ul>"
+                        if (tempAdd == zyyxaddre) {
+                            addMarker(index, address, new BMap.InfoWindow(sContnet, zyyxaddre));
+                        }
+                        document.querySelectorAll(".two_img").onload = function () {
+                            infoWindow.redraw();
+                        }
+                    }
+                }
+            }, "重庆市");
+        }
+    };
+
+    function bdGEOyey(yey) {
+        map.clearOverlays();
+        for (var z = 0; z < yey.length; z++) {
+            var add = yey[z].address;
+            const tempAdd = add;
+            myGeo.getPoint(tempAdd, function (point) {
+                if (point) {
+                    var address = new BMap.Point(point.lng, point.lat);
+                    for (var index = 0; index < yey.length; index++) {
+                        var yeydep = yey[index].dep;
+                        var yeyaddre = yey[index].address;
+                        var yeytype = yey[index].type;
+                        var yeytag = yey[index].tag;
+                        var yeytag2 = yey[index].tag2;
+                        var yeycontent = yey[index].content;
+                        var yeyimg = yey[index].img;
+                        var yeytel = yey[index].tel
+                        var sContnet = ''
+                        sContnet += "<ul class='titleFirst'>"
+                        sContnet += "<li class='title_flex'>"
+                        sContnet += yeydep
+                        sContnet += "<p class='flex_blue'>· "
+                        sContnet += yeytype
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='flex_orange'>"
+                        sContnet += "<div class='three_tag'>"
+                        sContnet += yeytag
+                        sContnet += "</div>"
+                        sContnet += "<div class='three_tag'>"
+                        sContnet += yeytag2
+                        sContnet += "</div>"
+                        sContnet += "<li>"
+                        if (yeycontent == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                        } else {
+                            sContnet += "<a class='a_blue'>"
+                            sContnet += "<p class='content_p'>"
+                            sContnet += yeycontent
+                            sContnet += "</p>"
+                            sContnet += "详情></a>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='img_box'>"
+                        if (yeyimg == "") {
+                            sContnet += "<p class='content_p'>暂无数据</p>"
+                        } else {
+                            sContnet += "<img class='two_img' src='" + yeyimg + "'>"
+                        }
+                        sContnet += "</li>"
+                        sContnet += "<li class='address_box'>"
+                        sContnet += "<p><span class='flex_address'>地址：</span>"
+                        sContnet += yeyaddre
+                        sContnet += "</p>"
+                        sContnet += "<p><span class='flex_address'>办公电话：</span>"
+                        sContnet += yeytel
+                        sContnet += "</p>"
+                        sContnet += "</li>"
+                        sContnet += "<li class='btn_box'>"
+                        sContnet += "<button class='one_bus'>公交</button>"
+                        sContnet += "<button class='two_car'>自驾</button>"
+                        sContnet += "</li>"
+                        sContnet += "</ul>"
+                        if (tempAdd == yeyaddre) {
+                            addMarker(index, address, new BMap.InfoWindow(sContnet, yeyaddre));
+                        }
+                        document.querySelectorAll(".two_img").onload = function () {
+                            infoWindow.redraw();
+                        }
+                    }
+                }
+            }, "重庆市");
+        }
+    };
+
+    function addMarker(index, point, infoWindow) {
+        var myIcon = new BMap.Icon("./img/locationIcon2.png", new BMap.Size(34, 34));
+        var marker = new BMap.Marker(point, {
+            icon: myIcon
+        });
+        map.addOverlay(marker);
+        if (index == 0) {
+            marker.openInfoWindow(infoWindow)
+        }
+        marker.addEventListener("click", function () {
+            map.openInfoWindow(infoWindow, point); //开启信息窗口
+        });
+
+    }
+
+})
+
+    // 当屏幕等于375px，将左上角的图片替换成小尺寸
+    // $(window).resize(function (e) {
+    //     if (e.target.innerWidth < '750') {
+    //         $('.logo-img').attr('src', 'img/map-logo2.png');
+    //         $('.logo-img').css("width", "257px");
+    //     }
+    //     if (e.target.innerWidth > '750') {
+    //         $('.logo-img').attr('src', 'img/map-logo2.png');
+    //         $('.logo-img').css("width", "257px");
+    //     }
+    //     if (e.target.innerWidth < '1366') {
+    //         $('.logo-img').attr('src', 'img/map-logo2.png');
+    //         $('.logo-img').css("width", "257px");
+    //     }
+    //     if (e.target.innerWidth > '1366') {
+    //         $('.logo-img').attr('src', 'img/map-logo.png');
+    //         $('.logo-img').css("width", "446px");
+    //     }
+    // });
+

nngkxxdp/src/main/resources/static/district/sy_mobile.html

@@ -0,0 +1,903 @@
+<!DOCTYPE html>
+<html>
+
+<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/css/layui.css">
+    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
+    <link rel="stylesheet" href="./css/sy_mobile.css">
+    <title>重庆市南岸区人民政府--地图搜索页</title>
+</head>
+
+<body>
+    <div class="head">
+        <!-- 左边的logo和文字 -->
+        <div class="left-logo">
+            <img class="logo-img" src="img/map-logo.png">
+        </div>
+        <!-- 右边的搜索框 -->
+
+    </div>
+
+    <div class="main">
+        <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="bttom-tab">
+            <div class="swiper">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                        <ul>
+                            <li>
+                                <a href="district_mobile.html" class="target_a">
+                                    <div class="img_tab">
+                                        <img src="img/fgk.png">
+                                        <p class="flex_text">政务公开</p>
+                                    </div>
+                                </a>
+                            </li>
+                            <li>
+                                <div class="img_tab">
+                                    <img src="img/fzwfw.png">
+                                    <p class="flex_text">政务服务</p>
+                                </div>
+                            </li>
+                            <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/fjy.png">
+                                    <p class="flex_text">教育</p>
+                                </div>
+
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="swiper-slide">
+                        <ul>
+                            <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/fdqfwzx.png">
+                                    <p class="flex_text">党群服务中心</p>
+                                </div>
+                            </li>
+                            <li class="flex_li">
+                                <div class="img_tab">
+                                    <img src="img/fhjgl.png">
+                                    <p class="flex_text">户籍管理</p>
+                                </div>
+
+                            </li>
+                            <li class="flex_li">
+                                <div class="img_tab">
+                                    <img src="img/fjtfw.png">
+                                    <p class="flex_text">交通服务</p>
+                                </div>
+                               
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="swiper-slide">
+                        <ul>
+                            <li class="flex_li">
+                                <div class="img_tab">
+                                    <img src="img/fmzfw.png">
+                                    <p class="flex_text">民政服务</p>
+                                </div>
+                                
+                            </li>
+                            <li class="flex_li">
+                                <div class="img_tab">
+                                    <img src="img/fshbz.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>
+                               
+                            </li>
+                            <li class="flex_li">
+                                <div class="img_tab">
+                                    <img src="img/fylfw.png">
+                                    <p class="flex_text">养老服务</p>
+                                </div>
+                                
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="swiper-slide">
+                        <ul style="justify-content: flex-start; margin-left: 26px;">
+                            <li class="flex_li">
+                                <div class="img_tab">
+                                    <img src="img/fyl.png">
+                                    <p class="flex_text">医疗</p>
+                                </div>
+                                
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="swiper-pagination"></div>
+        </div>
+        <!-- 点击公交搜索出现的路径选择 -->
+        <div class="show-second">
+            <div class="title-second">
+                <h6>搜索</h6>
+                <button type="button" class="btn-back">返回</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>
+        <!-- 点击自驾搜索出现的路径选择 -->
+        <div class="show-third">
+            <div class="title-second">
+                <h6>搜索</h6>
+                <button type="button" class="back-btn">返回</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>
+        <!-- 点击搜索出现的页面 -->
+        <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 class="pop-up">
+            <div class="flex_pop pop lineFour" style="display: none;">
+                <ul class="flex_wrap">
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">职业教育学校</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">特殊教育学校</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">高等院校</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">小学</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">中学</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">幼儿园</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="flex_pop_two popCensus lineThree" style="display: none;">
+                <ul class="flex_wrap">
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav choice">派出所</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">出入境业务办理机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">来渝人员暂住登记服务站</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="flex_pop_two popTraffic lineFour" style="display: none;">
+                <div class="wrap_big">
+                    <ul class="flex_wrap">
+                        <div class="inline_one">
+                            <div class="tab_one">按办理业务查询</div>
+                            <div class="tab_one select">按办事网点查询</div>
+                        </div>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav choice">交通支大队</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">交通违法处理机构（执法站）</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">交通事故处理机构</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">车管所</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">车管站</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">机动车检测场</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">机动车考试场</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">非机动车登记站</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">机动车解体厂</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">进京证办证处</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">交通法制咨询机构</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">驾驶人体检医院</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">政务服务中心交管服务点</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">4s店代办临牌服务点</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">4s店检验发牌服务站</a>
+                        </li>
+                        <li>
+                            <img src="img/flex.png">
+                            <a class="mapnav">汽车交易市场服务点</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="flex_pop_three popCivil lineOne" style="display: none;">
+                <ul class="flex_wrap">
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav choice">婚姻登记机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">殡仪服务机构</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="flex_pop_three popSociety lineTwo" style="display: none;">
+                <ul class="flex_wrap">
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav choice">定点创业培训机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">市、区人力资源公共服务机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">区级社保机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">劳动人事争议调解仲裁机构</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="flex_pop_three popTravel lineFive" style="display: none;">
+                <ul class="flex_wrap">
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav choice">图书馆</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">文化馆</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">公共体育馆</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">四/五星级民俗村</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">红色旅游景点</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">旅游咨询站</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">特色旅游</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">博物馆</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">冰雪运动场馆</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="flex_pop_three popProvide lineFour" style="display: none;">
+                <ul class="flex_wrap">
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav choice">养老机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">社区养老服务驿站</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="flex_pop_four popMedical lineSix" style="display: none;">
+                <ul class="flex_wrap">
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav choice">儿科诊疗服务机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">职业病诊断机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">免疫规划预防接种门诊</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">狂犬疫苗接种门诊</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">采血点</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">二级医疗机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">三级医疗机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">助产机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">社区卫生服务机构</a>
+                    </li>
+                    <li>
+                        <img src="img/flex.png">
+                        <a class="mapnav">消化内镜检查医疗机构</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+
+        <!-- <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">
+							<a href="district.html" class="target_a">
+								<div class="img_tab">
+									<img src="img/fgk.png">
+									<p class="flex_text">政务公开</p>
+								</div>
+							</a>
+						</li>
+						<li class="flex_li">
+							<div class="img_tab">
+								<img src="img/fzwfw.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/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">职业教育学校</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">特殊教育学校</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">高等院校</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">小学</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">中学</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">幼儿园</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/fdqfwzx.png">
+								<p class="flex_text">党群服务中心</p>
+							</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 lineThree" style="display: none;">
+								<ul class="flex_wrap">
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav choice">派出所</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">出入境业务办理机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">来渝人员暂住登记服务站</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 lineFour" style="display: none;">
+								<div class="wrap_big">
+									<ul class="flex_wrap">
+										<div class="inline_one">
+											<div class="tab_one">按办理业务查询</div>
+											<div class="tab_one select">按办事网点查询</div>
+										</div>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav choice">交通支大队</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">交通违法处理机构（执法站）</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">交通事故处理机构</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">车管所</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">车管站</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">机动车检测场</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">机动车考试场</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">非机动车登记站</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">机动车解体厂</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">进京证办证处</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">交通法制咨询机构</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">驾驶人体检医院</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">政务服务中心交管服务点</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">4s店代办临牌服务点</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">4s店检验发牌服务站</a>
+										</li>
+										<li>
+											<img src="img/flex.png">
+											<a class="mapnav">汽车交易市场服务点</a>
+										</li>
+									</ul>
+								</div>
+							</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 lineOne" style="display: none;">
+								<ul class="flex_wrap">
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav choice">婚姻登记机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">殡仪服务机构</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_three pop lineTwo" style="display: none;">
+								<ul class="flex_wrap">
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav choice">定点创业培训机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">市、区人力资源公共服务机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">区级社保机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">劳动人事争议调解仲裁机构</a>
+									</li>
+								</ul>
+							</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_three pop lineThree" style="display: none;">
+								<ul class="flex_wrap">
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav choice">图书馆</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">文化馆</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">公共体育馆</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">四/五星级民俗村</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">红色旅游景点</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">旅游咨询站</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">特色旅游</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">博物馆</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">冰雪运动场馆</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 lineFour" style="display: none;">
+								<ul class="flex_wrap">
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav choice">养老机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">社区养老服务驿站</a>
+									</li>
+								</ul>
+							</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_four pop lineOne" style="display: none;">
+								<ul class="flex_wrap">
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav choice">儿科诊疗服务机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">职业病诊断机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">免疫规划预防接种门诊</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">狂犬疫苗接种门诊</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">采血点</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">二级医疗机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">三级医疗机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">助产机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">社区卫生服务机构</a>
+									</li>
+									<li>
+										<img src="img/flex.png">
+										<a class="mapnav">消化内镜检查医疗机构</a>
+									</li>
+								</ul>
+							</div>
+						</li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+						<li class="flex_li"></li>
+					</ul>
+				</div>
+				点击公交搜索出现的路径选择
+				<div class="show-second">
+					<div class="title-second">
+						<h6>搜索</h6>
+						<button type="button" class="btn-back">返回</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>
+				点击自驾搜索出现的路径选择
+				<div class="show-third">
+					<div class="title-second">
+						<h6>搜索</h6>
+						<button type="button" class="back-btn">返回</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>
+				点击搜索出现的页面
+				<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>
+    </div>
+    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=nSxiPohfziUaCuONe4ViUP2N"></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 src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=nSxiPohfziUaCuONe4ViUP2N"></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.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>

nngkxxdp/src/main/resources/static/page/index.html

@@ -624,6 +624,7 @@
                                                             <th colspan="9" rowspan="2" class="situation_border">栏目名称
                                                             </th>
 
+
                                                             <th rowspan="2" colspan="3">总计</th>
                                                             <th rowspan="2" colspan="3">最近更新情况</th>
                                                         </tr>

nngkxxdp/src/main/resources/static/page/js/base/mslm.item.js

@@ -1,7 +1,7 @@
-$(function() {
-	$("#mslm-update-tab").on('click', function() {
-		initMslmUpdateChart();
-	});
+$(function () {
+    $("#mslm-update-tab").on('click', function () {
+        initMslmUpdateChart();
+    });
 });
 
 /**
@@ -10,118 +10,118 @@ $(function() {
  * @param {Object} date2
  */
 function getNumberOfDays(date1, date2) {
-	var a1 = Date.parse(new Date(date1));
-	var a2 = Date.parse(new Date(date2));
-	var day = parseInt((a2 - a1) / (1000 * 60 * 60 * 24));
-	return day;
+    var a1 = Date.parse(new Date(date1));
+    var a2 = Date.parse(new Date(date2));
+    var day = parseInt((a2 - a1) / (1000 * 60 * 60 * 24));
+    return day;
 }
 
 /**
  * 查询民生栏目总览数据
  */
 function getMslmTable() {
-	$("#tileTable").empty();
-	var _html = '';
-	get('/mail/webStatus', true, {
-		"type": 0,
-		"Id": 2
-	}, function(res) {
-		var length = res.length;
-		var name = res.ColumnName;
-		var dept = res.dept;
-		var count = res.count;
-		var release = res.releaseDate;
-		for (let i = 0; i < length; i++) {
-			var releaseDate = release[i];
-			var data = new Date();
-			var nowDate = data.toLocaleDateString();
-			var interval = getNumberOfDays(releaseDate, nowDate);
-			var cls = '';
-			if (interval <= 30) {
-				cls = 'marker2-three';
-			} else if (interval <= 90) {
-				cls = 'marker2-one';
-			} else if (interval >= 90) {
-				cls = 'marker2-two';
-			}
-			_html += '<tr>' +
-				'"<td>' + name[i] + '</td>' +
-				'"<td>' + dept[i] + '</td>' +
-				'"<td>' + count[i] + '</td>' +
-				'"<td  id="releaseDate" class="' + cls + '" style="width: 200px">' + release[i] +
-				'&nbsp;&nbsp;&nbsp;&nbsp;' +
-				interval + '天前</td>' +
-				'"</tr>';
-		}
-		$("#tileTable").html(_html);
-	}, function(err) {});
+    $("#tileTable").empty();
+    var _html = '';
+    get('/mail/webStatus', true, {
+        "type": 0,
+        "Id": 2
+    }, function (res) {
+        var length = res.length;
+        var name = res.ColumnName;
+        var dept = res.dept;
+        var count = res.count;
+        var release = res.releaseDate;
+        for (let i = 0; i < length; i++) {
+            var releaseDate = release[i];
+            var data = new Date();
+            var nowDate = data.toLocaleDateString();
+            var interval = getNumberOfDays(releaseDate, nowDate);
+            var cls = '';
+            if (interval <= 30) {
+                cls = 'marker2-three';
+            } else if (interval <= 90) {
+                cls = 'marker2-one';
+            } else if (interval >= 90) {
+                cls = 'marker2-two';
+            }
+            _html += '<tr>' +
+                '"<td>' + name[i] + '</td>' +
+                '"<td>' + dept[i] + '</td>' +
+                '"<td>' + count[i] + '</td>' +
+                '"<td  id="releaseDate" class="' + cls + '" style="width: 200px">' + release[i] +
+                '&nbsp;&nbsp;&nbsp;&nbsp;' +
+                interval + '天前</td>' +
+                '"</tr>';
+        }
+        $("#tileTable").html(_html);
+    }, function (err) {
+    });
 }
 
 /**
  * 获取民生栏目更新数据
  */
 function initMslmUpdateChart() {
-	$("#DistrictPortal").removeAttr("_echarts_instance_").empty();
-	get('/mail/findPublicStatus', true, {
-		"type": 0,
-		"urlId": 2
-	}, function(res) {
-		var typeNames = [];
-		for (let i = 0; i < res.length; i++) {
-			typeNames.push(res.field[i]);
-		}
-		// 图表绘制
-		var barData = res;
-		var dpChartDom = document.getElementById('DistrictPortal');
-		var dpMyChart = echarts.init(dpChartDom);
-		var dpOption = {
-			title : {
-				text: "最近180天民生栏目更新情况",
-				x: 'center',
-				y: '5px',
-			},
-			tooltip : {
-				show : true
-	            /*trigger: 'item',
-	            formatter: "{b} : {c} (次)"*/
-	        },
-			xAxis: {
-				type: 'category',
-				data: barData.field,
-				axisLabel: {
-					interval: 0,
-					formatter:function(value)  
-                    {  
-                        return value.split("").join("\n");  
-                    }  
-				}
-			},
-			grid: {
-				bottom: '20%',
-				left: '4%'
-			},
-			yAxis: {
-				name: '单位：（条）',
-				type: 'value'
-			},
-			series: [{
-				type: 'bar',
-				data: barData.fieldSize,
-	            itemStyle: {
-	                normal:{
-	                    label:{
-	                        show:true,
-	                        /*formatter: "{b} :\n  {c} \n ({d}%)",*/
-	                        position:"top"
-	                    }
-	                }
-	            }
-			}]
-		}
-		dpOption && dpMyChart.setOption(dpOption);
-		// 民生栏目更新数据表格
-		initMslmUpdateTable(typeNames);
-	});
+    $("#DistrictPortal").removeAttr("_echarts_instance_").empty();
+    get('/mail/findPublicStatus', true, {
+        "type": 0,
+        "urlId": 2
+    }, function (res) {
+        var typeNames = [];
+        for (let i = 0; i < res.length; i++) {
+            typeNames.push(res.field[i]);
+        }
+        // 图表绘制
+        var barData = res;
+        var dpChartDom = document.getElementById('DistrictPortal');
+        var dpMyChart = echarts.init(dpChartDom);
+        var dpOption = {
+            title: {
+                text: "最近180天民生栏目更新情况",
+                x: 'center',
+                y: '5px',
+            },
+            tooltip: {
+                show: true
+                /*trigger: 'item',
+                formatter: "{b} : {c} (次)"*/
+            },
+            xAxis: {
+                type: 'category',
+                data: barData.field,
+                axisLabel: {
+                    interval: 0,
+                    formatter: function (value) {
+                        return value.split("").join("\n");
+                    }
+                }
+            },
+            grid: {
+                bottom: '20%',
+                left: '4%'
+            },
+            yAxis: {
+                name: '单位：（条）',
+                type: 'value'
+            },
+            series: [{
+                type: 'bar',
+                data: barData.fieldSize,
+                itemStyle: {
+                    normal: {
+                        label: {
+                            show: true,
+                            /*formatter: "{b} :\n  {c} \n ({d}%)",*/
+                            position: "top"
+                        }
+                    }
+                }
+            }]
+        }
+        dpOption && dpMyChart.setOption(dpOption);
+        // 民生栏目更新数据表格
+        initMslmUpdateTable(typeNames);
+    });
 }
 
 /**
@@ -129,53 +129,35 @@ function initMslmUpdateChart() {
  * @param {Object} typeNames
  */
 function initMslmUpdateTable(typeNames) {
-	let _tdhtml = '';
-	let _html = '';
-	$("#streetHeader").empty();
-	get('/mail/findPublicSheet', true, {
-		"typeName": typeNames ? typeNames.join(",") : ""
-	}, function (res) {
-		if (!res) {
-			return;
-		}
-		let dept = res.dept;
-		let column = res.column;
-		let typeName = res.typeName;
-		let str = '';
-		for (let i = 0; i < res.length; i++) {
-			var lastUpdate = '';
-			_tdhtml = '';
-			str = '';
-			let count = 0;
-			for (let j = 0; j < column[i].length; j++) {
-				if (column[i][0] == null) {
-					_tdhtml = ' <td>0</td>\' ' +
-						'<td>0</td>' +
-						'<td>0</td>' +
-						'<td>0</td>' +
-						'<td>0</td>' +
-						'<td>0</td>' +
-						'<td>0</td>';
-					count = 0
-					return;
-				}
-				str += column[i][j].columnSecondName + '\xa0' + column[i][j].count +'\xa0\xa0\xa0\xa0\xa0\xa0';
+    let _tdhtml = '';
+    let _html = '';
+    $("#streetHeader").empty();
+    get('/mail/findPublicSheet', true, {
+        "type": 0
+    }, function (res) {
+        if (!res) {
+            return;
+        }
+        let typeName = res.typeName;
+        let dept = res.dept;
+        let column = res.column;
+        let total = res.total;
+        let updateTime = res.updateTime;
 
-
-				count += parseInt(column[i][j].count)
-
-				lastUpdate = column[i][j].releaseDate
-			}
-			_tdhtml = ' <td>' + str + '</td>\' ';
-
-			_html += '<tr>' +
-				'<td >' + typeName[i] + '</td>' +
-				'<td>' + dept[i] + '</td>' +
-				'<td colspan="9">' + _tdhtml + '</td>' +
-				'<td colspan="3">' + count + '</td>' +
-				'<td colspan="3">' + lastUpdate + '</td>' +
-				'</tr>';
-		}
-		$("#streetHeader").html(_html);
-	});
+        var _html = '';
+        for (let i = 0; i < typeName.length; i++) {
+            _html += '<tr>';
+            _html += '<td>' + typeName[i] + '</td>';
+            _html += '<td>' + dept[i] + '</td>';
+            _html += '<td colspan="9"><td>';
+            for (let j = 0; j < column[i].length; j++) {
+                _html += column[i][j].childColumn + " " + column[i][j].count + "<br>";
+            }
+            _html += '</td></td>';
+            _html += '<td colspan="3">' + total[i] + '</td>';
+            _html += '<td colspan="3">' + updateTime[i] + '</td>';
+            _html += '</tr>';
+        }
+        $("#streetHeader").html(_html);
+    });
 }

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

@@ -506,7 +506,7 @@
                                         </form>
                                     </div>
                                     <div class="add_detailed">
-                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                         <div class="content_hide">
                                             <table id="addDetail11" class="layui-table table_css_two" lay-even
                                                    lay-skin="line">
@@ -743,7 +743,7 @@
                                         </form>
                                     </div>
                                     <div class="add_detailed">
-                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                         <div class="content_hide">
                                             <table id="addDetail12" class="layui-table table_css_two" lay-even
                                                    lay-skin="line">
@@ -980,7 +980,7 @@
                                         </form>
                                     </div>
                                     <div class="add_detailed">
-                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                         <div class="content_hide">
                                             <table id="addDetail13" class="layui-table table_css_two" lay-even
                                                    lay-skin="line">
@@ -1239,7 +1239,7 @@
                                         </form>
                                     </div>
                                     <div class="add_detailed">
-                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                         <div class="content_hide">
                                             <table id="addDetail00" class="layui-table table_css_two" lay-even
                                                    lay-skin="line">
@@ -1476,7 +1476,7 @@
                                         </form>
                                     </div>
                                     <div class="add_detailed">
-                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                         <div class="content_hide">
                                             <table id="addDetail01" class="layui-table table_css_two" lay-even
                                                    lay-skin="line">
@@ -1713,7 +1713,7 @@
                                         </form>
                                     </div>
                                     <div class="add_detailed">
-                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                         <div class="content_hide">
                                             <table id="addDetail02" class="layui-table table_css_two" lay-even
                                                    lay-skin="line">
@@ -1950,7 +1950,7 @@
                                         </form>
                                     </div>
                                     <div class="add_detailed">
-                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                         <div class="content_hide">
                                             <table id="addDetail03" class="layui-table table_css_two" lay-even
                                                    lay-skin="line">
@@ -2381,7 +2381,7 @@
                     , {field: 'totalScore', title: '总分(基础分/加分)', width: 200}
                     , {type: 'numbers', title: '排名', width: 120}
                     , {field: 'sign', title: '环比上月排名', width: 150, templet: rankingMonth}
-                    , {field: 'addScore', align:'center',title: addBasic(), templet: progressTemplet}
+                    , {field: 'addScore', align: 'center', title: addBasic(), templet: progressTemplet}
                 ]]
                 , data: dataList1
                 , done: function (res, curr, count) {
@@ -2407,7 +2407,7 @@
                     , {field: 'totalScore', title: '总分(基础分/加分)', width: 200}
                     , {type: 'numbers', title: '排名', width: 120}
                     , {title: '环比上' + china + '排名', width: 150}
-                    , {field: 'addScore',align:'center', title: addBasic(), templet: progressTemplet}
+                    , {field: 'addScore', align: 'center', title: addBasic(), templet: progressTemplet}
                 ]]
                 , data: dataList1
                 , done: function (res, curr, count) {
@@ -2504,7 +2504,13 @@
 
         option = {
             tooltip: {
-                trigger: 'axis'
+                trigger: 'axis',
+                formatter: function (params) {
+                    let htmlStr = '<div>';
+                    htmlStr += params[0].axisValue.substring(0, 4) + "年" + params[0].axisValue.substring(5, 6) + "月" + "<br>";
+                    htmlStr += "总分" + params[0].data + "</div>";
+                    return htmlStr;
+                }
             },
             xAxis: {
                 type: 'category',
@@ -2518,7 +2524,9 @@
                 left: '3%',
                 right: '4%',
                 bottom: '3%',
+                tooltip: true,
                 containLabel: true
+
             },
             series: [{
                 data: [],