safecheck-client 4.0.0-78 → 4.0.0-79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/package.json +1 -1
  2. package/src/App.vue +31 -31
  3. package/src/components/CheckerCount/CheckCountUserList.vue +144 -144
  4. package/src/components/DefectDealMain/DefectListNew.vue +642 -642
  5. package/src/components/android/AddPlanItem.vue +447 -447
  6. package/src/components/android/AddPlanItemYy.vue +451 -451
  7. package/src/components/android/AddSpecialPlanItem.vue +426 -426
  8. package/src/components/android/CurrentCreateYy.vue +1051 -1051
  9. package/src/components/android/Devices.vue +327 -327
  10. package/src/components/android/Devicesm.vue +327 -327
  11. package/src/components/android/PaperFeedbackm.vue +1026 -1026
  12. package/src/components/android/PhoneRecordInfo.vue +113 -113
  13. package/src/components/android/PhoneSellInfo.vue +113 -113
  14. package/src/components/android/PhoneUpDetail.vue +1040 -1040
  15. package/src/components/android/QRCode/QRCodeBinding.vue +300 -300
  16. package/src/components/android/QRCode/QRCodePage.vue +212 -212
  17. package/src/components/android/SafePlanItem.vue +509 -509
  18. package/src/components/android/examples/SafeListExamples.vue +296 -296
  19. package/src/components/android/old/PaperFeedback.vue +1015 -1015
  20. package/src/components/android/recheck/Recheck.vue +402 -402
  21. package/src/components/android/userinfo/SafecheckUserInfo.vue +776 -776
  22. package/src/components/checkplan/checkmsg.vue +459 -459
  23. package/src/components/defect/DefectList.vue +507 -507
  24. package/src/components/defect/DefectListWeixiu.vue +484 -484
  25. package/src/components/filialCircle/CircleList.vue +139 -139
  26. package/src/components/inspections/AddInspectPlanItem.vue +325 -325
  27. package/src/components/inspections/AddInspectPlanItems.vue +325 -325
  28. package/src/components/inspections/AddInspectPlanItemss.vue +317 -317
  29. package/src/components/inspections/DisplayInspectionList.vue +1224 -1224
  30. package/src/components/inspections/inspectionOrderV.vue +1853 -1853
  31. package/src/components/inspections/inspectionOrderVs.vue +1853 -1853
  32. package/src/components/inspections/inspectionOrderVss.vue +1856 -1856
  33. package/src/components/inspections/inspectionUserInfo.vue +398 -398
  34. package/src/components/pc/AnnouncementPC.vue +524 -524
  35. package/src/components/pc/DefectList.vue +742 -742
  36. package/src/components/pc/DeviceChange.vue +1068 -1068
  37. package/src/components/pc/SafeVisitInfo.vue +261 -261
  38. package/src/components/querycheckpaper/CheckPaperList.vue +130 -130
  39. package/src/components/report/HiddenSituation.vue +165 -165
  40. package/src/components/rongcheng/AspiratedOrderV.vue +2377 -2377
  41. package/src/components/rongcheng/CurrentCreateOnline.vue +906 -906
  42. package/src/components/rongcheng/DefectList.vue +560 -560
  43. package/src/components/rongcheng/SafecheckOrderVCli.vue +2641 -2641
  44. package/src/components/safecheckNew/android/AddPlanItem.vue +419 -419
  45. package/src/components/safecheckNew/android/CurrentCreate.vue +1050 -1050
  46. package/src/components/safecheckNew/android/Recheck.vue +379 -379
  47. package/src/components/sendsingle/EquipmentManagement.vue +727 -727
  48. package/src/components/shaoguan/DefectList.vue +473 -473
  49. package/src/components/shaoguan/SafecheckOrderV.vue +2140 -2140
  50. package/src/components/tongcheng/PaperFeedback.vue +1061 -1061
  51. package/src/components/userfile/SecurityAudit.vue +243 -243
  52. package/src/filiale/ALshan/pc/DefectListWeixiu.vue +476 -476
  53. package/src/filiale/ancheng/android/SafecheckOrderV.vue +2703 -2703
  54. package/src/filiale/ancheng/android/SafecheckUserInfo.vue +737 -737
  55. package/src/filiale/ancheng/pc/checkScreen.vue +923 -923
  56. package/src/filiale/ankangyihua/android/AddPlanItem.vue +446 -446
  57. package/src/filiale/ankangyihua/android/SafecheckOrderV.vue +2908 -2908
  58. package/src/filiale/ankangyihua/pc/DefectListWeixiu.vue +491 -491
  59. package/src/filiale/baiyin/android/SafecheckOrderV.vue +2785 -2785
  60. package/src/filiale/baiyin/pc/DefectListNew.vue +597 -597
  61. package/src/filiale/bayan/android/Edit.vue +132 -132
  62. package/src/filiale/bayan/pc/DefectListNew.vue +597 -597
  63. package/src/filiale/bayan/pc/DeviceChange.vue +1838 -1838
  64. package/src/filiale/bayan/pc/HiddenSituation.vue +295 -295
  65. package/src/filiale/dexin/android/CasualSave.vue +1050 -1050
  66. package/src/filiale/dexin/android/SafecheckOrderV.vue +2950 -2950
  67. package/src/filiale/fugou/android/AddPlanItem.vue +413 -413
  68. package/src/filiale/fugou/android/SafecheckOrderV.vue +2796 -2796
  69. package/src/filiale/fugou/pc/CheckBookSearchUser.vue +830 -830
  70. package/src/filiale/fugu/android/SafecheckOrderV.vue +2484 -2484
  71. package/src/filiale/fugu/pc/NewCheckpaper.vue +1287 -1287
  72. package/src/filiale/ganquan/android/AddPlanItem.vue +444 -444
  73. package/src/filiale/ganquan/android/SafecheckOrderV.vue +2485 -2485
  74. package/src/filiale/ganquan/pc/NewCheckpaper.vue +1354 -1354
  75. package/src/filiale/guangxi/pc/DefectListNew.vue +518 -518
  76. package/src/filiale/hanzhong/android/SafecheckOrderV.vue +2683 -2683
  77. package/src/filiale/hanzhong/android/SafecheckUserInfo.vue +786 -786
  78. package/src/filiale/huaran/android/SafecheckOrderV.vue +2803 -2803
  79. package/src/filiale/huatong/android/SafecheckOrderV.vue +2426 -2426
  80. package/src/filiale/huatong/android/SafecheckUserInfo.vue +749 -749
  81. package/src/filiale/huayin/pc/NewCheckpaper.vue +1307 -1307
  82. package/src/filiale/jiaocheng/android/AddPlanItem.vue +435 -435
  83. package/src/filiale/jiaocheng/android/SafecheckUserInfo.vue +737 -737
  84. package/src/filiale/jiaocheng/pc/DefectListNew.vue +576 -576
  85. package/src/filiale/jiaxian/android/AddPlanItem.vue +447 -447
  86. package/src/filiale/jiaxian/android/SafecheckOrderV.vue +2807 -2807
  87. package/src/filiale/jiaxian/android/SafecheckUserInfo.vue +784 -784
  88. package/src/filiale/jinbin/pc/DefectListWeixiu.vue +478 -478
  89. package/src/filiale/jingyang/android/AddPlanItem.vue +458 -458
  90. package/src/filiale/jingyang/android/SafecheckOrderV.vue +2734 -2734
  91. package/src/filiale/jingyang/android/SafecheckUserInfo.vue +781 -781
  92. package/src/filiale/kelai/android/AddPlanItem.vue +488 -488
  93. package/src/filiale/kelai/android/SafecheckUserInfo.vue +774 -774
  94. package/src/filiale/kelai/android/SafecheckUserInfo1.vue +618 -618
  95. package/src/filiale/kelai/pc/DefectListNew.vue +688 -688
  96. package/src/filiale/kelai/pc/FaultLimitGas/FaultLimitGasList.vue +518 -518
  97. package/src/filiale/kelai/pc/NewCheckpaper.vue +1454 -1454
  98. package/src/filiale/liaoyuan/android/AddPlanItem.vue +412 -412
  99. package/src/filiale/liaoyuan/android/CurrentCreate.vue +1066 -1066
  100. package/src/filiale/liaoyuan/android/SafecheckOrderV.vue +2388 -2388
  101. package/src/filiale/liaoyuan/android/SafecheckUserInfo.vue +557 -557
  102. package/src/filiale/liaoyuan/pc/DefectListWeixiu.vue +489 -489
  103. package/src/filiale/liaoyuan/pc/NewCheckpaper.vue +1020 -1020
  104. package/src/filiale/lixian/android/SafecheckOrderV.vue +2404 -2404
  105. package/src/filiale/lixian/android/SafecheckUserInfo.vue +578 -578
  106. package/src/filiale/lixian/pc/NewCheckpaper.vue +1211 -1211
  107. package/src/filiale/meihekou/android/MeterReading.vue +106 -106
  108. package/src/filiale/minsheng/android/SafecheckUserInfo.vue +754 -754
  109. package/src/filiale/minsheng/pc/DefectListNew.vue +535 -535
  110. package/src/filiale/pingxiang/android/SafecheckOrderV.vue +2424 -2424
  111. package/src/filiale/pingxiang/android/SafecheckUserInfo.vue +600 -600
  112. package/src/filiale/pingxiang/pc/DefectListNew.vue +519 -519
  113. package/src/filiale/pingxiang/pc/NewCheckpaper.vue +1294 -1294
  114. package/src/filiale/qianneng/android/AddPlanItem.vue +482 -482
  115. package/src/filiale/qianneng/android/SafecheckOrderV.vue +2785 -2785
  116. package/src/filiale/qianneng/android/SafecheckUserInfo.vue +775 -775
  117. package/src/filiale/qianneng/pc/DefectListNew.vue +576 -576
  118. package/src/filiale/qianneng/pc/NewCheckpaper.vue +1546 -1546
  119. package/src/filiale/qingjian/android/SafecheckOrderV.vue +2844 -2844
  120. package/src/filiale/qingjian/android/SafecheckUserInfo.vue +800 -800
  121. package/src/filiale/qingtongxia/android/AddPlanItem.vue +450 -450
  122. package/src/filiale/qingtongxia/android/SafecheckOrderV.vue +2726 -2726
  123. package/src/filiale/qingtongxia/android/SafecheckUserInfo.vue +782 -782
  124. package/src/filiale/qingtongxia/pc/DefectListNew.vue +594 -594
  125. package/src/filiale/rizhao/android/AddPlanItem.vue +446 -446
  126. package/src/filiale/rizhao/android/SafecheckOrderV.vue +2430 -2430
  127. package/src/filiale/rizhao/android/SafecheckUserInfo.vue +640 -640
  128. package/src/filiale/rizhao/pc/DefectList.vue +489 -489
  129. package/src/filiale/rongchuang/android/SafecheckOrderV.vue +2696 -2696
  130. package/src/filiale/rongchuang/android/checkpapermsg.vue +209 -209
  131. package/src/filiale/ruihua/android/SafecheckOrderV.vue +2747 -2747
  132. package/src/filiale/ruihua/android/SafecheckUserInfo.vue +804 -804
  133. package/src/filiale/shanggao/android/SafecheckOrderV.vue +2426 -2426
  134. package/src/filiale/shanxian/android/SafecheckUserInfo.vue +749 -749
  135. package/src/filiale/shanxian/pc/HiddenSituation.vue +121 -121
  136. package/src/filiale/shanxian/pc/NewCheckpaper.vue +1526 -1526
  137. package/src/filiale/shexian/android/AddPlanItem.vue +444 -444
  138. package/src/filiale/shexian/android/SafecheckOrderV.vue +2879 -2879
  139. package/src/filiale/shexian/pc/DefectListNew.vue +593 -593
  140. package/src/filiale/shexian/pc/NewCheckpaper.vue +1469 -1469
  141. package/src/filiale/shimen/android/SafecheckUserInfo.vue +547 -547
  142. package/src/filiale/shimen/pc/DefectList.vue +473 -473
  143. package/src/filiale/shimen/pc/NewCheckpaper.vue +1275 -1275
  144. package/src/filiale/siyang/android/AddPlanItem.vue +450 -450
  145. package/src/filiale/siyang/android/CurrentCreate.vue +1051 -1051
  146. package/src/filiale/siyang/android/PhoneRecordInfo.vue +214 -214
  147. package/src/filiale/siyang/android/SafecheckOrderV.vue +2796 -2796
  148. package/src/filiale/siyang/android/SafecheckUserInfo.vue +789 -789
  149. package/src/filiale/siyang/pc/HiddenSituation.vue +167 -167
  150. package/src/filiale/tianke/android/AddPlanItem.vue +455 -455
  151. package/src/filiale/tianke/android/SafecheckOrderV.vue +2431 -2431
  152. package/src/filiale/tianke/android/SafecheckUserInfo.vue +744 -744
  153. package/src/filiale/tongchuan/android/AddPlanItem.vue +483 -483
  154. package/src/filiale/tongchuan/android/PhoneRecordInfo.vue +191 -191
  155. package/src/filiale/tongchuan/android/PhoneSellInfo.vue +113 -113
  156. package/src/filiale/tongchuan/android/SafecheckUserInfo.vue +720 -720
  157. package/src/filiale/tongchuan/pc/CheckBookDetails.vue +209 -209
  158. package/src/filiale/tongchuan/pc/DefectListWeixiu.vue +484 -484
  159. package/src/filiale/tongchuan/pc/HiddenSituation.vue +166 -166
  160. package/src/filiale/weinan/android/AddPlanItem.vue +438 -438
  161. package/src/filiale/weinan/android/CurrentCreate.vue +1171 -1171
  162. package/src/filiale/weinan/android/CurrentCreateOnline.vue +911 -911
  163. package/src/filiale/weinan/android/SafePlanItem.vue +440 -440
  164. package/src/filiale/weinan/android/SafecheckUserInfo.vue +778 -778
  165. package/src/filiale/weinan/pc/DefectListNew.vue +617 -617
  166. package/src/filiale/weinan/pc/DeviceChange.vue +1088 -1088
  167. package/src/filiale/weinan/pc/HiddenSituation.vue +167 -167
  168. package/src/filiale/weinan/pc/checkScreen.vue +1094 -1094
  169. package/src/filiale/weinanct/android/SafecheckOrderV.vue +2730 -2730
  170. package/src/filiale/weinanct/pc/NewCheckpaper.vue +1315 -1315
  171. package/src/filiale/wensu/android/AddPlanItem.vue +495 -495
  172. package/src/filiale/wensu/android/AndroidDefectDeal.vue +464 -464
  173. package/src/filiale/wensu/android/PaperFeedback.vue +1358 -1358
  174. package/src/filiale/wensu/android/SafecheckOrderV.vue +2430 -2430
  175. package/src/filiale/wensu/android/SafecheckUserInfo.vue +627 -627
  176. package/src/filiale/wensu/pc/DefectListNew.vue +735 -735
  177. package/src/filiale/wenxi/android/AddPlanItem.vue +431 -431
  178. package/src/filiale/wenxi/android/SafecheckOrderV.vue +2671 -2671
  179. package/src/filiale/wenxi/android/SafecheckUserInfo.vue +673 -673
  180. package/src/filiale/wenxi/pc/DefectList.vue +653 -653
  181. package/src/filiale/wenxi/pc/NewCheckpaper.vue +1358 -1358
  182. package/src/filiale/wuan/android/SafecheckOrderV.vue +2241 -2241
  183. package/src/filiale/wuan/android/SafecheckUserInfo.vue +596 -596
  184. package/src/filiale/wuan/pc/DefectListWeixiu.vue +506 -506
  185. package/src/filiale/wuan/pc/NewCheckpaper.vue +1169 -1169
  186. package/src/filiale/wuhai/android/SafecheckOrderV.vue +2456 -2456
  187. package/src/filiale/wuhai/android/SafecheckUserInfo.vue +573 -573
  188. package/src/filiale/wuhai/pc/NewCheckpaper.vue +1281 -1281
  189. package/src/filiale/xiangyuanzhongai/android/PhoneUpUserinfo.vue +1249 -0
  190. package/src/filiale/xiangyuanzhongai/android.js +13 -12
  191. package/src/filiale/xinkang/android/SafecheckOrderV.vue +2732 -2732
  192. package/src/filiale/xinkang/android/SafecheckUserInfo.vue +747 -747
  193. package/src/filiale/xinkang/pc/DefectListWeixiu.vue +475 -475
  194. package/src/filiale/xinkang/pc/NewCheckpaper.vue +1498 -1498
  195. package/src/filiale/yangchunboneng/android/AddPlanItem.vue +496 -496
  196. package/src/filiale/yangchunboneng/android/SafecheckOrderV.vue +2865 -2865
  197. package/src/filiale/yangchunboneng/android/SafecheckUserInfo.vue +887 -887
  198. package/src/filiale/yangchunboneng/pc/DefectListNew.vue +576 -576
  199. package/src/filiale/yongzhou/android/SafecheckOrderV.vue +2774 -2774
  200. package/src/filiale/yongzhou/android/SafecheckUserInfo.vue +776 -776
  201. package/src/filiale/yuansheng/android/SafecheckOrderV.vue +2758 -2758
  202. package/src/filiale/yuansheng/android/SafecheckUserInfo.vue +797 -797
  203. package/src/filiale/yuansheng/pc/DefectListNew.vue +524 -524
  204. package/src/filiale/yuansheng/pc/NewCheckpaper.vue +1371 -1371
  205. package/src/filiale/yuansheng/pc/checkmsg.vue +464 -464
  206. package/src/filiale/yunchengminsheng/android/DailyworkloadQuery.vue +491 -491
  207. package/src/filiale/yunchengminsheng/android/PhoneSellInfo.vue +113 -113
  208. package/src/filiale/yunchengminsheng/android/SafecheckUserInfo.vue +785 -785
  209. package/src/filiale/yunchengminsheng/android.js +15 -15
  210. package/src/filiale/zhongsheng/android/BuyRecords.vue +122 -122
  211. package/src/filiale/zhongsheng/android/SafecheckOrderV.vue +2461 -2461
  212. package/src/filiale/zhongsheng/android/SafecheckUserInfo.vue +690 -690
  213. package/src/filiale/zhongsheng/pc/DefectListWeixiu.vue +514 -514
  214. package/src/filiale/zhongsheng/pc/NewCheckpaper.vue +1322 -1322
  215. package/src/filiale/zhongyi/android/SafecheckOrderV.vue +2431 -2431
  216. package/src/filiale/zhongyi/pc/DefectListNew.vue +514 -514
  217. package/src/filiale/zhoukou/android/SafecheckOrderV.vue +2502 -2502
  218. package/src/filiale/zhoukou/android/SafecheckUserInfo.vue +588 -588
  219. package/src/main.js +32 -33
@@ -1,1094 +1,1094 @@
1
- <template>
2
- <div class="flex-row">
3
- <div class="basic-main" style="flex:7">
4
- <div id="check_map" style="height:100%">
5
- <img-self-safe :src="imgSrc" width="45" style="z-index: 0"
6
- height="50" class="img-rounded" v-ref:defectimg></img-self-safe>
7
- </div>
8
- </div>
9
- <div id="zzz" class="basic-main" style="flex:1;margin-left: 0px;overflow: hidden">
10
- <div class="flex">
11
- <div class="panel panel-info" style="flex: 1;margin-top:0px">
12
- <div class="panel-heading" style="height: auto;display: flex;flex-wrap: wrap">
13
- <h3 class="panel-title" style="width: 50%">图层设置</h3>
14
- <h3 class="panel-title" style="width: 50%;text-align: end" ><button @click="safeRefresh" style="border: 0px">刷新</button></h3>
15
- </div>
16
- <div class="panel-body">
17
- <ul class="safe_ul_sty">
18
- <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="layers.satelliteEnable"
19
- @change="enableChange('satelliteEnable',layers.satelliteEnable)"
20
- type="checkbox"/>卫星图层
21
- </li>
22
- <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="layers.roadNetEnable"
23
- @change="enableChange('roadNetEnable',layers.roadNetEnable)"
24
- type="checkbox"/>网路图层
25
- </li>
26
- </ul>
27
- </div>
28
- </div>
29
- <div class="panel panel-info" style="flex: 2;margin-top:0px;">
30
- <div class="panel-heading" style="height: auto">
31
- <h3 class="panel-title">覆盖物设置</h3>
32
- </div>
33
- <div class="panel-body">
34
- <ul class="safe_ul_sty">
35
- <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.checker"
36
- @change="enableChange('checker',mulchs.checker)" type="checkbox"/><img
37
- class="safe_deimg" src="../../../assets/anjianyuan.png"/>工作人员
38
- </li>
39
- <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.level1"
40
- @change="enableChange('level1',mulchs.level1)" type="checkbox"/><img
41
- class="safe_deimg" src="../../../assets/level1.png"/>一级隐患
42
- </li>
43
- <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.level2"
44
- @change="enableChange('level2',mulchs.level2)" type="checkbox"/><img
45
- class="safe_deimg" src="../../../assets/level2.png"/>二级隐患
46
- </li>
47
- <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.level3"
48
- @change="enableChange('level3',mulchs.level3)" type="checkbox"/><img
49
- class="safe_deimg" src="../../../assets/level3.png"/>三级隐患
50
- </li>
51
- <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.problems"
52
- @change="enableChange('problems',mulchs.problems)" type="checkbox"/><img
53
- class="safe_deimg" src="../../../assets/ordinary.png"/>普通问题
54
- </li>
55
- </ul>
56
- </div>
57
- </div>
58
-
59
- <div class="panel panel-info" style="flex: 2;margin-top:0px;">
60
- <div class="panel-heading" style="height: auto">
61
- <h3 class="panel-title">人员情况列表</h3>
62
- </div>
63
- <div class="panel-body">
64
- <div class="safe_ul_sty">
65
- <p class="safe_li_sty">总数:
66
- <button @click.stop="allmodal([...this.allpersonnelsum,...this.allpersonnellixian],'总数')" class="btn btn-link">
67
- {{ allpersonnelsumdata.length ? allpersonnelsumdata.length : 0 }}
68
- </button>
69
- </p>
70
- <p class="safe_li_sty">在线人数:
71
- <button @click.stop="allmodal(allpersonnelsum,'在线人数')" class="btn btn-link">
72
- {{ allpersonnelsum.length ? allpersonnelsum.length : 0 }}
73
- </button>
74
- </p>
75
- <p class="safe_li_sty">离线人数:
76
- <button @click.stop="allmodal(allpersonnellixian,'离线人数')" class="btn btn-link">
77
- {{ allpersonnellixian.length ? allpersonnellixian.length : 0 }}
78
- </button>
79
- </p>
80
- </div>
81
-
82
- </div>
83
- </div>
84
- <div class="panel panel-info" style="flex: 4;margin-top:0px;height: 50%">
85
- <div class="panel-heading" style="height: auto; display: flex; gap: 20px">
86
- <h3 style="cursor: pointer" class="panel-title" :class="{inactive: sel != 0}" @click="sel = 0">今日隐患</h3>
87
- <h3 style="cursor: pointer" class="panel-title" :class="{inactive: sel != 1}" @click="sel = 1">安&nbsp;&nbsp;检&nbsp;&nbsp;员</h3>
88
- </div>
89
- <div v-show="sel == 0" class="panel-body" style="overflow: scroll">
90
- <ul class="safe_ul_sty">
91
- <li v-for="row in todayDefectList" track-by="$index" class="safe_li_sty safe_list_li"
92
- @click="setDefectPos(row)" style="border: 1px #4d4d4d solid;border-radius: 2px">
93
- <div style="width: 100%;" class="flex-row">
94
- <div style="width:35%">
95
- <img :src="'/rs/image/file/'+row.f_path" style="width:45px;height: 50px"
96
- @click.stop="seePhotos(row.f_path)" class="img-rounded">
97
- </div>
98
- <div style="width:65%">
99
- <p class="safe_p" :title="row.f_item_name">{{ row.f_item_name }}</p>
100
- <p class="safe_p" :title="row.f_checker_name">{{ row.f_checker_name }}</p>
101
- <p class="safe_p" :title="row.f_upload_date">{{ row.f_upload_date.substring(11) }}</p>
102
- </div>
103
- </div>
104
- </li>
105
- </ul>
106
- </div>
107
- <div v-show="sel == 1" class="panel-body" style="overflow: scroll">
108
- <ul class="safe_ul_sty">
109
- <li @click="setCheckerPos(row)" v-for="row in allpersonnelsum" track-by="$index"
110
- class="safe_li_sty safe_list_li" style="border: 1px #4d4d4d solid;border-radius: 2px">
111
- <div style="width: 100%;" class="flex-row">
112
- <p class="safe_p" style="cursor: pointer" :title="row.name">{{ row.name }}</p>
113
- </div>
114
- </li>
115
- </ul>
116
- </div>
117
- </div>
118
- </div>
119
- </div>
120
- </div>
121
- <modal :show.sync="showModal" v-ref:infomodal :backdrop="false">
122
- <div slot="modal-header" class="modal-header">
123
- <h4 class="modal-title">
124
- {{ showname }}
125
- </h4>
126
- </div>
127
- <div slot="modal-body" class="modal-body">
128
- <div class="row" style="display: flex; align-items: center; margin-bottom: 20px">
129
- <div class="col-sm-5" style="display: flex; align-items: center">
130
- <label class="font_normal_body">班组</label>
131
- <v-select
132
- class="select select_list"
133
- :value.sync="departmentName"
134
- v-model="departmentName"
135
- :options="departments"
136
- placeholder='请选择'
137
- :search="false"
138
- close-on-select
139
- value-single
140
- ></v-select>
141
- </div>
142
- <div class="col-sm-5" style="display: flex; align-items: center">
143
- <label class="font_normal_body">安检员</label>
144
- <v-select
145
- class="select select_list"
146
- :value.sync="checkerName"
147
- v-model="checkerName"
148
- :options="persons"
149
- placeholder='请选择'
150
- :search="true"
151
- close-on-select
152
- value-single
153
- ></v-select>
154
- </div>
155
- <div class="col-sm-2">
156
- <button class="button_search" @click="checkerSearch">查询</button>
157
- </div>
158
- </div>
159
- <table>
160
- <thead>
161
- <tr>
162
- <th>姓名</th>
163
- <th>当前位置</th>
164
- <th>当前电量</th>
165
- </tr>
166
- </thead>
167
- <tbody>
168
- <tr v-for="rowd in showdataSearch">
169
- <td>{{ rowd.name }}</td>
170
- <td>{{ rowd.checkAddress }}</td>
171
- <td>{{ rowd.f_battery_level }}</td>
172
- </tr>
173
- </tbody>
174
- </table>
175
- </div>
176
- <div slot="modal-footer" class="modal-footer">
177
- <div class="safe_ul_sty" style="float: left">
178
- <p class="safe_li_sty">
179
- 在线人数:{{ onLineNumber }} &nbsp;&nbsp;
180
- 离线人数:{{ noOnLineNumber }}
181
- </p>
182
- </div>
183
- <button type="button" class="btn btn-primary btn-photo" @click="showModalclose">取消</button>
184
- </div>
185
- </modal>
186
- <work-busy :is-busy="loading"></work-busy>
187
- </template>
188
- <script>
189
- import Vue from 'vue'
190
- import * as Util from '../../../components/Util'
191
- import {HttpResetClass, trans} from 'vue-client'
192
- import {isEmpty} from '../../../components/Util'
193
-
194
- export default {
195
- title: '安检实时监控中心',
196
- data () {
197
- return {
198
- loading:false,
199
- sel: 0,
200
- onLineNumber:0,
201
- noOnLineNumber:0,
202
- showModal: false,
203
- showdata: [],
204
- showname: '',
205
- showdataSearch: [],
206
- AllPersonnel: [],
207
- map: null,
208
- allpersonnelsum: [],//在线人数
209
- allpersonnelsumdata: [],//总数
210
- allpersonnellixian: [],//离线
211
- infoWindow: null,
212
- satellite: null,
213
- roadNet: null,
214
- checkerMulchs: null,//安检员点位
215
- level1Mulchs: null,//一级隐患点位
216
- level2Mulchs: null,//二级隐患点位
217
- level3Mulchs: null,//三级隐患点位
218
- problemsMulchs: null,//普通问题点位
219
- checkers: [],
220
- datachecker: [],
221
- employeeList: [],
222
- level1: [],
223
- level2: [],
224
- level3: [],
225
- problems: [],
226
- chekckOps: null,
227
- defectList: {rows: []},
228
- todayDefectList: [],
229
- intervalNum: '',
230
- layers: {//图层控制显示
231
- satelliteEnable: false,
232
- roadNetEnable: false
233
- },
234
- imgSrc: '',
235
- geocoder: null,//逆地理编码
236
- mulchs: {//覆盖物控制显示
237
- checker: true,
238
- level1: true,
239
- level2: true,
240
- level3: true,
241
- problems: true
242
- },
243
- styleObject: [
244
- {
245
- url: '/images/anjianyuan.png', //人员图标URL
246
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
247
- size: new AMap.Size(26, 28) //图标大小
248
- },
249
- {
250
- url: '/images/level1.png', //一级隐患图标URL
251
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
252
- size: new AMap.Size(26, 28) //图标大小
253
- },
254
- {
255
- url: '/images/level2.png', //二级隐患图标URL
256
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
257
- size: new AMap.Size(26, 28) //图标大小
258
- },
259
- {
260
- url: '/images/level3.png', //三级隐患图标URL
261
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
262
- size: new AMap.Size(26, 28) //图标大小
263
- },
264
- {
265
- url: '/images/ordinary.png', //普通问题图标URL
266
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
267
- size: new AMap.Size(26, 28) //图标大小
268
- }
269
- ],
270
- departments: [
271
- {label: '全部', value: ''},
272
- {label: '客服部维修班', value: '客服部维修班'}, {label: '燃气具安装班', value: '燃气具安装班'},
273
- {label: '居民安检班', value: '居民安检班'}, {label: '非居民安检班', value: '非居民安检班'}
274
- ],
275
- persons: [],
276
- checkerOptions: [],
277
- departmentName: '',
278
- checkerName: ''
279
- }
280
- },
281
- ready () {
282
- // this.querySserSatus()
283
- this.initMap()
284
- this.getNewData().then(()=>{
285
- this.assemblyData()
286
- window.safe_closeInfoWindow = this.closeInfoWindow
287
- let sx = this.$appdata.getSingleValue("地图刷新")
288
- if (isEmpty(sx)){
289
- sx = 120000
290
- }
291
- this.intervalNum = window.setInterval(this.safeRefresh, sx)
292
- })
293
-
294
- },
295
- methods: {
296
- checkerSearch(){
297
- this.showdataSearch = this.showdata.filter((item) => {
298
- if (((!this.departmentName || item.f_department_name == this.departmentName) && (!this.checkerName || item.name.includes(this.checkerName)))){
299
- return true
300
- }
301
- return false
302
- })
303
- this.onLineNumber = 0
304
- this.noOnLineNumber = 0
305
- this.showdataSearch.map(item=>{
306
- if (item.isOnline){
307
- this.onLineNumber ++
308
- }else {
309
- this.noOnLineNumber ++
310
- }
311
- })
312
- },
313
- showModalclose () {
314
- this.showModal = false
315
- this.showdata = []
316
- this.showdataSearch = []
317
- this.showname = ''
318
- this.departmentName = ''
319
- this.checkerName = ''
320
- },
321
- allmodal (row, type) {
322
- if (row.length === 0) {
323
- return this.$showAlert('暂无数据!!!', 'warning', 2000)
324
- }
325
- const persons = [{label: '全部', value: ''}]
326
- for (const item of row) {
327
- persons.push({label: item.name, value: item.name})
328
- }
329
- this.persons = persons
330
- this.showname = type
331
- this.showdata = row
332
- this.showdataSearch = row
333
- this.showModal = true
334
- this.onLineNumber = this.allpersonnelsum.length
335
- this.noOnLineNumber = this.allpersonnellixian.length
336
-
337
- },
338
- toggleTab (current) {
339
- this.currentTab = current
340
- this.currentClass = current
341
- },
342
- seePhotos (path) {
343
- if (path) {
344
- this.imgSrc = '/rs/image/file/' + path
345
- this.infoWindow.close()
346
- this.$refs.defectimg.open()
347
- }
348
- },
349
- setDefectPos (row) {
350
- this.map.setZoomAndCenter(15, [row.f_longitude, row.f_latitude])
351
- let defectContent = this.getDefectContent(row)
352
- this.infoWindow.setContent(defectContent)
353
- this.infoWindow.open(this.map, [row.f_longitude, row.f_latitude])
354
- },
355
- setCheckerPos (row) { //维修员信息
356
- this.map.setZoomAndCenter(15, [row.f_longitude, row.f_latitude])
357
- let defectContent = this.getCheckerContent(row)
358
- this.infoWindow.setContent(defectContent)
359
- this.infoWindow.open(this.map, [row.f_longitude, row.f_latitude])
360
- },
361
- // 查询人员
362
- async querySserSatus () {
363
- //tag)
364
- let http1 = new HttpResetClass()
365
- let resp = await http1.load('POST', `/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
366
- data: {
367
- items: 'name lable,id userid,\'在线\' states',
368
- tablename: 't_user',
369
- condition: `rolestr like '%安检员%'`,
370
- orderitem: 'id'
371
- }
372
- }, {resolveMsg: null, rejectMsg: null})
373
- //tag)
374
- console.log('resp=', resp)
375
- console.log('resp=', JSON.stringify(resp))
376
- this.AllPersonnel = resp.data
377
- console.log('this.AllPersonnel', JSON.stringify(this.AllPersonnel))
378
- },
379
-
380
- //获取定位人员类表
381
- async getNewData () {
382
- this.loading = true
383
- this.allpersonnellixian = []
384
- let res = await new HttpResetClass().load('POST', '/rs/search', {
385
- // source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($需要定位人员$) != -1))',
386
- source: `root.getResourceById($${this.$login.f.orgid}$,$organization$).getSpecialResByType($user$).where(row.getAttributes().get($rolestr$).indexOf($需要定位人员$) != -1)`,
387
- userid: this.$login.f.id
388
- }, {resolveMsg: null, rejectMsg: null})
389
- let arr1 = await new HttpResetClass().load('GET', `/rs/safePsoition/getPosition`, {}, {
390
- resolveMsg: null,
391
- rejectMsg: null
392
- })
393
- const today = Util.toStandardDateString()
394
- let arr2 = await new HttpResetClass().load('POST', `/api/af-safecheck/sql/singleTable`, {
395
- data: {
396
- tablename: 't_work_record',
397
- condition: `f_onsite_time >= '${today} 00:00:00' and f_onsite_time <= '${today} 23:59:59'`,
398
- }}, {
399
- resolveMsg: null,
400
- rejectMsg: null
401
- })
402
-
403
- const checkerOptions = [{label: '全部', value: ''}]
404
- if (res.data){
405
- for (const item of res.data) {
406
- checkerOptions.push({
407
- label: item.name,
408
- value: item.name
409
- })
410
- }
411
- }
412
- this.checkerOptions = checkerOptions
413
- if (res.data && arr2.data){
414
- for (const item of res.data) {
415
- for (const record of arr2.data) {
416
- if (item.id == record.f_user_id){
417
- item.f_onsite_time = record.f_onsite_time
418
- item.f_offsite_time = record.f_offsite_time
419
- break
420
- }
421
- }
422
- }
423
- }
424
- this.allpersonnelsumdata = res.data
425
-
426
- this.datachecker = []
427
- this.allpersonnelsum = []
428
- var newdate = Util.toStandardTimeString()
429
- for (let id in arr1.data) {
430
- const datachecke = {}
431
- datachecke.id = id
432
- const parse = JSON.parse(arr1.data[id])
433
- let lxhm = this.$appdata.getSingleValue("离线毫秒数")
434
- if (isEmpty(lxhm)){
435
- lxhm = 300000
436
- }
437
- if ((new Date(newdate) - new Date(parse.uploadTime) < lxhm)) {
438
- datachecke.name = parse.name
439
- datachecke.f_latitude = parse.f_latitude
440
- datachecke.f_longitude = parse.f_longitude
441
- datachecke.f_provider = parse.f_provider
442
- datachecke.f_battery_level = parse.f_battery_level
443
- datachecke.f_bearing = parse.f_bearing
444
- datachecke.uploadTime = parse.uploadTime
445
- datachecke.f_signal_strength = parse.f_signal_strength
446
- datachecke.userid = parse.userid
447
- datachecke.f_speed = parse.f_speed
448
- datachecke.isOnline = true
449
- datachecke.f_internal_quote = parse.f_internal_quote
450
- datachecke.f_altitude = parse.f_altitude
451
- datachecke.f_traffic = parse.f_traffic
452
- datachecke.checkAddress = parse.f_longitude != 0? parse.address : '未获取到实时位置'
453
- for (const record of arr2.data) {
454
- if (datachecke.userid == record.f_user_id){
455
- datachecke.f_onsite_time = record.f_onsite_time
456
- datachecke.f_offsite_time = record.f_offsite_time
457
- break
458
- }
459
- }
460
- for (const item of this.allpersonnelsumdata) {
461
- if (datachecke.userid == item.id){
462
- datachecke.f_department_name = item.f_department_name
463
- break
464
- }
465
- }
466
- this.allpersonnelsum.push(datachecke)
467
- }
468
- }
469
- // 将数组设置到 massMarks 图层
470
- //this.checkerMulchs.setData(a1)
471
- // 将 massMarks 添加到地图实例
472
- this.checkerMulchs.setMap(this.map)
473
- if (res.data) {
474
- res.data.forEach((checker) => {
475
- var lixian = true
476
- for (var i =0;i < this.allpersonnelsum.length;i++) {
477
- if (this.allpersonnelsum[i].userid == checker.id) {
478
- this.allpersonnelsum[i].f_user_telephone = checker.f_user_telephone
479
- //在线
480
- lixian = false
481
- break
482
- }
483
- }
484
- if (lixian) {
485
- checker.isOnline=false
486
- this.allpersonnellixian.push(checker)
487
- }
488
- })
489
- }
490
- let td = Util.toStandardDateString()
491
- //获取今天上传的所有隐患
492
- let arr = await new HttpResetClass().load('POST', `api/af-safecheck/sql/defectDetails`, {data: {condition: ` f_filialeid in ('${this.$login.f.orgid}') and tdil.f_create_time>'${Util.toStartDateYearString()} 00:00:00' and tdi.F_LONGITUDE is not null`}},
493
- {resolveMsg: null, rejectMsg: null})
494
- //tag)
495
- if (arr.data) {
496
- this.todayDefectList = []
497
- arr.data.forEach((defect) => {
498
- //拿出今天的隐患放到今日隐患列表中
499
- if (defect.f_upload_date.indexOf(td) != -1) {
500
- this.todayDefectList.push(defect)
501
- }
502
- //取出一二三级隐患
503
- console.log('二级隐患', defect.f_defect_level == '二级隐患')
504
- if (defect.f_defect_level == '一级隐患' && defect.f_longitude && defect.f_latitude) {
505
- this.level1.push(defect)
506
- } else if (defect.f_defect_level == '二级隐患' && defect.f_longitude && defect.f_latitude) {
507
- this.level2.push(defect)
508
- } else if (defect.f_defect_level == '三级隐患' && defect.f_longitude && defect.f_latitude) {
509
- this.level3.push(defect)
510
- } else if(defect.f_longitude && defect.f_latitude){
511
- this.problems.push(defect)
512
- }
513
- })
514
- }
515
- this.loading = false
516
- this.defectList.rows = arr.data
517
- },
518
- getDefectContent (row) {
519
- return `
520
- <div style="padding:0px;margin-left: 8px;"><b>隐患详情</b></div>
521
- <div class="panel panel-default" style="background-color: azure;border-radius: 5px;margin-left: 8px;">
522
- <div class="panel-body">
523
- <ul style="list-style-type: none;font-size: 15px;">
524
- <li style="margin: 3px 0;">隐患内容: ${row.f_item_name}-${row.f_item_value}</li>
525
- <li style="margin: 3px 0;">隐患级别: ${row.f_defect_level}</li>
526
- <li style="margin: 3px 0;">发现人员: ${row.f_checker_name}</li>
527
- <li style="margin: 3px 0;">上报时间: ${row.f_upload_date}</li>
528
- <li style="margin: 3px 0;">是否处理: ${row.F_IS_REPAIRED ? row.F_IS_REPAIRED : '未处理'}</li>
529
- <li style="margin: 3px 0;">隐患位置: ${row.f_address}</li>
530
- </ul>
531
- </div>
532
- </div>`
533
- },
534
- getCheckerContent (row) {
535
- return `
536
- <div style="padding:0px;margin-left: 8px;"><b>员工信息</b></div>
537
- <div class="panel panel-default" style="background-color: azure;border-radius: 5px;margin-left: 8px;">
538
- <div class="panel-body">
539
- <ul style="list-style-type: none;font-size: 15px;">
540
- <li style="margin: 3px 0;">员工工号: ${row.userid}</li>
541
- <li style="margin: 3px 0;">员工姓名: ${row.name}</li>
542
- <li style="margin: 3px 0;">员工电话: ${row.f_user_telephone ? row.f_user_telephone : '未查到电话'}</li>
543
- <li style="margin: 3px 0;">角色列表: ${row.rolestr ? row.rolestr : '维修员'}</li>
544
- <li style="margin: 3px 0;">剩余电量: ${row.f_battery_level} %</li>
545
- <li style="margin: 3px 0;">剩余内存: ${row.f_internal_quote} MB</li>
546
- <li style="margin: 3px 0;">信号强度: ${row.f_signal_strength}</li>
547
- <li style="margin: 3px 0;">实时位置: ${row.checkAddress ? row.checkAddress : '未获取到实时位置'}</li>
548
- <li style="margin: 3px 0;">状态更新时间: ${row.uploadTime}</li>
549
- <!--<li style="margin: 3px 0;">客户地址: 河南省周口市工农南路xx酒店302</li>-->
550
- </ul>
551
- </div>
552
- </div>`
553
- },
554
- assemblyData () {
555
- let that = this
556
- this.checkerInit()
557
- /*this.checkers=[
558
- {f_longitude:114.718285,f_latitude:33.610584},
559
- {f_longitude:114.713736,f_latitude:33.642387}
560
- ]*/
561
- /*this.level1=[
562
- {f_longitude:114.68736,f_latitude:33.655248},
563
- {f_longitude:114.716736,f_latitude:33.627523}
564
- ]*/
565
- /*this.level2=[
566
- {f_longitude:114.676833,f_latitude:33.609726},
567
- {f_longitude:114.684013,f_latitude:33.642387}
568
- ]
569
- this.level3=[
570
- {f_longitude:114.71502,f_latitude:33.648675},
571
- {f_longitude:114.725002,f_latitude:33.637242}
572
- ]
573
- this.problems=[
574
- {f_longitude:114.696969,f_latitude:33.635241},
575
- {f_longitude:114.68836,f_latitude:33.655248}
576
- ]*/
577
- /*let a1=[]
578
- for(let i=0;i<this.checkers.length;i++){
579
- a1.push({
580
- lnglat: [this.checkers[i].f_longitude,this.checkers[i].f_latitude], //点标记位置
581
- name: '安检员',
582
- id:i,
583
- rowstr:this.checkers[i]
584
- })
585
- }
586
- // 将数组设置到 massMarks 图层
587
- this.checkerMulchs.setData(a1);
588
- // 将 massMarks 添加到地图实例
589
- this.checkerMulchs.setMap(this.map);*/
590
- let a2 = []
591
- for (let i = 0; i < this.level1.length; i++) {
592
- a2.push({
593
- lnglat: [this.level1[i].f_longitude, this.level1[i].f_latitude], //点标记位置
594
- name: '一级隐患',
595
- id: i,
596
- rowstr: this.level1[i]
597
- })
598
- }
599
- // 将数组设置到 massMarks 图层
600
- this.level1Mulchs.setData(a2)
601
- // 将 massMarks 添加到地图实例
602
- this.level1Mulchs.setMap(this.map)
603
-
604
- let a3 = []
605
- for (let i = 0; i < this.level2.length; i++) {
606
- a3.push({
607
- lnglat: [this.level2[i].f_longitude, this.level2[i].f_latitude], //点标记位置
608
- name: '二级隐患',
609
- id: i,
610
- rowstr: this.level2[i]
611
- })
612
- }
613
- // 将数组设置到 massMarks 图层
614
- this.level2Mulchs.setData(a3)
615
- // 将 massMarks 添加到地图实例
616
- this.level2Mulchs.setMap(this.map)
617
-
618
- let a4 = []
619
- for (let i = 0; i < this.level3.length; i++) {
620
- a4.push({
621
- lnglat: [this.level3[i].f_longitude, this.level3[i].f_latitude], //点标记位置
622
- name: '三级隐患',
623
- id: i,
624
- rowstr: this.level3[i]
625
- })
626
- }
627
- // 将数组设置到 massMarks 图层
628
- this.level3Mulchs.setData(a4)
629
- // 将 massMarks 添加到地图实例
630
- this.level3Mulchs.setMap(this.map)
631
-
632
- let a5 = []
633
- for (let i = 0; i < this.problems.length; i++) {
634
- a5.push({
635
- lnglat: [this.problems[i].f_longitude, this.problems[i].f_latitude], //点标记位置
636
- name: '普通问题',
637
- id: i,
638
- rowstr: this.problems[i]
639
- })
640
- }
641
- // 将数组设置到 massMarks 图层
642
- this.problemsMulchs.setData(a5)
643
- // 将 massMarks 添加到地图实例
644
- this.problemsMulchs.setMap(this.map)
645
- //组装安检员点位集合
646
- },
647
- //处理图层和覆盖物的显示隐藏
648
- enableChange (vname, val) {
649
- //tag
650
- //tag
651
- switch (vname) {
652
- case 'satelliteEnable':
653
- if (val) {
654
- this.map.add(this.satellite)
655
- } else {
656
- this.map.remove(this.satellite)
657
- }
658
- break
659
- case 'roadNetEnable':
660
- if (val) {
661
- this.map.add(this.roadNet)
662
- } else {
663
- this.map.remove(this.roadNet)
664
- }
665
- break
666
- case 'checker':
667
- if (val) {
668
- this.chekckOps.show()
669
- } else {
670
- this.chekckOps.hide()
671
- }
672
- break
673
- case 'level1':
674
- if (val) {
675
- this.level1Mulchs.show()
676
- } else {
677
- this.level1Mulchs.hide()
678
- }
679
- break
680
- case 'level2':
681
- if (val) {
682
- this.level2Mulchs.show()
683
- } else {
684
- this.level2Mulchs.hide()
685
- }
686
- break
687
- case 'level3':
688
- if (val) {
689
- this.level3Mulchs.show()
690
- } else {
691
- this.level3Mulchs.hide()
692
- }
693
- break
694
- case 'problems':
695
- if (val) {
696
- this.problemsMulchs.show()
697
- } else {
698
- this.problemsMulchs.hide()
699
- }
700
- break
701
- default:
702
- }
703
- },
704
- initMap () {
705
- let that = this
706
- this.map = new AMap.Map('check_map', {
707
- zoom: 12,
708
- viewMode: '2D', //设置地图模式
709
- lang: 'zh_cn', //设置地图语言类型
710
- zindex: 99
711
- })
712
- // 异步加载地图插件
713
- AMap.plugin(
714
- ['AMap.ToolBar', 'AMap.Geolocation', 'AMap.Geocoder'], () => {//异步加载插件
715
- // 自动定位插件
716
- var geolocation = new AMap.Geolocation({
717
- // 是否使用高精度定位,默认:true
718
- enableHighAccuracy: true,
719
- // 设置定位超时时间,默认:无穷大
720
- showbutton: true,
721
- //控制按钮的显示
722
- timeout: 10000,
723
- // 定位按钮的停靠位置的偏移量,默认:Pixel(10, 20)
724
- buttonOffset: new AMap.Pixel(10, 20),
725
- // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
726
- //zoomToAccuracy: true,
727
- // 定位按钮的排放位置, RB表示右下
728
- buttonPosition: 'LB'
729
- })
730
- that.geocoder = new AMap.Geocoder({
731
- radius: 500 //范围,默认:500
732
- })
733
- that.map.addControl(geolocation)
734
- //geolocation.getCurrentPosition();
735
- that.map.addControl(new AMap.ToolBar()) //初始化工具插件
736
- })
737
- this.map.setDefaultCursor('move')
738
- //this.map.setMapStyle('amap://styles/whitesmoke');
739
- this.satellite = new AMap.TileLayer.Satellite()//卫星图层
740
- this.roadNet = new AMap.TileLayer.RoadNet({opacity: 0.8})//网路图层
741
- //安检员位置集合
742
- this.chekckOps = new AMap.OverlayGroup()
743
- //初始化窗体
744
- this.infoWindow = new AMap.InfoWindow({
745
- anchor: 'bottom-center',
746
- //isCustom: true, //使用自定义窗体
747
- autoMove: true,
748
- content: '',
749
- offset: new AMap.Pixel(0, -25)
750
- })
751
- this.checkerMulchs = new AMap.MassMarks([], {
752
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
753
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
754
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
755
- //alwaysRender:false,
756
- style: this.styleObject[0]
757
- })
758
- this.checkerMulchs.on('click', function (e) {
759
- //tag)
760
- let checkAddress = '未获取到实时位置'
761
- console.log('e.data.lnglat=', e.data.lnglat)
762
- console.log('地图222')
763
- that.geocoder.getAddress(e.data.lnglat, function (status, result) {
764
- //
765
- if (status === 'complete' && result.regeocode) {
766
- checkAddress = result.regeocode.formattedAddress
767
- } else {
768
- e.data.rowstr.checkAddress = checkAddress
769
- }
770
- e.data.rowstr.checkAddress = checkAddress
771
- console.log('e.data.rowstr=', e.data.rowstr)
772
- let defectContent = that.getCheckerContent(e.data.rowstr)
773
- that.infoWindow.setContent(defectContent)
774
- that.infoWindow.open(that.map, e.data.lnglat)
775
- })
776
- })
777
- //安检员点位
778
- /*this.checkerMulchs = new AMap.MassMarks([], {
779
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
780
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
781
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
782
- //alwaysRender:false,
783
- style: this.styleObject[0]
784
- });
785
- //tag
786
- this.checkerMulchs.on('click',function (e) {
787
- //tag)
788
- let checkAddress='未获取到实时位置'
789
- that.geocoder.getAddress(e.data.lnglat, function(status, result) {
790
- if (status === 'complete'&& result.regeocode) {
791
- checkAddress = result.regeocode.formattedAddress;
792
- }else{
793
- log.error('根据经纬度查询地址失败')
794
- }
795
- e.data.rowstr.checkAddress=checkAddress
796
- let defectContent=that.getCheckerContent(e.data.rowstr)
797
- that.infoWindow.setContent(defectContent)
798
- that.infoWindow.open(that.map, e.data.lnglat);
799
- });
800
- })*/
801
- //一级隐患点位
802
- this.level1Mulchs = new AMap.MassMarks([], {
803
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
804
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
805
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
806
- //alwaysRender:false,
807
- style: this.styleObject[1]
808
- })
809
- this.level1Mulchs.on('click', function (e) {
810
- //tag)
811
- let defectContent = that.getDefectContent(e.data.rowstr)
812
- that.infoWindow.setContent(defectContent)
813
- that.infoWindow.open(that.map, e.data.lnglat)
814
- })
815
- //二级隐患点位
816
- this.level2Mulchs = new AMap.MassMarks([], {
817
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
818
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
819
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
820
- //alwaysRender:false,
821
- style: this.styleObject[2]
822
- })
823
- this.level2Mulchs.on('click', function (e) {
824
- //tag)
825
- let defectContent = that.getDefectContent(e.data.rowstr)
826
- that.infoWindow.setContent(defectContent)
827
- that.infoWindow.open(that.map, e.data.lnglat)
828
- })
829
- //三级隐患点位
830
- this.level3Mulchs = new AMap.MassMarks([], {
831
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
832
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
833
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
834
- //alwaysRender:false,
835
- style: this.styleObject[3]
836
- })
837
- this.level3Mulchs.on('click', function (e) {
838
- //tag)
839
- let defectContent = that.getDefectContent(e.data.rowstr)
840
- that.infoWindow.setContent(defectContent)
841
- that.infoWindow.open(that.map, e.data.lnglat)
842
- })
843
- //普通问题点位
844
- this.problemsMulchs = new AMap.MassMarks([], {
845
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
846
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
847
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
848
- //alwaysRender:false,
849
- style: this.styleObject[4]
850
- })
851
- this.problemsMulchs.on('click', function (e) {
852
- //tag)
853
- let defectContent = that.getDefectContent(e.data.rowstr)
854
- that.infoWindow.setContent(defectContent)
855
- that.infoWindow.open(that.map, e.data.lnglat)
856
- })
857
-
858
- },
859
- closeInfoWindow () {
860
- this.infoWindow.close()
861
- },
862
- checkerInit () {
863
- let that = this
864
- this.chekckOps.clearOverlays()
865
- for (let j = 0; j < this.allpersonnelsum.length; j++) {
866
- let marker = new AMap.Marker({
867
- //map: that.map,
868
- offset: new AMap.Pixel(-18, -10),
869
- position: [this.allpersonnelsum[j].f_longitude, this.allpersonnelsum[j].f_latitude],
870
- icon: new AMap.Icon({
871
- image: '/images/anjianyuan.png', //人员图标URL
872
- imageOffset: new AMap.Pixel(0, 0), // 图标偏移位置
873
- imageSize: new AMap.Size(36, 36) //图标大小
874
- }),
875
- label: {
876
- //offset: new AMap.Pixel(20, 20), //设置文本标注偏移量
877
- content: `<div class='info' style='background-color: rgb(0,185,255);color: #ffffff;padding: 5px;border-radius: 4px'>${this.allpersonnelsum[j].name}</div>`, //设置文本标注内容
878
- direction: 'bottom', //设置文本标注方位
879
- offset: new AMap.Pixel(0, -4)
880
- },
881
- extData: this.allpersonnelsum[j]
882
- })
883
- this.chekckOps.addOverlay(marker)
884
-
885
- }
886
- this.chekckOps.setMap(this.map)
887
- this.chekckOps.on('click', function (e) {
888
- let pe = e.target.getExtData()
889
- let checkAddress = '未获取到实时位置'
890
- that.geocoder.getAddress([pe.f_longitude, pe.f_latitude], function (status, result) {
891
- if (status === 'complete' && result.regeocode) {
892
- checkAddress = result.regeocode.formattedAddress
893
- }/*else{
894
- log.error('根据经纬度查询地址失败')
895
- }*/
896
- pe.checkAddress = checkAddress
897
- let defectContent = that.getCheckerContent(pe)
898
- that.infoWindow.setContent(defectContent)
899
- that.infoWindow.open(that.map, [pe.f_longitude, pe.f_latitude])
900
- })
901
- })
902
- /*AMap.event.addListener(this.ops, 'click', function (e) {
903
- //tag)
904
- //that.infoWindow.open(that.map, marker.getPosition());
905
- })*/
906
- },
907
- //获取当前时间的前两个小时
908
- getNowFormatDate (house = 0) {
909
- //tag
910
- let date = new Date()
911
- let seperator1 = '-'
912
- let seperator2 = ':'
913
- if (house != 0) {
914
- date.setHours(date.getHours() - house)
915
- }
916
- let month = date.getMonth() + 1
917
- let strDate = date.getDate()
918
- let hour = date.getHours()
919
- let min = date.getMinutes()
920
- let second = date.getSeconds()
921
- if (month >= 1 && month <= 9) {
922
- month = '0' + month
923
- }
924
- if (strDate >= 0 && strDate <= 9) {
925
- strDate = '0' + strDate
926
- }
927
- if (hour >= 0 && hour <= 9) {
928
- hour = '0' + hour
929
- }
930
- if (min >= 0 && min <= 9) {
931
- min = '0' + min
932
- }
933
- if (second >= 0 && second <= 9) {
934
- second = '0' + second
935
- }
936
- let currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
937
- + ' ' + hour + seperator2 + min
938
- + seperator2 + second
939
- return currentdate
940
- },
941
- toStandardTimeString () {
942
- let dt = new Date()
943
- let month = dt.getMonth() + 1
944
- let date = dt.getDate()
945
- let hour = dt.getHours()
946
- let min = dt.getMinutes()
947
- let sec = dt.getSeconds()
948
- return dt.getFullYear() + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
949
- + ' ' + (hour < 10 ? '0' + hour : hour)
950
- },
951
- async safeRefresh () {
952
- //tag
953
- //获取所有安检员的点位集合-----测试数据
954
- /*this.checkers=[]
955
- this.checkers.push({f_longitude:114.7318,f_latitude:33.567126,name:"hwq1",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
956
- this.checkers.push({f_longitude:114.726801,f_latitude:33.566912,name:"hwq2",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
957
- this.checkers.push({f_longitude:114.723346,f_latitude:33.568932,name:"hwq3",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
958
- this.checkers.push({f_longitude:114.711741,f_latitude:33.585519,name:"hwq4",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
959
- this.checkers.push({f_longitude:114.756716,f_latitude:33.594528,name:"hwq5",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
960
- this.defectList.rows=[]
961
- this.defectList.rows.push({"f_longitude":114.661358,"f_latitude":33.596897,"f_checker_name":"hwq2","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
962
- this.defectList.rows.push({"f_longitude":114.659985,"f_latitude":33.62892,"f_checker_name":"hwq3","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
963
- this.defectList.rows.push({"f_longitude":114.634579,"f_latitude":33.616627,"f_checker_name":"hwq4","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
964
- this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
965
- this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
966
- this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
967
- this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
968
- this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
969
- this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
970
- this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})*/
971
- await this.getNewData()
972
- this.assemblyData()
973
- }
974
- },
975
- computed: {},
976
- destroyed () {
977
- window.clearInterval(this.intervalNum)
978
- },
979
- watch: {
980
- departmentName(){
981
- console.log("fdsf--------")
982
- this.checkerName = ''
983
- if (this.departmentName){
984
- const persons = [{label: '全部', value: ''}]
985
- for (const item of this.showdata) {
986
- if (item.f_department_name == this.departmentName){
987
- persons.push({label: item.name, value: item.name})
988
- }
989
- }
990
- this.persons = persons
991
- }else {
992
- const persons = [{label: '全部', value: ''}]
993
- for (const item of this.showdata) {
994
- persons.push({label: item.name, value: item.name})
995
- }
996
- this.persons = persons
997
- }
998
- }
999
- }
1000
- }
1001
-
1002
- </script>
1003
-
1004
- <style lang="less" scoped>
1005
-
1006
- .safe_checkbox_sty {
1007
- vertical-align: text-bottom;
1008
- margin-right: 3px;
1009
-
1010
- }
1011
-
1012
- .safe_ul_sty {
1013
- list-style-type: none;
1014
- font-size: 13px;
1015
- padding-left: 5px;
1016
- }
1017
-
1018
- .safe_li_sty {
1019
- font-size: 13px;
1020
- margin-top: 5px;
1021
- }
1022
-
1023
- .safe_p {
1024
- white-space: nowrap;
1025
- overflow: hidden;
1026
- text-overflow: ellipsis;
1027
- margin: 0 0 0 10px;
1028
-
1029
- font-size: 12px;
1030
- }
1031
-
1032
- .safe_list_li {
1033
- margin-top: 5px;
1034
- background-color: #ffffff;
1035
- border: solid 1px #f0f4fa !important;
1036
- color: #666666 !important;
1037
- font-size: 1.3rem !important;
1038
- font-family: PINGFANG-MEDIUM !important;
1039
- padding: 8px;
1040
- }
1041
-
1042
- .safe_list_li:hover {
1043
- background-color: rgb(203, 234, 241);
1044
- }
1045
-
1046
- .safe_deimg {
1047
- vertical-align: text-bottom;
1048
- width: 15px;
1049
- margin-right: 3px;
1050
- }
1051
-
1052
- .panel-heading {
1053
- .inactive {
1054
- color: gray;
1055
- }
1056
- }
1057
-
1058
- table{
1059
- width: 100%;
1060
- border-collapse: collapse;
1061
- }
1062
-
1063
- table caption{
1064
- font-size: 2em;
1065
- font-weight: bold;
1066
- margin: 1em 0;
1067
- }
1068
-
1069
- th,td{
1070
- border: 1px solid #999;
1071
- text-align: center;
1072
- padding: 20px 0;
1073
- }
1074
-
1075
- table thead tr{
1076
- background-color: #6aa6e2;
1077
- color: #fff;
1078
- }
1079
-
1080
- table tbody tr:nth-child(odd){
1081
- background-color: #eee;
1082
- }
1083
-
1084
- table tbody tr:hover{
1085
- background-color: #ccc;
1086
- }
1087
-
1088
- table tfoot tr td{
1089
- text-align: right;
1090
- padding-right: 20px;
1091
- }
1092
-
1093
- </style>
1094
-
1
+ <template>
2
+ <div class="flex-row">
3
+ <div class="basic-main" style="flex:7">
4
+ <div id="check_map" style="height:100%">
5
+ <img-self-safe :src="imgSrc" width="45" style="z-index: 0"
6
+ height="50" class="img-rounded" v-ref:defectimg></img-self-safe>
7
+ </div>
8
+ </div>
9
+ <div id="zzz" class="basic-main" style="flex:1;margin-left: 0px;overflow: hidden">
10
+ <div class="flex">
11
+ <div class="panel panel-info" style="flex: 1;margin-top:0px">
12
+ <div class="panel-heading" style="height: auto;display: flex;flex-wrap: wrap">
13
+ <h3 class="panel-title" style="width: 50%">图层设置</h3>
14
+ <h3 class="panel-title" style="width: 50%;text-align: end" ><button @click="safeRefresh" style="border: 0px">刷新</button></h3>
15
+ </div>
16
+ <div class="panel-body">
17
+ <ul class="safe_ul_sty">
18
+ <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="layers.satelliteEnable"
19
+ @change="enableChange('satelliteEnable',layers.satelliteEnable)"
20
+ type="checkbox"/>卫星图层
21
+ </li>
22
+ <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="layers.roadNetEnable"
23
+ @change="enableChange('roadNetEnable',layers.roadNetEnable)"
24
+ type="checkbox"/>网路图层
25
+ </li>
26
+ </ul>
27
+ </div>
28
+ </div>
29
+ <div class="panel panel-info" style="flex: 2;margin-top:0px;">
30
+ <div class="panel-heading" style="height: auto">
31
+ <h3 class="panel-title">覆盖物设置</h3>
32
+ </div>
33
+ <div class="panel-body">
34
+ <ul class="safe_ul_sty">
35
+ <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.checker"
36
+ @change="enableChange('checker',mulchs.checker)" type="checkbox"/><img
37
+ class="safe_deimg" src="../../../assets/anjianyuan.png"/>工作人员
38
+ </li>
39
+ <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.level1"
40
+ @change="enableChange('level1',mulchs.level1)" type="checkbox"/><img
41
+ class="safe_deimg" src="../../../assets/level1.png"/>一级隐患
42
+ </li>
43
+ <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.level2"
44
+ @change="enableChange('level2',mulchs.level2)" type="checkbox"/><img
45
+ class="safe_deimg" src="../../../assets/level2.png"/>二级隐患
46
+ </li>
47
+ <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.level3"
48
+ @change="enableChange('level3',mulchs.level3)" type="checkbox"/><img
49
+ class="safe_deimg" src="../../../assets/level3.png"/>三级隐患
50
+ </li>
51
+ <li class="safe_li_sty"><input class="safe_checkbox_sty" v-model="mulchs.problems"
52
+ @change="enableChange('problems',mulchs.problems)" type="checkbox"/><img
53
+ class="safe_deimg" src="../../../assets/ordinary.png"/>普通问题
54
+ </li>
55
+ </ul>
56
+ </div>
57
+ </div>
58
+
59
+ <div class="panel panel-info" style="flex: 2;margin-top:0px;">
60
+ <div class="panel-heading" style="height: auto">
61
+ <h3 class="panel-title">人员情况列表</h3>
62
+ </div>
63
+ <div class="panel-body">
64
+ <div class="safe_ul_sty">
65
+ <p class="safe_li_sty">总数:
66
+ <button @click.stop="allmodal([...this.allpersonnelsum,...this.allpersonnellixian],'总数')" class="btn btn-link">
67
+ {{ allpersonnelsumdata.length ? allpersonnelsumdata.length : 0 }}
68
+ </button>
69
+ </p>
70
+ <p class="safe_li_sty">在线人数:
71
+ <button @click.stop="allmodal(allpersonnelsum,'在线人数')" class="btn btn-link">
72
+ {{ allpersonnelsum.length ? allpersonnelsum.length : 0 }}
73
+ </button>
74
+ </p>
75
+ <p class="safe_li_sty">离线人数:
76
+ <button @click.stop="allmodal(allpersonnellixian,'离线人数')" class="btn btn-link">
77
+ {{ allpersonnellixian.length ? allpersonnellixian.length : 0 }}
78
+ </button>
79
+ </p>
80
+ </div>
81
+
82
+ </div>
83
+ </div>
84
+ <div class="panel panel-info" style="flex: 4;margin-top:0px;height: 50%">
85
+ <div class="panel-heading" style="height: auto; display: flex; gap: 20px">
86
+ <h3 style="cursor: pointer" class="panel-title" :class="{inactive: sel != 0}" @click="sel = 0">今日隐患</h3>
87
+ <h3 style="cursor: pointer" class="panel-title" :class="{inactive: sel != 1}" @click="sel = 1">安&nbsp;&nbsp;检&nbsp;&nbsp;员</h3>
88
+ </div>
89
+ <div v-show="sel == 0" class="panel-body" style="overflow: scroll">
90
+ <ul class="safe_ul_sty">
91
+ <li v-for="row in todayDefectList" track-by="$index" class="safe_li_sty safe_list_li"
92
+ @click="setDefectPos(row)" style="border: 1px #4d4d4d solid;border-radius: 2px">
93
+ <div style="width: 100%;" class="flex-row">
94
+ <div style="width:35%">
95
+ <img :src="'/rs/image/file/'+row.f_path" style="width:45px;height: 50px"
96
+ @click.stop="seePhotos(row.f_path)" class="img-rounded">
97
+ </div>
98
+ <div style="width:65%">
99
+ <p class="safe_p" :title="row.f_item_name">{{ row.f_item_name }}</p>
100
+ <p class="safe_p" :title="row.f_checker_name">{{ row.f_checker_name }}</p>
101
+ <p class="safe_p" :title="row.f_upload_date">{{ row.f_upload_date.substring(11) }}</p>
102
+ </div>
103
+ </div>
104
+ </li>
105
+ </ul>
106
+ </div>
107
+ <div v-show="sel == 1" class="panel-body" style="overflow: scroll">
108
+ <ul class="safe_ul_sty">
109
+ <li @click="setCheckerPos(row)" v-for="row in allpersonnelsum" track-by="$index"
110
+ class="safe_li_sty safe_list_li" style="border: 1px #4d4d4d solid;border-radius: 2px">
111
+ <div style="width: 100%;" class="flex-row">
112
+ <p class="safe_p" style="cursor: pointer" :title="row.name">{{ row.name }}</p>
113
+ </div>
114
+ </li>
115
+ </ul>
116
+ </div>
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ <modal :show.sync="showModal" v-ref:infomodal :backdrop="false">
122
+ <div slot="modal-header" class="modal-header">
123
+ <h4 class="modal-title">
124
+ {{ showname }}
125
+ </h4>
126
+ </div>
127
+ <div slot="modal-body" class="modal-body">
128
+ <div class="row" style="display: flex; align-items: center; margin-bottom: 20px">
129
+ <div class="col-sm-5" style="display: flex; align-items: center">
130
+ <label class="font_normal_body">班组</label>
131
+ <v-select
132
+ class="select select_list"
133
+ :value.sync="departmentName"
134
+ v-model="departmentName"
135
+ :options="departments"
136
+ placeholder='请选择'
137
+ :search="false"
138
+ close-on-select
139
+ value-single
140
+ ></v-select>
141
+ </div>
142
+ <div class="col-sm-5" style="display: flex; align-items: center">
143
+ <label class="font_normal_body">安检员</label>
144
+ <v-select
145
+ class="select select_list"
146
+ :value.sync="checkerName"
147
+ v-model="checkerName"
148
+ :options="persons"
149
+ placeholder='请选择'
150
+ :search="true"
151
+ close-on-select
152
+ value-single
153
+ ></v-select>
154
+ </div>
155
+ <div class="col-sm-2">
156
+ <button class="button_search" @click="checkerSearch">查询</button>
157
+ </div>
158
+ </div>
159
+ <table>
160
+ <thead>
161
+ <tr>
162
+ <th>姓名</th>
163
+ <th>当前位置</th>
164
+ <th>当前电量</th>
165
+ </tr>
166
+ </thead>
167
+ <tbody>
168
+ <tr v-for="rowd in showdataSearch">
169
+ <td>{{ rowd.name }}</td>
170
+ <td>{{ rowd.checkAddress }}</td>
171
+ <td>{{ rowd.f_battery_level }}</td>
172
+ </tr>
173
+ </tbody>
174
+ </table>
175
+ </div>
176
+ <div slot="modal-footer" class="modal-footer">
177
+ <div class="safe_ul_sty" style="float: left">
178
+ <p class="safe_li_sty">
179
+ 在线人数:{{ onLineNumber }} &nbsp;&nbsp;
180
+ 离线人数:{{ noOnLineNumber }}
181
+ </p>
182
+ </div>
183
+ <button type="button" class="btn btn-primary btn-photo" @click="showModalclose">取消</button>
184
+ </div>
185
+ </modal>
186
+ <work-busy :is-busy="loading"></work-busy>
187
+ </template>
188
+ <script>
189
+ import Vue from 'vue'
190
+ import * as Util from '../../../components/Util'
191
+ import {HttpResetClass, trans} from 'vue-client'
192
+ import {isEmpty} from '../../../components/Util'
193
+
194
+ export default {
195
+ title: '安检实时监控中心',
196
+ data () {
197
+ return {
198
+ loading:false,
199
+ sel: 0,
200
+ onLineNumber:0,
201
+ noOnLineNumber:0,
202
+ showModal: false,
203
+ showdata: [],
204
+ showname: '',
205
+ showdataSearch: [],
206
+ AllPersonnel: [],
207
+ map: null,
208
+ allpersonnelsum: [],//在线人数
209
+ allpersonnelsumdata: [],//总数
210
+ allpersonnellixian: [],//离线
211
+ infoWindow: null,
212
+ satellite: null,
213
+ roadNet: null,
214
+ checkerMulchs: null,//安检员点位
215
+ level1Mulchs: null,//一级隐患点位
216
+ level2Mulchs: null,//二级隐患点位
217
+ level3Mulchs: null,//三级隐患点位
218
+ problemsMulchs: null,//普通问题点位
219
+ checkers: [],
220
+ datachecker: [],
221
+ employeeList: [],
222
+ level1: [],
223
+ level2: [],
224
+ level3: [],
225
+ problems: [],
226
+ chekckOps: null,
227
+ defectList: {rows: []},
228
+ todayDefectList: [],
229
+ intervalNum: '',
230
+ layers: {//图层控制显示
231
+ satelliteEnable: false,
232
+ roadNetEnable: false
233
+ },
234
+ imgSrc: '',
235
+ geocoder: null,//逆地理编码
236
+ mulchs: {//覆盖物控制显示
237
+ checker: true,
238
+ level1: true,
239
+ level2: true,
240
+ level3: true,
241
+ problems: true
242
+ },
243
+ styleObject: [
244
+ {
245
+ url: '/images/anjianyuan.png', //人员图标URL
246
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
247
+ size: new AMap.Size(26, 28) //图标大小
248
+ },
249
+ {
250
+ url: '/images/level1.png', //一级隐患图标URL
251
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
252
+ size: new AMap.Size(26, 28) //图标大小
253
+ },
254
+ {
255
+ url: '/images/level2.png', //二级隐患图标URL
256
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
257
+ size: new AMap.Size(26, 28) //图标大小
258
+ },
259
+ {
260
+ url: '/images/level3.png', //三级隐患图标URL
261
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
262
+ size: new AMap.Size(26, 28) //图标大小
263
+ },
264
+ {
265
+ url: '/images/ordinary.png', //普通问题图标URL
266
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
267
+ size: new AMap.Size(26, 28) //图标大小
268
+ }
269
+ ],
270
+ departments: [
271
+ {label: '全部', value: ''},
272
+ {label: '客服部维修班', value: '客服部维修班'}, {label: '燃气具安装班', value: '燃气具安装班'},
273
+ {label: '居民安检班', value: '居民安检班'}, {label: '非居民安检班', value: '非居民安检班'}
274
+ ],
275
+ persons: [],
276
+ checkerOptions: [],
277
+ departmentName: '',
278
+ checkerName: ''
279
+ }
280
+ },
281
+ ready () {
282
+ // this.querySserSatus()
283
+ this.initMap()
284
+ this.getNewData().then(()=>{
285
+ this.assemblyData()
286
+ window.safe_closeInfoWindow = this.closeInfoWindow
287
+ let sx = this.$appdata.getSingleValue("地图刷新")
288
+ if (isEmpty(sx)){
289
+ sx = 120000
290
+ }
291
+ this.intervalNum = window.setInterval(this.safeRefresh, sx)
292
+ })
293
+
294
+ },
295
+ methods: {
296
+ checkerSearch(){
297
+ this.showdataSearch = this.showdata.filter((item) => {
298
+ if (((!this.departmentName || item.f_department_name == this.departmentName) && (!this.checkerName || item.name.includes(this.checkerName)))){
299
+ return true
300
+ }
301
+ return false
302
+ })
303
+ this.onLineNumber = 0
304
+ this.noOnLineNumber = 0
305
+ this.showdataSearch.map(item=>{
306
+ if (item.isOnline){
307
+ this.onLineNumber ++
308
+ }else {
309
+ this.noOnLineNumber ++
310
+ }
311
+ })
312
+ },
313
+ showModalclose () {
314
+ this.showModal = false
315
+ this.showdata = []
316
+ this.showdataSearch = []
317
+ this.showname = ''
318
+ this.departmentName = ''
319
+ this.checkerName = ''
320
+ },
321
+ allmodal (row, type) {
322
+ if (row.length === 0) {
323
+ return this.$showAlert('暂无数据!!!', 'warning', 2000)
324
+ }
325
+ const persons = [{label: '全部', value: ''}]
326
+ for (const item of row) {
327
+ persons.push({label: item.name, value: item.name})
328
+ }
329
+ this.persons = persons
330
+ this.showname = type
331
+ this.showdata = row
332
+ this.showdataSearch = row
333
+ this.showModal = true
334
+ this.onLineNumber = this.allpersonnelsum.length
335
+ this.noOnLineNumber = this.allpersonnellixian.length
336
+
337
+ },
338
+ toggleTab (current) {
339
+ this.currentTab = current
340
+ this.currentClass = current
341
+ },
342
+ seePhotos (path) {
343
+ if (path) {
344
+ this.imgSrc = '/rs/image/file/' + path
345
+ this.infoWindow.close()
346
+ this.$refs.defectimg.open()
347
+ }
348
+ },
349
+ setDefectPos (row) {
350
+ this.map.setZoomAndCenter(15, [row.f_longitude, row.f_latitude])
351
+ let defectContent = this.getDefectContent(row)
352
+ this.infoWindow.setContent(defectContent)
353
+ this.infoWindow.open(this.map, [row.f_longitude, row.f_latitude])
354
+ },
355
+ setCheckerPos (row) { //维修员信息
356
+ this.map.setZoomAndCenter(15, [row.f_longitude, row.f_latitude])
357
+ let defectContent = this.getCheckerContent(row)
358
+ this.infoWindow.setContent(defectContent)
359
+ this.infoWindow.open(this.map, [row.f_longitude, row.f_latitude])
360
+ },
361
+ // 查询人员
362
+ async querySserSatus () {
363
+ //tag)
364
+ let http1 = new HttpResetClass()
365
+ let resp = await http1.load('POST', `/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
366
+ data: {
367
+ items: 'name lable,id userid,\'在线\' states',
368
+ tablename: 't_user',
369
+ condition: `rolestr like '%安检员%'`,
370
+ orderitem: 'id'
371
+ }
372
+ }, {resolveMsg: null, rejectMsg: null})
373
+ //tag)
374
+ console.log('resp=', resp)
375
+ console.log('resp=', JSON.stringify(resp))
376
+ this.AllPersonnel = resp.data
377
+ console.log('this.AllPersonnel', JSON.stringify(this.AllPersonnel))
378
+ },
379
+
380
+ //获取定位人员类表
381
+ async getNewData () {
382
+ this.loading = true
383
+ this.allpersonnellixian = []
384
+ let res = await new HttpResetClass().load('POST', '/rs/search', {
385
+ // source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($需要定位人员$) != -1))',
386
+ source: `root.getResourceById($${this.$login.f.orgid}$,$organization$).getSpecialResByType($user$).where(row.getAttributes().get($rolestr$).indexOf($需要定位人员$) != -1)`,
387
+ userid: this.$login.f.id
388
+ }, {resolveMsg: null, rejectMsg: null})
389
+ let arr1 = await new HttpResetClass().load('GET', `/rs/safePsoition/getPosition`, {}, {
390
+ resolveMsg: null,
391
+ rejectMsg: null
392
+ })
393
+ const today = Util.toStandardDateString()
394
+ let arr2 = await new HttpResetClass().load('POST', `/api/af-safecheck/sql/singleTable`, {
395
+ data: {
396
+ tablename: 't_work_record',
397
+ condition: `f_onsite_time >= '${today} 00:00:00' and f_onsite_time <= '${today} 23:59:59'`,
398
+ }}, {
399
+ resolveMsg: null,
400
+ rejectMsg: null
401
+ })
402
+
403
+ const checkerOptions = [{label: '全部', value: ''}]
404
+ if (res.data){
405
+ for (const item of res.data) {
406
+ checkerOptions.push({
407
+ label: item.name,
408
+ value: item.name
409
+ })
410
+ }
411
+ }
412
+ this.checkerOptions = checkerOptions
413
+ if (res.data && arr2.data){
414
+ for (const item of res.data) {
415
+ for (const record of arr2.data) {
416
+ if (item.id == record.f_user_id){
417
+ item.f_onsite_time = record.f_onsite_time
418
+ item.f_offsite_time = record.f_offsite_time
419
+ break
420
+ }
421
+ }
422
+ }
423
+ }
424
+ this.allpersonnelsumdata = res.data
425
+
426
+ this.datachecker = []
427
+ this.allpersonnelsum = []
428
+ var newdate = Util.toStandardTimeString()
429
+ for (let id in arr1.data) {
430
+ const datachecke = {}
431
+ datachecke.id = id
432
+ const parse = JSON.parse(arr1.data[id])
433
+ let lxhm = this.$appdata.getSingleValue("离线毫秒数")
434
+ if (isEmpty(lxhm)){
435
+ lxhm = 300000
436
+ }
437
+ if ((new Date(newdate) - new Date(parse.uploadTime) < lxhm)) {
438
+ datachecke.name = parse.name
439
+ datachecke.f_latitude = parse.f_latitude
440
+ datachecke.f_longitude = parse.f_longitude
441
+ datachecke.f_provider = parse.f_provider
442
+ datachecke.f_battery_level = parse.f_battery_level
443
+ datachecke.f_bearing = parse.f_bearing
444
+ datachecke.uploadTime = parse.uploadTime
445
+ datachecke.f_signal_strength = parse.f_signal_strength
446
+ datachecke.userid = parse.userid
447
+ datachecke.f_speed = parse.f_speed
448
+ datachecke.isOnline = true
449
+ datachecke.f_internal_quote = parse.f_internal_quote
450
+ datachecke.f_altitude = parse.f_altitude
451
+ datachecke.f_traffic = parse.f_traffic
452
+ datachecke.checkAddress = parse.f_longitude != 0? parse.address : '未获取到实时位置'
453
+ for (const record of arr2.data) {
454
+ if (datachecke.userid == record.f_user_id){
455
+ datachecke.f_onsite_time = record.f_onsite_time
456
+ datachecke.f_offsite_time = record.f_offsite_time
457
+ break
458
+ }
459
+ }
460
+ for (const item of this.allpersonnelsumdata) {
461
+ if (datachecke.userid == item.id){
462
+ datachecke.f_department_name = item.f_department_name
463
+ break
464
+ }
465
+ }
466
+ this.allpersonnelsum.push(datachecke)
467
+ }
468
+ }
469
+ // 将数组设置到 massMarks 图层
470
+ //this.checkerMulchs.setData(a1)
471
+ // 将 massMarks 添加到地图实例
472
+ this.checkerMulchs.setMap(this.map)
473
+ if (res.data) {
474
+ res.data.forEach((checker) => {
475
+ var lixian = true
476
+ for (var i =0;i < this.allpersonnelsum.length;i++) {
477
+ if (this.allpersonnelsum[i].userid == checker.id) {
478
+ this.allpersonnelsum[i].f_user_telephone = checker.f_user_telephone
479
+ //在线
480
+ lixian = false
481
+ break
482
+ }
483
+ }
484
+ if (lixian) {
485
+ checker.isOnline=false
486
+ this.allpersonnellixian.push(checker)
487
+ }
488
+ })
489
+ }
490
+ let td = Util.toStandardDateString()
491
+ //获取今天上传的所有隐患
492
+ let arr = await new HttpResetClass().load('POST', `api/af-safecheck/sql/defectDetails`, {data: {condition: ` f_filialeid in ('${this.$login.f.orgid}') and tdil.f_create_time>'${Util.toStartDateYearString()} 00:00:00' and tdi.F_LONGITUDE is not null`}},
493
+ {resolveMsg: null, rejectMsg: null})
494
+ //tag)
495
+ if (arr.data) {
496
+ this.todayDefectList = []
497
+ arr.data.forEach((defect) => {
498
+ //拿出今天的隐患放到今日隐患列表中
499
+ if (defect.f_upload_date.indexOf(td) != -1) {
500
+ this.todayDefectList.push(defect)
501
+ }
502
+ //取出一二三级隐患
503
+ console.log('二级隐患', defect.f_defect_level == '二级隐患')
504
+ if (defect.f_defect_level == '一级隐患' && defect.f_longitude && defect.f_latitude) {
505
+ this.level1.push(defect)
506
+ } else if (defect.f_defect_level == '二级隐患' && defect.f_longitude && defect.f_latitude) {
507
+ this.level2.push(defect)
508
+ } else if (defect.f_defect_level == '三级隐患' && defect.f_longitude && defect.f_latitude) {
509
+ this.level3.push(defect)
510
+ } else if(defect.f_longitude && defect.f_latitude){
511
+ this.problems.push(defect)
512
+ }
513
+ })
514
+ }
515
+ this.loading = false
516
+ this.defectList.rows = arr.data
517
+ },
518
+ getDefectContent (row) {
519
+ return `
520
+ <div style="padding:0px;margin-left: 8px;"><b>隐患详情</b></div>
521
+ <div class="panel panel-default" style="background-color: azure;border-radius: 5px;margin-left: 8px;">
522
+ <div class="panel-body">
523
+ <ul style="list-style-type: none;font-size: 15px;">
524
+ <li style="margin: 3px 0;">隐患内容: ${row.f_item_name}-${row.f_item_value}</li>
525
+ <li style="margin: 3px 0;">隐患级别: ${row.f_defect_level}</li>
526
+ <li style="margin: 3px 0;">发现人员: ${row.f_checker_name}</li>
527
+ <li style="margin: 3px 0;">上报时间: ${row.f_upload_date}</li>
528
+ <li style="margin: 3px 0;">是否处理: ${row.F_IS_REPAIRED ? row.F_IS_REPAIRED : '未处理'}</li>
529
+ <li style="margin: 3px 0;">隐患位置: ${row.f_address}</li>
530
+ </ul>
531
+ </div>
532
+ </div>`
533
+ },
534
+ getCheckerContent (row) {
535
+ return `
536
+ <div style="padding:0px;margin-left: 8px;"><b>员工信息</b></div>
537
+ <div class="panel panel-default" style="background-color: azure;border-radius: 5px;margin-left: 8px;">
538
+ <div class="panel-body">
539
+ <ul style="list-style-type: none;font-size: 15px;">
540
+ <li style="margin: 3px 0;">员工工号: ${row.userid}</li>
541
+ <li style="margin: 3px 0;">员工姓名: ${row.name}</li>
542
+ <li style="margin: 3px 0;">员工电话: ${row.f_user_telephone ? row.f_user_telephone : '未查到电话'}</li>
543
+ <li style="margin: 3px 0;">角色列表: ${row.rolestr ? row.rolestr : '维修员'}</li>
544
+ <li style="margin: 3px 0;">剩余电量: ${row.f_battery_level} %</li>
545
+ <li style="margin: 3px 0;">剩余内存: ${row.f_internal_quote} MB</li>
546
+ <li style="margin: 3px 0;">信号强度: ${row.f_signal_strength}</li>
547
+ <li style="margin: 3px 0;">实时位置: ${row.checkAddress ? row.checkAddress : '未获取到实时位置'}</li>
548
+ <li style="margin: 3px 0;">状态更新时间: ${row.uploadTime}</li>
549
+ <!--<li style="margin: 3px 0;">客户地址: 河南省周口市工农南路xx酒店302</li>-->
550
+ </ul>
551
+ </div>
552
+ </div>`
553
+ },
554
+ assemblyData () {
555
+ let that = this
556
+ this.checkerInit()
557
+ /*this.checkers=[
558
+ {f_longitude:114.718285,f_latitude:33.610584},
559
+ {f_longitude:114.713736,f_latitude:33.642387}
560
+ ]*/
561
+ /*this.level1=[
562
+ {f_longitude:114.68736,f_latitude:33.655248},
563
+ {f_longitude:114.716736,f_latitude:33.627523}
564
+ ]*/
565
+ /*this.level2=[
566
+ {f_longitude:114.676833,f_latitude:33.609726},
567
+ {f_longitude:114.684013,f_latitude:33.642387}
568
+ ]
569
+ this.level3=[
570
+ {f_longitude:114.71502,f_latitude:33.648675},
571
+ {f_longitude:114.725002,f_latitude:33.637242}
572
+ ]
573
+ this.problems=[
574
+ {f_longitude:114.696969,f_latitude:33.635241},
575
+ {f_longitude:114.68836,f_latitude:33.655248}
576
+ ]*/
577
+ /*let a1=[]
578
+ for(let i=0;i<this.checkers.length;i++){
579
+ a1.push({
580
+ lnglat: [this.checkers[i].f_longitude,this.checkers[i].f_latitude], //点标记位置
581
+ name: '安检员',
582
+ id:i,
583
+ rowstr:this.checkers[i]
584
+ })
585
+ }
586
+ // 将数组设置到 massMarks 图层
587
+ this.checkerMulchs.setData(a1);
588
+ // 将 massMarks 添加到地图实例
589
+ this.checkerMulchs.setMap(this.map);*/
590
+ let a2 = []
591
+ for (let i = 0; i < this.level1.length; i++) {
592
+ a2.push({
593
+ lnglat: [this.level1[i].f_longitude, this.level1[i].f_latitude], //点标记位置
594
+ name: '一级隐患',
595
+ id: i,
596
+ rowstr: this.level1[i]
597
+ })
598
+ }
599
+ // 将数组设置到 massMarks 图层
600
+ this.level1Mulchs.setData(a2)
601
+ // 将 massMarks 添加到地图实例
602
+ this.level1Mulchs.setMap(this.map)
603
+
604
+ let a3 = []
605
+ for (let i = 0; i < this.level2.length; i++) {
606
+ a3.push({
607
+ lnglat: [this.level2[i].f_longitude, this.level2[i].f_latitude], //点标记位置
608
+ name: '二级隐患',
609
+ id: i,
610
+ rowstr: this.level2[i]
611
+ })
612
+ }
613
+ // 将数组设置到 massMarks 图层
614
+ this.level2Mulchs.setData(a3)
615
+ // 将 massMarks 添加到地图实例
616
+ this.level2Mulchs.setMap(this.map)
617
+
618
+ let a4 = []
619
+ for (let i = 0; i < this.level3.length; i++) {
620
+ a4.push({
621
+ lnglat: [this.level3[i].f_longitude, this.level3[i].f_latitude], //点标记位置
622
+ name: '三级隐患',
623
+ id: i,
624
+ rowstr: this.level3[i]
625
+ })
626
+ }
627
+ // 将数组设置到 massMarks 图层
628
+ this.level3Mulchs.setData(a4)
629
+ // 将 massMarks 添加到地图实例
630
+ this.level3Mulchs.setMap(this.map)
631
+
632
+ let a5 = []
633
+ for (let i = 0; i < this.problems.length; i++) {
634
+ a5.push({
635
+ lnglat: [this.problems[i].f_longitude, this.problems[i].f_latitude], //点标记位置
636
+ name: '普通问题',
637
+ id: i,
638
+ rowstr: this.problems[i]
639
+ })
640
+ }
641
+ // 将数组设置到 massMarks 图层
642
+ this.problemsMulchs.setData(a5)
643
+ // 将 massMarks 添加到地图实例
644
+ this.problemsMulchs.setMap(this.map)
645
+ //组装安检员点位集合
646
+ },
647
+ //处理图层和覆盖物的显示隐藏
648
+ enableChange (vname, val) {
649
+ //tag
650
+ //tag
651
+ switch (vname) {
652
+ case 'satelliteEnable':
653
+ if (val) {
654
+ this.map.add(this.satellite)
655
+ } else {
656
+ this.map.remove(this.satellite)
657
+ }
658
+ break
659
+ case 'roadNetEnable':
660
+ if (val) {
661
+ this.map.add(this.roadNet)
662
+ } else {
663
+ this.map.remove(this.roadNet)
664
+ }
665
+ break
666
+ case 'checker':
667
+ if (val) {
668
+ this.chekckOps.show()
669
+ } else {
670
+ this.chekckOps.hide()
671
+ }
672
+ break
673
+ case 'level1':
674
+ if (val) {
675
+ this.level1Mulchs.show()
676
+ } else {
677
+ this.level1Mulchs.hide()
678
+ }
679
+ break
680
+ case 'level2':
681
+ if (val) {
682
+ this.level2Mulchs.show()
683
+ } else {
684
+ this.level2Mulchs.hide()
685
+ }
686
+ break
687
+ case 'level3':
688
+ if (val) {
689
+ this.level3Mulchs.show()
690
+ } else {
691
+ this.level3Mulchs.hide()
692
+ }
693
+ break
694
+ case 'problems':
695
+ if (val) {
696
+ this.problemsMulchs.show()
697
+ } else {
698
+ this.problemsMulchs.hide()
699
+ }
700
+ break
701
+ default:
702
+ }
703
+ },
704
+ initMap () {
705
+ let that = this
706
+ this.map = new AMap.Map('check_map', {
707
+ zoom: 12,
708
+ viewMode: '2D', //设置地图模式
709
+ lang: 'zh_cn', //设置地图语言类型
710
+ zindex: 99
711
+ })
712
+ // 异步加载地图插件
713
+ AMap.plugin(
714
+ ['AMap.ToolBar', 'AMap.Geolocation', 'AMap.Geocoder'], () => {//异步加载插件
715
+ // 自动定位插件
716
+ var geolocation = new AMap.Geolocation({
717
+ // 是否使用高精度定位,默认:true
718
+ enableHighAccuracy: true,
719
+ // 设置定位超时时间,默认:无穷大
720
+ showbutton: true,
721
+ //控制按钮的显示
722
+ timeout: 10000,
723
+ // 定位按钮的停靠位置的偏移量,默认:Pixel(10, 20)
724
+ buttonOffset: new AMap.Pixel(10, 20),
725
+ // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
726
+ //zoomToAccuracy: true,
727
+ // 定位按钮的排放位置, RB表示右下
728
+ buttonPosition: 'LB'
729
+ })
730
+ that.geocoder = new AMap.Geocoder({
731
+ radius: 500 //范围,默认:500
732
+ })
733
+ that.map.addControl(geolocation)
734
+ //geolocation.getCurrentPosition();
735
+ that.map.addControl(new AMap.ToolBar()) //初始化工具插件
736
+ })
737
+ this.map.setDefaultCursor('move')
738
+ //this.map.setMapStyle('amap://styles/whitesmoke');
739
+ this.satellite = new AMap.TileLayer.Satellite()//卫星图层
740
+ this.roadNet = new AMap.TileLayer.RoadNet({opacity: 0.8})//网路图层
741
+ //安检员位置集合
742
+ this.chekckOps = new AMap.OverlayGroup()
743
+ //初始化窗体
744
+ this.infoWindow = new AMap.InfoWindow({
745
+ anchor: 'bottom-center',
746
+ //isCustom: true, //使用自定义窗体
747
+ autoMove: true,
748
+ content: '',
749
+ offset: new AMap.Pixel(0, -25)
750
+ })
751
+ this.checkerMulchs = new AMap.MassMarks([], {
752
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
753
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
754
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
755
+ //alwaysRender:false,
756
+ style: this.styleObject[0]
757
+ })
758
+ this.checkerMulchs.on('click', function (e) {
759
+ //tag)
760
+ let checkAddress = '未获取到实时位置'
761
+ console.log('e.data.lnglat=', e.data.lnglat)
762
+ console.log('地图222')
763
+ that.geocoder.getAddress(e.data.lnglat, function (status, result) {
764
+ //
765
+ if (status === 'complete' && result.regeocode) {
766
+ checkAddress = result.regeocode.formattedAddress
767
+ } else {
768
+ e.data.rowstr.checkAddress = checkAddress
769
+ }
770
+ e.data.rowstr.checkAddress = checkAddress
771
+ console.log('e.data.rowstr=', e.data.rowstr)
772
+ let defectContent = that.getCheckerContent(e.data.rowstr)
773
+ that.infoWindow.setContent(defectContent)
774
+ that.infoWindow.open(that.map, e.data.lnglat)
775
+ })
776
+ })
777
+ //安检员点位
778
+ /*this.checkerMulchs = new AMap.MassMarks([], {
779
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
780
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
781
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
782
+ //alwaysRender:false,
783
+ style: this.styleObject[0]
784
+ });
785
+ //tag
786
+ this.checkerMulchs.on('click',function (e) {
787
+ //tag)
788
+ let checkAddress='未获取到实时位置'
789
+ that.geocoder.getAddress(e.data.lnglat, function(status, result) {
790
+ if (status === 'complete'&& result.regeocode) {
791
+ checkAddress = result.regeocode.formattedAddress;
792
+ }else{
793
+ log.error('根据经纬度查询地址失败')
794
+ }
795
+ e.data.rowstr.checkAddress=checkAddress
796
+ let defectContent=that.getCheckerContent(e.data.rowstr)
797
+ that.infoWindow.setContent(defectContent)
798
+ that.infoWindow.open(that.map, e.data.lnglat);
799
+ });
800
+ })*/
801
+ //一级隐患点位
802
+ this.level1Mulchs = new AMap.MassMarks([], {
803
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
804
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
805
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
806
+ //alwaysRender:false,
807
+ style: this.styleObject[1]
808
+ })
809
+ this.level1Mulchs.on('click', function (e) {
810
+ //tag)
811
+ let defectContent = that.getDefectContent(e.data.rowstr)
812
+ that.infoWindow.setContent(defectContent)
813
+ that.infoWindow.open(that.map, e.data.lnglat)
814
+ })
815
+ //二级隐患点位
816
+ this.level2Mulchs = new AMap.MassMarks([], {
817
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
818
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
819
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
820
+ //alwaysRender:false,
821
+ style: this.styleObject[2]
822
+ })
823
+ this.level2Mulchs.on('click', function (e) {
824
+ //tag)
825
+ let defectContent = that.getDefectContent(e.data.rowstr)
826
+ that.infoWindow.setContent(defectContent)
827
+ that.infoWindow.open(that.map, e.data.lnglat)
828
+ })
829
+ //三级隐患点位
830
+ this.level3Mulchs = new AMap.MassMarks([], {
831
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
832
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
833
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
834
+ //alwaysRender:false,
835
+ style: this.styleObject[3]
836
+ })
837
+ this.level3Mulchs.on('click', function (e) {
838
+ //tag)
839
+ let defectContent = that.getDefectContent(e.data.rowstr)
840
+ that.infoWindow.setContent(defectContent)
841
+ that.infoWindow.open(that.map, e.data.lnglat)
842
+ })
843
+ //普通问题点位
844
+ this.problemsMulchs = new AMap.MassMarks([], {
845
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
846
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
847
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
848
+ //alwaysRender:false,
849
+ style: this.styleObject[4]
850
+ })
851
+ this.problemsMulchs.on('click', function (e) {
852
+ //tag)
853
+ let defectContent = that.getDefectContent(e.data.rowstr)
854
+ that.infoWindow.setContent(defectContent)
855
+ that.infoWindow.open(that.map, e.data.lnglat)
856
+ })
857
+
858
+ },
859
+ closeInfoWindow () {
860
+ this.infoWindow.close()
861
+ },
862
+ checkerInit () {
863
+ let that = this
864
+ this.chekckOps.clearOverlays()
865
+ for (let j = 0; j < this.allpersonnelsum.length; j++) {
866
+ let marker = new AMap.Marker({
867
+ //map: that.map,
868
+ offset: new AMap.Pixel(-18, -10),
869
+ position: [this.allpersonnelsum[j].f_longitude, this.allpersonnelsum[j].f_latitude],
870
+ icon: new AMap.Icon({
871
+ image: '/images/anjianyuan.png', //人员图标URL
872
+ imageOffset: new AMap.Pixel(0, 0), // 图标偏移位置
873
+ imageSize: new AMap.Size(36, 36) //图标大小
874
+ }),
875
+ label: {
876
+ //offset: new AMap.Pixel(20, 20), //设置文本标注偏移量
877
+ content: `<div class='info' style='background-color: rgb(0,185,255);color: #ffffff;padding: 5px;border-radius: 4px'>${this.allpersonnelsum[j].name}</div>`, //设置文本标注内容
878
+ direction: 'bottom', //设置文本标注方位
879
+ offset: new AMap.Pixel(0, -4)
880
+ },
881
+ extData: this.allpersonnelsum[j]
882
+ })
883
+ this.chekckOps.addOverlay(marker)
884
+
885
+ }
886
+ this.chekckOps.setMap(this.map)
887
+ this.chekckOps.on('click', function (e) {
888
+ let pe = e.target.getExtData()
889
+ let checkAddress = '未获取到实时位置'
890
+ that.geocoder.getAddress([pe.f_longitude, pe.f_latitude], function (status, result) {
891
+ if (status === 'complete' && result.regeocode) {
892
+ checkAddress = result.regeocode.formattedAddress
893
+ }/*else{
894
+ log.error('根据经纬度查询地址失败')
895
+ }*/
896
+ pe.checkAddress = checkAddress
897
+ let defectContent = that.getCheckerContent(pe)
898
+ that.infoWindow.setContent(defectContent)
899
+ that.infoWindow.open(that.map, [pe.f_longitude, pe.f_latitude])
900
+ })
901
+ })
902
+ /*AMap.event.addListener(this.ops, 'click', function (e) {
903
+ //tag)
904
+ //that.infoWindow.open(that.map, marker.getPosition());
905
+ })*/
906
+ },
907
+ //获取当前时间的前两个小时
908
+ getNowFormatDate (house = 0) {
909
+ //tag
910
+ let date = new Date()
911
+ let seperator1 = '-'
912
+ let seperator2 = ':'
913
+ if (house != 0) {
914
+ date.setHours(date.getHours() - house)
915
+ }
916
+ let month = date.getMonth() + 1
917
+ let strDate = date.getDate()
918
+ let hour = date.getHours()
919
+ let min = date.getMinutes()
920
+ let second = date.getSeconds()
921
+ if (month >= 1 && month <= 9) {
922
+ month = '0' + month
923
+ }
924
+ if (strDate >= 0 && strDate <= 9) {
925
+ strDate = '0' + strDate
926
+ }
927
+ if (hour >= 0 && hour <= 9) {
928
+ hour = '0' + hour
929
+ }
930
+ if (min >= 0 && min <= 9) {
931
+ min = '0' + min
932
+ }
933
+ if (second >= 0 && second <= 9) {
934
+ second = '0' + second
935
+ }
936
+ let currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
937
+ + ' ' + hour + seperator2 + min
938
+ + seperator2 + second
939
+ return currentdate
940
+ },
941
+ toStandardTimeString () {
942
+ let dt = new Date()
943
+ let month = dt.getMonth() + 1
944
+ let date = dt.getDate()
945
+ let hour = dt.getHours()
946
+ let min = dt.getMinutes()
947
+ let sec = dt.getSeconds()
948
+ return dt.getFullYear() + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
949
+ + ' ' + (hour < 10 ? '0' + hour : hour)
950
+ },
951
+ async safeRefresh () {
952
+ //tag
953
+ //获取所有安检员的点位集合-----测试数据
954
+ /*this.checkers=[]
955
+ this.checkers.push({f_longitude:114.7318,f_latitude:33.567126,name:"hwq1",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
956
+ this.checkers.push({f_longitude:114.726801,f_latitude:33.566912,name:"hwq2",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
957
+ this.checkers.push({f_longitude:114.723346,f_latitude:33.568932,name:"hwq3",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
958
+ this.checkers.push({f_longitude:114.711741,f_latitude:33.585519,name:"hwq4",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
959
+ this.checkers.push({f_longitude:114.756716,f_latitude:33.594528,name:"hwq5",f_provider:"lbs",f_battery_level:38,f_bearing:"210.0",uploadTime:"2021-11-17 17:28:35",f_signal_strength:4,userid:"141701",f_speed:"0.0",f_internal_quote:8535,f_altitude:"9.72", f_traffic:345865})
960
+ this.defectList.rows=[]
961
+ this.defectList.rows.push({"f_longitude":114.661358,"f_latitude":33.596897,"f_checker_name":"hwq2","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
962
+ this.defectList.rows.push({"f_longitude":114.659985,"f_latitude":33.62892,"f_checker_name":"hwq3","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
963
+ this.defectList.rows.push({"f_longitude":114.634579,"f_latitude":33.616627,"f_checker_name":"hwq4","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
964
+ this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
965
+ this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
966
+ this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
967
+ this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
968
+ this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
969
+ this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})
970
+ this.defectList.rows.push({"f_longitude":114.690197,"f_latitude":33.604332,"f_checker_name":"hwq5","f_address":"人民路东段百昌家园路西北1栋西单元4层西户","f_item_value":"是","f_item_name":"过墙、暗封等隐蔽部位锈蚀","f_upload_date":"2021-11-16 20:07:24","f_defect_level":"一级隐患","f_is_repaired":null})*/
971
+ await this.getNewData()
972
+ this.assemblyData()
973
+ }
974
+ },
975
+ computed: {},
976
+ destroyed () {
977
+ window.clearInterval(this.intervalNum)
978
+ },
979
+ watch: {
980
+ departmentName(){
981
+ console.log("fdsf--------")
982
+ this.checkerName = ''
983
+ if (this.departmentName){
984
+ const persons = [{label: '全部', value: ''}]
985
+ for (const item of this.showdata) {
986
+ if (item.f_department_name == this.departmentName){
987
+ persons.push({label: item.name, value: item.name})
988
+ }
989
+ }
990
+ this.persons = persons
991
+ }else {
992
+ const persons = [{label: '全部', value: ''}]
993
+ for (const item of this.showdata) {
994
+ persons.push({label: item.name, value: item.name})
995
+ }
996
+ this.persons = persons
997
+ }
998
+ }
999
+ }
1000
+ }
1001
+
1002
+ </script>
1003
+
1004
+ <style lang="less" scoped>
1005
+
1006
+ .safe_checkbox_sty {
1007
+ vertical-align: text-bottom;
1008
+ margin-right: 3px;
1009
+
1010
+ }
1011
+
1012
+ .safe_ul_sty {
1013
+ list-style-type: none;
1014
+ font-size: 13px;
1015
+ padding-left: 5px;
1016
+ }
1017
+
1018
+ .safe_li_sty {
1019
+ font-size: 13px;
1020
+ margin-top: 5px;
1021
+ }
1022
+
1023
+ .safe_p {
1024
+ white-space: nowrap;
1025
+ overflow: hidden;
1026
+ text-overflow: ellipsis;
1027
+ margin: 0 0 0 10px;
1028
+
1029
+ font-size: 12px;
1030
+ }
1031
+
1032
+ .safe_list_li {
1033
+ margin-top: 5px;
1034
+ background-color: #ffffff;
1035
+ border: solid 1px #f0f4fa !important;
1036
+ color: #666666 !important;
1037
+ font-size: 1.3rem !important;
1038
+ font-family: PINGFANG-MEDIUM !important;
1039
+ padding: 8px;
1040
+ }
1041
+
1042
+ .safe_list_li:hover {
1043
+ background-color: rgb(203, 234, 241);
1044
+ }
1045
+
1046
+ .safe_deimg {
1047
+ vertical-align: text-bottom;
1048
+ width: 15px;
1049
+ margin-right: 3px;
1050
+ }
1051
+
1052
+ .panel-heading {
1053
+ .inactive {
1054
+ color: gray;
1055
+ }
1056
+ }
1057
+
1058
+ table{
1059
+ width: 100%;
1060
+ border-collapse: collapse;
1061
+ }
1062
+
1063
+ table caption{
1064
+ font-size: 2em;
1065
+ font-weight: bold;
1066
+ margin: 1em 0;
1067
+ }
1068
+
1069
+ th,td{
1070
+ border: 1px solid #999;
1071
+ text-align: center;
1072
+ padding: 20px 0;
1073
+ }
1074
+
1075
+ table thead tr{
1076
+ background-color: #6aa6e2;
1077
+ color: #fff;
1078
+ }
1079
+
1080
+ table tbody tr:nth-child(odd){
1081
+ background-color: #eee;
1082
+ }
1083
+
1084
+ table tbody tr:hover{
1085
+ background-color: #ccc;
1086
+ }
1087
+
1088
+ table tfoot tr td{
1089
+ text-align: right;
1090
+ padding-right: 20px;
1091
+ }
1092
+
1093
+ </style>
1094
+