Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
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
常超
founder_vue
Commits
1b6de567
Commit
1b6de567
authored
Sep 19, 2023
by
xue_wengang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
运控管理根据合同修改
parent
32ca2aa8
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
1014 additions
and
488 deletions
+1014
-488
src/router/modules/index.js
+8
-0
src/utils/params.js
+6
-1
src/views/rzcx/ycfwyj.vue
+326
-0
src/views/rzcx/ykgldp.vue
+674
-487
No files found.
src/router/modules/index.js
View file @
1b6de567
...
...
@@ -165,6 +165,14 @@ export default [
}
},
{
path
:
"ycfwyj"
,
name
:
"ycfwyj"
,
component
:
()
=>
import
(
"@/views/rzcx/ycfwyj.vue"
),
meta
:
{
title
:
"运控管理"
}
},
{
path
:
"ykfw"
,
name
:
"ykfw"
,
component
:
()
=>
import
(
"@/views/rzcx/ykfw.vue"
),
...
...
src/utils/params.js
View file @
1b6de567
...
...
@@ -7730,7 +7730,12 @@ let rzcxPropLeftMenu = [
id
:
'ldfwrz'
,
label
:
'刑专使用情况'
,
index
:
'3-5'
,
}
},
{
id
:
'ycfwyj'
,
label
:
'异常访问预警'
,
index
:
'3-6'
,
},
]
},
{
...
...
src/views/rzcx/ycfwyj.vue
0 → 100644
View file @
1b6de567
<
template
>
<div
class=
"Content"
>
<div
class=
"cxtjWrap paneDiv"
>
<el-row>
<el-col
:span=
"24"
>
<span
class=
"flTtitle"
>
查询条件
</span>
</el-col>
</el-row>
<el-form
label-position=
"right"
label-width=
"140px"
ref=
"queryForm"
:model=
"formData"
>
<div
class=
"zdyLine"
>
<el-form-item
:label=
"item.name"
v-for=
"item in propQueryField"
:key=
"item.id"
:prop=
"item.id"
v-show=
"!item.hidden ? true : item.hidden == formData['cxlx']"
:class=
"'demo-input-suffix zdycol' + item.col"
>
<!--
<div
class=
"zdName"
>
{{
item
.
name
}}
:
</div>
-->
<!--输入框-->
<el-input
clearable
:placeholder=
"item.placeholder"
v-model=
"formData[item.id]"
v-if=
"item.type == 'text'"
>
</el-input>
<!--日期框 日期时间-->
<el-date-picker
v-model=
"formData[item.id]"
type=
"datetime"
align=
"right"
:picker-options=
"item.pickerOptions"
unlink-panels
value-format=
"yyyy-MM-dd HH:mm:ss"
v-else-if=
"item.type == 'datetime'"
>
</el-date-picker>
<!--日期框-->
<el-date-picker
v-model=
"formData[item.id]"
type=
"daterange"
align=
"right"
:picker-options=
"item.pickerOptions"
unlink-panels
range-separator=
"至"
start-placeholder=
"开始日期"
value-format=
"yyyy-MM-dd"
end-placeholder=
"结束日期"
v-else-if=
"item.type == 'daterange'"
>
</el-date-picker>
</el-form-item>
</div>
</el-form>
<!--按钮-->
<div
class=
"ar cx-btn"
>
<el-button
type=
"primary"
size=
"small"
@
click=
"creteForm(formData['cxlx'])"
class=
"zdybtns"
style=
"background: #007aff; color: #fff"
>
查询
</el-button
>
<el-button
plain
size=
"small"
@
click=
"clearData"
class=
"zdybtns"
>
清空
</el-button
>
</div>
</div>
<div
class=
"paneDiv"
>
<el-row>
<el-col
:span=
"24"
>
<span
class=
"flTtitle"
>
查询结果
</span>
<!--可配置化图标-->
<div
style=
"
height: 30px;
line-height: 30px;
text-align: right;
font-size: 12px;
display: inline-block;
width: calc(100% - 140px);
"
>
<span
class=
"total"
>
共有
{{
tableDataLength
}}
条查询结果
</span>
<el-button
plain
class=
"zdybtn export"
size=
"small"
><i
class=
"fa fa-external-link"
aria-hidden=
"true"
style=
"margin-right: 5px"
></i
>
导出
</el-button
>
</div>
</el-col>
</el-row>
<div>
<!--表格-->
<el-table
:data=
"tableData"
style=
"width: 100%"
>
<el-table-column
prop=
"module"
label=
"系统模块"
width=
"220"
>
</el-table-column>
<el-table-column
prop=
"id"
label=
"系统编号"
width=
"220"
>
</el-table-column>
<el-table-column
prop=
"date"
label=
"日期"
width=
"220"
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"接口名称"
width=
"260"
>
</el-table-column>
<el-table-column
prop=
"content"
label=
"报错内容"
>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination
background
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"currentPage1"
:page-sizes=
"[10, 20, 50, 100]"
:page-size=
"page_size"
layout=
"sizes,prev, pager, next"
:small=
"true"
:total=
"tableDataLength"
>
</el-pagination>
</div>
</div>
</div>
</
template
>
<
script
>
export
default
{
name
:
"ycfwyj"
,
data
()
{
return
{
currentPage1
:
1
,
//表格页码
page_size
:
10
,
//每页显示多少条
tableLoading
:
true
,
//table得loading
tableDataLength
:
50
,
//表格总数
tableData
:
[
{
date
:
"2023-09-19 10:52:53"
,
id
:
"C01"
,
module
:
"案件侦办"
,
name
:
"/ajrl/getAsjXx"
,
content
:
'{code: 20001, data: {}, message: "登陆超时", success: false}'
,
},
{
date
:
"2023-09-19 08:52:53"
,
module
:
"人员档案"
,
id
:
"E23"
,
name
:
"/newRyda/getRyjbxx"
,
content
:
'{code: 500, data: {}, message: "", success: false}'
,
},
{
date
:
"2023-09-18 16:03:53"
,
module
:
"人员档案"
,
id
:
"E23"
,
name
:
"/newRyda/getJjpgLwxx"
,
content
:
'{code: 500, data: {}, message: "", success: false}'
,
},
{
date
:
"2023-09-18 14:03:53"
,
module
:
"多维查询"
,
id
:
"A13"
,
name
:
"/zhyy/dwcx/EsAsjQuery"
,
content
:
'{code: 202, data: {}, message: "登陆超时", success: false}'
,
},
{
date
:
"2023-09-18 10:03:53"
,
module
:
"多维查询"
,
id
:
"A13"
,
name
:
"/zhyy/dwcx/EsXyrQuery"
,
content
:
'{code: 202, data: {}, message: "登陆超时", success: false}'
,
},
{
date
:
"2023-09-15 10:52:53"
,
id
:
"A01"
,
module
:
"工作指令"
,
name
:
"/ajrl/gzzl/getAsjXx"
,
content
:
'timeOut'
,
},
{
date
:
"2023-09-15 08:52:53"
,
module
:
"辅助决策"
,
id
:
"E34"
,
name
:
"/hdfx/newRyda/getRyjbxx"
,
content
:
'{code: 202, data: {}, message: "登陆超时", success: false}'
,
},
{
date
:
"2023-09-14 16:03:53"
,
module
:
"话单分析"
,
id
:
"E25"
,
name
:
"/hdfx/newRyda/getJjpgLwxx"
,
content
:
'{code: 202, data: {}, message: "登陆超时", success: false}'
,
},
{
date
:
"2023-09-14 14:03:53"
,
module
:
"人力情报线索管理"
,
id
:
"A23"
,
name
:
"/zhyy/rlqb/queryRlqb"
,
content
:
'{code: 500, data: {}, message: "", success: false}'
,
},
{
date
:
"2023-09-10 10:03:53"
,
module
:
"合并研判"
,
id
:
"G22"
,
name
:
"/zhyy/hbyp/queryhbyp"
,
content
:
'{code: 20001, data: {}, message: "登陆超时", success: false}'
,
},
],
//表格数据
propQueryField
:
[
{
name
:
"数据资源编号"
,
id
:
"sjzy_num"
,
type
:
"text"
,
value
:
""
,
placeholder
:
""
,
col
:
"3"
,
},
{
name
:
"数据资源名称"
,
id
:
"sjzy_name"
,
type
:
"text"
,
value
:
""
,
placeholder
:
""
,
col
:
"3"
,
},
{
name
:
"报警时间"
,
id
:
"cxSj"
,
type
:
"datetime"
,
value
:
""
,
col
:
"3"
,
},
],
formData
:
{},
};
},
methods
:
{
handleSizeChange
(
val
)
{
this
.
page_size
=
val
;
this
.
creteForm
(
"YH"
,
false
,
false
,
val
);
},
clearData
()
{
let
self
=
this
;
for
(
let
i
in
self
.
formData
)
{
if
(
i
!=
"limit"
||
i
!=
"page"
)
{
self
.
formData
[
i
]
=
""
;
}
}
self
.
formData
[
"limit"
]
=
10
;
self
.
formData
[
"page"
]
=
1
;
},
},
mounted
()
{
this
.
tableLoading
=
false
;
},
};
</
script
>
<
style
>
@import
url("../../assets/styles/iconfont.css")
;
.el-dialog__body
{
padding
:
10px
15px
!important
;
}
.rightContent
.el-input__inner
,
#formCommonPage
.el-input__inner
{
height
:
36px
;
line-height
:
36px
;
font-family
:
inherit
;
}
.el-table__header-wrapper
th
,
.el-table__header-wrapper
tr
{
background
:
#f4f6f7
;
}
.rightContent
.el-input__icon
,
#formCommonPage
.el-input__icon
,
.el-input__suffix-inner
{
line-height
:
36px
;
}
.rightContent
.el-range-separator
{
position
:
relative
;
top
:
-4px
;
}
.rightContent
.el-textarea__inner
,
#formCommonPage
.el-textarea__inner
{
width
:
100%
;
font-family
:
inherit
;
}
.rightContent
.el-range-input
,
#formCommonPage
.el-range-input
{
vertical-align
:
top
;
}
.rightContent
.el-date-editor
.el-range__close-icon
{
margin-top
:
-4px
;
}
.rightContent
.el-form-item__error
{
left
:
calc
(
66%
-
27px
);
top
:
12px
;
}
.success-row
{
background-color
:
#fbf9f4
!important
;
}
.Content
.el-input
,
.Content
.el-date-editor--daterange.el-input__inner
{
width
:
100%
!important
;
}
</
style
>
<
style
scoped
lang=
"scss"
>
@import
"../../assets/styles/rightContent.scss"
;
.zdybtns
{
width
:
76px
!important
;
height
:
32px
!important
;
line-height
:
32px
!important
;
background
:
#ffffff
;
border
:
1px
solid
#d9d9d9
;
opacity
:
1
;
border-radius
:
4px
;
}
</
style
>
src/views/rzcx/ykgldp.vue
View file @
1b6de567
<
template
>
<div
id=
"ykgldp"
>
<div
class=
"top"
>
{{
header
}}
</div>
<div
class=
"left_date"
>
{{
leftDate
}}
</div>
<div
class=
"right_date"
>
{{
rightDate
}}
</div>
<div
class=
"top"
>
{{
header
}}
</div>
<div
class=
"left_date"
>
{{
leftDate
}}
</div>
<div
class=
"right_date"
>
{{
rightDate
}}
<i
@
click=
"handDialog"
class=
"el-icon-bell"
></i>
</div>
<div
class=
"content_bg"
>
<div
class=
"top_content"
>
<div
class=
"left_top_c"
>
...
...
@@ -12,7 +14,12 @@
<span
class=
"bl"
></span>
<span
class=
"br"
></span>
<div
class=
"bg-title"
>
系统近七日访问量
</div>
<div
class=
"wrap_content"
id=
"xtjqrfwl"
v-loading=
"Loading1"
element-loading-text=
"拼命加载中"
></div>
<div
class=
"wrap_content"
id=
"xtjqrfwl"
v-loading=
"Loading1"
element-loading-text=
"拼命加载中"
></div>
</div>
<div
class=
"top_wrap zxzygn posi"
>
<span
class=
"lt"
></span>
...
...
@@ -20,27 +27,37 @@
<span
class=
"bl"
></span>
<span
class=
"br"
></span>
<div
class=
"bg-title"
>
刑专主要功能(近7日访问情况)
</div>
<div
class=
"wrap_content"
id=
"xzzygn"
v-loading=
"Loading2"
element-loading-text=
"拼命加载中"
></div>
<div
class=
"wrap_content"
id=
"xzzygn"
v-loading=
"Loading2"
element-loading-text=
"拼命加载中"
></div>
</div>
</div>
<div
class=
"center_top_c"
>
<div
class=
"center posi"
>
<div
class=
"posi_left"
>
<p
class=
"center-title"
>
注册用户总数
</p>
<p
class=
"num zcyhzs"
>
{{
userTotal
}}
</p>
<p
class=
"num zcyhzs"
>
{{
userTotal
}}
</p>
<p
class=
"center-title"
>
近7日活跃用户数
</p>
<p
class=
"num jqrhyzs"
>
{{
activeUserNum
}}
</p>
<p
class=
"num jqrhyzs"
>
{{
activeUserNum
}}
</p>
<p
class=
"center-title"
>
近7日非活跃用户
</p>
<p
class=
"num jqrfhyzs"
>
{{
InActiveUserNum
}}
</p>
<p
class=
"num jqrfhyzs"
>
{{
InActiveUserNum
}}
</p>
</div>
<div
style=
"width:100%;height:100%;position: relative;z-index:10;"
v-loading=
"Loading8"
element-loading-text=
"拼命加载中"
>
<video
width=
"100%"
height=
"100%"
id=
"myVideo"
class=
"video-js video"
style=
"object-fit: fill"
<div
style=
"width: 100%; height: 100%; position: relative; z-index: 10"
v-loading=
"Loading8"
element-loading-text=
"拼命加载中"
>
<source
src=
"@/assets/video/bg_xz.mp4"
type=
"video/mp4"
<video
width=
"100%"
height=
"100%"
id=
"myVideo"
class=
"video-js video"
style=
"object-fit: fill"
>
<source
src=
"@/assets/video/bg_xz.mp4"
type=
"video/mp4"
/>
</video>
</div>
</div>
...
...
@@ -52,7 +69,12 @@
<span
class=
"bl"
></span>
<span
class=
"br"
></span>
<div
class=
"bg-title"
>
终端APP运控统计
</div>
<div
class=
"wrap_content"
id=
"zdappyktj"
v-loading=
"Loading3"
element-loading-text=
"拼命加载中"
></div>
<div
class=
"wrap_content"
id=
"zdappyktj"
v-loading=
"Loading3"
element-loading-text=
"拼命加载中"
></div>
</div>
<div
class=
"top_wrap sjzytj posi"
>
<span
class=
"lt"
></span>
...
...
@@ -60,7 +82,12 @@
<span
class=
"bl"
></span>
<span
class=
"br"
></span>
<div
class=
"bg-title"
>
数据资源统计
</div>
<div
class=
"wrap_content"
id=
"sjzytj"
v-loading=
"Loading4"
element-loading-text=
"拼命加载中"
></div>
<div
class=
"wrap_content"
id=
"sjzytj"
v-loading=
"Loading4"
element-loading-text=
"拼命加载中"
></div>
</div>
</div>
</div>
...
...
@@ -71,7 +98,12 @@
<span
class=
"bl"
></span>
<span
class=
"br"
></span>
<div
class=
"bg-title"
>
公共服务(近7日访问情况)
</div>
<div
class=
"wrap_content"
id=
"ggfw"
v-loading=
"Loading5"
element-loading-text=
"拼命加载中"
></div>
<div
class=
"wrap_content"
id=
"ggfw"
v-loading=
"Loading5"
element-loading-text=
"拼命加载中"
></div>
</div>
<div
class=
"center_bottom_c posi"
>
<span
class=
"lt"
></span>
...
...
@@ -79,10 +111,16 @@
<span
class=
"bl"
></span>
<span
class=
"br"
></span>
<div
class=
"bg-title"
>
刑专各单位使用情况
</div>
<div
class=
"table_wrap xzgdwsyqk"
ref=
"tableScroll"
v-loading=
"Loading6"
element-loading-text=
"拼命加载中"
>
<div
class=
"table_wrap xzgdwsyqk"
ref=
"tableScroll"
v-loading=
"Loading6"
element-loading-text=
"拼命加载中"
>
<dv-scroll-board
:config=
"configdisplacementofDam2"
style=
"width:100%;height:100%;"
/>
style=
"width: 100%; height: 100%"
/>
</div>
</div>
<div
class=
"right_bottom_c posi"
>
...
...
@@ -91,20 +129,42 @@
<span
class=
"bl"
></span>
<span
class=
"br"
></span>
<div
class=
"bg-title"
>
部省对接服务统计
</div>
<div
class=
"table_wrap bsdjfwtj"
v-loading=
"Loading7"
element-loading-text=
"拼命加载中"
>
<div
class=
"table_wrap bsdjfwtj"
v-loading=
"Loading7"
element-loading-text=
"拼命加载中"
>
<dv-scroll-board
:config=
"configdisplacementofDam"
style=
"width:100%;height:100%;"
/>
style=
"width: 100%; height: 100%"
/>
</div>
</div>
</div>
</div>
<el-dialog
title=
"系统报警"
:visible
.
sync=
"dialogVisible"
width=
"40%"
>
<el-table
:data=
"tableData"
style=
"width: 100%"
>
<el-table-column
prop=
"module"
label=
"系统模块"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"date"
label=
"日期"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"接口名称"
>
</el-table-column>
<el-table-column
prop=
"content"
label=
"报错内容"
>
</el-table-column>
</el-table>
<el-pagination
layout=
"prev, pager, next"
:total=
"50"
>
</el-pagination>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"dialogVisible = false"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"dialogVisible = false"
>
确 定
</el-button
>
</span>
</el-dialog>
</div>
</
template
>
<
script
>
import
{
ykgldpHeader
,
import
{
ykgldpHeader
,
zdapp1URL
,
zdapp2URL
,
bsdjfwtjURL
,
...
...
@@ -112,59 +172,117 @@
xtjqrfwlURL
,
xzzygnURL
,
ggfwURL
,
sjzytjURL
,
hysURL
}
from
"@/utils/params"
;
import
Http
from
"@/utils/axiosHttp.js"
;
import
url
from
"@/api/base"
;
sjzytjURL
,
hysURL
,
}
from
"@/utils/params"
;
import
Http
from
"@/utils/axiosHttp.js"
;
import
url
from
"@/api/base"
;
export
default
{
export
default
{
name
:
"ykgldp"
,
data
()
{
data
()
{
return
{
header
:
ykgldpHeader
,
zdappyktjUrl
:
zdapp1URL
,
zdappyktj2Url
:
zdapp2URL
,
bsdjfwtjUrl
:
bsdjfwtjURL
,
xzgdwsyqkUrl
:
xzgdwsyqkURL
,
//刑专各单位使用情况
xtjqrfwlUrl
:
xtjqrfwlURL
,
//系统近七日访问量
xzzygnUrl
:
xzzygnURL
,
//刑专主要功能(近7日访问情况)
ggfwUrl
:
ggfwURL
,
//公共服务(近7日访问情况)
sjzytjUrl
:
sjzytjURL
,
//数据资源统计
hysUrl
:
hysURL
,
headerdisplacementofDam
:
[
'服务名称'
,
'服务编号'
,
'调用总数'
,
'近7天调用频率'
,
'上次调用时间'
],
tableData
:
[
{
date
:
"2023-09-19 10:52:53"
,
id
:
"C01"
,
module
:
"案件侦办"
,
name
:
"/ajrl/getAsjXx"
,
content
:
'{code: 20001, data: {}, message: "登陆超时", success: false}'
,
},
{
date
:
"2023-09-19 08:52:53"
,
module
:
"人员档案"
,
id
:
"E23"
,
name
:
"/newRyda/getRyjbxx"
,
content
:
'{code: 500, data: {}, message: "", success: false}'
,
},
{
date
:
"2023-09-18 16:03:53"
,
module
:
"人员档案"
,
id
:
"E23"
,
name
:
"/newRyda/getJjpgLwxx"
,
content
:
'{code: 500, data: {}, message: "", success: false}'
,
},
{
date
:
"2023-09-18 14:03:53"
,
module
:
"多维查询"
,
id
:
"A13"
,
name
:
"/zhyy/dwcx/EsAsjQuery"
,
content
:
'{code: 202, data: {}, message: "登陆超时", success: false}'
,
},
{
date
:
"2023-09-18 10:03:53"
,
module
:
"多维查询"
,
id
:
"A13"
,
name
:
"/zhyy/dwcx/EsXyrQuery"
,
content
:
'{code: 202, data: {}, message: "登陆超时", success: false}'
,
},
],
dialogVisible
:
false
,
header
:
ykgldpHeader
,
zdappyktjUrl
:
zdapp1URL
,
zdappyktj2Url
:
zdapp2URL
,
bsdjfwtjUrl
:
bsdjfwtjURL
,
xzgdwsyqkUrl
:
xzgdwsyqkURL
,
//刑专各单位使用情况
xtjqrfwlUrl
:
xtjqrfwlURL
,
//系统近七日访问量
xzzygnUrl
:
xzzygnURL
,
//刑专主要功能(近7日访问情况)
ggfwUrl
:
ggfwURL
,
//公共服务(近7日访问情况)
sjzytjUrl
:
sjzytjURL
,
//数据资源统计
hysUrl
:
hysURL
,
headerdisplacementofDam
:
[
"服务名称"
,
"服务编号"
,
"调用总数"
,
"近7天调用频率"
,
"上次调用时间"
,
],
datadisplacementofDam
:
[],
configdisplacementofDam
:
{},
headerdisplacementofDam2
:
[
'单位名称'
,
'用户数'
,
'活跃用户'
,
'总使用量'
,
'人均使用量'
],
headerdisplacementofDam2
:
[
"单位名称"
,
"用户数"
,
"活跃用户"
,
"总使用量"
,
"人均使用量"
,
],
datadisplacementofDam2
:
[],
configdisplacementofDam2
:
{},
leftDate
:
""
,
rightDate
:
""
,
Loading1
:
true
,
Loading2
:
true
,
Loading3
:
true
,
Loading4
:
true
,
Loading5
:
true
,
Loading6
:
true
,
Loading7
:
true
,
Loading8
:
true
,
totalNum
:
0
,
userTotal
:
0
,
activeUserNum
:
0
,
InActiveUserNum
:
0
,
}
leftDate
:
""
,
rightDate
:
""
,
Loading1
:
true
,
Loading2
:
true
,
Loading3
:
true
,
Loading4
:
true
,
Loading5
:
true
,
Loading6
:
true
,
Loading7
:
true
,
Loading8
:
true
,
totalNum
:
0
,
userTotal
:
0
,
activeUserNum
:
0
,
InActiveUserNum
:
0
,
};
},
methods
:
{
handDialog
()
{
this
.
dialogVisible
=
true
;
},
methods
:{
time
()
{
this
.
$moment
.
lang
(
'zh-cn'
)
this
.
leftDate
=
`
${
this
.
$moment
().
get
(
'year'
)}
年
${
this
.
$moment
().
get
(
'month'
)}
月
${
this
.
$moment
().
get
(
'date'
)}
日
${
this
.
$moment
().
format
(
'dddd'
)}
`
;
this
.
rightDate
=
`
${
this
.
$moment
().
format
(
'a h:mm:ss'
)}
`
;
this
.
$moment
.
lang
(
"zh-cn"
);
this
.
leftDate
=
`
${
this
.
$moment
().
get
(
"year"
)}
年
${
this
.
$moment
().
get
(
"month"
)}
月
${
this
.
$moment
().
get
(
"date"
)}
日
${
this
.
$moment
().
format
(
"dddd"
)}
`
;
this
.
rightDate
=
`
${
this
.
$moment
().
format
(
"a h:mm:ss"
)}
`
;
},
initVideo
()
{
this
.
Loading8
=
true
;
this
.
Loading8
=
true
;
//初始化视频方法
let
myPlayer
=
this
.
$video
(
myVideo
,
{
//确定播放器是否具有用户可以与之交互的控件。没有控件,启动视频播放的唯一方法是使用autoplay属性或通过Player API。
controls
:
false
,
loop
:
true
,
loop
:
true
,
//自动播放属性,muted:静音播放
autoplay
:
"muted"
,
//建议浏览器是否应在
<
video
>
加载元素后立即开始下载视频数据。
...
...
@@ -172,79 +290,96 @@
//设置视频播放器的显示宽度(以像素为单位)
width
:
"100%"
,
//设置视频播放器的显示高度(以像素为单位)
height
:
"100%"
height
:
"100%"
,
});
this
.
Loading8
=
false
;
this
.
Loading8
=
false
;
},
doQueryRequest
(
form
,
path
)
{
doQueryRequest
(
form
,
path
)
{
return
Http
({
url
:
url
.
rzURL
+
path
,
params
:
form
,
method
:
"get"
method
:
"get"
,
});
},
initZdappyktj
(
x1
,
data1
,
data2
){
let
ydata1
=
[];
let
ydata2
=
[]
let
xdata
=
[];
if
(
x1
.
length
>
7
){
ydata1
=
[
data1
[
0
],
data1
[
1
],
data1
[
2
],
data1
[
3
],
data1
[
4
],
data1
[
5
],
data1
[
6
]];
ydata2
=
[
data2
[
0
],
data2
[
1
],
data2
[
2
],
data2
[
3
],
data2
[
4
],
data2
[
5
],
data2
[
6
]];
xdata
=
[
x1
[
0
],
x1
[
1
],
x1
[
2
],
x1
[
3
],
x1
[
4
],
x1
[
5
],
x1
[
6
]];
}
else
{
x1
.
forEach
(
item
=>
{
initZdappyktj
(
x1
,
data1
,
data2
)
{
let
ydata1
=
[];
let
ydata2
=
[];
let
xdata
=
[];
if
(
x1
.
length
>
7
)
{
ydata1
=
[
data1
[
0
],
data1
[
1
],
data1
[
2
],
data1
[
3
],
data1
[
4
],
data1
[
5
],
data1
[
6
],
];
ydata2
=
[
data2
[
0
],
data2
[
1
],
data2
[
2
],
data2
[
3
],
data2
[
4
],
data2
[
5
],
data2
[
6
],
];
xdata
=
[
x1
[
0
],
x1
[
1
],
x1
[
2
],
x1
[
3
],
x1
[
4
],
x1
[
5
],
x1
[
6
]];
}
else
{
x1
.
forEach
((
item
)
=>
{
xdata
.
push
(
item
);
})
data1
.
forEach
(
item
=>
{
});
data1
.
forEach
((
item
)
=>
{
ydata1
.
push
(
item
);
})
data2
.
forEach
(
item
=>
{
});
data2
.
forEach
((
item
)
=>
{
ydata2
.
push
(
item
);
})
});
}
// 基于准备好的dom,初始化echarts实例
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
'zdappyktj'
))
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
"zdappyktj"
));
// 绘制图表
let
option
=
{
title
:
{
text
:
''
,
subtext
:
''
text
:
""
,
subtext
:
""
,
},
tooltip
:
{
trigger
:
'axis'
,
trigger
:
"axis"
,
axisPointer
:
{
type
:
'cross'
,
type
:
"cross"
,
label
:
{
backgroundColor
:
'#283b56'
}
}
backgroundColor
:
"#283b56"
,
},
},
},
legend
:
{
data
:[
'注册数'
,
'下载数'
],
right
:
40
,
//legend距离canvas右边的距离
data
:
[
"注册数"
,
"下载数"
],
right
:
40
,
//legend距离canvas右边的距离
//left: 20,
top
:
5
,
//legend距离canvas上面的距离
textStyle
:
{
//文字颜色
top
:
5
,
//legend距离canvas上面的距离
textStyle
:
{
//文字颜色
fontSize
:
12
,
color
:
'#fff'
color
:
"#fff"
,
},
},
xAxis
:
[
{
type
:
'category'
,
type
:
"category"
,
boundaryGap
:
true
,
data
:
xdata
,
axisLine
:
{
//这是x轴文字颜色
data
:
xdata
,
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
},
axisLabel
:
{
show
:
true
,
interval
:
0
,
formatter
:
function
(
params
)
{
interval
:
0
,
formatter
:
function
(
params
)
{
var
newParamsName
=
""
;
var
paramsNameNumber
=
params
.
length
;
var
provideNumber
=
3
;
//一行显示几个字
...
...
@@ -261,72 +396,75 @@
}
newParamsName
+=
tempStr
;
}
}
else
{
newParamsName
=
params
;
}
return
newParamsName
return
newParamsName
;
},
textStyle
:
{
color
:
'#fff'
//文字颜色
}
}
}
color
:
"#fff"
,
//文字颜色
},
},
},
],
yAxis
:
[
{
type
:
'value'
,
type
:
"value"
,
scale
:
true
,
name
:
''
,
minInterval
:
50
,
name
:
""
,
minInterval
:
50
,
min
:
0
,
axisLine
:
{
//这是x轴文字颜色
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
boundaryGap
:
[
0.2
,
0.2
]
}
},
boundaryGap
:
[
0.2
,
0.2
],
},
],
series
:
[
{
name
:
'注册数'
,
type
:
'bar'
,
barWidth
:
12
,
name
:
"注册数"
,
type
:
"bar"
,
barWidth
:
12
,
itemStyle
:
{
normal
:
{
color
:
new
this
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[{
color
:
new
this
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[
{
offset
:
0
,
color
:
'#BBFAFB'
},
{
color
:
"#BBFAFB"
,
},
{
offset
:
1
,
color
:
'#36CCFF'
}])
,
}
color
:
"#36CCFF"
,
}
,
]),
},
data
:
ydata1
},
data
:
ydata1
,
},
{
name
:
'下载数'
,
type
:
'line'
,
itemStyle
:
{
normal
:
{
color
:
'#FFDD70'
,
//圈圈的颜色
lineStyle
:{
color
:
'#FFDD70'
//线的颜色
}
}
name
:
"下载数"
,
type
:
"line"
,
itemStyle
:
{
normal
:
{
color
:
"#FFDD70"
,
//圈圈的颜色
lineStyle
:
{
color
:
"#FFDD70"
,
//线的颜色
},
data
:
ydata2
,
}
]
},
},
data
:
ydata2
,
},
],
};
if
(
x1
.
length
>
7
)
{
let
app
=
{};
if
(
x1
.
length
>
7
)
{
let
app
=
{};
app
.
count
=
7
;
setInterval
(
function
()
{
if
(
app
.
count
==
x1
.
length
-
1
)
{
app
.
count
=
0
;
setInterval
(
function
()
{
if
(
app
.
count
==
x1
.
length
-
1
)
{
app
.
count
=
0
;
}
var
sdata0
=
option
.
series
[
0
].
data
;
var
sdata1
=
option
.
series
[
1
].
data
;
...
...
@@ -339,120 +477,128 @@
myChart
.
setOption
(
option
);
app
.
count
++
;
},
2100
);
}
else
{
}
else
{
myChart
.
setOption
(
option
);
}
this
.
Loading3
=
false
;
this
.
Loading3
=
false
;
},
queryZdappyktj
(){
// 终端APP运控统计柱状数据
let
self
=
this
;
self
.
Loading3
=
true
;
self
.
doQueryRequest
(
""
,
self
.
zdappyktjUrl
).
then
(
response
=>
{
queryZdappyktj
()
{
// 终端APP运控统计柱状数据
let
self
=
this
;
self
.
Loading3
=
true
;
self
.
doQueryRequest
(
""
,
self
.
zdappyktjUrl
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
self
.
queryZdappyktj2
(
response
.
data
.
x
,
response
.
data
.
y
)
self
.
queryZdappyktj2
(
response
.
data
.
x
,
response
.
data
.
y
);
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
}
});
},
queryZdappyktj2
(
x
,
y
){
// 终端APP运控统计折现数据
let
self
=
this
;
self
.
doQueryRequest
(
""
,
self
.
zdappyktj2Url
).
then
(
response
=>
{
queryZdappyktj2
(
x
,
y
)
{
// 终端APP运控统计折现数据
let
self
=
this
;
self
.
doQueryRequest
(
""
,
self
.
zdappyktj2Url
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
self
.
initZdappyktj
(
x
,
y
,
response
.
data
.
y
);
self
.
initZdappyktj
(
x
,
y
,
response
.
data
.
y
);
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
self
.
Loading3
=
false
;
self
.
Loading3
=
false
;
}
});
},
queryBsdjfwtj
(){
//部省对接服务统计
let
self
=
this
;
self
.
Loading7
=
true
;
self
.
doQueryRequest
(
""
,
self
.
bsdjfwtjUrl
).
then
(
response
=>
{
queryBsdjfwtj
()
{
//部省对接服务统计
let
self
=
this
;
self
.
Loading7
=
true
;
self
.
doQueryRequest
(
""
,
self
.
bsdjfwtjUrl
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
response
.
data
.
rows
.
forEach
((
item
,
index
)
=>
{
let
arr
=
[];
arr
[
0
]
=
'<span class="yellow1">'
+
item
.
service_name
+
'</span>'
;
arr
[
1
]
=
item
.
service_num
;
arr
[
2
]
=
'<span class="blue1">'
+
item
.
allCount
+
'</span>'
;
arr
[
3
]
=
'<span class="blue1">'
+
item
.
lastestCount
+
'</span>'
;
arr
[
4
]
=
item
.
lastTime
;
self
.
$set
(
self
.
datadisplacementofDam
,
index
,
arr
);
})
response
.
data
.
rows
.
forEach
((
item
,
index
)
=>
{
let
arr
=
[];
arr
[
0
]
=
'<span class="yellow1">'
+
item
.
service_name
+
"</span>"
;
arr
[
1
]
=
item
.
service_num
;
arr
[
2
]
=
'<span class="blue1">'
+
item
.
allCount
+
"</span>"
;
arr
[
3
]
=
'<span class="blue1">'
+
item
.
lastestCount
+
"</span>"
;
arr
[
4
]
=
item
.
lastTime
;
self
.
$set
(
self
.
datadisplacementofDam
,
index
,
arr
);
});
self
.
configdisplacementofDam
=
{
data
:
this
.
datadisplacementofDam
,
// 表数据
header
:
this
.
headerdisplacementofDam
,
// 表头数据
rowNum
:
self
.
totalNum
,
// 表行数
headerBGC
:
'#fff'
,
// 表头背景色
oddRowBGC
:
'#fff'
,
// 奇数行背景色
evenRowBGC
:
'#fff'
,
// 偶数行背景色
headerBGC
:
"#fff"
,
// 表头背景色
oddRowBGC
:
"#fff"
,
// 奇数行背景色
evenRowBGC
:
"#fff"
,
// 偶数行背景色
waitTime
:
2000
,
// 轮播时间间隔(ms)
align
:
'center'
}
self
.
Loading7
=
false
;
align
:
"center"
,
};
self
.
Loading7
=
false
;
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
self
.
Loading7
=
false
;
self
.
Loading7
=
false
;
}
});
},
queryXzgdwsyqk
(){
//刑专各单位使用情况
let
self
=
this
;
self
.
Loading6
=
true
;
self
.
doQueryRequest
(
""
,
self
.
xzgdwsyqkUrl
).
then
(
response
=>
{
queryXzgdwsyqk
()
{
//刑专各单位使用情况
let
self
=
this
;
self
.
Loading6
=
true
;
self
.
doQueryRequest
(
""
,
self
.
xzgdwsyqkUrl
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
response
.
data
.
rows
.
forEach
((
item
,
index
)
=>
{
let
arr
=
[];
arr
[
0
]
=
'<span class="yellow1" title="'
+
item
.
name
+
'">'
+
item
.
name
+
'</span>'
;
arr
[
1
]
=
item
.
userNumber
;
arr
[
2
]
=
item
.
actUser
;
arr
[
3
]
=
'<span class="blue1">'
+
item
.
total
+
'</span>'
;
arr
[
4
]
=
'<span class="blue1">'
+
item
.
avgr
+
'</span>'
;
self
.
$set
(
self
.
datadisplacementofDam2
,
index
,
arr
);
})
response
.
data
.
rows
.
forEach
((
item
,
index
)
=>
{
let
arr
=
[];
arr
[
0
]
=
'<span class="yellow1" title="'
+
item
.
name
+
'">'
+
item
.
name
+
"</span>"
;
arr
[
1
]
=
item
.
userNumber
;
arr
[
2
]
=
item
.
actUser
;
arr
[
3
]
=
'<span class="blue1">'
+
item
.
total
+
"</span>"
;
arr
[
4
]
=
'<span class="blue1">'
+
item
.
avgr
+
"</span>"
;
self
.
$set
(
self
.
datadisplacementofDam2
,
index
,
arr
);
});
self
.
configdisplacementofDam2
=
{
data
:
self
.
datadisplacementofDam2
,
// 表数据
header
:
self
.
headerdisplacementofDam2
,
// 表头数据
rowNum
:
self
.
totalNum
,
// 表行数
headerBGC
:
'#fff'
,
// 表头背景色
oddRowBGC
:
'#fff'
,
// 奇数行背景色
evenRowBGC
:
'#fff'
,
// 偶数行背景色
headerBGC
:
"#fff"
,
// 表头背景色
oddRowBGC
:
"#fff"
,
// 奇数行背景色
evenRowBGC
:
"#fff"
,
// 偶数行背景色
waitTime
:
1000
,
// 轮播时间间隔(ms)
align
:
'center'
,
}
self
.
Loading6
=
false
;
align
:
"center"
,
};
self
.
Loading6
=
false
;
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
self
.
Loading6
=
false
;
self
.
Loading6
=
false
;
}
});
},
xtjqrfwlEcharts
(
x
,
y
)
{
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
'xtjqrfwl'
))
xtjqrfwlEcharts
(
x
,
y
)
{
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
"xtjqrfwl"
));
// 绘制图表
myChart
.
setOption
({
xAxis
:
{
type
:
'category'
,
type
:
"category"
,
boundaryGap
:
false
,
data
:
x
,
data
:
x
,
axisLabel
:
{
show
:
true
,
interval
:
0
,
formatter
:
function
(
params
)
{
interval
:
0
,
formatter
:
function
(
params
)
{
var
newParamsName
=
""
;
var
paramsNameNumber
=
params
.
length
;
var
provideNumber
=
5
;
//一行显示几个字
...
...
@@ -469,121 +615,139 @@
}
newParamsName
+=
tempStr
;
}
}
else
{
newParamsName
=
params
;
}
return
newParamsName
return
newParamsName
;
},
textStyle
:
{
color
:
'#fff'
//文字颜色
}
color
:
"#fff"
,
//文字颜色
},
},
axisLine
:
{
//这是x轴文字颜色
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
},
},
yAxis
:
{
type
:
'value'
,
min
:
0
,
axisLine
:
{
//这是x轴文字颜色
type
:
"value"
,
min
:
0
,
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
},
series
:
[{
},
series
:
[
{
data
:
y
,
type
:
'line'
,
lineWidth
:
20
,
type
:
"line"
,
lineWidth
:
20
,
areaStyle
:
{
normal
:
{
color
:
new
this
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,[{
offset
:
0
,
color
:
'#70FBFF'
// 0% 处的颜色
},
{
offset
:
1
,
color
:
'rgba(56, 126, 128, 0.3)'
// 100% 处的颜色
}]
),
}
color
:
new
this
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[
{
offset
:
0
,
color
:
"#70FBFF"
,
// 0% 处的颜色
},
{
offset
:
1
,
color
:
"rgba(56, 126, 128, 0.3)"
,
// 100% 处的颜色
},
]),
},
},
itemStyle
:
{
normal
:
{
color
:
'#70FBFF'
,
//改变折线点的颜色
color
:
"#70FBFF"
,
//改变折线点的颜色
lineStyle
:
{
color
:
'#70FBFF'
//改变折线颜色
}
}
color
:
"#70FBFF"
,
//改变折线颜色
},
},
}]
},
},
],
});
this
.
Loading1
=
false
;
this
.
Loading1
=
false
;
},
queryXtjqrfwl
(){
//系统近七日访问量
let
self
=
this
;
self
.
Loading1
=
true
;
self
.
doQueryRequest
(
""
,
self
.
xtjqrfwlUrl
).
then
(
response
=>
{
queryXtjqrfwl
()
{
//系统近七日访问量
let
self
=
this
;
self
.
Loading1
=
true
;
self
.
doQueryRequest
(
""
,
self
.
xtjqrfwlUrl
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
let
arr
=
[];
response
.
data
.
x
.
forEach
(
val
=>
{
arr
.
push
(
val
.
substring
(
5
))
})
self
.
xtjqrfwlEcharts
(
arr
,
response
.
data
.
y
)
let
arr
=
[];
response
.
data
.
x
.
forEach
((
val
)
=>
{
arr
.
push
(
val
.
substring
(
5
));
});
self
.
xtjqrfwlEcharts
(
arr
,
response
.
data
.
y
);
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
self
.
Loading1
=
false
;
self
.
Loading1
=
false
;
}
});
},
xzzygnEcharts
(
x1
,
data1
){
let
ydata1
=
[],
xdata
=
[],
self
=
this
;
if
(
x1
.
length
>
7
){
ydata1
=
[
data1
[
0
],
data1
[
1
],
data1
[
2
],
data1
[
3
],
data1
[
4
],
data1
[
5
],
data1
[
6
]];
xdata
=
[
x1
[
0
],
x1
[
1
],
x1
[
2
],
x1
[
3
],
x1
[
4
],
x1
[
5
],
x1
[
6
]];
}
else
{
x1
.
forEach
(
item
=>
{
xzzygnEcharts
(
x1
,
data1
)
{
let
ydata1
=
[],
xdata
=
[],
self
=
this
;
if
(
x1
.
length
>
7
)
{
ydata1
=
[
data1
[
0
],
data1
[
1
],
data1
[
2
],
data1
[
3
],
data1
[
4
],
data1
[
5
],
data1
[
6
],
];
xdata
=
[
x1
[
0
],
x1
[
1
],
x1
[
2
],
x1
[
3
],
x1
[
4
],
x1
[
5
],
x1
[
6
]];
}
else
{
x1
.
forEach
((
item
)
=>
{
xdata
.
push
(
item
);
})
data1
.
forEach
(
item
=>
{
});
data1
.
forEach
((
item
)
=>
{
ydata1
.
push
(
item
);
})
});
}
// 基于准备好的dom,初始化echarts实例
let
myChart
=
self
.
$echarts
.
init
(
document
.
getElementById
(
'xzzygn'
))
let
myChart
=
self
.
$echarts
.
init
(
document
.
getElementById
(
"xzzygn"
));
// 绘制图表
let
option
=
{
title
:
{
text
:
''
,
subtext
:
''
text
:
""
,
subtext
:
""
,
},
tooltip
:
{
trigger
:
'axis'
,
trigger
:
"axis"
,
axisPointer
:
{
type
:
'cross'
,
type
:
"cross"
,
label
:
{
backgroundColor
:
'#283b56'
}
}
backgroundColor
:
"#283b56"
,
},
},
},
xAxis
:
[
{
type
:
'category'
,
type
:
"category"
,
boundaryGap
:
true
,
data
:
xdata
,
axisLine
:
{
//这是x轴文字颜色
data
:
xdata
,
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
},
axisLabel
:
{
show
:
true
,
interval
:
0
,
formatter
:
function
(
params
)
{
interval
:
0
,
formatter
:
function
(
params
)
{
var
newParamsName
=
""
;
var
paramsNameNumber
=
params
.
length
;
var
provideNumber
=
3
;
//一行显示几个字
...
...
@@ -600,83 +764,80 @@
}
newParamsName
+=
tempStr
;
}
}
else
{
newParamsName
=
params
;
}
return
newParamsName
return
newParamsName
;
},
textStyle
:
{
color
:
'#fff'
//文字颜色
}
}
}
color
:
"#fff"
,
//文字颜色
},
},
},
],
yAxis
:
[
{
type
:
'value'
,
type
:
"value"
,
scale
:
true
,
name
:
''
,
minInterval
:
10
,
name
:
""
,
minInterval
:
10
,
min
:
0
,
axisLine
:
{
//这是x轴文字颜色
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
boundaryGap
:
[
0.2
,
0.2
]
}
},
boundaryGap
:
[
0.2
,
0.2
],
},
],
series
:
[
{
type
:
'bar'
,
barWidth
:
12
,
type
:
"bar"
,
barWidth
:
12
,
itemStyle
:
{
normal
:
{
color
:
function
(
params
)
{
color
:
function
(
params
)
{
//我这边就两个柱子,大体就两个柱子颜色渐变,所以数组只有两个值,多个颜色就多个值
var
colorList
=
[
[
'#FEF0B1'
,
'#FEE571'
],
[
'#80FAF5'
,
'#04E1C8'
],
[
'#BBFAFB'
,
'#36CCFF'
],
[
'#FEB1D6'
,
'#FD5E94'
],
[
'#E9ACFF'
,
'#D86CFF'
],
[
'#BBFAFB'
,
'#36CCFF'
],
[
'#BBFAFB'
,
'#36CCFF'
],
[
'#FEF0B1'
,
'#FEE571'
],
[
'#80FAF5'
,
'#04E1C8'
],
[
'#BBFAFB'
,
'#36CCFF'
],
[
'#FEB1D6'
,
'#FD5E94'
],
[
'#E9ACFF'
,
'#D86CFF'
],
[
'#BBFAFB'
,
'#36CCFF'
],
[
'#BBFAFB'
,
'#36CCFF'
]
[
"#FEF0B1"
,
"#FEE571"
],
[
"#80FAF5"
,
"#04E1C8"
],
[
"#BBFAFB"
,
"#36CCFF"
],
[
"#FEB1D6"
,
"#FD5E94"
],
[
"#E9ACFF"
,
"#D86CFF"
],
[
"#BBFAFB"
,
"#36CCFF"
],
[
"#BBFAFB"
,
"#36CCFF"
],
[
"#FEF0B1"
,
"#FEE571"
],
[
"#80FAF5"
,
"#04E1C8"
],
[
"#BBFAFB"
,
"#36CCFF"
],
[
"#FEB1D6"
,
"#FD5E94"
],
[
"#E9ACFF"
,
"#D86CFF"
],
[
"#BBFAFB"
,
"#36CCFF"
],
[
"#BBFAFB"
,
"#36CCFF"
],
];
var
index
=
params
.
dataIndex
;
if
(
params
.
dataIndex
>=
colorList
.
length
)
{
index
=
params
.
dataIndex
-
colorList
.
length
;
var
index
=
params
.
dataIndex
;
if
(
params
.
dataIndex
>=
colorList
.
length
)
{
index
=
params
.
dataIndex
-
colorList
.
length
;
}
return
new
self
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[
{
offset
:
0
,
color
:
colorList
[
index
][
0
]},
{
offset
:
1
,
color
:
colorList
[
index
][
1
]},
return
new
self
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[
{
offset
:
0
,
color
:
colorList
[
index
][
0
]
},
{
offset
:
1
,
color
:
colorList
[
index
][
1
]
},
]);
},
}
},
data
:
ydata1
},
]
data
:
ydata1
,
},
],
};
if
(
x1
.
length
>
7
)
{
let
app
=
{};
if
(
x1
.
length
>
7
)
{
let
app
=
{};
app
.
count
=
7
;
setInterval
(
function
()
{
if
(
app
.
count
==
x1
.
length
-
1
)
{
app
.
count
=
0
;
setInterval
(
function
()
{
if
(
app
.
count
==
x1
.
length
-
1
)
{
app
.
count
=
0
;
}
var
sdata0
=
option
.
series
[
0
].
data
;
sdata0
.
shift
();
...
...
@@ -686,70 +847,81 @@
myChart
.
setOption
(
option
);
app
.
count
++
;
},
2100
);
}
else
{
}
else
{
myChart
.
setOption
(
option
);
}
this
.
Loading2
=
false
;
this
.
Loading2
=
false
;
},
queryXzzygn
(){
//刑专主要功能(近7日访问情况)
let
self
=
this
;
self
.
Loading2
=
true
;
self
.
doQueryRequest
(
""
,
self
.
xzzygnUrl
).
then
(
response
=>
{
queryXzzygn
()
{
//刑专主要功能(近7日访问情况)
let
self
=
this
;
self
.
Loading2
=
true
;
self
.
doQueryRequest
(
""
,
self
.
xzzygnUrl
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
self
.
xzzygnEcharts
(
response
.
data
.
x
,
response
.
data
.
y
)
self
.
xzzygnEcharts
(
response
.
data
.
x
,
response
.
data
.
y
);
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
self
.
Loading2
=
false
;
self
.
Loading2
=
false
;
}
});
},
ggfwEcharts
(
x1
,
data1
){
let
ydata1
=
[],
xdata
=
[];
if
(
x1
.
length
>
7
){
ydata1
=
[
data1
[
0
],
data1
[
1
],
data1
[
2
],
data1
[
3
],
data1
[
4
],
data1
[
5
],
data1
[
6
]];
xdata
=
[
x1
[
0
],
x1
[
1
],
x1
[
2
],
x1
[
3
],
x1
[
4
],
x1
[
5
],
x1
[
6
]];
}
else
{
x1
.
forEach
(
item
=>
{
ggfwEcharts
(
x1
,
data1
)
{
let
ydata1
=
[],
xdata
=
[];
if
(
x1
.
length
>
7
)
{
ydata1
=
[
data1
[
0
],
data1
[
1
],
data1
[
2
],
data1
[
3
],
data1
[
4
],
data1
[
5
],
data1
[
6
],
];
xdata
=
[
x1
[
0
],
x1
[
1
],
x1
[
2
],
x1
[
3
],
x1
[
4
],
x1
[
5
],
x1
[
6
]];
}
else
{
x1
.
forEach
((
item
)
=>
{
xdata
.
push
(
item
);
})
data1
.
forEach
(
item
=>
{
});
data1
.
forEach
((
item
)
=>
{
ydata1
.
push
(
item
);
})
});
}
// 基于准备好的dom,初始化echarts实例
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
'ggfw'
))
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
"ggfw"
));
// 绘制图表
let
option
=
{
title
:
{
text
:
''
,
subtext
:
''
text
:
""
,
subtext
:
""
,
},
tooltip
:
{
trigger
:
'axis'
,
trigger
:
"axis"
,
axisPointer
:
{
type
:
'cross'
,
type
:
"cross"
,
label
:
{
backgroundColor
:
'#283b56'
}
}
backgroundColor
:
"#283b56"
,
},
},
},
xAxis
:
[
{
type
:
'category'
,
type
:
"category"
,
boundaryGap
:
true
,
data
:
xdata
,
axisLine
:
{
//这是x轴文字颜色
data
:
xdata
,
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
},
axisLabel
:
{
show
:
true
,
interval
:
0
,
formatter
:
function
(
params
)
{
interval
:
0
,
formatter
:
function
(
params
)
{
var
newParamsName
=
""
;
var
paramsNameNumber
=
params
.
length
;
var
provideNumber
=
3
;
//一行显示几个字
...
...
@@ -766,58 +938,61 @@
}
newParamsName
+=
tempStr
;
}
}
else
{
newParamsName
=
params
;
}
return
newParamsName
return
newParamsName
;
},
textStyle
:
{
color
:
'#fff'
//文字颜色
}
}
}
color
:
"#fff"
,
//文字颜色
},
},
},
],
yAxis
:
[
{
type
:
'value'
,
type
:
"value"
,
scale
:
true
,
name
:
''
,
minInterval
:
10
,
name
:
""
,
minInterval
:
10
,
min
:
0
,
axisLine
:
{
//这是x轴文字颜色
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
boundaryGap
:
[
0.2
,
0.2
]
}
},
boundaryGap
:
[
0.2
,
0.2
],
},
],
series
:
[
{
type
:
'bar'
,
barWidth
:
12
,
type
:
"bar"
,
barWidth
:
12
,
itemStyle
:
{
normal
:
{
color
:
new
this
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[{
color
:
new
this
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[
{
offset
:
0
,
color
:
'#BBFAFB'
},
{
color
:
"#BBFAFB"
,
},
{
offset
:
1
,
color
:
'#36CCFF'
}])
,
}
color
:
"#36CCFF"
,
}
,
]),
},
data
:
ydata1
},
]
data
:
ydata1
,
},
],
};
if
(
x1
.
length
>
7
)
{
let
app
=
{};
if
(
x1
.
length
>
7
)
{
let
app
=
{};
app
.
count
=
7
;
setInterval
(
function
()
{
if
(
app
.
count
==
x1
.
length
-
1
)
{
app
.
count
=
0
;
setInterval
(
function
()
{
if
(
app
.
count
==
x1
.
length
-
1
)
{
app
.
count
=
0
;
}
var
sdata0
=
option
.
series
[
0
].
data
;
sdata0
.
shift
();
...
...
@@ -827,70 +1002,83 @@
myChart
.
setOption
(
option
);
app
.
count
++
;
},
2100
);
}
else
{
}
else
{
myChart
.
setOption
(
option
);
}
this
.
Loading5
=
false
;
this
.
Loading5
=
false
;
},
queryGgfw
(){
//公共服务(近7日访问情况)
let
self
=
this
;
self
.
Loading5
=
true
;
self
.
doQueryRequest
(
""
,
self
.
ggfwUrl
).
then
(
response
=>
{
queryGgfw
()
{
//公共服务(近7日访问情况)
let
self
=
this
;
self
.
Loading5
=
true
;
self
.
doQueryRequest
(
""
,
self
.
ggfwUrl
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
self
.
ggfwEcharts
(
response
.
data
.
x
,
response
.
data
.
y
)
self
.
ggfwEcharts
(
response
.
data
.
x
,
response
.
data
.
y
);
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
self
.
Loading5
=
false
;
self
.
Loading5
=
false
;
}
});
},
sjzytjEcharts
(
x1
,
data1
){
//数据资源统计echarts
let
ydata1
=
[],
xdata
=
[],
self
=
this
;
if
(
x1
.
length
>
7
){
ydata1
=
[
data1
[
0
],
data1
[
1
],
data1
[
2
],
data1
[
3
],
data1
[
4
],
data1
[
5
],
data1
[
6
]];
xdata
=
[
x1
[
0
],
x1
[
1
],
x1
[
2
],
x1
[
3
],
x1
[
4
],
x1
[
5
],
x1
[
6
]];
}
else
{
x1
.
forEach
(
item
=>
{
sjzytjEcharts
(
x1
,
data1
)
{
//数据资源统计echarts
let
ydata1
=
[],
xdata
=
[],
self
=
this
;
if
(
x1
.
length
>
7
)
{
ydata1
=
[
data1
[
0
],
data1
[
1
],
data1
[
2
],
data1
[
3
],
data1
[
4
],
data1
[
5
],
data1
[
6
],
];
xdata
=
[
x1
[
0
],
x1
[
1
],
x1
[
2
],
x1
[
3
],
x1
[
4
],
x1
[
5
],
x1
[
6
]];
}
else
{
x1
.
forEach
((
item
)
=>
{
xdata
.
push
(
item
);
})
data1
.
forEach
(
item
=>
{
});
data1
.
forEach
((
item
)
=>
{
ydata1
.
push
(
item
);
})
});
}
// 基于准备好的dom,初始化echarts实例
let
myChart
=
self
.
$echarts
.
init
(
document
.
getElementById
(
'sjzytj'
))
let
myChart
=
self
.
$echarts
.
init
(
document
.
getElementById
(
"sjzytj"
));
// 绘制图表
let
option
=
{
title
:
{
text
:
''
,
subtext
:
''
text
:
""
,
subtext
:
""
,
},
tooltip
:
{
trigger
:
'axis'
,
trigger
:
"axis"
,
axisPointer
:
{
type
:
'cross'
,
type
:
"cross"
,
label
:
{
backgroundColor
:
'#283b56'
}
}
backgroundColor
:
"#283b56"
,
},
},
},
xAxis
:
[
{
type
:
'category'
,
type
:
"category"
,
boundaryGap
:
true
,
data
:
xdata
,
axisLine
:
{
//这是x轴文字颜色
data
:
xdata
,
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
},
axisLabel
:
{
show
:
true
,
interval
:
0
,
formatter
:
function
(
params
)
{
interval
:
0
,
formatter
:
function
(
params
)
{
var
newParamsName
=
""
;
var
paramsNameNumber
=
params
.
length
;
var
provideNumber
=
3
;
//一行显示几个字
...
...
@@ -907,81 +1095,80 @@
}
newParamsName
+=
tempStr
;
}
}
else
{
newParamsName
=
params
;
}
return
newParamsName
return
newParamsName
;
},
textStyle
:
{
color
:
'#fff'
//文字颜色
}
}
}
color
:
"#fff"
,
//文字颜色
},
},
},
],
yAxis
:
[
{
type
:
'value'
,
type
:
"value"
,
scale
:
true
,
name
:
''
,
minInterval
:
50
,
name
:
""
,
minInterval
:
50
,
min
:
0
,
axisLine
:
{
//这是x轴文字颜色
axisLine
:
{
//这是x轴文字颜色
lineStyle
:
{
color
:
"#fff"
,
}
},
boundaryGap
:
[
0.2
,
0.2
]
}
},
boundaryGap
:
[
0.2
,
0.2
],
},
],
series
:
[
{
type
:
'bar'
,
barWidth
:
12
,
type
:
"bar"
,
barWidth
:
12
,
itemStyle
:
{
normal
:
{
color
:
function
(
params
)
{
color
:
function
(
params
)
{
//我这边就两个柱子,大体就两个柱子颜色渐变,所以数组只有两个值,多个颜色就多个值
var
colorList
=
[
[
'#FEF0B1'
,
'#FEE571'
],
[
'#BBFAFB'
,
'#36CCFF'
],
[
'#80FAF5'
,
'#04E1C8'
],
[
'#FEB1D6'
,
'#FD5E94'
],
[
'#FEF0B1'
,
'#FEE571'
],
[
'#E9ACFF'
,
'#D86CFF'
],
[
'#80FAF5'
,
'#04E1C8'
],
[
'#FEF0B1'
,
'#FEE571'
],
[
'#BBFAFB'
,
'#36CCFF'
],
[
'#80FAF5'
,
'#04E1C8'
],
[
'#FEB1D6'
,
'#FD5E94'
],
[
'#FEF0B1'
,
'#FEE571'
],
[
'#E9ACFF'
,
'#D86CFF'
],
[
'#80FAF5'
,
'#04E1C8'
],
[
"#FEF0B1"
,
"#FEE571"
],
[
"#BBFAFB"
,
"#36CCFF"
],
[
"#80FAF5"
,
"#04E1C8"
],
[
"#FEB1D6"
,
"#FD5E94"
],
[
"#FEF0B1"
,
"#FEE571"
],
[
"#E9ACFF"
,
"#D86CFF"
],
[
"#80FAF5"
,
"#04E1C8"
],
[
"#FEF0B1"
,
"#FEE571"
],
[
"#BBFAFB"
,
"#36CCFF"
],
[
"#80FAF5"
,
"#04E1C8"
],
[
"#FEB1D6"
,
"#FD5E94"
],
[
"#FEF0B1"
,
"#FEE571"
],
[
"#E9ACFF"
,
"#D86CFF"
],
[
"#80FAF5"
,
"#04E1C8"
],
];
var
index
=
params
.
dataIndex
;
if
(
params
.
dataIndex
>=
colorList
.
length
)
{
index
=
params
.
dataIndex
-
colorList
.
length
;
var
index
=
params
.
dataIndex
;
if
(
params
.
dataIndex
>=
colorList
.
length
)
{
index
=
params
.
dataIndex
-
colorList
.
length
;
}
return
new
self
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[
{
offset
:
0
,
color
:
colorList
[
index
][
0
]},
{
offset
:
1
,
color
:
colorList
[
index
][
1
]},
return
new
self
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[
{
offset
:
0
,
color
:
colorList
[
index
][
0
]
},
{
offset
:
1
,
color
:
colorList
[
index
][
1
]
},
]);
},
}
},
data
:
ydata1
},
]
data
:
ydata1
,
},
],
};
if
(
x1
.
length
>
7
)
{
let
app
=
{};
if
(
x1
.
length
>
7
)
{
let
app
=
{};
app
.
count
=
7
;
setInterval
(
function
()
{
if
(
app
.
count
==
x1
.
length
-
1
)
{
app
.
count
=
0
;
setInterval
(
function
()
{
if
(
app
.
count
==
x1
.
length
-
1
)
{
app
.
count
=
0
;
}
var
sdata0
=
option
.
series
[
0
].
data
;
sdata0
.
shift
();
...
...
@@ -991,63 +1178,63 @@
myChart
.
setOption
(
option
);
app
.
count
++
;
},
2100
);
}
else
{
}
else
{
myChart
.
setOption
(
option
);
}
self
.
Loading4
=
false
;
self
.
Loading4
=
false
;
},
querySjzytj
(){
//数据资源统计
let
self
=
this
;
self
.
Loading4
=
true
;
self
.
doQueryRequest
(
""
,
self
.
sjzytjUrl
).
then
(
response
=>
{
querySjzytj
()
{
//数据资源统计
let
self
=
this
;
self
.
Loading4
=
true
;
self
.
doQueryRequest
(
""
,
self
.
sjzytjUrl
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
self
.
sjzytjEcharts
(
response
.
data
.
x
,
response
.
data
.
y
)
self
.
sjzytjEcharts
(
response
.
data
.
x
,
response
.
data
.
y
);
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
self
.
Loading4
=
false
;
self
.
Loading4
=
false
;
}
});
},
hys
()
{
let
self
=
this
;
self
.
doQueryRequest
(
""
,
self
.
hysUrl
).
then
(
response
=>
{
hys
()
{
let
self
=
this
;
self
.
doQueryRequest
(
""
,
self
.
hysUrl
).
then
((
response
)
=>
{
if
(
response
.
success
===
true
)
{
self
.
userTotal
=
response
.
data
.
userTotal
;
self
.
activeUserNum
=
response
.
data
.
activeUserNum
;
self
.
InActiveUserNum
=
response
.
data
.
InActiveUserNum
;
self
.
userTotal
=
response
.
data
.
userTotal
;
self
.
activeUserNum
=
response
.
data
.
activeUserNum
;
self
.
InActiveUserNum
=
response
.
data
.
InActiveUserNum
;
}
else
{
self
.
$message
({
type
:
"error"
,
message
:
response
.
message
message
:
response
.
message
,
});
}
});
}
},
},
mounted
()
{
let
self
=
this
;
self
.
totalNum
=
parseInt
(
self
.
$refs
.
tableScroll
.
offsetHeight
-
35
)
/
32
;
console
.
log
(
self
.
totalNum
)
self
.
queryZdappyktj
();
//终端APP运控统计
self
.
queryBsdjfwtj
();
//部省对接服务统计
let
self
=
this
;
self
.
totalNum
=
parseInt
(
self
.
$refs
.
tableScroll
.
offsetHeight
-
35
)
/
32
;
console
.
log
(
self
.
totalNum
);
self
.
queryZdappyktj
();
//终端APP运控统计
self
.
queryBsdjfwtj
();
//部省对接服务统计
self
.
hys
();
self
.
queryXtjqrfwl
();
//系统近七日访问量
self
.
queryXzzygn
();
//刑专主要功能(近7日访问情况)
self
.
queryGgfw
();
//公共服务(近7日访问情况)
self
.
querySjzytj
();
//数据资源统计
self
.
queryXtjqrfwl
();
//系统近七日访问量
self
.
queryXzzygn
();
//刑专主要功能(近7日访问情况)
self
.
queryGgfw
();
//公共服务(近7日访问情况)
self
.
querySjzytj
();
//数据资源统计
self
.
initVideo
();
self
.
queryXzgdwsyqk
();
//刑专各单位使用情况
self
.
queryXzgdwsyqk
();
//刑专各单位使用情况
self
.
time
();
setInterval
(
self
.
time
,
1000
);
let
myChart1
=
self
.
$echarts
.
init
(
document
.
getElementById
(
'zdappyktj'
))
let
myChart2
=
self
.
$echarts
.
init
(
document
.
getElementById
(
'sjzytj'
))
let
myChart3
=
self
.
$echarts
.
init
(
document
.
getElementById
(
'xtjqrfwl'
))
let
myChart4
=
self
.
$echarts
.
init
(
document
.
getElementById
(
'xzzygn'
))
let
myChart5
=
self
.
$echarts
.
init
(
document
.
getElementById
(
'ggfw'
))
let
myChart1
=
self
.
$echarts
.
init
(
document
.
getElementById
(
"zdappyktj"
));
let
myChart2
=
self
.
$echarts
.
init
(
document
.
getElementById
(
"sjzytj"
));
let
myChart3
=
self
.
$echarts
.
init
(
document
.
getElementById
(
"xtjqrfwl"
));
let
myChart4
=
self
.
$echarts
.
init
(
document
.
getElementById
(
"xzzygn"
));
let
myChart5
=
self
.
$echarts
.
init
(
document
.
getElementById
(
"ggfw"
));
/*监听窗口变化达到自适应*/
window
.
onresize
=
()
=>
{
return
(()
=>
{
...
...
@@ -1058,9 +1245,9 @@
myChart5
.
resize
();
})();
};
}
}
},
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
'../../assets/styles/ykgldp.scss'
;
@import
"../../assets/styles/ykgldp.scss"
;
</
style
>
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