Skip to content

F
founder_vue
Commit 1b6de567 by xue_wengang
Options

运控管理根据合同修改

parent 32ca2aa8
Showing with 1014 additions and 488 deletions
src/router/modules/index.js
......@@ -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
......@@ -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
<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
<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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment