Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gassafety-progress
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
耿迪迪
gassafety-progress
Commits
380abc51
Commit
380abc51
authored
Mar 01, 2022
by
zhangjianqian
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
大屏监控修改H5player 缩放
parent
4f794384
Hide whitespace changes
Inline
Side-by-side
Showing
13 changed files
with
166 additions
and
291 deletions
+166
-291
TDeviceInfoController.java
...ehong/web/controller/supervise/TDeviceInfoController.java
+14
-0
TDetectorInfoMapper.java
...in/java/com/zehong/system/mapper/TDetectorInfoMapper.java
+8
-0
TDeviceInfoMapper.java
...main/java/com/zehong/system/mapper/TDeviceInfoMapper.java
+8
-0
ITDetectorInfoService.java
...java/com/zehong/system/service/ITDetectorInfoService.java
+6
-0
ITDeviceInfoService.java
...n/java/com/zehong/system/service/ITDeviceInfoService.java
+7
-0
TDetectorInfoServiceImpl.java
.../zehong/system/service/impl/TDetectorInfoServiceImpl.java
+9
-0
TDeviceInfoServiceImpl.java
...om/zehong/system/service/impl/TDeviceInfoServiceImpl.java
+10
-0
TDetectorInfoMapper.xml
.../src/main/resources/mapper/system/TDetectorInfoMapper.xml
+6
-0
TDeviceInfoMapper.xml
...em/src/main/resources/mapper/system/TDeviceInfoMapper.xml
+20
-1
TWorkOrderMapper.xml
...tem/src/main/resources/mapper/system/TWorkOrderMapper.xml
+4
-4
detectorInfo.js
gassafetyprogress-web/src/api/detector/detectorInfo.js
+7
-0
rightBar.vue
gassafetyprogress-web/src/components/bigWindow/rightBar.vue
+64
-285
index.vue
gassafetyprogress-web/src/views/bigWindow/index.vue
+3
-1
No files found.
gassafetyprogress-admin/src/main/java/com/zehong/web/controller/supervise/TDeviceInfoController.java
View file @
380abc51
package
com
.
zehong
.
web
.
controller
.
supervise
;
import
java.util.List
;
import
java.util.Map
;
import
com.zehong.system.domain.Listaw
;
import
com.zehong.system.domain.TDetailInfoList
;
import
com.zehong.system.domain.TDeviceInfoS
;
import
com.zehong.system.service.ITDetectorInfoService
;
import
com.zehong.system.service.ITDetectorUserService
;
import
com.zehong.system.service.ITEmployedPeopleInfoService
;
import
com.zehong.web.codeconfig.CodeConFig
;
import
org.springframework.security.access.prepost.PreAuthorize
;
...
...
@@ -35,6 +38,9 @@ public class TDeviceInfoController extends BaseController
@Autowired
private
ITEmployedPeopleInfoService
tEmployedPeopleInfoService
;
@Autowired
private
ITDetectorInfoService
itDetectorInfoService
;
/**
* 查询设备信息列表
*/
...
...
@@ -206,4 +212,12 @@ public class TDeviceInfoController extends BaseController
}
}
@GetMapping
(
"/selectDeviceNum"
)
public
AjaxResult
selectDeviceNum
(
String
enterpriseId
)
{
Map
<
String
,
Object
>
map
=
itDetectorInfoService
.
selectDetectorNum
(
enterpriseId
);
Map
<
String
,
Object
>
map1
=
tDeviceInfoService
.
selectDeviceNum
(
enterpriseId
);
map
.
putAll
(
map1
);
return
AjaxResult
.
success
(
map
);
}
}
gassafetyprogress-system/src/main/java/com/zehong/system/mapper/TDetectorInfoMapper.java
View file @
380abc51
package
com
.
zehong
.
system
.
mapper
;
import
com.zehong.system.domain.TDetectorInfo
;
import
org.apache.ibatis.annotations.Param
;
import
java.util.List
;
import
java.util.Map
;
/**
* 探测器Mapper接口
...
...
@@ -71,4 +73,10 @@ public interface TDetectorInfoMapper
* @return 结果
*/
public
int
deleteTDetectorInfoByIds
(
Long
[]
detectorIds
);
/**
* 用户安全监控设备 数量
* @return
*/
public
Map
<
String
,
Object
>
selectDetectorNum
(
@Param
(
"enterpriseIds"
)
String
[]
enterpriseIds
);
}
gassafetyprogress-system/src/main/java/com/zehong/system/mapper/TDeviceInfoMapper.java
View file @
380abc51
package
com
.
zehong
.
system
.
mapper
;
import
java.util.List
;
import
java.util.Map
;
import
com.zehong.system.domain.TDeviceInfo
;
import
com.zehong.system.domain.TDeviceInfoS
;
import
org.apache.ibatis.annotations.Param
;
...
...
@@ -110,4 +112,10 @@ public interface TDeviceInfoMapper
* @param deviceId
*/
void
deleteDeviceDetailInfo
(
int
deviceId
);
/**
* 查询设备数量
* @return
*/
Map
<
String
,
Object
>
selectDeviceNum
(
@Param
(
"enterpriseIds"
)
String
[]
enterpriseIds
);
}
gassafetyprogress-system/src/main/java/com/zehong/system/service/ITDetectorInfoService.java
View file @
380abc51
...
...
@@ -4,6 +4,7 @@ import com.github.pagehelper.PageInfo;
import
com.zehong.system.domain.TDetectorInfo
;
import
java.util.List
;
import
java.util.Map
;
/**
* 探测器Service接口
...
...
@@ -80,4 +81,9 @@ public interface ITDetectorInfoService
* @return 结果
*/
public
int
deleteTDetectorInfoById
(
Long
detectorId
);
/**
* 用户安全监控设备 数量
* @return
*/
public
Map
<
String
,
Object
>
selectDetectorNum
(
String
enterpriseId
);
}
gassafetyprogress-system/src/main/java/com/zehong/system/service/ITDeviceInfoService.java
View file @
380abc51
package
com
.
zehong
.
system
.
service
;
import
java.util.List
;
import
java.util.Map
;
import
com.zehong.system.domain.TDeviceInfo
;
import
com.zehong.system.domain.TDeviceInfoS
;
import
org.apache.ibatis.annotations.Param
;
...
...
@@ -110,4 +112,9 @@ public interface ITDeviceInfoService
* @param deviceId
*/
void
deleteDeviceDetailInfo
(
int
deviceId
);
/**
* 查询设备数量
* @return
*/
Map
<
String
,
Object
>
selectDeviceNum
(
String
enterpriseId
);
}
gassafetyprogress-system/src/main/java/com/zehong/system/service/impl/TDetectorInfoServiceImpl.java
View file @
380abc51
...
...
@@ -8,6 +8,7 @@ import org.springframework.beans.factory.annotation.Autowired;
import
org.springframework.stereotype.Service
;
import
java.util.List
;
import
java.util.Map
;
/**
* 探测器Service业务层处理
...
...
@@ -147,4 +148,12 @@ public class TDetectorInfoServiceImpl implements ITDetectorInfoService
{
return
tDetectorInfoMapper
.
deleteTDetectorInfoById
(
detectorId
);
}
/**
* 用户安全监控设备 数量
* @return
*/
@Override
public
Map
<
String
,
Object
>
selectDetectorNum
(
String
enterpriseId
){
return
tDetectorInfoMapper
.
selectDetectorNum
(
enterpriseId
.
split
(
","
));
}
}
gassafetyprogress-system/src/main/java/com/zehong/system/service/impl/TDeviceInfoServiceImpl.java
View file @
380abc51
package
com
.
zehong
.
system
.
service
.
impl
;
import
java.util.List
;
import
java.util.Map
;
import
com.zehong.common.utils.DateUtils
;
import
com.zehong.system.domain.TDeviceInfoS
;
import
org.apache.ibatis.annotations.Param
;
...
...
@@ -172,4 +174,12 @@ public class TDeviceInfoServiceImpl implements ITDeviceInfoService
public
void
deleteDeviceDetailInfo
(
int
deviceId
)
{
tDeviceInfoMapper
.
deleteDeviceDetailInfo
(
deviceId
);
}
/**
* 查询设备数量
* @return
*/
@Override
public
Map
<
String
,
Object
>
selectDeviceNum
(
String
enterpriseId
){
return
tDeviceInfoMapper
.
selectDeviceNum
(
enterpriseId
.
split
(
","
));
}
}
gassafetyprogress-system/src/main/resources/mapper/system/TDetectorInfoMapper.xml
View file @
380abc51
...
...
@@ -256,4 +256,10 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
#{detectorId}
</foreach>
</delete>
<select
id=
"selectDetectorNum"
resultType=
"java.util.HashMap"
>
SELECT IFNULL(SUM(IF(detector_status=0,1,0)),0) AS changNum,IFNULL(SUM(detector_status=1),0) AS liNum,
IFNULL(SUM(IF(detector_status=2,1,0)),0) AS baoNum ,
(SELECT COUNT(user_id) FROM t_detector_user WHERE is_del = 0) AS userNum
FROM t_detector_info WHERE is_del = 0
</select>
</mapper>
\ No newline at end of file
gassafetyprogress-system/src/main/resources/mapper/system/TDeviceInfoMapper.xml
View file @
380abc51
...
...
@@ -207,5 +207,24 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<update
id=
"deleteDeviceDetailInfo"
>
update t_relation_device_detail_info set relation_device_id=NULL where relation_device_detail_id=#{deviceId}
</update>
<select
id=
"selectDeviceNum"
resultType=
"java.util.HashMap"
>
SELECT SUM(IF(device_type=1,1,0)) AS fajing, SUM(IF(device_type=2,1,0)) AS tiaoya ,
(SELECT COUNT(video_manager_id) FROM t_video_manager WHERE is_del = 0
and beyond_enterprise_id IN
<foreach
item=
"enterpriseId"
collection=
"enterpriseIds"
open=
"("
separator=
","
close=
")"
>
#{enterpriseId}
</foreach>
) AS videoNum,
(SELECT COUNT(site_station_id) FROM t_site_station_info WHERE is_del = 0
and beyond_enterprise_id IN
<foreach
item=
"enterpriseId"
collection=
"enterpriseIds"
open=
"("
separator=
","
close=
")"
>
#{enterpriseId}
</foreach>
) AS stationNum
FROM t_device_info
WHERE is_del = 0 and beyond_enterprise_id IN
<foreach
item=
"enterpriseId"
collection=
"enterpriseIds"
open=
"("
separator=
","
close=
")"
>
#{enterpriseId}
</foreach>
</select>
</mapper>
gassafetyprogress-system/src/main/resources/mapper/system/TWorkOrderMapper.xml
View file @
380abc51
...
...
@@ -209,10 +209,10 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
</foreach>
</delete>
<select
id=
"selectWorkOrderNum"
resultType=
"java.util.HashMap"
>
SELECT IFNULL(SUM(IF(work_status=3 AND work_type=1,1,0))/SUM(IF(work_type=1,1,0)),
0
) AS typeOne,
IFNULL(SUM(IF(work_status=3 AND work_type=2,1,0))/SUM(IF(work_type=2,1,0)),
0
) AS typeTwo,
IFNULL(SUM(IF(work_status=3 AND work_type=3,1,0))/SUM(IF(work_type=3,1,0)),
0
) AS typeThree,
IFNULL(SUM(IF(work_status=3 AND work_type=4,1,0))/SUM(IF(work_type=4,1,0)),
0
) AS typeFor,
SELECT IFNULL(SUM(IF(work_status=3 AND work_type=1,1,0))/SUM(IF(work_type=1,1,0)),
1
) AS typeOne,
IFNULL(SUM(IF(work_status=3 AND work_type=2,1,0))/SUM(IF(work_type=2,1,0)),
1
) AS typeTwo,
IFNULL(SUM(IF(work_status=3 AND work_type=3,1,0))/SUM(IF(work_type=3,1,0)),
1
) AS typeThree,
IFNULL(SUM(IF(work_status=3 AND work_type=4,1,0))/SUM(IF(work_type=4,1,0)),
1
) AS typeFor,
(SELECT COUNT(employed_people_id) FROM t_employed_people_info WHERE is_del = 0
AND beyond_enterprise_id IN
<foreach
item=
"enterpriseId"
collection=
"enterpriseIds"
open=
"("
separator=
","
close=
")"
>
...
...
gassafetyprogress-web/src/api/detector/detectorInfo.js
View file @
380abc51
...
...
@@ -74,3 +74,10 @@ export function alarmData(query) {
params
:
query
,
});
}
export
function
selectDeviceNum
(
query
)
{
return
request
({
url
:
'/device/device/selectDeviceNum'
,
method
:
'get'
,
params
:
query
})
}
gassafetyprogress-web/src/components/bigWindow/rightBar.vue
View file @
380abc51
...
...
@@ -69,18 +69,18 @@
ref="table"
>
<el-table-column prop="unitName" label="所在单位" width="100">
</el-table-column>
<el-table-column prop="detectorType" label="设备类型" width="">
</el-table-column>
<el-table-column prop="statusName" label="预警信息" width="">
</el-table-column>
<el-table-column prop="alarmTime" label="预警时间" width="160">
</el-table-column>
<el-table-column prop="handledStatus" label="状态" width="">
</el-table-column>
</el-table>
</div> -->
...
...
@@ -98,40 +98,7 @@
<div
class=
"echarts-one"
style=
"margin-top: 10px;width: 430px;margin-left: 10px;"
>
<div
id=
"myChartone"
:style=
"{width: '420px', height: '240px'}"
></div>
</div>
<!-- <div>
<div class="item1">
<span class="dot">
<span class="dot-inner"></span>
</span>
<span>投诉统计</span>
<div class="fong-div" style="width: 8px;height: 12px;background-color: #2c888899;float: right;margin-top: 10px;transform: skewX(-25deg)"></div>
<div class="fong-div" style="width: 8px;height: 12px;background-color: #24b1b1b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"></div>
<div class="fong-div" style="width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"></div>
</div>
</div>
<div class="divfen" style="width: 100%;height: 280px;margin-top: 10px">
<div style="width: 50%;height: 100%">
<div id="main31" style="width: 100%;height: 66%"></div>
<div class="titleTex" style="height: 20px;margin-top: 0px;font-size: 10px;">
● 已处理:{{datanow.tousuevery1}}
</div>
<div class="titleTex" style="height: 20px;margin-top: 0px;font-size: 10px;color: #ff4040">
● 未处理:{{datanow.tousuevery2}}
</div>
</div>
<div style="width: 50%;height: 100%">
<div id="main32" style="width: 100%;height: 66%"></div>
<div class="titleTex" style="height: 20px;margin-top: 0px;font-size: 10px;color: #0000ff">
● 在线数量:{{datanow.deviceevery1}}
</div>
<div class="titleTex" style="height: 20px;margin-top: 0px;font-size: 10px;color: #ffff00">
● 离线数量:{{datanow.deviceevery2}}
</div>
<div class="titleTex" style="height: 20px;margin-top: 0px;font-size: 10px;color: #ff4040">
● 报警数量:{{datanow.deviceevery3}}
</div>
</div>
</div> -->
<div>
<div
class=
"item1"
>
<span
class=
"dot"
>
...
...
@@ -146,33 +113,33 @@
<div
class=
"outuser"
>
<div
class=
"outuserone"
>
<p>
燃气用户数量
</p>
<span
class=
"outuserspan"
>
12345
</span>
<span
class=
"outuserspan"
>
{{diviceNum.userNum}}
</span>
</div>
<div
class=
"outusertwo"
>
<p>
安全设备数量
</p>
<span
class=
"outuserspan"
>
12345
</span>
<span
class=
"outuserspan"
>
{{diviceNum.baoNum+diviceNum.changNum+diviceNum.liNum}}
</span>
</div>
</div>
<div
id=
"huan"
style=
"width: 450px;height: 170px;"
></div>
<div
class=
"inyuan"
>
<div
style=
"letter-spacing:2px;"
>
设备总数
</div>
<span
style=
"font-family: 'arialbd';letter-spacing:2px;color: #00FFFF;font-size: 20px;"
>
12345
</span>
<span
style=
"font-family: 'arialbd';letter-spacing:2px;color: #00FFFF;font-size: 20px;"
>
{{diviceNum.baoNum+diviceNum.changNum+diviceNum.liNum}}
</span>
</div>
<div
class=
"usernum"
>
<div
class=
"usernumin in1"
>
<span>
●
</span>
<span
style=
"color: #fff;"
>
在线数量
</span>
<span
style=
"font-family: 'arialbd';letter-spacing:2px;"
>
:
1234
</span>
<span
style=
"font-family: 'arialbd';letter-spacing:2px;"
>
:
{{diviceNum.changNum}}
</span>
</div>
<div
class=
"usernumin in2"
>
<span>
●
</span>
<span
style=
"color: #fff;"
>
离线数量
</span>
<span
style=
"font-family: 'arialbd';letter-spacing:2px;"
>
:
1234
</span>
<span
style=
"font-family: 'arialbd';letter-spacing:2px;"
>
:
{{diviceNum.liNum}}
</span>
</div>
<div
class=
"usernumin in3"
>
<span>
●
</span>
<span
style=
"color: #fff;"
>
报警数量
</span>
<span
style=
"font-family: 'arialbd';letter-spacing:2px;"
>
:
1234
</span>
<span
style=
"font-family: 'arialbd';letter-spacing:2px;"
>
:
{{diviceNum.baoNum}}
</span>
</div>
</div>
</div>
...
...
@@ -181,215 +148,34 @@
<
script
>
// 引入基本模板
import
*
as
echarts
from
'echarts'
;
import
{
alarmData
}
from
"@/api/detector/detectorInfo"
;
import
{
alarmData
,
selectDeviceNum
}
from
"@/api/detector/detectorInfo"
;
export
default
{
// components: {
// RightPic,
// },
data
()
{
return
{
allNum
:{},
diviceNum
:{
baoNum
:
0
,
changNum
:
0
,
liNum
:
0
,
userNum
:
0
},
zeroNum
:{
fajing
:
0
,
stationNum
:
0
,
tiaoya
:
0
,
videoNum
:
0
},
enterpriseIds
:{
enterpriseId
:
""
},
timer
:
null
,
repeatFinshed
:
false
,
tableHeight
:
230
,
tableData
:
[],
scrollHeight
:
0
,
dataall
:{
xunchaAllOne1
:
1
,
xunchaAllOne2
:
3
,
xunchaAllOne3
:
8
,
xunchaAllOne4
:
3
,
xunchaAllTwo1
:
2
,
xunchaAllTwo2
:
2
,
xunchaAllTwo3
:
2
,
xunchaAllTwo4
:
6
,
xunList1
:[
{
value
:
678
,
name
:
'30.4%'
},
{
value
:
1548
,
name
:
'69.6%'
}
],
xunList11
:[
{
value
:
1048
},
{
value
:
335
}
],
xunoneevery1
:
1048
,
xunoneevery2
:
355
,
xunList2
:[
{
value
:
678
,
name
:
'28.5%'
},
{
value
:
1548
,
name
:
'71.5%'
}
],
xunList22
:[
{
value
:
1048
},
{
value
:
335
}
],
xuntwoevery1
:
1674
,
xuntwoevery2
:
552
,
shigu1
:[
820
,
932
,
901
,
934
,
1290
,
1330
,
1320
,
820
,
932
,
901
,
934
,
1290
],
shigu2
:[
452
,
786
,
456
,
732
,
458
,
165
,
198
,
489
,
158
,
358
,
345
,
675
],
shigu3
:[
932
,
901
,
198
,
489
,
158
,
358
,
345
,
675
,
901
,
934
,
1290
,
888
],
tousu
:[{
value
:
1048
,
name
:
'已处理'
},
{
value
:
255
,
name
:
'未处理'
}
],
tousuNum
:
1303
,
tousuevery1
:
1048
,
tousuevery2
:
255
,
divice
:[
{
value
:
31
,
name
:
'在线数量'
},
{
value
:
19
,
name
:
'离线数量'
},
{
value
:
1
,
name
:
'报警数量'
}
],
deviceNum
:
51
,
deviceevery1
:
31
,
deviceevery2
:
19
,
deviceevery3
:
1
,
zhuzhuang
:[
16
,
13
,
27
,
2
]
},
dataone
:{
xunchaAllOne1
:
0
,
xunchaAllOne2
:
3
,
xunchaAllOne3
:
8
,
xunchaAllOne4
:
3
,
xunchaAllTwo1
:
0
,
xunchaAllTwo2
:
7
,
xunchaAllTwo3
:
2
,
xunchaAllTwo4
:
6
,
xunList1
:[
{
value
:
224
,
name
:
'32.3%'
},
{
value
:
641
,
name
:
'67.7%'
}
],
xunList11
:[
{
value
:
338
},
{
value
:
112
}
],
xunoneevery1
:
335
,
xunoneevery2
:
141
,
xunList2
:[
{
value
:
224
,
name
:
'29.1%'
},
{
value
:
544
,
name
:
'78.9%'
}
],
xunList22
:[
{
value
:
354
},
{
value
:
111
}
],
xuntwoevery1
:
511
,
xuntwoevery2
:
199
,
shigu1
:[
223
,
44
,
332
,
321
,
458
,
456
,
653
,
122
,
345
,
133
,
421
,
123
],
shigu2
:[
123
,
234
,
456
,
567
,
235
,
12
,
89
,
158
,
158
,
145
,
175
,
224
],
shigu3
:[
432
,
301
,
108
,
189
,
18
,
158
,
145
,
175
,
401
,
334
,
590
,
388
],
tousu
:[{
value
:
322
,
name
:
'已处理'
},
{
value
:
181
,
name
:
'未处理'
}
],
tousuNum
:
503
,
tousuevery1
:
322
,
tousuevery2
:
181
,
divice
:[
{
value
:
11
,
name
:
'在线数量'
},
{
value
:
8
,
name
:
'离线数量'
},
{
value
:
1
,
name
:
'报警数量'
}
],
deviceNum
:
21
,
deviceevery1
:
11
,
deviceevery2
:
8
,
deviceevery3
:
1
,
zhuzhuang
:[
8
,
3
,
11
,
1
]
},
datatwo
:{
xunchaAllOne1
:
0
,
xunchaAllOne2
:
4
,
xunchaAllOne3
:
2
,
xunchaAllOne4
:
1
,
xunchaAllTwo1
:
0
,
xunchaAllTwo2
:
6
,
xunchaAllTwo3
:
7
,
xunchaAllTwo4
:
5
,
xunList1
:[
{
value
:
224
,
name
:
'30.4%'
},
{
value
:
400
,
name
:
'69.6%'
}
],
xunList11
:[
{
value
:
212
},
{
value
:
209
}
],
xunoneevery1
:
335
,
xunoneevery2
:
141
,
xunList2
:[
{
value
:
224
,
name
:
'28.5%'
},
{
value
:
300
,
name
:
'71.5%'
}
],
xunList22
:[
{
value
:
475
},
{
value
:
200
}
],
xuntwoevery1
:
475
,
xuntwoevery2
:
200
,
shigu1
:[
653
,
122
,
345
,
133
,
456
,
653
,
122
,
345
,
133
,
421
,
123
,
500
],
shigu2
:[
432
,
301
,
456
,
567
,
235
,
12
,
145
,
175
,
401
,
334
,
590
,
388
],
shigu3
:[
123
,
234
,
108
,
189
,
18
,
158
,
123
,
234
,
456
,
567
,
235
,
12
],
tousu
:[{
value
:
344
,
name
:
'已处理'
},
{
value
:
121
,
name
:
'未处理'
}
],
tousuNum
:
322
,
tousuevery1
:
211
,
tousuevery2
:
111
,
divice
:[
{
value
:
2
,
name
:
'在线数量'
},
{
value
:
4
,
name
:
'离线数量'
},
{
value
:
0
,
name
:
'报警数量'
}
],
deviceNum
:
6
,
deviceevery1
:
2
,
deviceevery2
:
4
,
deviceevery3
:
0
,
zhuzhuang
:[
2
,
5
,
7
,
1
]
},
datathree
:{
xunchaAllOne1
:
0
,
xunchaAllOne2
:
5
,
xunchaAllOne3
:
7
,
xunchaAllOne4
:
9
,
xunchaAllTwo1
:
0
,
xunchaAllTwo2
:
8
,
xunchaAllTwo3
:
8
,
xunchaAllTwo4
:
9
,
xunList1
:[
{
value
:
124
,
name
:
'30.4%'
},
{
value
:
400
,
name
:
'69.6%'
}
],
xunList11
:[
{
value
:
212
},
{
value
:
309
}
],
xunoneevery1
:
335
,
xunoneevery2
:
141
,
xunList2
:[
{
value
:
224
,
name
:
'28.5%'
},
{
value
:
300
,
name
:
'71.5%'
}
],
xunList22
:[
{
value
:
475
},
{
value
:
200
}
],
xuntwoevery1
:
475
,
xuntwoevery2
:
200
,
shigu1
:[
653
,
122
,
345
,
133
,
456
,
653
,
122
,
345
,
133
,
421
,
123
,
500
],
shigu2
:[
432
,
301
,
456
,
567
,
456
,
653
,
122
,
175
,
401
,
334
,
590
,
388
],
shigu3
:[
334
,
590
,
388
,
133
,
456
,
123
,
234
,
653
,
122
,
345
,
133
],
tousu
:[{
value
:
124
,
name
:
'已处理'
},
{
value
:
111
,
name
:
'未处理'
}
],
tousuNum
:
335
,
tousuevery1
:
124
,
tousuevery2
:
111
,
divice
:[
{
value
:
12
,
name
:
'在线数量'
},
{
value
:
6
,
name
:
'离线数量'
},
{
value
:
0
,
name
:
'报警数量'
}
],
deviceNum
:
24
,
deviceevery1
:
12
,
deviceevery2
:
6
,
deviceevery3
:
0
,
zhuzhuang
:[
6
,
5
,
9
,
0
]
},
datanow
:{}
scrollHeight
:
0
};
},
mounted
(){
...
...
@@ -397,11 +183,12 @@
// this.getScrollHeight();
// })
this
.
getAlarm
();
// this.datanow = this.dataall;
// this.drawLine(this.datanow);
// this.drawLine2(this.datanow)
;
selectDeviceNum
(
this
.
enterpriseIds
).
then
(
response
=>
{
this
.
diviceNum
=
response
.
data
;
this
.
drawLine3
();
});
},
methods
:
{
...
...
@@ -423,9 +210,9 @@
const
select
=
this
.
$refs
.
table
.
$el
.
querySelector
(
".el-table__body-wrapper"
)
.
querySelector
(
".el-table__body"
);
setTimeout
(()
=>
{
// 列表容器高度
const
{
height
:
heightWrapper
}
=
selectWrap
.
getBoundingClientRect
();
...
...
@@ -433,10 +220,10 @@
const
{
height
:
heightSelect
}
=
select
.
getBoundingClientRect
();
// 滚动条的高度 = 列表高度-列表容器高度
this
.
scrollHeight
=
heightSelect
-
heightWrapper
;
},
1
)
this
.
timerAni
();
},
timerAni
()
{
...
...
@@ -456,32 +243,24 @@
console
.
log
(
123
);
clearInterval
(
this
.
timer
);
},
choice
(
index
){
console
.
log
(
"===="
+
index
)
if
(
index
==
0
){
this
.
datanow
=
this
.
dataall
;
this
.
drawLine
(
this
.
datanow
);
// this.drawLine2(this.datanow);
this
.
drawLine3
(
this
.
datanow
);
}
else
if
(
index
==
1
){
this
.
datanow
=
this
.
dataone
;
this
.
drawLine
(
this
.
datanow
);
// this.drawLine2(this.datanow);
this
.
drawLine3
(
this
.
datanow
);
}
else
if
(
index
==
2
){
this
.
datanow
=
this
.
datatwo
;
this
.
drawLine
(
this
.
datanow
);
// this.drawLine2(this.datanow);
this
.
drawLine3
(
this
.
datanow
);
}
else
if
(
index
==
3
){
this
.
datanow
=
this
.
datathree
;
this
.
drawLine
(
this
.
datanow
);
// this.drawLine2(this.datanow);
this
.
drawLine3
(
this
.
datanow
);
}
choice
(
val
){
this
.
getNum
(
val
)
},
drawLine
(
data
){
getNum
(
val
){
if
(
val
!=
null
&&
val
!=
''
){
this
.
enterpriseIds
.
enterpriseId
=
val
.
toString
();
selectDeviceNum
(
this
.
enterpriseIds
).
then
(
response
=>
{
console
.
log
(
response
);
this
.
allNum
=
response
.
data
;
this
.
drawLine
();
});
}
else
{
this
.
allNum
=
this
.
zeroNum
;
this
.
drawLine
();
}
},
drawLine
(){
// 基于准备好的dom,初始化echarts实例
let
myChart1
=
this
.
$echarts
.
init
(
document
.
getElementById
(
'myChartone'
))
// 绘制图表
...
...
@@ -540,7 +319,7 @@
type
:
"bar"
,
showSymbol
:
false
,
hoverAnimation
:
false
,
data
:
data
.
zhuzhuang
,
data
:
[
this
.
allNum
.
fajing
,
this
.
allNum
.
tiaoya
,
this
.
allNum
.
stationNum
,
this
.
allNum
.
videoNum
]
,
barWidth
:
18
,
//柱图宽度
// barCategoryGap:'60%',
itemStyle
:{
...
...
@@ -592,8 +371,8 @@
]
});
},
drawLine3
(
data
){
drawLine3
(){
// 基于准备好的dom,初始化echarts实例
let
myChart31
=
echarts
.
init
(
document
.
getElementById
(
'huan'
))
// let myChart32 = echarts.init(document.getElementById('main32'))
...
...
@@ -612,7 +391,7 @@
// left: 100,
// right: '10%'
// },
series
:
[
// 主要展示层的
{
...
...
@@ -645,9 +424,9 @@
}
},
name
:
"民警训练总量"
,
data
:
[{
"name"
:
"报警数量"
,
"value"
:
10
},
{
"name"
:
"离线数量"
,
"value"
:
30
},
{
"name"
:
"在线数量"
,
"value"
:
100
},
],
data
:
[{
"name"
:
"报警数量"
,
"value"
:
this
.
diviceNum
.
baoNum
},
{
"name"
:
"离线数量"
,
"value"
:
this
.
diviceNum
.
liNum
},
{
"name"
:
"在线数量"
,
"value"
:
this
.
diviceNum
.
changNum
},
],
},
// 边框的设置
{
...
...
gassafetyprogress-web/src/views/bigWindow/index.vue
View file @
380abc51
...
...
@@ -320,7 +320,7 @@ export default {
});
}
this
.
currentTime
();
this
.
$refs
.
mychild
.
choice
(
0
);
this
.
$refs
.
mychild
.
choice
(
this
.
selarr
);
this
.
$refs
.
mychild2
.
choice
(
this
.
selarr
);
},
methods
:
{
...
...
@@ -405,6 +405,7 @@ export default {
this
.
map
.
infowindowClose
();
this
.
show
=
false
;
this
.
$refs
.
mychild2
.
choice
(
this
.
selarr
);
this
.
$refs
.
mychild
.
choice
(
this
.
selarr
);
},
sel
(
index
,
item
)
{
this
.
map
.
infowindowClose
();
...
...
@@ -427,6 +428,7 @@ export default {
// this.map.companyFilter(this.selarr);
this
.
map
.
allfilter
(
this
.
selarr
,
this
.
selarr1
);
this
.
$refs
.
mychild2
.
choice
(
this
.
selarr
);
this
.
$refs
.
mychild
.
choice
(
this
.
selarr
);
},
sel1
(
index
,
item
)
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment