首页搜索，和标签信息

src/main/java/com/cm/systemcity/controller/datarelease/DataReleaseController.java

@@ -48,6 +48,7 @@ import java.util.*;
 
 /**
  * 网格治理对外提供数据接口类
+ *
  * @author xwangs
  * @create 2021-07-22 10:50
  * @description
@@ -228,6 +229,7 @@ public class DataReleaseController extends AbstractController {
         }
         return resList;
     }
+
     /**
      * 大数据地图二级页面-定位-查询当日人员定位
      */
@@ -329,6 +331,7 @@ public class DataReleaseController extends AbstractController {
         String community = "community";
         String dept = "dept";
         String user = "user";
+        String gridTag = "grid";
         Map<String, Object> query = requestParams();
         Map<String, Object> param = new HashMap<>(8);
         // 如果没传该参数, 则返回大网格
@@ -349,17 +352,7 @@ public class DataReleaseController extends AbstractController {
                 param.clear();
                 param.put("gridId", gridId);
                 List<Map<String, Object>> gridList = dataReleaseDao.listMapGrid(param);
-                for(Map<String, Object> grid : gridList){
+                setGrid(mapGridResult, gridList);
-                    Map<String, Object> temp = new HashMap<>(8);
-                    temp.put("gridId", grid.get("grid_id").toString());
-                    temp.put("gridName", grid.get("grid_name").toString());
-                    temp.put("gridColor", grid.get("fill_color").toString());
-                    // 放入当前网格的边界点
-                    param.put("gridId", grid.get("grid_id").toString());
-                    List<Map<String, Object>> pointList = dataReleaseDao.listMapGridPoint(param);
-                    temp.put("gridPointList", pointList);
-                    mapGridResult.add(temp);
-                }
             }
             return mapGridResult;
         }
@@ -380,17 +373,7 @@ public class DataReleaseController extends AbstractController {
                 param.put("areaCode", item.getCommunityId());
                 // 到map_grid表中查询网格
                 List<Map<String, Object>> gridList = dataReleaseDao.listMapGrid(param);
-                for(Map<String, Object> grid : gridList){
+                setGrid(mapGridResult, gridList);
-                    Map<String, Object> temp = new HashMap<>(8);
-                    temp.put("gridId", grid.get("grid_id").toString());
-                    temp.put("gridName", grid.get("grid_name").toString());
-                    temp.put("gridColor", grid.get("fill_color").toString());
-                    // 放入当前网格的边界点 。。。。
-                    param.put("gridId", grid.get("grid_id").toString());
-                    List<Map<String, Object>> pointList = dataReleaseDao.listMapGridPoint(param);
-                    temp.put("gridPointList", pointList);
-                    mapGridResult.add(temp);
-                }
             }
             return mapGridResult;
         }
@@ -406,18 +389,7 @@ public class DataReleaseController extends AbstractController {
             param.put("areaCode", nodeId);
             // 到map_grid表中查询网格
             List<Map<String, Object>> gridList = dataReleaseDao.listMapGrid(param);
-            for(Map<String, Object> grid : gridList){
+            setGrid(mapGridResult, gridList);
-                param.clear();
-                Map<String, Object> temp = new HashMap<>(8);
-                temp.put("gridId", grid.get("grid_id").toString());
-                temp.put("gridName", grid.get("grid_name").toString());
-                temp.put("gridColor", grid.get("fill_color").toString());
-                // 放入当前网格的边界点
-                param.put("gridId", grid.get("grid_id").toString());
-                List<Map<String, Object>> pointList = dataReleaseDao.listMapGridPoint(param);
-                temp.put("gridPointList", pointList);
-                mapGridResult.add(temp);
-            }
             return mapGridResult;
         }
         // 点击部门
@@ -442,17 +414,7 @@ public class DataReleaseController extends AbstractController {
                 param.put("areaCode", communityId);
                 // 到map_grid表中查询网格
                 List<Map<String, Object>> gridList = dataReleaseDao.listMapGrid(param);
-                for(Map<String, Object> grid : gridList){
+                setGrid(mapGridResult, gridList);
-                    Map<String, Object> temp = new HashMap<>(8);
-                    temp.put("gridId", grid.get("grid_id").toString());
-                    temp.put("gridName", grid.get("grid_name").toString());
-                    temp.put("gridColor", grid.get("fill_color").toString());
-                    // 放入当前网格的边界点
-                    param.put("gridId", grid.get("grid_id").toString());
-                    List<Map<String, Object>> pointList = dataReleaseDao.listMapGridPoint(param);
-                    temp.put("gridPointList", pointList);
-                    mapGridResult.add(temp);
-                }
             }
             return mapGridResult;
         }
@@ -472,25 +434,55 @@ public class DataReleaseController extends AbstractController {
                 String gridId = relation.get("grid_id").toString();
                 param.put("gridId", gridId);
                 List<Map<String, Object>> gridList = dataReleaseDao.listMapGrid(param);
+                setGrid(mapGridResult, gridList);
+            }
+            return mapGridResult;
+        }
+        // 点击网格
+        if (gridTag.equals(nodeTag)) {
+            String nodeId;
+            try {
+                nodeId = query.get("nodeId").toString();
+            } catch (Exception e) {
+                // 没传ID返回空内容
+                return mapGridResult;
+            }
+            Map<String, Object> params = new HashMap<>();
+            params.put("gridId", nodeId);
+            List<Map<String, Object>> gridList = dataReleaseDao.listMapGrid(params);
+            setGrid(mapGridResult, gridList);
+        }
+        return mapGridResult;
+    }
+
+    @GetMapping("list-map-grid-search")
+    public List<Map<String, Object>> listMapGrid(@RequestParam("keywords") String keywords) {
+        List<Map<String, Object>> mapGridResult = new ArrayList<>(0);
+        Map<String, Object> params = new HashMap<>(2);
+        params.put("keywords", keywords);
+        List<Map<String, Object>> gridList = dataReleaseDao.listMapGrid(params);
+        setGrid(mapGridResult, gridList);
+        return mapGridResult;
+    }
+
+    private void setGrid(List<Map<String, Object>> mapGridResult, List<Map<String, Object>> gridList) {
+        Map<String, Object> params = new HashMap<>();
         for (Map<String, Object> grid : gridList) {
             Map<String, Object> temp = new HashMap<>(8);
             temp.put("gridId", grid.get("grid_id").toString());
             temp.put("gridName", grid.get("grid_name").toString());
             temp.put("gridColor", grid.get("fill_color").toString());
             // 放入当前网格的边界点
-                    param.put("gridId", grid.get("grid_id").toString());
+            params.put("gridId", grid.get("grid_id").toString());
-                    List<Map<String, Object>> pointList = dataReleaseDao.listMapGridPoint(param);
+            List<Map<String, Object>> pointList = dataReleaseDao.listMapGridPoint(params);
             temp.put("gridPointList", pointList);
             mapGridResult.add(temp);
         }
     }
-            return mapGridResult;
-        }
-        return mapGridResult;
-    }
 
     /**
      * 大数据地图二级页面-网格-专管单位
+     *
      * @return
      */
     @GetMapping("list-tree-all-dept-grid")
@@ -532,6 +524,7 @@ public class DataReleaseController extends AbstractController {
 
     /**
      * 大数据地图二级页面-网格-所有网格
+     *
      * @return
      */
     @GetMapping("list-tree-all-normal-grid")
@@ -1100,6 +1093,7 @@ public class DataReleaseController extends AbstractController {
 
     /**
      * 各月份案件统计情况 -大数据
+     *
      * @return
      */
     @GetMapping("list-report-case-month")
@@ -1165,6 +1159,7 @@ public class DataReleaseController extends AbstractController {
 
     /**
      * 大数据页面人员实施定位 二级弹窗列表页数据接口
+     *
      * @param page
      * @return
      */

src/main/java/com/cm/systemcity/pojo/dtos/communityboss/CommunityBossDTO.java

@@ -63,4 +63,6 @@ public class CommunityBossDTO implements Serializable {
     private String communityName;
     @ApiModelProperty(name = "gridSummary", value = "网格描述")
     private String gridSummary;
+    private String gridIds;
+    private String gridNames;
 }

src/main/java/com/cm/systemcity/service/areapoints/impl/AreaPointsServiceImpl.java

@@ -203,6 +203,28 @@ public class AreaPointsServiceImpl extends AbstractService implements IAreaPoint
             dto.setAreaId(areaId);
             dto.setChildren(new ArrayList<>());
             dto.setNodeTag("user");
+
+            // 网格列表
+            if (org.apache.commons.lang3.StringUtils.isNotBlank(item.getGridNames())) {
+                String gridIds = item.getGridIds().toString();
+                String[] gridIdArray = gridIds.split(",");
+                String codeNames = item.getGridNames().toString();
+                String[] codeNameArray = codeNames.split(",");
+                List<EasyUITreeDTO> easyUITreeDTOS = new ArrayList<>();
+                for (int i = 0; i < codeNameArray.length; i++) {
+                    String codeName = codeNameArray[i];
+                    EasyUITreeDTO easyUITreeDTO = new EasyUITreeDTO();
+                    easyUITreeDTO.setId("grid_" + gridIdArray[i]);
+                    easyUITreeDTO.setText(codeName);
+                    easyUITreeDTO.setIconCls("");
+                    easyUITreeDTO.setAreaId(areaId);
+                    easyUITreeDTO.setNodeTag("grid");
+                    easyUITreeDTOS.add(easyUITreeDTO);
+                }
+                dto.setChildren(easyUITreeDTOS);
+            } else {
+                dto.setChildren(new ArrayList<>());
+            }
             resList.add(dto);
         }
         return resList;
@@ -237,8 +259,29 @@ public class AreaPointsServiceImpl extends AbstractService implements IAreaPoint
             dto.setIconCls("icon-person");
             dto.setAreaId("");
             dto.setDepartmentId(departmentId);
-            dto.setChildren(new ArrayList<>());
             dto.setNodeTag("user");
+            // 网格列表
+            if (item.get("gridNames") != null && !StringUtils.isEmpty(item.get("gridNames").toString())) {
+                String gridIds = item.get("gridIds").toString();
+                String[] gridIdArray = gridIds.split(",");
+                String codeNames = item.get("gridNames").toString();
+                String[] codeNameArray = codeNames.split(",");
+                List<EasyUITreeDTO> easyUITreeDTOS = new ArrayList<>();
+                for (int i = 0; i < codeNameArray.length; i++) {
+                    String codeName = codeNameArray[i];
+                    EasyUITreeDTO easyUITreeDTO = new EasyUITreeDTO();
+                    easyUITreeDTO.setId("grid_" + gridIdArray[i]);
+                    easyUITreeDTO.setText(codeName);
+                    easyUITreeDTO.setIconCls("");
+                    easyUITreeDTO.setAreaId("");
+                    easyUITreeDTO.setDepartmentId(departmentId);
+                    easyUITreeDTO.setNodeTag("grid");
+                    easyUITreeDTOS.add(easyUITreeDTO);
+                }
+                dto.setChildren(easyUITreeDTOS);
+            } else {
+                dto.setChildren(new ArrayList<>());
+            }
             resList.add(dto);
         }
         return resList;

src/main/java/com/cm/systemcity/service/communityboss/impl/CommunityBossServiceImpl.java

@@ -389,6 +389,18 @@ public class CommunityBossServiceImpl extends AbstractService implements ICommun
             gridUser.setCommunityBossName(item.get("user_name").toString());
             if (relationGridList != null && relationGridList.size() > 0) {
                 gridUser.setCommunityBossName("[有网格] " + item.get("user_name").toString());
+                String gridIds = "";
+                String gridNames = "";
+                for (Map<String, Object> relationGridMap : relationGridList) {
+                    if (!gridIds.isEmpty()) {
+                        gridIds += ",";
+                        gridNames += ",";
+                    }
+                    gridIds += relationGridMap.get("gridId");
+                    gridNames += relationGridMap.get("gridName");
+                }
+                gridUser.setGridIds(gridIds);
+                gridUser.setGridNames(gridNames);
             }
             gridUser.setCommunityBossUserId(item.get("community_boss_user_id").toString());
             list.add(gridUser);

src/main/resources/mybatis/mapper/bindingdepartment/bindingdepartment-mapper.xml

@@ -159,12 +159,15 @@
             t2.user_name userName,
             t2.user_phone userPhone,
             t3.relation_id relationId,
-            t4.department_id departmentId
+            t4.department_id departmentId,
+            GROUP_CONCAT(t5.grid_id) gridIds,
+            GROUP_CONCAT(t5.grid_name) gridNames
         FROM
             sys_role_user t1
         LEFT JOIN sys_user t2 ON t1.user_id = t2.user_id
         LEFT JOIN map_grid_relation t3 ON t1.user_id = t3.relation_id
         LEFT JOIN sys_department_user t4 ON t1.user_id = t4.user_id
+        LEFT JOIN map_grid t5 ON t5.grid_id = t3.grid_id AND t5.is_delete = 0
         WHERE
             t1.role_id = 'bc405346-8714-4ded-89ac-9cc4d755f66a'
         AND t2.is_delete = '0'
@@ -177,6 +180,12 @@
         <if test="userName != null and userName !=''">
         AND t2.user_name = #{userName}
         </if>
+        GROUP BY
+            t1.user_id,
+            t2.user_name,
+            t2.user_phone,
+            t3.relation_id,
+            t4.department_id
         ORDER BY LENGTH(t3.relation_id) DESC
     </select>
 

src/main/resources/mybatis/mapper/datarelease/datarelease-mapper.xml

@@ -108,15 +108,40 @@
     </select>
 
     <select id="listMapGrid" parameterType="map" resultType="map">
-        select *
+        select
-        from map_grid
+            *
+        from
+            map_grid mg
         where
-            is_delete = '0'
+            mg.is_delete = '0'
         <if test="gridId !=null and gridId !=''">
-            and grid_id = #{gridId}
+            and mg.grid_id = #{gridId}
         </if>
         <if test="areaCode !=null and areaCode !=''">
-            and area_code LIKE CONCAT('%',CONCAT(#{areaCode}, '%'))
+            and mg.area_code LIKE CONCAT('%',#{areaCode}, '%')
+        </if>
+        <if test="keywords != null and keywords != ''">
+            AND (
+                mg.grid_name LIKE CONCAT('%', #{keywords}, '%')
+                OR
+                mg.grid_id IN (
+                    SELECT
+                        mgr.grid_id
+                    FROM
+                        map_grid_relation mgr
+                    INNER JOIN
+                        sys_user su
+                    ON
+                        mgr.relation_id = su.user_id
+                    WHERE
+                        su.is_delete = 0
+                    AND (
+                        su.user_username LIKE CONCAT('%', #{keywords}, '%')
+                        OR
+                        su.user_name LIKE CONCAT('%', #{keywords}, '%')
+                    )
+                )
+            )
         </if>
     </select>
 

src/main/resources/static/assets/js/baidu-map-0.0.1.min.js

@@ -671,6 +671,21 @@ BaiduMap.prototype.initBackgroundGrid = function (option) {
         polygon.addEventListener('click', function (event) {
             option.onClick(backgroundGrid, event);
         });
+        polygon.addEventListener('mouseover', function(event) {
+            if(option.onMouseover) {
+                option.onMouseover(backgroundGrid, event);
+            }
+        })
+        polygon.addEventListener('mouseout', function(event) {
+            if(option.onMouseout) {
+                option.onMouseout(backgroundGrid, event);
+            }
+        })
+        polygon.addEventListener('mousemove', function(event) {
+            if(option.onMousemove) {
+                option.onMousemove(backgroundGrid, event);
+            }
+        })
     }
 
     for (var i = 0, backgroundGrid; backgroundGrid = option.gridArray[i++];) {

src/main/resources/static/route/userlocation/map_summary.html

@@ -53,6 +53,70 @@
         .anchorBL{
             display:none;
         }
+        .search-container {
+            position: absolute;
+            top: 5px;
+            left: 50%;
+            margin-left: -205px;
+            z-index: 1000;
+            padding: 5px;
+            background-color: #FFF;
+            box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
+        }
+        .search-container input {
+            outline: none;
+            width: 300px;
+            height: 32px;
+            border: 1px solid #e6e6e6;
+        }
+        .search-container button {
+            height: 32px;
+            background-color: rgba(34, 190, 239, 0.6);
+            border: none;
+            color: #FFF;
+        }
+        .search-container button:hover {
+            background-color: rgba(34, 190, 239, 0.8);
+        }
+        .search-container button:active {
+            background-color: rgba(34, 190, 239, 1);
+        }
+        .grid-info {
+            display: none;
+            position: absolute;
+            top: 0;
+            left: 0;
+            max-width: 600px;
+            background-color: #FFFFFF;
+            padding: 5px;
+        }
+        .grid-info .users {
+            font-size: 0;
+        }
+        .grid-info .users span {
+            font-size: 13px;
+        }
+        .grid-info .users span:after {
+            content: '|';
+            margin-left: 5px;
+            margin-right: 5px;
+        }
+        .grid-info .users span:last-child:after {
+            content: ''
+        }
+        .grid-info:after {
+            content: ' ';
+            display: block;
+            position: absolute;
+            bottom: -20px;
+            left: 0;
+            border-width: 10px;
+            border-style: solid;
+            border-left-color: #FFFFFF;
+            border-top-color: #FFFFFF;
+            border-right-color: transparent;
+            border-bottom-color: transparent;
+        }
     </style>
 </head>
 <body>
@@ -96,11 +160,33 @@
                 <i id="arrow" class="fa fa-angle-double-up"></i>
             </div>
         </div>
+        <div class="search-container">
+            <span>关键字</span>
+            <input type="text" id="searchInput" placeholder="请输入网格员姓名或网格编号" v-model="keywords"/>
+            <button type="button" id="searchBtn" @click="onSearch"><i class="fa fa-search"></i> 搜索</button>
+        </div>
         <!--<div style="padding:5px;border:1px solid silver;background-color:#FFF;position:absolute;top:5px;right:5px;z-index:10000;" v-cloak>
             <span>经度: <i>{{location.lng}}</i></span>,
             <span>纬度: <i>{{location.lat}}</i></span>
         </div>-->
         <div id="mapContainer"></div>
+        <div class="grid-info" id="gridInfo">
+            <div class="grid">
+                <span>网格名称：</span>
+                <span class="grid-name" id="gridName">网格名称啥的</span>
+            </div>
+            <div class="area">
+                <span>地区：</span>
+                <span class="area-name" id="areaName">地区/社区</span>
+            </div>
+            <div class="line">
+                <hr style="margin-top: 5px; margin-bottom: 5px"/>
+            </div>
+            <div class="users" id="gridUsers">
+                <span>XXXXX</span>
+                <span>XXXXX</span>
+            </div>
+        </div>
     </div>
 </div>
 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=pFMM3KjMlPlpzEGTXwB5vdj6cDCfB6Py"></script>
@@ -111,7 +197,7 @@
 <script type="text/javascript" src="assets/js/easyui/locale/easyui-lang-zh_CN.js"></script>
 <script type="text/javascript" src="assets/js/vue.min.js"></script>
 <script type="text/javascript" src="assets/js/common.js"></script>
-<script type="text/javascript" src="assets/js/baidu-map-0.0.1.min.js"></script>
+<script type="text/javascript" src="assets/js/baidu-map-0.0.1.min.js?v=20240201"></script>
 <script type="text/javascript" src="assets/js/vendor/layer/layer.js"></script>
 <script type="text/javascript">
     new Vue({
@@ -141,7 +227,10 @@
             },
             personTreeSelectNodes: [],
             isAllCheck: false,
-            isTakeUserArea: false
+            isTakeUserArea: false,
+            keywords: '',
+            mouseOverGridId: '',
+            mouseOverTimeout: null
         },
         methods: {
             // 创建地图实例
@@ -225,7 +314,49 @@
                             if(self.isTakeUserArea) {
                                 self.getAreaUsersInfo(item.id);
                             }
+                        },
+                        onMouseover: function(item, event) {
+                            var $gridInfo = $('#gridInfo');
+                            $gridInfo.hide();
+                            self.mouseOverGridId = item.gridId;
+                            if(self.mouseOverTimeout) {
+                                clearTimeout(self.mouseOverTimeout);
                             }
+                            self.mouseOverTimeout = setTimeout(function() {
+                                top.restAjax.get(top.restAjax.path('app/data-external-release/get-big-data-grid-detail', []), {gridId : item.id}, null, function(code, data) {
+                                    console.log(data);
+                                    $('#gridName').text(data.gridInfo.gridName);
+                                    $('#areaName').text(data.gridInfo.areaName);
+                                    var users = '';
+                                    $.each(data.gridUser, function(index, item) {
+                                        users += `<span>${item.userName}:${item.userPhone}</span>`
+                                    });
+                                    var $gridUsers = $('#gridUsers');
+                                    $gridUsers.empty();
+                                    $gridUsers.append(users);
+                                    $gridInfo.show();
+                                }, function(code, data) {
+                                    dialog.msg(data.msg);
+                                });
+                            }, 1000);
+                        },
+                        onMouseout: function() {
+                            $('#gridInfo').hide();
+                            if(self.mouseOverTimeout) {
+                                clearTimeout(self.mouseOverTimeout);
+                            }
+                        },
+                        onMousemove: function(item, event) {
+                            if(self.mouseOverGridId !== item.gridId) {
+                                return;
+                            }
+                            var pixel = event.pixel;
+                            var $gridInfo = $('#gridInfo');
+                            $gridInfo.css({
+                                top: pixel.y - ($gridInfo.height() + 30) +'px',
+                                left: pixel.x +'px'
+                            })
+                        },
                     });
                 }
                 if(typeof(addPoints) != 'undefined') {
@@ -272,6 +403,10 @@
                             var userId = node.id.replace(/nPerson_/g, '');
                             self.initGridUserV2(node.nodeTag, 15, userId);
                         }
+                        if(node.nodeTag == 'grid'){
+                            var gridId = node.id.replace(/grid_/g, '');
+                            self.initGridUserV2(node.nodeTag, 17, gridId);
+                        }
                     },
                     onLoadSuccess: function() {
                         var node = $('#areaTree').tree('find', 'areaTop');
@@ -536,6 +671,31 @@
                 var self = this;
                 self.map.map.setViewport(points);
             },
+            onSearch: function() {
+                var self = this;
+                if(!self.keywords) {
+                    layer.msg('请输入关键字');
+                    return;
+                }
+                self.map.clearMap();
+                top.restAjax.get(top.restAjax.path('app/data-external-release/list-map-grid-search', []), {
+                    keywords: encodeURI(self.keywords)
+                }, null, function(code, data) {
+                    if(typeof (data) != 'undefined' && data.length > 0){
+                        // 划片
+                        self.takeUserArea(data);
+                        if(data[0]['gridPointList'].length <= 0){
+                            return;
+                        }
+                        self.map.setCenterAndZoom({
+                            lng: data[0]['gridPointList'][0].lng,
+                            lat: data[0]['gridPointList'][0].lat
+                        }, 15);
+                    }
+                }, function(code, data) {
+                    top.dialog.msg(data.msg);
+                });
+            }
         },
         mounted: function() {
             var self = this;