diff --git a/src/assets/img/shuju/fiveLayer/anzhibangjiao.png b/src/assets/img/shuju/fiveLayer/anzhibangjiao.png index bddde7a9..42152b04 100644 Binary files a/src/assets/img/shuju/fiveLayer/anzhibangjiao.png and b/src/assets/img/shuju/fiveLayer/anzhibangjiao.png differ diff --git a/src/assets/img/shuju/fiveLayer/buliangqingshaonian.png b/src/assets/img/shuju/fiveLayer/buliangqingshaonian.png index 43f6c15b..56b95be1 100644 Binary files a/src/assets/img/shuju/fiveLayer/buliangqingshaonian.png and b/src/assets/img/shuju/fiveLayer/buliangqingshaonian.png differ diff --git a/src/assets/img/shuju/fiveLayer/cm_bhsc.png b/src/assets/img/shuju/fiveLayer/cm_bhsc.png new file mode 100644 index 00000000..70b91933 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/cm_bhsc.png differ diff --git a/src/assets/img/shuju/fiveLayer/cm_cjsc.png b/src/assets/img/shuju/fiveLayer/cm_cjsc.png new file mode 100644 index 00000000..929bce9a Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/cm_cjsc.png differ diff --git a/src/assets/img/shuju/fiveLayer/cm_nmsc.png b/src/assets/img/shuju/fiveLayer/cm_nmsc.png new file mode 100644 index 00000000..c1359dd6 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/cm_nmsc.png differ diff --git a/src/assets/img/shuju/fiveLayer/co_lwh.png b/src/assets/img/shuju/fiveLayer/co_lwh.png new file mode 100644 index 00000000..4143d8f0 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/co_lwh.png differ diff --git a/src/assets/img/shuju/fiveLayer/co_lyjlb.png b/src/assets/img/shuju/fiveLayer/co_lyjlb.png new file mode 100644 index 00000000..cc28870d Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/co_lyjlb.png differ diff --git a/src/assets/img/shuju/fiveLayer/co_qt.png b/src/assets/img/shuju/fiveLayer/co_qt.png new file mode 100644 index 00000000..d4f87d06 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/co_qt.png differ diff --git a/src/assets/img/shuju/fiveLayer/co_whdw.png b/src/assets/img/shuju/fiveLayer/co_whdw.png new file mode 100644 index 00000000..df92ad39 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/co_whdw.png differ diff --git a/src/assets/img/shuju/fiveLayer/co_yjdw.png b/src/assets/img/shuju/fiveLayer/co_yjdw.png new file mode 100644 index 00000000..830c5c79 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/co_yjdw.png differ diff --git a/src/assets/img/shuju/fiveLayer/co_zaxld.png b/src/assets/img/shuju/fiveLayer/co_zaxld.png new file mode 100644 index 00000000..9c3a9c6b Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/co_zaxld.png differ diff --git a/src/assets/img/shuju/fiveLayer/dc_jqz.png b/src/assets/img/shuju/fiveLayer/dc_jqz.png new file mode 100644 index 00000000..6a7cd1ea Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/dc_jqz.png differ diff --git a/src/assets/img/shuju/fiveLayer/dc_jyz.png b/src/assets/img/shuju/fiveLayer/dc_jyz.png new file mode 100644 index 00000000..d58fbb6a Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/dc_jyz.png differ diff --git a/src/assets/img/shuju/fiveLayer/dc_jzgd.png b/src/assets/img/shuju/fiveLayer/dc_jzgd.png new file mode 100644 index 00000000..59fb9521 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/dc_jzgd.png differ diff --git a/src/assets/img/shuju/fiveLayer/dc_whpdw.png b/src/assets/img/shuju/fiveLayer/dc_whpdw.png new file mode 100644 index 00000000..114d13db Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/dc_whpdw.png differ diff --git a/src/assets/img/shuju/fiveLayer/dc_yqhjz.png b/src/assets/img/shuju/fiveLayer/dc_yqhjz.png new file mode 100644 index 00000000..9a125cc7 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/dc_yqhjz.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_cycs.png b/src/assets/img/shuju/fiveLayer/ep_cycs.png new file mode 100644 index 00000000..0d09e4c8 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_cycs.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_gwylcs.png b/src/assets/img/shuju/fiveLayer/ep_gwylcs.png new file mode 100644 index 00000000..b514971b Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_gwylcs.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_lg.png b/src/assets/img/shuju/fiveLayer/ep_lg.png new file mode 100644 index 00000000..f6f13343 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_lg.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_lssd.png b/src/assets/img/shuju/fiveLayer/ep_lssd.png new file mode 100644 index 00000000..1711df8e Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_lssd.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_mrxycs.png b/src/assets/img/shuju/fiveLayer/ep_mrxycs.png new file mode 100644 index 00000000..66691dbf Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_mrxycs.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_scjgqy.png b/src/assets/img/shuju/fiveLayer/ep_scjgqy.png new file mode 100644 index 00000000..14ba5480 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_scjgqy.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_wb.png b/src/assets/img/shuju/fiveLayer/ep_wb.png new file mode 100644 index 00000000..4e9dc1b1 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_wb.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_xx.png b/src/assets/img/shuju/fiveLayer/ep_xx.png new file mode 100644 index 00000000..8dd8c4e0 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_xx.png differ diff --git a/src/assets/img/shuju/fiveLayer/ep_yy.png b/src/assets/img/shuju/fiveLayer/ep_yy.png new file mode 100644 index 00000000..db68b4a9 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ep_yy.png differ diff --git a/src/assets/img/shuju/fiveLayer/event_tdnd.png b/src/assets/img/shuju/fiveLayer/event_tdnd.png new file mode 100644 index 00000000..c9766c38 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/event_tdnd.png differ diff --git a/src/assets/img/shuju/fiveLayer/gr_czw.png b/src/assets/img/shuju/fiveLayer/gr_czw.png new file mode 100644 index 00000000..eba44c33 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/gr_czw.png differ diff --git a/src/assets/img/shuju/fiveLayer/ps_jjz.png b/src/assets/img/shuju/fiveLayer/ps_jjz.png new file mode 100644 index 00000000..61a89798 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ps_jjz.png differ diff --git a/src/assets/img/shuju/fiveLayer/ps_lyy.png b/src/assets/img/shuju/fiveLayer/ps_lyy.png new file mode 100644 index 00000000..296aff25 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ps_lyy.png differ diff --git a/src/assets/img/shuju/fiveLayer/ps_mzb.png b/src/assets/img/shuju/fiveLayer/ps_mzb.png new file mode 100644 index 00000000..dff31c44 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ps_mzb.png differ diff --git a/src/assets/img/shuju/fiveLayer/ps_wss.png b/src/assets/img/shuju/fiveLayer/ps_wss.png new file mode 100644 index 00000000..553ee6ae Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ps_wss.png differ diff --git a/src/assets/img/shuju/fiveLayer/ps_zs.png b/src/assets/img/shuju/fiveLayer/ps_zs.png new file mode 100644 index 00000000..6d7f918e Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/ps_zs.png differ diff --git a/src/assets/img/shuju/fiveLayer/pu_jgzsbm.png b/src/assets/img/shuju/fiveLayer/pu_jgzsbm.png new file mode 100644 index 00000000..36bb695e Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/pu_jgzsbm.png differ diff --git a/src/assets/img/shuju/fiveLayer/resi_snry.png b/src/assets/img/shuju/fiveLayer/resi_snry.png new file mode 100644 index 00000000..97fe7a48 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/resi_snry.png differ diff --git a/src/assets/img/shuju/fiveLayer/resi_szry.png b/src/assets/img/shuju/fiveLayer/resi_szry.png new file mode 100644 index 00000000..36a14505 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/resi_szry.png differ diff --git a/src/assets/img/shuju/fiveLayer/resi_xfry.png b/src/assets/img/shuju/fiveLayer/resi_xfry.png new file mode 100644 index 00000000..debac9fb Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/resi_xfry.png differ diff --git a/src/assets/img/shuju/fiveLayer/shequjiaozheng.png b/src/assets/img/shuju/fiveLayer/shequjiaozheng.png index 469937b0..f610ffd8 100644 Binary files a/src/assets/img/shuju/fiveLayer/shequjiaozheng.png and b/src/assets/img/shuju/fiveLayer/shequjiaozheng.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_djc.png b/src/assets/img/shuju/fiveLayer/sr_djc.png new file mode 100644 index 00000000..7b1cbd2e Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_djc.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_gc.png b/src/assets/img/shuju/fiveLayer/sr_gc.png new file mode 100644 index 00000000..c5a00bb7 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_gc.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_ggld.png b/src/assets/img/shuju/fiveLayer/sr_ggld.png new file mode 100644 index 00000000..d620733a Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_ggld.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_gy.png b/src/assets/img/shuju/fiveLayer/sr_gy.png new file mode 100644 index 00000000..4ea25b07 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_gy.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_jzz.png b/src/assets/img/shuju/fiveLayer/sr_jzz.png new file mode 100644 index 00000000..7b1cbd2e Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_jzz.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_rfqck.png b/src/assets/img/shuju/fiveLayer/sr_rfqck.png new file mode 100644 index 00000000..5a3bb943 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_rfqck.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_tyc.png b/src/assets/img/shuju/fiveLayer/sr_tyc.png new file mode 100644 index 00000000..c9726404 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_tyc.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_xfz.png b/src/assets/img/shuju/fiveLayer/sr_xfz.png new file mode 100644 index 00000000..a8718af5 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_xfz.png differ diff --git a/src/assets/img/shuju/fiveLayer/sr_yjy.png b/src/assets/img/shuju/fiveLayer/sr_yjy.png new file mode 100644 index 00000000..5609cfc7 Binary files /dev/null and b/src/assets/img/shuju/fiveLayer/sr_yjy.png differ diff --git a/src/assets/img/shuju/fiveLayer/xfry.png b/src/assets/img/shuju/fiveLayer/xfry.png deleted file mode 100644 index 2edd8b27..00000000 Binary files a/src/assets/img/shuju/fiveLayer/xfry.png and /dev/null differ diff --git a/src/assets/img/shuju/fiveLayer/xidurenyuan.png b/src/assets/img/shuju/fiveLayer/xidurenyuan.png index beeb935c..8115698b 100644 Binary files a/src/assets/img/shuju/fiveLayer/xidurenyuan.png and b/src/assets/img/shuju/fiveLayer/xidurenyuan.png differ diff --git a/src/assets/img/shuju/fiveLayer/xiejiaorenyuan.png b/src/assets/img/shuju/fiveLayer/xiejiaorenyuan.png index 59010c1f..e5c1ed8e 100644 Binary files a/src/assets/img/shuju/fiveLayer/xiejiaorenyuan.png and b/src/assets/img/shuju/fiveLayer/xiejiaorenyuan.png differ diff --git a/src/assets/img/shuju/fiveLayer/zhaoshizhaohuojingshenbing.png b/src/assets/img/shuju/fiveLayer/zhaoshizhaohuojingshenbing.png index 25df3f41..046f20fd 100644 Binary files a/src/assets/img/shuju/fiveLayer/zhaoshizhaohuojingshenbing.png and b/src/assets/img/shuju/fiveLayer/zhaoshizhaohuojingshenbing.png differ diff --git a/src/assets/scss/modules/visual/fiveLayerMap.scss b/src/assets/scss/modules/visual/fiveLayerMap.scss index 15ce8f9f..730d11a9 100644 --- a/src/assets/scss/modules/visual/fiveLayerMap.scss +++ b/src/assets/scss/modules/visual/fiveLayerMap.scss @@ -49,7 +49,7 @@ } .div_data { - flex: 0 0 600px; + flex: 0 0 610px; margin-left: 12px; .div_tips{ @@ -91,33 +91,38 @@ .div_category { box-sizing: border-box; height:238px; - padding:0 20px 20px; + padding:0 10px 20px; .category_item { margin-bottom: 15px; display: flex; - justify-content: start; - + justify-content: flex-start; + align-items: center; // margin:auto; .list_item { - + display: flex; // padding: 18px 59px 0; - justify-content: start; - flex:0 0 135px; + justify-content: flex-start; + flex:0 0 145px; + align-items: center; > img { - height: 18px; - width: 18px; + height: 16px; + width: 16px; + + // line-height: 25px; } .item_content{ - width:100px; + width:120px; margin-left:8px; font-size: 16px; font-family: PingFang SC; font-weight: 400; + + // line-height: 25px; color: #e5effa; } @@ -166,8 +171,11 @@ text-align: center; width: 559px; height: 48px; - background: #01106800; - border-radius: 8px; + background-color: #011168; + border-radius: 4px; + border: none; + box-shadow: 0 0 10px inset #1a5afd; + // border-radius: 8px; display: flex; justify-content: flex-end; @@ -175,25 +183,25 @@ display: flex; align-items: center; margin-left: 29px; - margin-top: 16px; + margin-top: 14px; > img { - width: 24px; - height: 24px; + width: 20px; + height: 20px; } } .btn { text-align: center; flex: 0 0 113px; - height: 53px; - background: #0082fb; - border-radius: 0px 8px 8px 0px; + height: 48px; + background: linear-gradient(90deg, #1A5AFD, #26C4FF); + border-radius: 0px 4px 4px 0px; font-size: 20px; font-family: PingFang SC; font-weight: 400; color: #ffffff; - line-height: 53px; + line-height: 48px; } .btn:hover { cursor: pointer; diff --git a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue index 92adf224..1811c8f4 100644 --- a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue +++ b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue @@ -48,9 +48,9 @@ @click="handleClickCategory(index,colIndex)"> - {{colItem.categoryName}} +
{{colItem.categoryName}} - +
@@ -108,8 +108,265 @@ + + class="popup-content"> +
+
居民信息
+
所属网格: + {{ selInfo.gridName }} +
+
所属小区: + {{ selInfo.villageName }} +
+
本地户籍: + {{ selInfo.isBdhjShow }} +
+
姓名: + {{ selInfo.icUserName }} +
+
手机: + {{ selInfo.mobile }} +
+
性别: + {{ selInfo.genderShow }} +
+
身份证号: + {{ selInfo.idCard }} +
+
出生日期: + {{ selInfo.birthday }} +
+
联系人: + {{ selInfo.contacts }} +
+
联系人手机: + {{ selInfo.contactsMobile }} +
+
志愿者类别: + {{ selInfo.categories }} +
+
+
+
企业信息
+
企业名称: + {{ selInfo.name }} +
+
企业类型: + {{ selInfo.categoryName }} +
+
周边安全距离: + {{ selInfo.safeDistance }} +
+
危化品种类: + {{ selInfo.dangerTypeName }} +
+
负责人: + {{ selInfo.principalName }} +
+
联系电话: + {{ selInfo.principalMobile }} +
+
经营地址: + {{ selInfo.address }} +
+
备注: + {{ selInfo.remark }} +
+
+
+
场所信息
+
场所名称: + {{ selInfo.name }} +
+
场所分类: + {{ selInfo.categoryName }} +
+
占地面积: + {{ selInfo.areaCovered }} +
+
容纳人数: + {{ selInfo.capacity }} +
+
地址: + {{ selInfo.address }} +
+
+
+ +
+
+ 所属网格: + {{ selInfo.gridName }} +
+
+ 发生时间: + {{ selInfo.happenTime }} +
+ +
+ 事件内容: + {{ selInfo.eventContent }} +
+ +
+ 图片: +
+ + +
+
+ +
+ 音频: +
+ + +
+ +
+
+ 反映渠道: + {{ selInfo.sourceTypeName || "--" }} +
+
+ 地址: + {{ selInfo.address || "--" }} +
+
+ 报事人: + {{ selInfo.name || "--" }} +
+
+ 手机号: + {{ selInfo.mobile || "--" }} +
+
+ 身份证号: + {{ selInfo.idCard || "--" }} +
+ +
+ +
+
+
组织信息
+
组织名称: + {{ selInfo.organizationName }} +
+
组织分类: + {{ selInfo.categoryName }} +
+
组织人数: + {{ selInfo.organizationPersonCount }} +
+
组织成员: + {{ selInfo.organizationPersonnelShow }} +
+
服务事项: + {{ selInfo.serviceItem }} +
+
负责人: + {{ selInfo.principalName }} +
+
联系电话: + {{ selInfo.principalPhone }} +
+
创建时间: + {{ selInfo.organizationCreatedTime }} +
+
+ +
+
房屋信息
+
房屋名称: + {{ selInfo.houseName }} +
+
房屋类型: + {{ selInfo.houseTypeName }} +
+
房屋用途: + {{ selInfo.purposeName }} +
+
房屋状态: + {{ selInfo.rentName }} +
+
房主姓名: + {{ selInfo.ownerName }} +
+
联系方式: + {{ selInfo.ownerPhone }} +
+
房主身份证: + {{ selInfo.ownerIdCard }} +
+ +
+
+
企事业信息
+
场所类型: + {{ selInfo.placeTypeName }} +
+
场所区域: + {{ selInfo.gridName }} +
+
场所名称: + {{ selInfo.placeOrgName }} +
+
场所地址: + {{ selInfo.address }} +
+
规模: + {{ selInfo.scale }} +
+
负责人: + {{ selInfo.personInCharge }} +
+
联系电话: + {{ selInfo.mobile }} +
+ +
+
+
联建单位信息
+
单位名称: + {{ selInfo.unitName }} +
+
分类: + {{ selInfo.typeName }} +
+
服务事项: + {{ selInfo.serviceMatterListShow }} +
+
联系人: + {{ selInfo.contact }} +
+
联系电话: + {{ selInfo.contactMobile }} +
+
在职党员: + {{ selInfo.memberCount }} +
+
备注: + {{ selInfo.remark }} +
+
地理位置: + {{ selInfo.address }} +
+
+ + 更多>>>> @@ -312,7 +569,7 @@ const vueGis = { pageSize: 10, demand: { - loading: true, + loading: false, colList: [ { align: "center", @@ -332,26 +589,70 @@ const vueGis = { }, iconUrlArray: { - 'volunteer1': require('../../../../../assets/img/shuju/volunteer1.png'), - 'volunteer2': require('../../../../../assets/img/shuju/volunteer2.png'), - 'volunteer3': require('../../../../../assets/img/shuju/volunteer3.png'), - 'volunteer4': require('../../../../../assets/img/shuju/volunteer4.png'), - 'volunteer5': require('../../../../../assets/img/shuju/volunteer5.png'), 'anzhibangjiao': require('../../../../../assets/img/shuju/fiveLayer/anzhibangjiao.png'), 'buliangqingshaonian': require('../../../../../assets/img/shuju/fiveLayer/buliangqingshaonian.png'), 'shequjiaozheng': require('../../../../../assets/img/shuju/fiveLayer/shequjiaozheng.png'), - 'xfry': require('../../../../../assets/img/shuju/fiveLayer/xfry.png'), + 'resi_xfry': require('../../../../../assets/img/shuju/fiveLayer/resi_xfry.png'), 'xidurenyuan': require('../../../../../assets/img/shuju/fiveLayer/xidurenyuan.png'), 'xiejiaorenyuan': require('../../../../../assets/img/shuju/fiveLayer/xiejiaorenyuan.png'), 'zhaoshizhaohuojingshenbing': require('../../../../../assets/img/shuju/fiveLayer/zhaoshizhaohuojingshenbing.png'), + 'co_yjdw': require('../../../../../assets/img/shuju/fiveLayer/co_yjdw.png'), + 'sr_gy': require('../../../../../assets/img/shuju/fiveLayer/sr_gy.png'), + 'sr_gc': require('../../../../../assets/img/shuju/fiveLayer/sr_gc.png'), + 'co_whdw': require('../../../../../assets/img/shuju/fiveLayer/co_whdw.png'), + 'sr_ggld': require('../../../../../assets/img/shuju/fiveLayer/sr_ggld.png'), + 'co_lwh': require('../../../../../assets/img/shuju/fiveLayer/co_lwh.png'), + 'sr_tyc': require('../../../../../assets/img/shuju/fiveLayer/sr_tyc.png'), + 'co_lyjlb': require('../../../../../assets/img/shuju/fiveLayer/co_lyjlb.png'), + 'sr_yjy': require('../../../../../assets/img/shuju/fiveLayer/sr_yjy.png'), + 'co_zaxld': require('../../../../../assets/img/shuju/fiveLayer/co_zaxld.png'), + 'co_qt': require('../../../../../assets/img/shuju/fiveLayer/co_qt.png'), + 'sr_jzz': require('../../../../../assets/img/shuju/fiveLayer/sr_jzz.png'), + 'sr_djc': require('../../../../../assets/img/shuju/fiveLayer/sr_djc.png'), + 'sr_rfqck': require('../../../../../assets/img/shuju/fiveLayer/sr_rfqck.png'), + 'ep_lg': require('../../../../../assets/img/shuju/fiveLayer/ep_lg.png'), + 'sr_xfz': require('../../../../../assets/img/shuju/fiveLayer/sr_xfz.png'), + 'pu_jgzsbm': require('../../../../../assets/img/shuju/fiveLayer/pu_jgzsbm.png'), + + 'gr_czw': require('../../../../../assets/img/shuju/fiveLayer/gr_czw.png'), + 'ep_cycs': require('../../../../../assets/img/shuju/fiveLayer/ep_cycs.png'), + 'dc_jyz': require('../../../../../assets/img/shuju/fiveLayer/dc_jyz.png'), + 'ep_gwylcs': require('../../../../../assets/img/shuju/fiveLayer/ep_gwylcs.png'), + 'dc_jqz': require('../../../../../assets/img/shuju/fiveLayer/dc_jqz.png'), + 'dc_whpdw': require('../../../../../assets/img/shuju/fiveLayer/dc_whpdw.png'), + 'ep_wb': require('../../../../../assets/img/shuju/fiveLayer/ep_wb.png'), + 'ep_mrxycs': require('../../../../../assets/img/shuju/fiveLayer/ep_mrxycs.png'), + 'dc_yqhjz': require('../../../../../assets/img/shuju/fiveLayer/dc_yqhjz.png'), + 'dc_jzgd': require('../../../../../assets/img/shuju/fiveLayer/dc_jzgd.png'), + 'ep_scjgqy': require('../../../../../assets/img/shuju/fiveLayer/ep_scjgqy.png'), + + 'cm_nmsc': require('../../../../../assets/img/shuju/fiveLayer/cm_nmsc.png'), + 'event_tdnd': require('../../../../../assets/img/shuju/fiveLayer/event_tdnd.png'), + 'cm_bhsc': require('../../../../../assets/img/shuju/fiveLayer/cm_bhsc.png'), + 'cm_cjsc': require('../../../../../assets/img/shuju/fiveLayer/cm_cjsc.png'), + 'ep_lssd': require('../../../../../assets/img/shuju/fiveLayer/ep_lssd.png'), + + + 'resi_szry': require('../../../../../assets/img/shuju/fiveLayer/resi_szry.png'), + 'ps_lyy': require('../../../../../assets/img/shuju/fiveLayer/ps_lyy.png'), + 'resi_snry': require('../../../../../assets/img/shuju/fiveLayer/resi_snry.png'), + 'ps_mzb': require('../../../../../assets/img/shuju/fiveLayer/ps_mzb.png'), + 'ps_zs': require('../../../../../assets/img/shuju/fiveLayer/ps_zs.png'), + 'ps_wss': require('../../../../../assets/img/shuju/fiveLayer/ps_wss.png'), + 'ps_jjz': require('../../../../../assets/img/shuju/fiveLayer/ps_jjz.png'), + 'ep_xx': require('../../../../../assets/img/shuju/fiveLayer/ep_xx.png'), + 'ep_yy': require('../../../../../assets/img/shuju/fiveLayer/ep_yy.png'), + }, iconArrays: [], overlay: null, showPopup: false, + selPlaceType: '', + selInfo: {} } }, @@ -446,10 +747,11 @@ const vueGis = { //点击项目 async clickMapVolunteer (info) { + // info.placeType = 'resi' if (!info.id) { return false } - + this.selPlaceType = info.placeType if (info.placeType === 'resi' || info.placeType === 'specil_resi') {//综合治理图层和公共服务图层中的失能人员、失智人员 this.loadResi(info) } @@ -457,28 +759,29 @@ const vueGis = { this.loadPublicService(info) } if (info.placeType === 'dangerous_chemicals') {//重点危化品企业 - + this.loadDangerousChemicals(info) } if (info.placeType === 'event') {//难点痛点 - + this.loadEvent(info) } if (info.placeType === 'city_management') {//城市管理图层 - + this.loadCityManagement(info) } if (info.placeType === 'community_org') {//社区自组织 - + this.loadCommunityOrg(info) } if (info.placeType === 'superior_resource') {//优势资源 - + this.loadSuperiorResource(info) } - if (info.placeType === '') {//群租房 - + if (info.placeType === 'group_rent') {//群租房 + this.loadGroupRent(info) } - if (info.placeType === '') {//来自联建单位的机关直属部门 + if (info.placeType === 'party_unit') {//来自联建单位的机关直属部门 + this.loadPartyUnit(info) } - if (info.placeType === '') {//来自企事业查询的 - + if (info.placeType === 'enterprise_partrol') {//来自企事业查询的 + this.loadEnterprisePartrol(info) } @@ -517,45 +820,9 @@ const vueGis = { } else { data.categories = '--' } + this.selInfo = JSON.parse(JSON.stringify(data)) - let showData = ` -
居民信息
-
所属网格: - `+ data.gridName + ` -
-
所属小区: - `+ data.villageName + ` -
-
本地户籍: - `+ data.isBdhjShow + ` -
-
姓名: - `+ data.icUserName + ` -
-
手机: - `+ data.mobile + ` -
-
性别: - `+ data.genderShow + ` -
-
身份证号: - `+ data.idCard + ` -
-
出生日期: - `+ data.birthday + ` -
-
联系人: - `+ data.contacts + ` -
-
联系人手机: - `+ data.contactsMobile + ` -
-
志愿者类别: - `+ data.categories + ` -
- ` - // console.log(showData) - this.handleShowPopup(showData, coordinate, true) + this.handleShowPopup(coordinate, true) } else { this.$message.error(msg) @@ -580,34 +847,208 @@ const vueGis = { data.capacity = data.capacity ? data.capacity : '--' data.address = data.address ? data.address : '--' + this.selInfo = JSON.parse(JSON.stringify(data)) - let showData = ` -
场所信息
-
场所名称: - `+ data.name + ` -
-
场所分类: - `+ data.categoryName + ` -
-
占地面积: - `+ data.areaCovered + ` -
-
容纳人数: - `+ data.capacity + ` -
-
地址: - `+ data.address + ` -
- ` - // console.log(showData) - this.handleShowPopup(showData, coordinate, true) + + this.handleShowPopup(coordinate, false) + + } else { + this.$message.error(msg) + } + }, + + async loadEvent (info) { + const url = "/gov/project/icEvent/detail"; + //const url = "http://yapi.elinkservice.cn/mock/245/api/gov/project/icEvent/processAnalysis/eventDetail/" + this.eventId; + + const { data, code, msg } = await requestPost(url, { + icEventId: this.eventId, + }); + + if (code === 0) { + let coordinate = [info.longitude, info.latitude] + this.selInfo = JSON.parse(JSON.stringify(data)) + + this.handleShowPopup(coordinate, false) + + + + } else { + this.$message.error(msg) + } + }, + + async loadDangerousChemicals (info) { + // const url = "/gov/org/icDangerousChemicals/detail" + const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icDangerousChemicals/detail" + + let params = { + icSuperiorResourceId: info.id + } + + const { data, code, msg } = await requestPost(url, params) + + if (code === 0) { + let coordinate = [info.longitude, info.latitude] + data.name = data.name ? data.name : '--' + data.categoryName = data.categoryName ? data.categoryName : '--' + data.safeDistance = data.safeDistance ? data.safeDistance : '--' + data.dangerTypeName = data.dangerTypeName ? data.dangerTypeName : '--' + data.principalName = data.principalName ? data.principalName : '--' + data.principalMobile = data.principalMobile ? data.principalMobile : '--' + data.address = data.address ? data.address : '--' + data.remark = data.remark ? data.remark : '--' + + this.selInfo = JSON.parse(JSON.stringify(data)) + + + this.handleShowPopup(coordinate, false) + + } else { + this.$message.error(msg) + } + }, + + async loadCityManagement (info) { + // const url = "/gov/org/icCityManagement/detail" + const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icCityManagement/detail" + + let params = { + icCityManagementId: info.id + } + + const { data, code, msg } = await requestPost(url, params) + + if (code === 0) { + let coordinate = [info.longitude, info.latitude] + data.name = data.name ? data.name : '--' + data.categoryName = data.categoryName ? data.categoryName : '--' + data.areaCovered = data.areaCovered ? data.areaCovered + '平方公里' : '--' + data.capacity = data.capacity ? data.capacity : '--' + data.address = data.address ? data.address : '--' + + this.selInfo = JSON.parse(JSON.stringify(data)) + + + this.handleShowPopup(coordinate, false) + + } else { + this.$message.error(msg) + } + }, + + async loadCommunityOrg (info) { + // const url = "/gov/org/icCityManagement/detail" + const url = "/heart/iccommunityselforganization/community-self-org-detail/" + info.id + + let params = {} + + const { data, code, msg } = await requestPost(url, params) + + if (code === 0) { + let coordinate = [info.longitude, info.latitude] + data.orgPersonArray = [] + data.organizationPersonnel.forEach(element => { + let orgPersonnel = element.personName + "(" + element.personPhone + ")" + data.orgPersonArray.push(orgPersonnel) + }); + + data.organizationPersonnelShow = data.orgPersonArray.join(",") + + this.selInfo = JSON.parse(JSON.stringify(data)) + + + this.handleShowPopup(coordinate, false) + + } else { + this.$message.error(msg) + } + }, + + async loadSuperiorResource (info) { + // const url = "/gov/org/icSuperiorResource/detail" + const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icSuperiorResource/detail" + + let params = { + icSuperiorResourceId: info.id + } + + const { data, code, msg } = await requestPost(url, params) + + if (code === 0) { + let coordinate = [info.longitude, info.latitude] + data.name = data.name ? data.name : '--' + data.categoryName = data.categoryName ? data.categoryName : '--' + data.areaCovered = data.areaCovered ? data.areaCovered + '平方公里' : '--' + data.capacity = data.capacity ? data.capacity : '--' + data.address = data.address ? data.address : '--' + + this.selInfo = JSON.parse(JSON.stringify(data)) + + + this.handleShowPopup(coordinate, false) + + } else { + this.$message.error(msg) + } + }, + + async loadEnterprisePartrol (info) { + // const url = "/gov/org/enterprise/detail" + const url = "http://yapi.elinkservice.cn/mock/245/gov/org/enterprise/detail" + + const { data, code, msg } = await requestGet(url) + + if (code === 0) { + // debugger + let coordinate = [info.longitude, info.latitude] + + this.selInfo = JSON.parse(JSON.stringify(data)) } else { this.$message.error(msg) } }, + async loadGroupRent (info) { + const url = "/gov/org/ichouse/" + info.id - handleShowPopup (showData, coordinate, isShowMore) { + const { data, code, msg } = await requestGet(url) + + if (code === 0) { + // debugger + let coordinate = [info.longitude, info.latitude] + + this.selInfo = JSON.parse(JSON.stringify(data)) + + } else { + this.$message.error(msg) + } + }, + async loadPartyUnit (info) { + const url = '/heart/icpartyunit/detail' + // const url = 'http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/detail' + let params = { + id: info.id + } + + const { data, code, msg } = await requestPost(url, params) + + if (code === 0) { + let coordinate = [info.longitude, info.latitude] + if (!data.serviceMatterList || !Array.isArray(data.serviceMatterList)) { + data.serviceMatterList = [] + } else { + data.serviceMatterListShow = data.serviceMatterNameList.join(',') + } + + this.selInfo = JSON.parse(JSON.stringify(data)) + } else { + this.$message.error(msg) + } + }, + + + handleShowPopup (coordinate, isShowMore) { if (isShowMore) { document.getElementById("popup-goMore").style.display = 'block' } else { @@ -618,7 +1059,7 @@ const vueGis = { this.overlay.getElement().style.display = 'block' this.overlay.getElement().parentNode.style.display = 'block' this.overlay.getElement().parentNode.parentNode.style.display = 'block' - content.innerHTML = showData; + // content.innerHTML = showData; this.overlay.setPosition(coordinate); //把 overlay 显示到指定的 x,y坐标 @@ -692,8 +1133,8 @@ const vueGis = { }, async loadCategoryList () { - // const url = "/gov/org/coverage/categoryList" - const url = "http://yapi.elinkservice.cn/mock/245/gov/org/coverage/categoryList" + const url = "/gov/org/coverage/categoryList" + // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/coverage/categoryList" let params = { coverageTypes: this.coverageTypes, @@ -702,171 +1143,17 @@ const vueGis = { const { data, code, msg } = await requestPost(url, params) if (code === 0) { - // this.categoryList = data - this.categoryList = [ + this.categoryList = data - { - categoryKey: "2", - categoryName: "deserunt" - }, - { - categoryKey: "3", - categoryName: "deserunt" - }, - { - categoryKey: "4", - categoryName: "deserunt" - }, - { - categoryKey: "0", - categoryName: "deserunt" - }, - { - categoryKey: "1", - categoryName: "deserunt" - }, - { - categoryKey: "2", - categoryName: "deserunt" - }, - { - categoryKey: "3", - categoryName: "deserunt" - }, - { - categoryKey: "4", - categoryName: "deserunt" - }, - { - categoryKey: "0", - categoryName: "deserunt" - }, - { - categoryKey: "1", - categoryName: "deserunt" - }, - { - categoryKey: "2", - categoryName: "deserunt" - }, - { - categoryKey: "3", - categoryName: "deserunt" - }, - { - categoryKey: "4", - categoryName: "deserunt" - }, - { - categoryKey: "0", - categoryName: "deserunt" - }, - { - categoryKey: "1", - categoryName: "deserunt" - }, - { - categoryKey: "2", - categoryName: "deserunt" - }, - { - categoryKey: "3", - categoryName: "deserunt" - }, - { - categoryKey: "4", - categoryName: "deserunt" - }, - { - categoryKey: "0", - categoryName: "deserunt" - }, - { - categoryKey: "1", - categoryName: "deserunt" - }, - { - categoryKey: "2", - categoryName: "deserunt" - }, - { - categoryKey: "3", - categoryName: "deserunt" - }, - { - categoryKey: "4", - categoryName: "deserunt" - }, - { - categoryKey: "0", - categoryName: "deserunt" - }, - { - categoryKey: "1", - categoryName: "deserunt" - }, - { - categoryKey: "2", - categoryName: "deserunt" - }, - { - categoryKey: "3", - categoryName: "deserunt" - }, - { - categoryKey: "4", - categoryName: "deserunt" - }, - { - categoryKey: "0", - categoryName: "deserunt" - }, - { - categoryKey: "1", - categoryName: "deserunt" - }, - { - categoryKey: "2", - categoryName: "deserunt" - }, - { - categoryKey: "3", - categoryName: "deserunt" - }, - { - categoryKey: "4", - categoryName: "机关直属部门" - }, - { - categoryKey: "0", - categoryName: "deserunt" - }, - { - categoryKey: "1", - categoryName: "deserunt" - }, - { - categoryKey: "2", - categoryName: "deserunt" - }, - { - categoryKey: "3", - categoryName: "deserunt" - }, - { - categoryKey: "4", - categoryName: "deserunt" - }, - ] this.categoryKeys = [] this.categoryListshow = [] let itemArray = [] this.categoryList.forEach((item, index) => { - if (!item.dataIcon) { - item.dataIcon = require('../../../../../assets/img/shuju/volunteer3.png') - } + + item.dataIcon = this.iconUrlArray[item.categoryKey] + item.sel = true this.categoryKeys.push(item.categoryKey) @@ -889,9 +1176,9 @@ const vueGis = { //加载组织数据 async getTable (isPage) { - this.demand.loading = true - // const url = "/data/aggregator/coverage/dataList"; - const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/coverage/dataList"; + // this.demand.loading = true + const url = "/data/aggregator/coverage/dataList"; + // const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/coverage/dataList"; let params = { coverageTypes: this.coverageTypes, categoryKeys: this.categoryKeys, @@ -902,42 +1189,46 @@ const vueGis = { }; const { data, code, msg } = await requestPost(url, params); - this.demand.loading = false; + // this.demand.loading = false; if (code === 0) { this.demand.total = data.total; this.tableList = data.list - this.tableList = [ - { - categoryKey: "volunteer1", - content: "volunteer1", - id: "123", - latitude: "36.082230", - longitude: "120.3868167667315", - }, - { - categoryKey: "volunteer2", - content: "volunteer2", - id: "123", - latitude: "36.062227", - longitude: "120.389455", - }, - { - categoryKey: "volunteer3", - content: "volunteer3", - id: "123", - latitude: "36.072214", - longitude: "120.389455", - }, - { - categoryKey: "volunteer4", - content: "volunteer4", - id: "123", - latitude: "36.07394505338441", - longitude: "120.3868167667315", - } - ] + // this.tableList = [ + // { + // categoryKey: "resi_xfry", + // content: "信访人员", + // id: "123", + // latitude: "36.082230", + // longitude: "120.3868167667315", + // placeType: 'resi' + // }, + // { + // categoryKey: "sr_gy", + // content: "公园", + // id: "123", + // latitude: "36.062227", + // longitude: "120.389455", + // placeType: 'public_service' + // }, + // { + // categoryKey: "ep_scjgqy", + // content: "生产加工企业", + // id: "123", + // latitude: "36.072214", + // longitude: "120.389455", + // placeType: 'dangerous_chemicals' + // }, + // { + // categoryKey: "ps_wss", + // content: "卫生所(室)", + // id: "123", + // latitude: "36.07394505338441", + // longitude: "120.3868167667315", + // placeType: 'city_management' + // } + // ] this.demand.list = data.list.map((item) => { return [ item.categoryKey ? item.categoryKey : '--', @@ -952,8 +1243,8 @@ const vueGis = { //加载组织数据 async getMapTable () { - // const url = "/data/aggregator/coverage/dataList"; - const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/coverage/dataList"; + const url = "/data/aggregator/coverage/dataList"; + // const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/coverage/dataList"; let params = { coverageTypes: this.coverageTypes, categoryKeys: this.categoryKeys, @@ -966,36 +1257,40 @@ const vueGis = { if (code === 0) { this.iconArrays = data.list - this.iconArrays = [ - { - categoryKey: "volunteer1", - content: "volunteer1", - id: "123", - latitude: "36.082230", - longitude: "120.3868167667315", - }, - { - categoryKey: "volunteer2", - content: "volunteer2", - id: "123", - latitude: "36.062227", - longitude: "120.389455", - }, - { - categoryKey: "volunteer3", - content: "volunteer3", - id: "123", - latitude: "36.072214", - longitude: "120.389455", - }, - { - categoryKey: "volunteer4", - content: "volunteer4", - id: "123", - latitude: "36.07394505338441", - longitude: "120.3868167667315", - } - ] + // this.iconArrays = [ + // { + // categoryKey: "resi_xfry", + // content: "信访人员", + // id: "123", + // latitude: "36.082230", + // longitude: "120.3868167667315", + // placeType: 'resi' + // }, + // { + // categoryKey: "sr_gy", + // content: "公园", + // id: "123", + // latitude: "36.062227", + // longitude: "120.389455", + // placeType: 'public_service' + // }, + // { + // categoryKey: "ep_scjgqy", + // content: "生产加工企业", + // id: "123", + // latitude: "36.072214", + // longitude: "120.389455", + // placeType: 'dangerous_chemicals' + // }, + // { + // categoryKey: "ps_wss", + // content: "卫生所(室)", + // id: "123", + // latitude: "36.07394505338441", + // longitude: "120.3868167667315", + // placeType: 'city_management' + // } + // ] this.iconArrays.forEach((item, index) => { item.url = this.iconUrlArray[item.categoryKey] @@ -1577,21 +1872,43 @@ export default vueGis; .ol-overlaycontainer-stopevent { display: none; } - + + +