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,923 +1,923 @@
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(allpersonnelsumdata,'总数')" 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 datachecker" 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="margin-top: 6px" v-for="rowd in showdata">
129
- <label class="col-xs-2 col-md-2 control-label font text-left">姓名:</label>
130
- <p class="safe_li_sty">{{ rowd.name }}</p>
131
- <!-- <span>{{ rowd.name }}</span>-->
132
- </div>
133
- </div>
134
- <div slot="modal-footer" class="modal-footer">
135
- <button type="button" class="btn btn-primary btn-photo" @click="showModalclose">取消</button>
136
- </div>
137
- </modal>
138
- </template>
139
- <script>
140
- import Vue from 'vue'
141
- import * as Util from '../../../components/Util'
142
- import {HttpResetClass, trans} from 'vue-client'
143
-
144
- export default {
145
- title: '安检实时监控中心',
146
- data () {
147
- return {
148
- sel: 0,
149
- showModal: false,
150
- showdata: [],
151
- showname: '',
152
- AllPersonnel: [],
153
- map: null,
154
- allpersonnelsum: [],//在线人数
155
- allpersonnelsumdata: [],//总数
156
- allpersonnellixian: [],//离线
157
- infoWindow: null,
158
- satellite: null,
159
- roadNet: null,
160
- checkerMulchs: null,//安检员点位
161
- level1Mulchs: null,//一级隐患点位
162
- level2Mulchs: null,//二级隐患点位
163
- level3Mulchs: null,//三级隐患点位
164
- problemsMulchs: null,//普通问题点位
165
- checkers: [],
166
- datachecker: [],
167
- employeeList: [],
168
- level1: [],
169
- level2: [],
170
- level3: [],
171
- problems: [],
172
- chekckOps: null,
173
- defectList: {rows: []},
174
- todayDefectList: [],
175
- intervalNum: '',
176
- layers: {//图层控制显示
177
- satelliteEnable: false,
178
- roadNetEnable: false
179
- },
180
- imgSrc: '',
181
- geocoder: null,//逆地理编码
182
- mulchs: {//覆盖物控制显示
183
- checker: true,
184
- level1: true,
185
- level2: true,
186
- level3: true,
187
- problems: true
188
- },
189
- styleObject: [
190
- {
191
- url: '/images/anjianyuan.png', //人员图标URL
192
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
193
- size: new AMap.Size(26, 28) //图标大小
194
- },
195
- {
196
- url: '/images/level1.png', //一级隐患图标URL
197
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
198
- size: new AMap.Size(26, 28) //图标大小
199
- },
200
- {
201
- url: '/images/level2.png', //二级隐患图标URL
202
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
203
- size: new AMap.Size(26, 28) //图标大小
204
- },
205
- {
206
- url: '/images/level3.png', //三级隐患图标URL
207
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
208
- size: new AMap.Size(26, 28) //图标大小
209
- },
210
- {
211
- url: '/images/ordinary.png', //普通问题图标URL
212
- anchor: new AMap.Pixel(14, 8), // 图标偏移位置
213
- size: new AMap.Size(26, 28) //图标大小
214
- }
215
- ]
216
- }
217
- },
218
- ready () {
219
- // this.querySserSatus()
220
- this.initMap()
221
- this.getNewData().then(()=>{
222
- this.assemblyData()
223
- window.safe_closeInfoWindow = this.closeInfoWindow
224
- this.intervalNum = window.setInterval(this.safeRefresh, 240000)
225
- })
226
-
227
- },
228
- methods: {
229
- showModalclose () {
230
- this.showModal = false
231
- this.showdata = []
232
- this.showname = ''
233
- },
234
- allmodal (row, type) {
235
- if (row.length === 0) {
236
- return this.$showAlert('暂无数据!!!', 'warning', 2000)
237
- }
238
- this.showname = type
239
- this.showdata = row
240
- this.showModal = true
241
-
242
- },
243
- toggleTab (current) {
244
- this.currentTab = current
245
- this.currentClass = current
246
- },
247
- seePhotos (path) {
248
- if (path) {
249
- this.imgSrc = '/rs/image/file/' + path
250
- this.infoWindow.close()
251
- this.$refs.defectimg.open()
252
- }
253
- },
254
- setDefectPos (row) {
255
- this.map.setZoomAndCenter(15, [row.f_longitude, row.f_latitude])
256
- let defectContent = this.getDefectContent(row)
257
- this.infoWindow.setContent(defectContent)
258
- this.infoWindow.open(this.map, [row.f_longitude, row.f_latitude])
259
- },
260
- setCheckerPos (row) { //维修员信息
261
- this.map.setZoomAndCenter(15, [row.f_longitude, row.f_latitude])
262
- let defectContent = this.getCheckerContent(row)
263
- this.infoWindow.setContent(defectContent)
264
- this.infoWindow.open(this.map, [row.f_longitude, row.f_latitude])
265
- },
266
- // 查询人员
267
- async querySserSatus () {
268
- //tag)
269
- let http1 = new HttpResetClass()
270
- let resp = await http1.load('POST', `/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
271
- data: {
272
- items: 'name lable,id userid,\'在线\' states',
273
- tablename: 't_user',
274
- condition: `rolestr like '%安检员%'`,
275
- orderitem: 'id'
276
- }
277
- }, {resolveMsg: null, rejectMsg: null})
278
- //tag)
279
- console.log('resp=', resp)
280
- console.log('resp=', JSON.stringify(resp))
281
- this.AllPersonnel = resp.data
282
- console.log('this.AllPersonnel', JSON.stringify(this.AllPersonnel))
283
- },
284
- //获取定位人员类表
285
- async getNewData () {
286
- this.allpersonnellixian = []
287
- let res = await new HttpResetClass().load('POST', '/rs/search', {
288
- // source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($需要定位人员$) != -1))',
289
- source: 'this.getParentByType($organization$).getChildByName($需要定位人员$).getUsers()',
290
- userid: this.$login.f.id
291
- }, {resolveMsg: null, rejectMsg: null})
292
- let arr1 = await new HttpResetClass().load('GET', `/rs/safePsoition/getPosition`, {}, {
293
- resolveMsg: null,
294
- rejectMsg: null
295
- })
296
- this.checkers = []
297
- console.log('res.data', res.data)
298
- this.allpersonnelsumdata = res.data
299
- console.log('arr1', JSON.stringify(arr1))
300
- console.log('标记111')
301
- this.datachecker = []
302
- for (let id in arr1.data) {
303
- const datachecke = {}
304
- datachecke.id = id
305
- const parse = JSON.parse(arr1.data[id])
306
- if (parse.f_longitude && parse.f_longitude != '0') {
307
- datachecke.name = parse.name
308
- datachecke.f_latitude = parse.f_latitude
309
- datachecke.f_longitude = parse.f_longitude
310
- datachecke.f_provider = parse.f_provider
311
- datachecke.f_battery_level = parse.f_battery_level
312
- datachecke.f_bearing = parse.f_bearing
313
- datachecke.uploadTime = parse.uploadTime
314
- datachecke.f_signal_strength = parse.f_signal_strength
315
- datachecke.userid = parse.userid
316
- datachecke.f_speed = parse.f_speed
317
- datachecke.f_internal_quote = parse.f_internal_quote
318
- datachecke.f_altitude = parse.f_altitude
319
- datachecke.f_traffic = parse.f_traffic
320
- this.datachecker.push(datachecke)
321
- }
322
- }
323
- this.allpersonnelsum = this.datachecker
324
- console.log('this.datachecker', JSON.stringify(this.datachecker))
325
- /*let a1 = []
326
- for (let i = 0; i < this.datachecker.length; i++) {
327
- a1.push({
328
- lnglat: [this.datachecker[i].f_longitude, this.datachecker[i].f_latitude], //点标记位置
329
- name: '维修员',
330
- id: i,
331
- rowstr: this.datachecker[i]
332
- })
333
- }*/
334
- // 将数组设置到 massMarks 图层
335
- //this.checkerMulchs.setData(a1)
336
- // 将 massMarks 添加到地图实例
337
- console.log('this.map',this.map,this.checkerMulchs)
338
- this.checkerMulchs.setMap(this.map)
339
- if (res.data) {
340
- res.data.forEach((checker) => {
341
- ////tag)
342
- let lixian = true
343
- for (let checkerpos of this.datachecker) {
344
- console.log('checkerpos=', checkerpos)
345
- if (checker.id == checkerpos.userid) { //在线
346
- checkerpos.userid = checker.userid
347
- checkerpos.f_user_telephone = checker.f_user_telephone
348
- checkerpos.rolestr = checker.rolestr
349
- this.checkers.push(checkerpos)
350
- lixian = false
351
- }
352
- }
353
- if (lixian) {
354
- this.allpersonnellixian.push(checker)
355
- }
356
- })
357
- }
358
- let td = Util.toStandardDateString()
359
- //获取今天上传的所有隐患
360
- 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`}},
361
- {resolveMsg: null, rejectMsg: null})
362
- //tag)
363
- if (arr.data) {
364
- this.todayDefectList = []
365
- arr.data.forEach((defect) => {
366
- //拿出今天的隐患放到今日隐患列表中
367
- console.log('td', td)
368
- console.log('defect', defect)
369
- console.log('defect', defect)
370
- if (defect.f_upload_date.indexOf(td) != -1) {
371
- this.todayDefectList.push(defect)
372
- }
373
- //取出一二三级隐患
374
- console.log('二级隐患', defect.f_defect_level == '二级隐患')
375
- if (defect.f_defect_level == '一级隐患' && defect.f_longitude && defect.f_latitude) {
376
- this.level1.push(defect)
377
- } else if (defect.f_defect_level == '二级隐患' && defect.f_longitude && defect.f_latitude) {
378
- this.level2.push(defect)
379
- } else if (defect.f_defect_level == '三级隐患' && defect.f_longitude && defect.f_latitude) {
380
- this.level3.push(defect)
381
- } else if(defect.f_longitude && defect.f_latitude){
382
- this.problems.push(defect)
383
- }
384
- })
385
- }
386
- this.defectList.rows = arr.data
387
- },
388
- getDefectContent (row) {
389
- return `
390
- <div style="padding:0px;margin-left: 8px;"><b>隐患详情</b></div>
391
- <div class="panel panel-default" style="background-color: azure;border-radius: 5px;margin-left: 8px;">
392
- <div class="panel-body">
393
- <ul style="list-style-type: none;font-size: 15px;">
394
- <li style="margin: 3px 0;">隐患内容: ${row.f_item_name}-${row.f_item_value}</li>
395
- <li style="margin: 3px 0;">隐患级别: ${row.f_defect_level}</li>
396
- <li style="margin: 3px 0;">发现人员: ${row.f_checker_name}</li>
397
- <li style="margin: 3px 0;">上报时间: ${row.f_upload_date}</li>
398
- <li style="margin: 3px 0;">是否处理: ${row.F_IS_REPAIRED ? row.F_IS_REPAIRED : '未处理'}</li>
399
- <li style="margin: 3px 0;">隐患位置: ${row.f_address}</li>
400
- </ul>
401
- </div>
402
- </div>`
403
- },
404
- getCheckerContent (row) {
405
- return `
406
- <div style="padding:0px;margin-left: 8px;"><b>员工信息</b></div>
407
- <div class="panel panel-default" style="background-color: azure;border-radius: 5px;margin-left: 8px;">
408
- <div class="panel-body">
409
- <ul style="list-style-type: none;font-size: 15px;">
410
- <li style="margin: 3px 0;">员工工号: ${row.userid}</li>
411
- <li style="margin: 3px 0;">员工姓名: ${row.name}</li>
412
- <li style="margin: 3px 0;">员工电话: ${row.f_user_telephone ? row.f_user_telephone : '未查到电话'}</li>
413
- <li style="margin: 3px 0;">角色列表: ${row.rolestr ? row.rolestr : '维修员'}</li>
414
- <li style="margin: 3px 0;">剩余电量: ${row.f_battery_level} %</li>
415
- <li style="margin: 3px 0;">剩余内存: ${row.f_internal_quote} MB</li>
416
- <li style="margin: 3px 0;">信号强度: ${row.f_signal_strength}</li>
417
- <li style="margin: 3px 0;">实时位置: ${row.checkAddress ? row.checkAddress : '未获取到实时位置'}</li>
418
- <li style="margin: 3px 0;">状态更新时间: ${row.uploadTime}</li>
419
- <!--<li style="margin: 3px 0;">客户地址: 河南省周口市工农南路xx酒店302</li>-->
420
- </ul>
421
- </div>
422
- </div>`
423
- },
424
- assemblyData () {
425
- let that = this
426
- this.checkerInit()
427
- /*this.checkers=[
428
- {f_longitude:114.718285,f_latitude:33.610584},
429
- {f_longitude:114.713736,f_latitude:33.642387}
430
- ]*/
431
- /*this.level1=[
432
- {f_longitude:114.68736,f_latitude:33.655248},
433
- {f_longitude:114.716736,f_latitude:33.627523}
434
- ]*/
435
- /*this.level2=[
436
- {f_longitude:114.676833,f_latitude:33.609726},
437
- {f_longitude:114.684013,f_latitude:33.642387}
438
- ]
439
- this.level3=[
440
- {f_longitude:114.71502,f_latitude:33.648675},
441
- {f_longitude:114.725002,f_latitude:33.637242}
442
- ]
443
- this.problems=[
444
- {f_longitude:114.696969,f_latitude:33.635241},
445
- {f_longitude:114.68836,f_latitude:33.655248}
446
- ]*/
447
- /*let a1=[]
448
- for(let i=0;i<this.checkers.length;i++){
449
- a1.push({
450
- lnglat: [this.checkers[i].f_longitude,this.checkers[i].f_latitude], //点标记位置
451
- name: '安检员',
452
- id:i,
453
- rowstr:this.checkers[i]
454
- })
455
- }
456
- // 将数组设置到 massMarks 图层
457
- this.checkerMulchs.setData(a1);
458
- // 将 massMarks 添加到地图实例
459
- this.checkerMulchs.setMap(this.map);*/
460
- let a2 = []
461
- for (let i = 0; i < this.level1.length; i++) {
462
- a2.push({
463
- lnglat: [this.level1[i].f_longitude, this.level1[i].f_latitude], //点标记位置
464
- name: '一级隐患',
465
- id: i,
466
- rowstr: this.level1[i]
467
- })
468
- }
469
- // 将数组设置到 massMarks 图层
470
- this.level1Mulchs.setData(a2)
471
- // 将 massMarks 添加到地图实例
472
- this.level1Mulchs.setMap(this.map)
473
-
474
- let a3 = []
475
- for (let i = 0; i < this.level2.length; i++) {
476
- a3.push({
477
- lnglat: [this.level2[i].f_longitude, this.level2[i].f_latitude], //点标记位置
478
- name: '二级隐患',
479
- id: i,
480
- rowstr: this.level2[i]
481
- })
482
- }
483
- // 将数组设置到 massMarks 图层
484
- this.level2Mulchs.setData(a3)
485
- // 将 massMarks 添加到地图实例
486
- this.level2Mulchs.setMap(this.map)
487
-
488
- let a4 = []
489
- for (let i = 0; i < this.level3.length; i++) {
490
- a4.push({
491
- lnglat: [this.level3[i].f_longitude, this.level3[i].f_latitude], //点标记位置
492
- name: '三级隐患',
493
- id: i,
494
- rowstr: this.level3[i]
495
- })
496
- }
497
- // 将数组设置到 massMarks 图层
498
- this.level3Mulchs.setData(a4)
499
- // 将 massMarks 添加到地图实例
500
- this.level3Mulchs.setMap(this.map)
501
-
502
- let a5 = []
503
- for (let i = 0; i < this.problems.length; i++) {
504
- a5.push({
505
- lnglat: [this.problems[i].f_longitude, this.problems[i].f_latitude], //点标记位置
506
- name: '普通问题',
507
- id: i,
508
- rowstr: this.problems[i]
509
- })
510
- }
511
- // 将数组设置到 massMarks 图层
512
- this.problemsMulchs.setData(a5)
513
- // 将 massMarks 添加到地图实例
514
- this.problemsMulchs.setMap(this.map)
515
- //组装安检员点位集合
516
- },
517
- //处理图层和覆盖物的显示隐藏
518
- enableChange (vname, val) {
519
- //tag
520
- //tag
521
- switch (vname) {
522
- case 'satelliteEnable':
523
- if (val) {
524
- this.map.add(this.satellite)
525
- } else {
526
- this.map.remove(this.satellite)
527
- }
528
- break
529
- case 'roadNetEnable':
530
- if (val) {
531
- this.map.add(this.roadNet)
532
- } else {
533
- this.map.remove(this.roadNet)
534
- }
535
- break
536
- case 'checker':
537
- if (val) {
538
- this.chekckOps.show()
539
- } else {
540
- this.chekckOps.hide()
541
- }
542
- break
543
- case 'level1':
544
- if (val) {
545
- this.level1Mulchs.show()
546
- } else {
547
- this.level1Mulchs.hide()
548
- }
549
- break
550
- case 'level2':
551
- if (val) {
552
- this.level2Mulchs.show()
553
- } else {
554
- this.level2Mulchs.hide()
555
- }
556
- break
557
- case 'level3':
558
- if (val) {
559
- this.level3Mulchs.show()
560
- } else {
561
- this.level3Mulchs.hide()
562
- }
563
- break
564
- case 'problems':
565
- if (val) {
566
- this.problemsMulchs.show()
567
- } else {
568
- this.problemsMulchs.hide()
569
- }
570
- break
571
- default:
572
- }
573
- },
574
- initMap () {
575
- let that = this
576
- this.map = new AMap.Map('check_map', {
577
- zoom: 12,
578
- viewMode: '2D', //设置地图模式
579
- lang: 'zh_cn', //设置地图语言类型
580
- zindex: 99
581
- })
582
- // 异步加载地图插件
583
- AMap.plugin(
584
- ['AMap.ToolBar', 'AMap.Geolocation', 'AMap.Geocoder'], () => {//异步加载插件
585
- // 自动定位插件
586
- var geolocation = new AMap.Geolocation({
587
- // 是否使用高精度定位,默认:true
588
- enableHighAccuracy: true,
589
- // 设置定位超时时间,默认:无穷大
590
- showbutton: true,
591
- //控制按钮的显示
592
- timeout: 10000,
593
- // 定位按钮的停靠位置的偏移量,默认:Pixel(10, 20)
594
- buttonOffset: new AMap.Pixel(10, 20),
595
- // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
596
- //zoomToAccuracy: true,
597
- // 定位按钮的排放位置, RB表示右下
598
- buttonPosition: 'LB'
599
- })
600
- that.geocoder = new AMap.Geocoder({
601
- radius: 500 //范围,默认:500
602
- })
603
- that.map.addControl(geolocation)
604
- //geolocation.getCurrentPosition();
605
- that.map.addControl(new AMap.ToolBar()) //初始化工具插件
606
- })
607
- this.map.setDefaultCursor('move')
608
- //this.map.setMapStyle('amap://styles/whitesmoke');
609
- this.satellite = new AMap.TileLayer.Satellite()//卫星图层
610
- this.roadNet = new AMap.TileLayer.RoadNet({opacity: 0.8})//网路图层
611
- //安检员位置集合
612
- this.chekckOps = new AMap.OverlayGroup()
613
- //初始化窗体
614
- this.infoWindow = new AMap.InfoWindow({
615
- anchor: 'bottom-center',
616
- //isCustom: true, //使用自定义窗体
617
- autoMove: true,
618
- content: '',
619
- offset: new AMap.Pixel(0, -25)
620
- })
621
- this.checkerMulchs = new AMap.MassMarks([], {
622
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
623
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
624
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
625
- //alwaysRender:false,
626
- style: this.styleObject[0]
627
- })
628
- this.checkerMulchs.on('click', function (e) {
629
- //tag)
630
- let checkAddress = '未获取到实时位置'
631
- console.log('e.data.lnglat=', e.data.lnglat)
632
- console.log('地图222')
633
- that.geocoder.getAddress(e.data.lnglat, function (status, result) {
634
- //
635
- if (status === 'complete' && result.regeocode) {
636
- checkAddress = result.regeocode.formattedAddress
637
- } else {
638
- e.data.rowstr.checkAddress = checkAddress
639
- }
640
- e.data.rowstr.checkAddress = checkAddress
641
- console.log('e.data.rowstr=', e.data.rowstr)
642
- let defectContent = that.getCheckerContent(e.data.rowstr)
643
- that.infoWindow.setContent(defectContent)
644
- that.infoWindow.open(that.map, e.data.lnglat)
645
- })
646
- })
647
- //安检员点位
648
- /*this.checkerMulchs = new AMap.MassMarks([], {
649
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
650
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
651
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
652
- //alwaysRender:false,
653
- style: this.styleObject[0]
654
- });
655
- //tag
656
- this.checkerMulchs.on('click',function (e) {
657
- //tag)
658
- let checkAddress='未获取到实时位置'
659
- that.geocoder.getAddress(e.data.lnglat, function(status, result) {
660
- if (status === 'complete'&& result.regeocode) {
661
- checkAddress = result.regeocode.formattedAddress;
662
- }else{
663
- log.error('根据经纬度查询地址失败')
664
- }
665
- e.data.rowstr.checkAddress=checkAddress
666
- let defectContent=that.getCheckerContent(e.data.rowstr)
667
- that.infoWindow.setContent(defectContent)
668
- that.infoWindow.open(that.map, e.data.lnglat);
669
- });
670
- })*/
671
- //一级隐患点位
672
- this.level1Mulchs = new AMap.MassMarks([], {
673
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
674
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
675
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
676
- //alwaysRender:false,
677
- style: this.styleObject[1]
678
- })
679
- this.level1Mulchs.on('click', function (e) {
680
- //tag)
681
- let defectContent = that.getDefectContent(e.data.rowstr)
682
- that.infoWindow.setContent(defectContent)
683
- that.infoWindow.open(that.map, e.data.lnglat)
684
- })
685
- //二级隐患点位
686
- this.level2Mulchs = new AMap.MassMarks([], {
687
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
688
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
689
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
690
- //alwaysRender:false,
691
- style: this.styleObject[2]
692
- })
693
- this.level2Mulchs.on('click', function (e) {
694
- //tag)
695
- let defectContent = that.getDefectContent(e.data.rowstr)
696
- that.infoWindow.setContent(defectContent)
697
- that.infoWindow.open(that.map, e.data.lnglat)
698
- })
699
- //三级隐患点位
700
- this.level3Mulchs = new AMap.MassMarks([], {
701
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
702
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
703
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
704
- //alwaysRender:false,
705
- style: this.styleObject[3]
706
- })
707
- this.level3Mulchs.on('click', function (e) {
708
- //tag)
709
- let defectContent = that.getDefectContent(e.data.rowstr)
710
- that.infoWindow.setContent(defectContent)
711
- that.infoWindow.open(that.map, e.data.lnglat)
712
- })
713
- //普通问题点位
714
- this.problemsMulchs = new AMap.MassMarks([], {
715
- opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
716
- zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
717
- cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
718
- //alwaysRender:false,
719
- style: this.styleObject[4]
720
- })
721
- this.problemsMulchs.on('click', function (e) {
722
- //tag)
723
- let defectContent = that.getDefectContent(e.data.rowstr)
724
- that.infoWindow.setContent(defectContent)
725
- that.infoWindow.open(that.map, e.data.lnglat)
726
- })
727
-
728
- },
729
- closeInfoWindow () {
730
- this.infoWindow.close()
731
- },
732
- checkerInit () {
733
- /*let marker1 = new AMap.Marker({
734
- position: [114.574809,33.621501],
735
- icon:'http://192.168.20.28:8400/image/anjianyuan.png'
736
- });
737
- //tag
738
- marker1.setLabel({
739
- //offset: new AMap.Pixel(20, 20), //设置文本标注偏移量
740
- content: "<div class='info' style='background-color: #0b87e2'>何文强</div>", //设置文本标注内容
741
- direction: 'bottom' //设置文本标注方位
742
- })*/
743
- let that = this
744
- console.log(`this.checkers----${this.checkers}`)
745
- this.chekckOps.clearOverlays()
746
- for (let j = 0; j < this.checkers.length; j++) {
747
- //tag+"---"+this.checkers[j].f_longitude+"---"+this.checkers[j].f_latitude)
748
- //let o={f_longitude:"114.72"+(Math.floor(Math.random()*(9999-1000))+1000),f_latitude:"33.56"+(Math.floor(Math.random()*(9999-1000))+1000),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}
749
- if (this.checkers[j].f_longitude && this.checkers[j].f_longitude != '0') {
750
- let marker = new AMap.Marker({
751
- //map: that.map,
752
- offset: new AMap.Pixel(-18, -10),
753
- position: [this.checkers[j].f_longitude, this.checkers[j].f_latitude],
754
- icon: new AMap.Icon({
755
- image: '/images/anjianyuan.png', //人员图标URL
756
- imageOffset: new AMap.Pixel(0, 0), // 图标偏移位置
757
- imageSize: new AMap.Size(36, 36) //图标大小
758
- }),
759
- label: {
760
- //offset: new AMap.Pixel(20, 20), //设置文本标注偏移量
761
- content: `<div class='info' style='background-color: rgb(0,185,255);color: #ffffff;padding: 5px;border-radius: 4px'>${this.checkers[j].name}</div>`, //设置文本标注内容
762
- direction: 'bottom', //设置文本标注方位
763
- offset: new AMap.Pixel(0, -4)
764
- },
765
- extData: this.checkers[j]
766
- })
767
- this.chekckOps.addOverlay(marker)
768
- }
769
-
770
- }
771
- this.chekckOps.setMap(this.map)
772
- this.chekckOps.on('click', function (e) {
773
- let pe = e.target.getExtData()
774
- let checkAddress = '未获取到实时位置'
775
- that.geocoder.getAddress([pe.f_longitude, pe.f_latitude], function (status, result) {
776
- if (status === 'complete' && result.regeocode) {
777
- checkAddress = result.regeocode.formattedAddress
778
- }/*else{
779
- log.error('根据经纬度查询地址失败')
780
- }*/
781
- pe.checkAddress = checkAddress
782
- let defectContent = that.getCheckerContent(pe)
783
- that.infoWindow.setContent(defectContent)
784
- that.infoWindow.open(that.map, [pe.f_longitude, pe.f_latitude])
785
- })
786
- })
787
- /*AMap.event.addListener(this.ops, 'click', function (e) {
788
- //tag)
789
- //that.infoWindow.open(that.map, marker.getPosition());
790
- })*/
791
- },
792
- //获取当前时间的前两个小时
793
- getNowFormatDate (house = 0) {
794
- //tag
795
- let date = new Date()
796
- let seperator1 = '-'
797
- let seperator2 = ':'
798
- if (house != 0) {
799
- date.setHours(date.getHours() - house)
800
- }
801
- let month = date.getMonth() + 1
802
- let strDate = date.getDate()
803
- let hour = date.getHours()
804
- let min = date.getMinutes()
805
- let second = date.getSeconds()
806
- if (month >= 1 && month <= 9) {
807
- month = '0' + month
808
- }
809
- if (strDate >= 0 && strDate <= 9) {
810
- strDate = '0' + strDate
811
- }
812
- if (hour >= 0 && hour <= 9) {
813
- hour = '0' + hour
814
- }
815
- if (min >= 0 && min <= 9) {
816
- min = '0' + min
817
- }
818
- if (second >= 0 && second <= 9) {
819
- second = '0' + second
820
- }
821
- let currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
822
- + ' ' + hour + seperator2 + min
823
- + seperator2 + second
824
- return currentdate
825
- },
826
- toStandardTimeString () {
827
- let dt = new Date()
828
- let month = dt.getMonth() + 1
829
- let date = dt.getDate()
830
- let hour = dt.getHours()
831
- let min = dt.getMinutes()
832
- let sec = dt.getSeconds()
833
- return dt.getFullYear() + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
834
- + ' ' + (hour < 10 ? '0' + hour : hour)
835
- },
836
- async safeRefresh () {
837
- //tag
838
- //获取所有安检员的点位集合-----测试数据
839
- /*this.checkers=[]
840
- 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})
841
- 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})
842
- 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})
843
- 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})
844
- 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})
845
- this.defectList.rows=[]
846
- 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})
847
- 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})
848
- 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})
849
- 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})
850
- 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})
851
- 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})
852
- 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})
853
- 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})
854
- 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})
855
- 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})*/
856
- await this.getNewData()
857
- this.assemblyData()
858
- }
859
- },
860
- computed: {},
861
- destroyed () {
862
- window.clearInterval(this.intervalNum)
863
- }
864
- }
865
-
866
- </script>
867
-
868
- <style lang="less" scoped>
869
-
870
- .safe_checkbox_sty {
871
- vertical-align: text-bottom;
872
- margin-right: 3px;
873
-
874
- }
875
-
876
- .safe_ul_sty {
877
- list-style-type: none;
878
- font-size: 13px;
879
- padding-left: 5px;
880
- }
881
-
882
- .safe_li_sty {
883
- font-size: 13px;
884
- margin-top: 5px;
885
- }
886
-
887
- .safe_p {
888
- white-space: nowrap;
889
- overflow: hidden;
890
- text-overflow: ellipsis;
891
- margin: 0 0 0 10px;
892
-
893
- font-size: 12px;
894
- }
895
-
896
- .safe_list_li {
897
- margin-top: 5px;
898
- background-color: #ffffff;
899
- border: solid 1px #f0f4fa !important;
900
- color: #666666 !important;
901
- font-size: 1.3rem !important;
902
- font-family: PINGFANG-MEDIUM !important;
903
- padding: 8px;
904
- }
905
-
906
- .safe_list_li:hover {
907
- background-color: rgb(203, 234, 241);
908
- }
909
-
910
- .safe_deimg {
911
- vertical-align: text-bottom;
912
- width: 15px;
913
- margin-right: 3px;
914
- }
915
-
916
- .panel-heading {
917
- .inactive {
918
- color: gray;
919
- }
920
- }
921
-
922
- </style>
923
-
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(allpersonnelsumdata,'总数')" 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 datachecker" 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="margin-top: 6px" v-for="rowd in showdata">
129
+ <label class="col-xs-2 col-md-2 control-label font text-left">姓名:</label>
130
+ <p class="safe_li_sty">{{ rowd.name }}</p>
131
+ <!-- <span>{{ rowd.name }}</span>-->
132
+ </div>
133
+ </div>
134
+ <div slot="modal-footer" class="modal-footer">
135
+ <button type="button" class="btn btn-primary btn-photo" @click="showModalclose">取消</button>
136
+ </div>
137
+ </modal>
138
+ </template>
139
+ <script>
140
+ import Vue from 'vue'
141
+ import * as Util from '../../../components/Util'
142
+ import {HttpResetClass, trans} from 'vue-client'
143
+
144
+ export default {
145
+ title: '安检实时监控中心',
146
+ data () {
147
+ return {
148
+ sel: 0,
149
+ showModal: false,
150
+ showdata: [],
151
+ showname: '',
152
+ AllPersonnel: [],
153
+ map: null,
154
+ allpersonnelsum: [],//在线人数
155
+ allpersonnelsumdata: [],//总数
156
+ allpersonnellixian: [],//离线
157
+ infoWindow: null,
158
+ satellite: null,
159
+ roadNet: null,
160
+ checkerMulchs: null,//安检员点位
161
+ level1Mulchs: null,//一级隐患点位
162
+ level2Mulchs: null,//二级隐患点位
163
+ level3Mulchs: null,//三级隐患点位
164
+ problemsMulchs: null,//普通问题点位
165
+ checkers: [],
166
+ datachecker: [],
167
+ employeeList: [],
168
+ level1: [],
169
+ level2: [],
170
+ level3: [],
171
+ problems: [],
172
+ chekckOps: null,
173
+ defectList: {rows: []},
174
+ todayDefectList: [],
175
+ intervalNum: '',
176
+ layers: {//图层控制显示
177
+ satelliteEnable: false,
178
+ roadNetEnable: false
179
+ },
180
+ imgSrc: '',
181
+ geocoder: null,//逆地理编码
182
+ mulchs: {//覆盖物控制显示
183
+ checker: true,
184
+ level1: true,
185
+ level2: true,
186
+ level3: true,
187
+ problems: true
188
+ },
189
+ styleObject: [
190
+ {
191
+ url: '/images/anjianyuan.png', //人员图标URL
192
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
193
+ size: new AMap.Size(26, 28) //图标大小
194
+ },
195
+ {
196
+ url: '/images/level1.png', //一级隐患图标URL
197
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
198
+ size: new AMap.Size(26, 28) //图标大小
199
+ },
200
+ {
201
+ url: '/images/level2.png', //二级隐患图标URL
202
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
203
+ size: new AMap.Size(26, 28) //图标大小
204
+ },
205
+ {
206
+ url: '/images/level3.png', //三级隐患图标URL
207
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
208
+ size: new AMap.Size(26, 28) //图标大小
209
+ },
210
+ {
211
+ url: '/images/ordinary.png', //普通问题图标URL
212
+ anchor: new AMap.Pixel(14, 8), // 图标偏移位置
213
+ size: new AMap.Size(26, 28) //图标大小
214
+ }
215
+ ]
216
+ }
217
+ },
218
+ ready () {
219
+ // this.querySserSatus()
220
+ this.initMap()
221
+ this.getNewData().then(()=>{
222
+ this.assemblyData()
223
+ window.safe_closeInfoWindow = this.closeInfoWindow
224
+ this.intervalNum = window.setInterval(this.safeRefresh, 240000)
225
+ })
226
+
227
+ },
228
+ methods: {
229
+ showModalclose () {
230
+ this.showModal = false
231
+ this.showdata = []
232
+ this.showname = ''
233
+ },
234
+ allmodal (row, type) {
235
+ if (row.length === 0) {
236
+ return this.$showAlert('暂无数据!!!', 'warning', 2000)
237
+ }
238
+ this.showname = type
239
+ this.showdata = row
240
+ this.showModal = true
241
+
242
+ },
243
+ toggleTab (current) {
244
+ this.currentTab = current
245
+ this.currentClass = current
246
+ },
247
+ seePhotos (path) {
248
+ if (path) {
249
+ this.imgSrc = '/rs/image/file/' + path
250
+ this.infoWindow.close()
251
+ this.$refs.defectimg.open()
252
+ }
253
+ },
254
+ setDefectPos (row) {
255
+ this.map.setZoomAndCenter(15, [row.f_longitude, row.f_latitude])
256
+ let defectContent = this.getDefectContent(row)
257
+ this.infoWindow.setContent(defectContent)
258
+ this.infoWindow.open(this.map, [row.f_longitude, row.f_latitude])
259
+ },
260
+ setCheckerPos (row) { //维修员信息
261
+ this.map.setZoomAndCenter(15, [row.f_longitude, row.f_latitude])
262
+ let defectContent = this.getCheckerContent(row)
263
+ this.infoWindow.setContent(defectContent)
264
+ this.infoWindow.open(this.map, [row.f_longitude, row.f_latitude])
265
+ },
266
+ // 查询人员
267
+ async querySserSatus () {
268
+ //tag)
269
+ let http1 = new HttpResetClass()
270
+ let resp = await http1.load('POST', `/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
271
+ data: {
272
+ items: 'name lable,id userid,\'在线\' states',
273
+ tablename: 't_user',
274
+ condition: `rolestr like '%安检员%'`,
275
+ orderitem: 'id'
276
+ }
277
+ }, {resolveMsg: null, rejectMsg: null})
278
+ //tag)
279
+ console.log('resp=', resp)
280
+ console.log('resp=', JSON.stringify(resp))
281
+ this.AllPersonnel = resp.data
282
+ console.log('this.AllPersonnel', JSON.stringify(this.AllPersonnel))
283
+ },
284
+ //获取定位人员类表
285
+ async getNewData () {
286
+ this.allpersonnellixian = []
287
+ let res = await new HttpResetClass().load('POST', '/rs/search', {
288
+ // source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($需要定位人员$) != -1))',
289
+ source: 'this.getParentByType($organization$).getChildByName($需要定位人员$).getUsers()',
290
+ userid: this.$login.f.id
291
+ }, {resolveMsg: null, rejectMsg: null})
292
+ let arr1 = await new HttpResetClass().load('GET', `/rs/safePsoition/getPosition`, {}, {
293
+ resolveMsg: null,
294
+ rejectMsg: null
295
+ })
296
+ this.checkers = []
297
+ console.log('res.data', res.data)
298
+ this.allpersonnelsumdata = res.data
299
+ console.log('arr1', JSON.stringify(arr1))
300
+ console.log('标记111')
301
+ this.datachecker = []
302
+ for (let id in arr1.data) {
303
+ const datachecke = {}
304
+ datachecke.id = id
305
+ const parse = JSON.parse(arr1.data[id])
306
+ if (parse.f_longitude && parse.f_longitude != '0') {
307
+ datachecke.name = parse.name
308
+ datachecke.f_latitude = parse.f_latitude
309
+ datachecke.f_longitude = parse.f_longitude
310
+ datachecke.f_provider = parse.f_provider
311
+ datachecke.f_battery_level = parse.f_battery_level
312
+ datachecke.f_bearing = parse.f_bearing
313
+ datachecke.uploadTime = parse.uploadTime
314
+ datachecke.f_signal_strength = parse.f_signal_strength
315
+ datachecke.userid = parse.userid
316
+ datachecke.f_speed = parse.f_speed
317
+ datachecke.f_internal_quote = parse.f_internal_quote
318
+ datachecke.f_altitude = parse.f_altitude
319
+ datachecke.f_traffic = parse.f_traffic
320
+ this.datachecker.push(datachecke)
321
+ }
322
+ }
323
+ this.allpersonnelsum = this.datachecker
324
+ console.log('this.datachecker', JSON.stringify(this.datachecker))
325
+ /*let a1 = []
326
+ for (let i = 0; i < this.datachecker.length; i++) {
327
+ a1.push({
328
+ lnglat: [this.datachecker[i].f_longitude, this.datachecker[i].f_latitude], //点标记位置
329
+ name: '维修员',
330
+ id: i,
331
+ rowstr: this.datachecker[i]
332
+ })
333
+ }*/
334
+ // 将数组设置到 massMarks 图层
335
+ //this.checkerMulchs.setData(a1)
336
+ // 将 massMarks 添加到地图实例
337
+ console.log('this.map',this.map,this.checkerMulchs)
338
+ this.checkerMulchs.setMap(this.map)
339
+ if (res.data) {
340
+ res.data.forEach((checker) => {
341
+ ////tag)
342
+ let lixian = true
343
+ for (let checkerpos of this.datachecker) {
344
+ console.log('checkerpos=', checkerpos)
345
+ if (checker.id == checkerpos.userid) { //在线
346
+ checkerpos.userid = checker.userid
347
+ checkerpos.f_user_telephone = checker.f_user_telephone
348
+ checkerpos.rolestr = checker.rolestr
349
+ this.checkers.push(checkerpos)
350
+ lixian = false
351
+ }
352
+ }
353
+ if (lixian) {
354
+ this.allpersonnellixian.push(checker)
355
+ }
356
+ })
357
+ }
358
+ let td = Util.toStandardDateString()
359
+ //获取今天上传的所有隐患
360
+ 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`}},
361
+ {resolveMsg: null, rejectMsg: null})
362
+ //tag)
363
+ if (arr.data) {
364
+ this.todayDefectList = []
365
+ arr.data.forEach((defect) => {
366
+ //拿出今天的隐患放到今日隐患列表中
367
+ console.log('td', td)
368
+ console.log('defect', defect)
369
+ console.log('defect', defect)
370
+ if (defect.f_upload_date.indexOf(td) != -1) {
371
+ this.todayDefectList.push(defect)
372
+ }
373
+ //取出一二三级隐患
374
+ console.log('二级隐患', defect.f_defect_level == '二级隐患')
375
+ if (defect.f_defect_level == '一级隐患' && defect.f_longitude && defect.f_latitude) {
376
+ this.level1.push(defect)
377
+ } else if (defect.f_defect_level == '二级隐患' && defect.f_longitude && defect.f_latitude) {
378
+ this.level2.push(defect)
379
+ } else if (defect.f_defect_level == '三级隐患' && defect.f_longitude && defect.f_latitude) {
380
+ this.level3.push(defect)
381
+ } else if(defect.f_longitude && defect.f_latitude){
382
+ this.problems.push(defect)
383
+ }
384
+ })
385
+ }
386
+ this.defectList.rows = arr.data
387
+ },
388
+ getDefectContent (row) {
389
+ return `
390
+ <div style="padding:0px;margin-left: 8px;"><b>隐患详情</b></div>
391
+ <div class="panel panel-default" style="background-color: azure;border-radius: 5px;margin-left: 8px;">
392
+ <div class="panel-body">
393
+ <ul style="list-style-type: none;font-size: 15px;">
394
+ <li style="margin: 3px 0;">隐患内容: ${row.f_item_name}-${row.f_item_value}</li>
395
+ <li style="margin: 3px 0;">隐患级别: ${row.f_defect_level}</li>
396
+ <li style="margin: 3px 0;">发现人员: ${row.f_checker_name}</li>
397
+ <li style="margin: 3px 0;">上报时间: ${row.f_upload_date}</li>
398
+ <li style="margin: 3px 0;">是否处理: ${row.F_IS_REPAIRED ? row.F_IS_REPAIRED : '未处理'}</li>
399
+ <li style="margin: 3px 0;">隐患位置: ${row.f_address}</li>
400
+ </ul>
401
+ </div>
402
+ </div>`
403
+ },
404
+ getCheckerContent (row) {
405
+ return `
406
+ <div style="padding:0px;margin-left: 8px;"><b>员工信息</b></div>
407
+ <div class="panel panel-default" style="background-color: azure;border-radius: 5px;margin-left: 8px;">
408
+ <div class="panel-body">
409
+ <ul style="list-style-type: none;font-size: 15px;">
410
+ <li style="margin: 3px 0;">员工工号: ${row.userid}</li>
411
+ <li style="margin: 3px 0;">员工姓名: ${row.name}</li>
412
+ <li style="margin: 3px 0;">员工电话: ${row.f_user_telephone ? row.f_user_telephone : '未查到电话'}</li>
413
+ <li style="margin: 3px 0;">角色列表: ${row.rolestr ? row.rolestr : '维修员'}</li>
414
+ <li style="margin: 3px 0;">剩余电量: ${row.f_battery_level} %</li>
415
+ <li style="margin: 3px 0;">剩余内存: ${row.f_internal_quote} MB</li>
416
+ <li style="margin: 3px 0;">信号强度: ${row.f_signal_strength}</li>
417
+ <li style="margin: 3px 0;">实时位置: ${row.checkAddress ? row.checkAddress : '未获取到实时位置'}</li>
418
+ <li style="margin: 3px 0;">状态更新时间: ${row.uploadTime}</li>
419
+ <!--<li style="margin: 3px 0;">客户地址: 河南省周口市工农南路xx酒店302</li>-->
420
+ </ul>
421
+ </div>
422
+ </div>`
423
+ },
424
+ assemblyData () {
425
+ let that = this
426
+ this.checkerInit()
427
+ /*this.checkers=[
428
+ {f_longitude:114.718285,f_latitude:33.610584},
429
+ {f_longitude:114.713736,f_latitude:33.642387}
430
+ ]*/
431
+ /*this.level1=[
432
+ {f_longitude:114.68736,f_latitude:33.655248},
433
+ {f_longitude:114.716736,f_latitude:33.627523}
434
+ ]*/
435
+ /*this.level2=[
436
+ {f_longitude:114.676833,f_latitude:33.609726},
437
+ {f_longitude:114.684013,f_latitude:33.642387}
438
+ ]
439
+ this.level3=[
440
+ {f_longitude:114.71502,f_latitude:33.648675},
441
+ {f_longitude:114.725002,f_latitude:33.637242}
442
+ ]
443
+ this.problems=[
444
+ {f_longitude:114.696969,f_latitude:33.635241},
445
+ {f_longitude:114.68836,f_latitude:33.655248}
446
+ ]*/
447
+ /*let a1=[]
448
+ for(let i=0;i<this.checkers.length;i++){
449
+ a1.push({
450
+ lnglat: [this.checkers[i].f_longitude,this.checkers[i].f_latitude], //点标记位置
451
+ name: '安检员',
452
+ id:i,
453
+ rowstr:this.checkers[i]
454
+ })
455
+ }
456
+ // 将数组设置到 massMarks 图层
457
+ this.checkerMulchs.setData(a1);
458
+ // 将 massMarks 添加到地图实例
459
+ this.checkerMulchs.setMap(this.map);*/
460
+ let a2 = []
461
+ for (let i = 0; i < this.level1.length; i++) {
462
+ a2.push({
463
+ lnglat: [this.level1[i].f_longitude, this.level1[i].f_latitude], //点标记位置
464
+ name: '一级隐患',
465
+ id: i,
466
+ rowstr: this.level1[i]
467
+ })
468
+ }
469
+ // 将数组设置到 massMarks 图层
470
+ this.level1Mulchs.setData(a2)
471
+ // 将 massMarks 添加到地图实例
472
+ this.level1Mulchs.setMap(this.map)
473
+
474
+ let a3 = []
475
+ for (let i = 0; i < this.level2.length; i++) {
476
+ a3.push({
477
+ lnglat: [this.level2[i].f_longitude, this.level2[i].f_latitude], //点标记位置
478
+ name: '二级隐患',
479
+ id: i,
480
+ rowstr: this.level2[i]
481
+ })
482
+ }
483
+ // 将数组设置到 massMarks 图层
484
+ this.level2Mulchs.setData(a3)
485
+ // 将 massMarks 添加到地图实例
486
+ this.level2Mulchs.setMap(this.map)
487
+
488
+ let a4 = []
489
+ for (let i = 0; i < this.level3.length; i++) {
490
+ a4.push({
491
+ lnglat: [this.level3[i].f_longitude, this.level3[i].f_latitude], //点标记位置
492
+ name: '三级隐患',
493
+ id: i,
494
+ rowstr: this.level3[i]
495
+ })
496
+ }
497
+ // 将数组设置到 massMarks 图层
498
+ this.level3Mulchs.setData(a4)
499
+ // 将 massMarks 添加到地图实例
500
+ this.level3Mulchs.setMap(this.map)
501
+
502
+ let a5 = []
503
+ for (let i = 0; i < this.problems.length; i++) {
504
+ a5.push({
505
+ lnglat: [this.problems[i].f_longitude, this.problems[i].f_latitude], //点标记位置
506
+ name: '普通问题',
507
+ id: i,
508
+ rowstr: this.problems[i]
509
+ })
510
+ }
511
+ // 将数组设置到 massMarks 图层
512
+ this.problemsMulchs.setData(a5)
513
+ // 将 massMarks 添加到地图实例
514
+ this.problemsMulchs.setMap(this.map)
515
+ //组装安检员点位集合
516
+ },
517
+ //处理图层和覆盖物的显示隐藏
518
+ enableChange (vname, val) {
519
+ //tag
520
+ //tag
521
+ switch (vname) {
522
+ case 'satelliteEnable':
523
+ if (val) {
524
+ this.map.add(this.satellite)
525
+ } else {
526
+ this.map.remove(this.satellite)
527
+ }
528
+ break
529
+ case 'roadNetEnable':
530
+ if (val) {
531
+ this.map.add(this.roadNet)
532
+ } else {
533
+ this.map.remove(this.roadNet)
534
+ }
535
+ break
536
+ case 'checker':
537
+ if (val) {
538
+ this.chekckOps.show()
539
+ } else {
540
+ this.chekckOps.hide()
541
+ }
542
+ break
543
+ case 'level1':
544
+ if (val) {
545
+ this.level1Mulchs.show()
546
+ } else {
547
+ this.level1Mulchs.hide()
548
+ }
549
+ break
550
+ case 'level2':
551
+ if (val) {
552
+ this.level2Mulchs.show()
553
+ } else {
554
+ this.level2Mulchs.hide()
555
+ }
556
+ break
557
+ case 'level3':
558
+ if (val) {
559
+ this.level3Mulchs.show()
560
+ } else {
561
+ this.level3Mulchs.hide()
562
+ }
563
+ break
564
+ case 'problems':
565
+ if (val) {
566
+ this.problemsMulchs.show()
567
+ } else {
568
+ this.problemsMulchs.hide()
569
+ }
570
+ break
571
+ default:
572
+ }
573
+ },
574
+ initMap () {
575
+ let that = this
576
+ this.map = new AMap.Map('check_map', {
577
+ zoom: 12,
578
+ viewMode: '2D', //设置地图模式
579
+ lang: 'zh_cn', //设置地图语言类型
580
+ zindex: 99
581
+ })
582
+ // 异步加载地图插件
583
+ AMap.plugin(
584
+ ['AMap.ToolBar', 'AMap.Geolocation', 'AMap.Geocoder'], () => {//异步加载插件
585
+ // 自动定位插件
586
+ var geolocation = new AMap.Geolocation({
587
+ // 是否使用高精度定位,默认:true
588
+ enableHighAccuracy: true,
589
+ // 设置定位超时时间,默认:无穷大
590
+ showbutton: true,
591
+ //控制按钮的显示
592
+ timeout: 10000,
593
+ // 定位按钮的停靠位置的偏移量,默认:Pixel(10, 20)
594
+ buttonOffset: new AMap.Pixel(10, 20),
595
+ // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
596
+ //zoomToAccuracy: true,
597
+ // 定位按钮的排放位置, RB表示右下
598
+ buttonPosition: 'LB'
599
+ })
600
+ that.geocoder = new AMap.Geocoder({
601
+ radius: 500 //范围,默认:500
602
+ })
603
+ that.map.addControl(geolocation)
604
+ //geolocation.getCurrentPosition();
605
+ that.map.addControl(new AMap.ToolBar()) //初始化工具插件
606
+ })
607
+ this.map.setDefaultCursor('move')
608
+ //this.map.setMapStyle('amap://styles/whitesmoke');
609
+ this.satellite = new AMap.TileLayer.Satellite()//卫星图层
610
+ this.roadNet = new AMap.TileLayer.RoadNet({opacity: 0.8})//网路图层
611
+ //安检员位置集合
612
+ this.chekckOps = new AMap.OverlayGroup()
613
+ //初始化窗体
614
+ this.infoWindow = new AMap.InfoWindow({
615
+ anchor: 'bottom-center',
616
+ //isCustom: true, //使用自定义窗体
617
+ autoMove: true,
618
+ content: '',
619
+ offset: new AMap.Pixel(0, -25)
620
+ })
621
+ this.checkerMulchs = new AMap.MassMarks([], {
622
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
623
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
624
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
625
+ //alwaysRender:false,
626
+ style: this.styleObject[0]
627
+ })
628
+ this.checkerMulchs.on('click', function (e) {
629
+ //tag)
630
+ let checkAddress = '未获取到实时位置'
631
+ console.log('e.data.lnglat=', e.data.lnglat)
632
+ console.log('地图222')
633
+ that.geocoder.getAddress(e.data.lnglat, function (status, result) {
634
+ //
635
+ if (status === 'complete' && result.regeocode) {
636
+ checkAddress = result.regeocode.formattedAddress
637
+ } else {
638
+ e.data.rowstr.checkAddress = checkAddress
639
+ }
640
+ e.data.rowstr.checkAddress = checkAddress
641
+ console.log('e.data.rowstr=', e.data.rowstr)
642
+ let defectContent = that.getCheckerContent(e.data.rowstr)
643
+ that.infoWindow.setContent(defectContent)
644
+ that.infoWindow.open(that.map, e.data.lnglat)
645
+ })
646
+ })
647
+ //安检员点位
648
+ /*this.checkerMulchs = new AMap.MassMarks([], {
649
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
650
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
651
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
652
+ //alwaysRender:false,
653
+ style: this.styleObject[0]
654
+ });
655
+ //tag
656
+ this.checkerMulchs.on('click',function (e) {
657
+ //tag)
658
+ let checkAddress='未获取到实时位置'
659
+ that.geocoder.getAddress(e.data.lnglat, function(status, result) {
660
+ if (status === 'complete'&& result.regeocode) {
661
+ checkAddress = result.regeocode.formattedAddress;
662
+ }else{
663
+ log.error('根据经纬度查询地址失败')
664
+ }
665
+ e.data.rowstr.checkAddress=checkAddress
666
+ let defectContent=that.getCheckerContent(e.data.rowstr)
667
+ that.infoWindow.setContent(defectContent)
668
+ that.infoWindow.open(that.map, e.data.lnglat);
669
+ });
670
+ })*/
671
+ //一级隐患点位
672
+ this.level1Mulchs = new AMap.MassMarks([], {
673
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
674
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
675
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
676
+ //alwaysRender:false,
677
+ style: this.styleObject[1]
678
+ })
679
+ this.level1Mulchs.on('click', function (e) {
680
+ //tag)
681
+ let defectContent = that.getDefectContent(e.data.rowstr)
682
+ that.infoWindow.setContent(defectContent)
683
+ that.infoWindow.open(that.map, e.data.lnglat)
684
+ })
685
+ //二级隐患点位
686
+ this.level2Mulchs = new AMap.MassMarks([], {
687
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
688
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
689
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
690
+ //alwaysRender:false,
691
+ style: this.styleObject[2]
692
+ })
693
+ this.level2Mulchs.on('click', function (e) {
694
+ //tag)
695
+ let defectContent = that.getDefectContent(e.data.rowstr)
696
+ that.infoWindow.setContent(defectContent)
697
+ that.infoWindow.open(that.map, e.data.lnglat)
698
+ })
699
+ //三级隐患点位
700
+ this.level3Mulchs = new AMap.MassMarks([], {
701
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
702
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
703
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
704
+ //alwaysRender:false,
705
+ style: this.styleObject[3]
706
+ })
707
+ this.level3Mulchs.on('click', function (e) {
708
+ //tag)
709
+ let defectContent = that.getDefectContent(e.data.rowstr)
710
+ that.infoWindow.setContent(defectContent)
711
+ that.infoWindow.open(that.map, e.data.lnglat)
712
+ })
713
+ //普通问题点位
714
+ this.problemsMulchs = new AMap.MassMarks([], {
715
+ opacity: 0.8, // 图层的透明度,取值范围[0,1],1代表完全不透明,0代表完全透明
716
+ zIndex: 111, //图层叠加的顺序值,0表示最底层。默认zIndex:5
717
+ cursor: 'pointer', //指定鼠标悬停时的鼠标样式,自定义cursor,IE仅支持cur/ani/ico格式,Opera不支持自定义cursor
718
+ //alwaysRender:false,
719
+ style: this.styleObject[4]
720
+ })
721
+ this.problemsMulchs.on('click', function (e) {
722
+ //tag)
723
+ let defectContent = that.getDefectContent(e.data.rowstr)
724
+ that.infoWindow.setContent(defectContent)
725
+ that.infoWindow.open(that.map, e.data.lnglat)
726
+ })
727
+
728
+ },
729
+ closeInfoWindow () {
730
+ this.infoWindow.close()
731
+ },
732
+ checkerInit () {
733
+ /*let marker1 = new AMap.Marker({
734
+ position: [114.574809,33.621501],
735
+ icon:'http://192.168.20.28:8400/image/anjianyuan.png'
736
+ });
737
+ //tag
738
+ marker1.setLabel({
739
+ //offset: new AMap.Pixel(20, 20), //设置文本标注偏移量
740
+ content: "<div class='info' style='background-color: #0b87e2'>何文强</div>", //设置文本标注内容
741
+ direction: 'bottom' //设置文本标注方位
742
+ })*/
743
+ let that = this
744
+ console.log(`this.checkers----${this.checkers}`)
745
+ this.chekckOps.clearOverlays()
746
+ for (let j = 0; j < this.checkers.length; j++) {
747
+ //tag+"---"+this.checkers[j].f_longitude+"---"+this.checkers[j].f_latitude)
748
+ //let o={f_longitude:"114.72"+(Math.floor(Math.random()*(9999-1000))+1000),f_latitude:"33.56"+(Math.floor(Math.random()*(9999-1000))+1000),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}
749
+ if (this.checkers[j].f_longitude && this.checkers[j].f_longitude != '0') {
750
+ let marker = new AMap.Marker({
751
+ //map: that.map,
752
+ offset: new AMap.Pixel(-18, -10),
753
+ position: [this.checkers[j].f_longitude, this.checkers[j].f_latitude],
754
+ icon: new AMap.Icon({
755
+ image: '/images/anjianyuan.png', //人员图标URL
756
+ imageOffset: new AMap.Pixel(0, 0), // 图标偏移位置
757
+ imageSize: new AMap.Size(36, 36) //图标大小
758
+ }),
759
+ label: {
760
+ //offset: new AMap.Pixel(20, 20), //设置文本标注偏移量
761
+ content: `<div class='info' style='background-color: rgb(0,185,255);color: #ffffff;padding: 5px;border-radius: 4px'>${this.checkers[j].name}</div>`, //设置文本标注内容
762
+ direction: 'bottom', //设置文本标注方位
763
+ offset: new AMap.Pixel(0, -4)
764
+ },
765
+ extData: this.checkers[j]
766
+ })
767
+ this.chekckOps.addOverlay(marker)
768
+ }
769
+
770
+ }
771
+ this.chekckOps.setMap(this.map)
772
+ this.chekckOps.on('click', function (e) {
773
+ let pe = e.target.getExtData()
774
+ let checkAddress = '未获取到实时位置'
775
+ that.geocoder.getAddress([pe.f_longitude, pe.f_latitude], function (status, result) {
776
+ if (status === 'complete' && result.regeocode) {
777
+ checkAddress = result.regeocode.formattedAddress
778
+ }/*else{
779
+ log.error('根据经纬度查询地址失败')
780
+ }*/
781
+ pe.checkAddress = checkAddress
782
+ let defectContent = that.getCheckerContent(pe)
783
+ that.infoWindow.setContent(defectContent)
784
+ that.infoWindow.open(that.map, [pe.f_longitude, pe.f_latitude])
785
+ })
786
+ })
787
+ /*AMap.event.addListener(this.ops, 'click', function (e) {
788
+ //tag)
789
+ //that.infoWindow.open(that.map, marker.getPosition());
790
+ })*/
791
+ },
792
+ //获取当前时间的前两个小时
793
+ getNowFormatDate (house = 0) {
794
+ //tag
795
+ let date = new Date()
796
+ let seperator1 = '-'
797
+ let seperator2 = ':'
798
+ if (house != 0) {
799
+ date.setHours(date.getHours() - house)
800
+ }
801
+ let month = date.getMonth() + 1
802
+ let strDate = date.getDate()
803
+ let hour = date.getHours()
804
+ let min = date.getMinutes()
805
+ let second = date.getSeconds()
806
+ if (month >= 1 && month <= 9) {
807
+ month = '0' + month
808
+ }
809
+ if (strDate >= 0 && strDate <= 9) {
810
+ strDate = '0' + strDate
811
+ }
812
+ if (hour >= 0 && hour <= 9) {
813
+ hour = '0' + hour
814
+ }
815
+ if (min >= 0 && min <= 9) {
816
+ min = '0' + min
817
+ }
818
+ if (second >= 0 && second <= 9) {
819
+ second = '0' + second
820
+ }
821
+ let currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
822
+ + ' ' + hour + seperator2 + min
823
+ + seperator2 + second
824
+ return currentdate
825
+ },
826
+ toStandardTimeString () {
827
+ let dt = new Date()
828
+ let month = dt.getMonth() + 1
829
+ let date = dt.getDate()
830
+ let hour = dt.getHours()
831
+ let min = dt.getMinutes()
832
+ let sec = dt.getSeconds()
833
+ return dt.getFullYear() + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
834
+ + ' ' + (hour < 10 ? '0' + hour : hour)
835
+ },
836
+ async safeRefresh () {
837
+ //tag
838
+ //获取所有安检员的点位集合-----测试数据
839
+ /*this.checkers=[]
840
+ 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})
841
+ 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})
842
+ 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})
843
+ 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})
844
+ 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})
845
+ this.defectList.rows=[]
846
+ 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})
847
+ 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})
848
+ 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})
849
+ 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})
850
+ 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})
851
+ 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})
852
+ 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})
853
+ 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})
854
+ 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})
855
+ 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})*/
856
+ await this.getNewData()
857
+ this.assemblyData()
858
+ }
859
+ },
860
+ computed: {},
861
+ destroyed () {
862
+ window.clearInterval(this.intervalNum)
863
+ }
864
+ }
865
+
866
+ </script>
867
+
868
+ <style lang="less" scoped>
869
+
870
+ .safe_checkbox_sty {
871
+ vertical-align: text-bottom;
872
+ margin-right: 3px;
873
+
874
+ }
875
+
876
+ .safe_ul_sty {
877
+ list-style-type: none;
878
+ font-size: 13px;
879
+ padding-left: 5px;
880
+ }
881
+
882
+ .safe_li_sty {
883
+ font-size: 13px;
884
+ margin-top: 5px;
885
+ }
886
+
887
+ .safe_p {
888
+ white-space: nowrap;
889
+ overflow: hidden;
890
+ text-overflow: ellipsis;
891
+ margin: 0 0 0 10px;
892
+
893
+ font-size: 12px;
894
+ }
895
+
896
+ .safe_list_li {
897
+ margin-top: 5px;
898
+ background-color: #ffffff;
899
+ border: solid 1px #f0f4fa !important;
900
+ color: #666666 !important;
901
+ font-size: 1.3rem !important;
902
+ font-family: PINGFANG-MEDIUM !important;
903
+ padding: 8px;
904
+ }
905
+
906
+ .safe_list_li:hover {
907
+ background-color: rgb(203, 234, 241);
908
+ }
909
+
910
+ .safe_deimg {
911
+ vertical-align: text-bottom;
912
+ width: 15px;
913
+ margin-right: 3px;
914
+ }
915
+
916
+ .panel-heading {
917
+ .inactive {
918
+ color: gray;
919
+ }
920
+ }
921
+
922
+ </style>
923
+