Skip to content

F
founder_vue
Commit 6a5499a2 by zhao_shaonan
Options

添加大屏

parent a9523406
Showing with 237 additions and 1 deletions
src/assets/fonts/iconfont.svg
......@@ -20,6 +20,21 @@ Created by iconfont
/>
<missing-glyph />
<glyph glyph-name="daoyinyiwen" unicode="&#58969;" d="M512 778.666667A394.666667 394.666667 0 1 1 906.666667 384 394.666667 394.666667 0 0 1 512 778.666667z m-68.266667-614.4a66.133333 66.133333 0 0 0 132.266667 0 66.133333 66.133333 0 0 0-132.266667 0zM672 426.666667a339.2 339.2 0 0 0-74.666667-74.666667 117.333333 117.333333 0 0 1-32-36.266667 100.266667 100.266667 0 0 1-6.4-49.066666v-8.533334h-98.133333v29.866667a172.8 172.8 0 0 0 14.933333 70.4 196.266667 196.266667 0 0 0 55.466667 59.733333c25.6 23.466667 42.666667 36.266667 46.933333 42.666667a51.2 51.2 0 0 1 10.666667 29.866667 49.066667 49.066667 0 0 1-19.2 38.4 70.4 70.4 0 0 1-53.333333 17.066666 70.4 70.4 0 0 1-51.2-17.066666 96 96 0 0 1-29.866667-55.466667c-4.266667-17.066667-36.266667-23.466667-59.733333-19.2s-40.533333 12.8-40.533334 32a155.733333 155.733333 0 0 0 53.333334 104.533333 183.466667 183.466667 0 0 0 125.866666 42.666667 185.6 185.6 0 0 0 130.133334-44.8 130.133333 130.133333 0 0 0 49.066666-100.266667 110.933333 110.933333 0 0 0-21.333333-61.866666z" horiz-adv-x="1024" />
<glyph glyph-name="lianjie" unicode="&#58965;" d="M266.666667 652.8a106.666667 106.666667 0 0 0 89.6 23.466667 110.933333 110.933333 0 0 0 78.933333-46.933334l72.533333-70.4 8.533334-6.4a125.866667 125.866667 0 0 0 6.4-174.933333 53.333333 53.333333 0 0 1-2.133334-81.066667 51.2 51.2 0 0 1 38.4-14.933333 51.2 51.2 0 0 1 38.4 14.933333l4.266667 4.266667 10.666667 10.666667a234.666667 234.666667 0 0 1-23.466667 324.266666l-72.533333 74.666667-23.466667 21.333333A232.533333 232.533333 0 0 1 324.266667 789.333333a226.133333 226.133333 0 0 1-160-81.066666 232.533333 232.533333 0 0 1 21.333333-328.533334l70.4-70.4h6.4a53.333333 53.333333 0 0 1 70.4 2.133334 55.466667 55.466667 0 0 1 6.4 74.666666l-72.533333 74.666667a121.6 121.6 0 0 0-23.466667 23.466667 119.466667 119.466667 0 0 0 23.466667 168.533333zM836.266667 388.266667l-70.4 70.4-4.266667 4.266666a46.933333 46.933333 0 0 1-34.133333 10.666667 51.2 51.2 0 0 1-38.4-14.933333 53.333333 53.333333 0 0 1-17.066667-38.4 49.066667 49.066667 0 0 1 12.8-34.133334l72.533333-74.666666 23.466667-23.466667a121.6 121.6 0 0 0-113.066667-194.133333 128 128 0 0 0-81.066666 46.933333L516.266667 213.333333l-8.533334 6.4a123.733333 123.733333 0 0 0-6.4 174.933334c0 2.133333 2.133333 2.133333 4.266667 4.266666a55.466667 55.466667 0 0 1-2.133333 76.8 49.066667 49.066667 0 0 1-40.533334 14.933334 53.333333 53.333333 0 0 1-38.4-17.066667l-12.8-12.8a232.533333 232.533333 0 0 1 21.333334-324.266667l74.666666-74.666666a234.666667 234.666667 0 0 1 177.066667-83.2A232.533333 232.533333 0 0 1 917.333333 213.333333a230.4 230.4 0 0 1-81.066666 174.933334z" horiz-adv-x="1024" />
<glyph glyph-name="dapingzhongduan" unicode="&#58966;" d="M812.8 768H211.2A102.4 102.4 0 0 1 106.666667 669.866667v-384a102.4 102.4 0 0 1 104.533333-100.266667h200.533333v-98.133333H204.8a44.8 44.8 0 1 1 0-87.466667h608a44.8 44.8 0 0 1 46.933333 44.8 44.8 44.8 0 0 1-46.933333 42.666667h-200.533333v98.133333h200.533333a110.933333 110.933333 0 0 1 104.533333 100.266667v384A102.4 102.4 0 0 1 812.8 768z m0-147.2v-292.266667a49.066667 49.066667 0 0 0-51.2-49.066666H256a49.066667 49.066667 0 0 0-51.2 49.066666V620.8a51.2 51.2 0 0 0 51.2 49.066667h505.6a49.066667 49.066667 0 0 0 51.2-49.066667z" horiz-adv-x="1024" />
<glyph glyph-name="tuichuzhuxiao" unicode="&#58967;" d="M896 473.6a411.733333 411.733333 0 0 1-32 85.333333 347.733333 347.733333 0 0 1-49.066667 74.666667 484.266667 484.266667 0 0 1-68.266666 64 55.466667 55.466667 0 0 1-40.533334 10.666667 68.266667 68.266667 0 0 1-38.4-21.333334 61.866667 61.866667 0 0 1-10.666666-42.666666 59.733333 59.733333 0 0 1 23.466666-36.266667 311.466667 311.466667 0 0 0 85.333334-98.133333 296.533333 296.533333 0 0 0 29.866666-128 268.8 268.8 0 0 0-23.466666-108.8 275.2 275.2 0 0 0-149.333334-149.333334 279.466667 279.466667 0 0 0-110.933333-23.466666 268.8 268.8 0 0 0-108.8 23.466666 285.866667 285.866667 0 0 0-89.6 59.733334 292.266667 292.266667 0 0 0-61.866667 89.6 268.8 268.8 0 0 0-23.466666 108.8 273.066667 273.066667 0 0 0 32 130.133333 270.933333 270.933333 0 0 0 89.6 100.266667 53.333333 53.333333 0 0 1 23.466666 36.266666 59.733333 59.733333 0 0 1-8.533333 42.666667 49.066667 49.066667 0 0 1-36.266667 21.333333 51.2 51.2 0 0 1-42.666666-8.533333 501.333333 501.333333 0 0 1-70.4-64 379.733333 379.733333 0 0 1-53.333334-76.8A437.333333 437.333333 0 0 1 128 475.733333a452.266667 452.266667 0 0 1-10.666667-93.866666A364.8 364.8 0 0 1 149.333333 230.4a392.533333 392.533333 0 0 1 83.2-125.866667 381.866667 381.866667 0 0 1 125.866667-83.2 381.866667 381.866667 0 0 1 153.6-32 373.333333 373.333333 0 0 1 153.6 32 418.133333 418.133333 0 0 1 125.866667 83.2 384 384 0 0 1 115.2 277.333334 430.933333 430.933333 0 0 1-10.666667 91.733333z m-379.733333-115.2a46.933333 46.933333 0 0 1 36.266666 14.933333 49.066667 49.066667 0 0 1 14.933334 36.266667V725.333333a51.2 51.2 0 0 1-14.933334 38.4 46.933333 46.933333 0 0 1-36.266666 14.933334A51.2 51.2 0 0 1 462.933333 725.333333v-315.733333a49.066667 49.066667 0 0 1 14.933334-36.266667 51.2 51.2 0 0 1 38.4-14.933333z" horiz-adv-x="1024" />
<glyph glyph-name="xiaoxitongzhi" unicode="&#58968;" d="M810.666667 266.666667v189.866666A294.4 294.4 0 0 1 576 740.266667V746.666667a64 64 0 0 1-64 64 61.866667 61.866667 0 0 1-64-64v-6.4a294.4 294.4 0 0 1-234.666667-283.733334v-189.866666A98.133333 98.133333 0 0 0 177.066667 192l-10.666667-8.533333A38.4 38.4 0 0 1 149.333333 149.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h640a42.666667 42.666667 0 0 1 42.666667 42.666666 42.666667 42.666667 0 0 1-19.2 36.266667h-4.266667a93.866667 93.866667 0 0 0-40.533333 81.066667zM618.666667 64H405.333333a106.666667 106.666667 0 0 1 213.333334 0z" horiz-adv-x="1024" />
<glyph glyph-name="rizhi" unicode="&#58962;" d="M512 810.666667A426.666667 426.666667 0 1 0 85.333333 384 428.8 428.8 0 0 0 512 810.666667z m40.533333-221.866667h-81.066666v-228.266667a44.8 44.8 0 0 1 8.533333-23.466666l142.933333-142.933334 59.733334 57.6-130.133334 130.133334z" horiz-adv-x="1024" />
......
src/assets/styles/rightContent.scss
@import './main.scss';
.right-icon{
position: absolute;
right: 37px;
top: 13px;
font-size: 15px;display: inline-block;
color: #fff;cursor: pointer;
i{margin-right:5px;font-size: 20px;display: inline-block;vertical-align: middle;}
span{display: inline-block;vertical-align: middle;}
}
.rightContent{
flex: 1;height:100%;overflow-y: auto;
.green{display: inline-block;width:20px;height:20px;border-radius:50%;background: green;vertical-align: middle;}
......
src/assets/styles/ykgldp.scss 0 → 100644
@import './main.scss';
body,html{ width:100%;height:100vh;overflow: hidden;}
$margin:23px;
$border:1px solid rgba(42,101,103,0.3);
.video-js{background-color:transparent !important;}
#ykgldp{
width:100%;height:100vh;overflow: hidden;background-image: url(~@/assets/img/dp_bg.png);background-size:cover;
background-repeat:no-repeat;
background-position:center top;
.center{height:100%;}
.top{
width:100%;height:100px;background-image: url(~@/assets/img/dp_header.png);background-size:cover;background-repeat:no-repeat;
background-position:center top;
font-size: 30px;
text-align: center;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 98px;
color: #fff;
letter-spacing: 3px;
opacity: 1;
}
.left_date{
position: absolute;
top:42px;
left:60px;
font-size: 20px;
font-weight: 600;
line-height: 26px;
color: #F2F4F8;
opacity: 1;
}
.right_date{
position: absolute;
top:42px;
right:60px;
font-size: 20px;
font-weight: 600;
line-height: 26px;
color: #F2F4F8;
opacity: 1;
}
.posi{position:relative;}
.lt,.lr,.bl,.br{position: absolute;display: inline-block;width:17px;height: 15px;z-index:10;}
.lt{top:0px;left:0px;background-image: url(~@/assets/img/lt.png);background-size:cover;background-repeat:no-repeat;
background-position:center top;}
.lr{top:0px;right:-1px;background-image: url(~@/assets/img/lr.png);background-size:cover;background-repeat:no-repeat;
background-position:center top;}
.bl{bottom:0px;left:0px;background-image: url(~@/assets/img/bl.png);background-size:cover;background-repeat:no-repeat;
background-position:center top;}
.br{bottom:0px;right:-1px;background-image: url(~@/assets/img/br.png);background-size:cover;background-repeat:no-repeat;
background-position:center top;}
.content_bg{
width:calc(100% - 72px);height:calc(100vh - 100px);margin:0 36px;
.table_wrap{height:calc(100% - 45px);margin-top:45px;}
:focus{ outline:none }
.bg-title{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 50px;
color: #70FBFF;
opacity: 1;
text-indent: 20px;
position: absolute;
top:0px;left:0px;
}
.wrap_content{width:100%;height:calc(100% - 10px);margin-top:10px;}
.top_wrap{margin-bottom:$margin;width:100%;height:calc((100% - 50px)/2);border: $border;border-radius:5px; }
.top_content{
width:100%;height:66%;
.left_top_c{width:444px;margin-right:$margin;display:inline-block;height:100%; vertical-align: top;}
.center_top_c{
width:calc(100% - 940px);margin-bottom:$margin;margin-right:$margin;display:inline-block;height:calc(100% - 25px); vertical-align: top;
.posi_left{position: absolute;top:24px;left:17px;z-index:100;}
.center-title{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 21px;
color: #F2F4F8;
opacity: 1;
margin-bottom:8px;
}
.num{
line-height: 39px;
font-size: 32px;
font-family: DIN;
font-weight: 500;
line-height: 39px;
color: #FFDD70;
opacity: 1;
margin-bottom:45px;
}
}
.right_top_c{
width:444px;margin-right:0;display:inline-block;height:100%; vertical-align: top;
}
}
.bottom_content{
width:100%;height:calc(34% - 35px);margin-bottom: 35px;
.left_bottom_c{width:444px;margin-right:$margin;border: $border;display:inline-block;height:100%;border-radius:5px; vertical-align: top;}
.center_bottom_c{margin-right:$margin;width:calc((100% - 496px)/2);border: $border;display:inline-block;height:100%; vertical-align: top;border-radius:5px;}
.right_bottom_c{margin-right:0px;width:calc((100% - 496px)/2);border: $border;display:inline-block;height:100%; vertical-align: top;border-radius:5px;}
}
}
}
.table_wrap {
/deep/ .dv-scroll-board{
color:#3c3f52;background: transparent;
/deep/ .header{
font-size: 12px;
color: #91a0b9;
text-align: center;
white-space: nowrap;
background-color:transparent !important;
background: rgba(43,92,156,0.2) !important;
/deep/ .header-item:nth-child(1){width: 40% !important;}
}
/deep/ .rows{
/deep/ .row-item{
text-align: center;background-color:transparent !important;height:32px !important;line-height: 32px !important;color:#C1C7CD !important;
/deep/ .ceil{
color:#C1C7CD !important;
font-size: 12px;
/deep/ i{
font-size: 0.5em;
color: #3bc080;
/*position: relative;
left: 5px;
top:10px;*/
}
}
/deep/ .ceil:nth-child(1){
color: #7cb9ff;
font-size: 1.1em;
width: 40% !important;
}
}
.row-item:nth-child(even){background: rgba(43,92,156,0.2) !important;}
.yellow1{color:#FFDD70 !important;font-size:12px !important;}
.blue1{color:#70FBFF !important;}
}
}
}
body .myVideo-dimensions{width:100% !important;height:100% !important;}
.bsdjfwtj /deep/ .ceil:last-child,.bsdjfwtj /deep/ .header-item:last-child{
width: 35% !important;
}
/deep/ .el-loading-mask {
background-color: rgba(11, 29, 93, 0.7);
}
/deep/ .el-loading-spinner{margin-top:-40px;}
src/main.js
......@@ -7,6 +7,13 @@ import "./plugins/element.js";
import Util from "./utils/util";
import VueWechatTitle from "vue-wechat-title";
import "@/assets/styles/iconfont.css";
import dataV from '@jiaminghi/data-view'
Vue.use(dataV)
import Video from 'video.js'
import 'video.js/dist/video-js.css'
Vue.prototype.$video = Video
// 引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
......
src/router/modules/index.js
......@@ -31,6 +31,15 @@ export default[
component: () => import("@/views/jccx/index.vue")
},
{
path: "/ykgldpIndex",
name: "ykgldpIndex",
meta: {
title: '运控管理大屏',
auth: 5
},
component: () => import("@/views/rzcx/ykgldp.vue")
},
{
path: "/rzcxIndex",
name: "rzcxIndex",
meta: {
......@@ -285,4 +294,5 @@ export default[
},
component: () => import("@/views/naoTu/cxclwzxx.vue")
},
]
src/utils/params.js
......@@ -5633,6 +5633,18 @@ let jjwzdjappykglDefaultFormThead = [
}
];
let jjwzdjappykglURL = "/getFunctionService/getYkglJwzdAppMessage";
/*运控管理大屏*/
let ykgldpHeader='运控管理';
let zdapp1URL='/getFunctionService/getYdZdAppTj';
let zdapp2URL='/getFunctionService/getYdZdAppZxTj';//终端app运控统计
let bsdjfwtjURL='/getFunctionService/getBsDjServiceTj';//部省对接服务统计
let xzgdwsyqkURL='/getService/unitStatistics';//刑专各单位使用情况
let xtjqrfwlURL='/getService/lineChart';//系统近七日访问量
let xzzygnURL='/getFunctionService/getFunctionMainMessageTj';//刑专主要功能（近7日访问情况）
let ggfwURL='/getFunctionService/getPublicServiceTj';//公共服务（近7日访问情况）
let sjzytjURL='/getFunctionService/getSjzyTj';//数据资源统计
let hysURL='/getService/userStatistics';
/*————————————————————————脑图详情列表透视--数据————————————————————————————————————————*/
/*验证*/
let naotuCxSjRules={
......@@ -7229,6 +7241,17 @@ export {
jjwzdjappykglQueryField,
jjwzdjappykglDefaultFormThead,
jjwzdjappykglURL,
/*运控管理大屏*/
ykgldpHeader,
zdapp1URL,
zdapp2URL,
bsdjfwtjURL,
xzgdwsyqkURL,
xtjqrfwlURL,
xzzygnURL,
ggfwURL,
sjzytjURL,
hysURL,
/*脑图详情列表透视--数据*/
/*验证*/
naotuCxSjRules,
......
src/views/Home.vue
......@@ -28,7 +28,8 @@
</div>-->
<div style="margin:20px 0 0 50px">
<el-button type="primary" @click="toJccx">基础查询</el-button>
<el-button type="primary" @click="toRzcx">日志查询</el-button>
<el-button type="primary" @click="toRzcx">运控管理</el-button>
<el-button type="primary" @click="toYkglDp">运控管理大屏展示</el-button>
<!--脑图透视详情界面-->
<p style="line-height: 50px;">-----------------脑图透视详情------------------</p>
<el-button type="primary" @click="toQsajxx">查询全省案件信息</el-button>
......@@ -94,6 +95,12 @@ export default {
...mapGetters(["defaultGoodsImage", "userAuth"])
},
methods: {
toYkglDp(){
let routeData = this.$router.resolve({
path: "/ykgldpIndex"
});
window.open(routeData.href, "_blank");
},
toJfcbajxx(){
let routeData = this.$router.resolve({
path: "/cxjfcbajxxIndex",
......
src/views/rzcx/index.vue
<template>
<div>
<span class="right-icon" @click="toDp">
<i class="iconfont icondapingzhongduan"></i><span>运控大屏</span>
</span>
<list-header :headerTitle="headerTitle" ref="header" :headerIcon="headerIcon"></list-header>
<div class="content">
<left-menu :propLeftMenu="propLeftMenu" @changeSidebarIndex="changeSidebarIndex" :sidebarItemName="sidebarItemName"></left-menu>
......@@ -36,6 +39,12 @@ export default {
}
},
methods:{
toDp(){
let routeData = this.$router.resolve({
path: "/ykgldpIndex"
});
window.open(routeData.href, "_blank");
},
changeSidebarIndex(index,item) {
if(index.indexOf("-")==-1){
this.sidebarItemName = item[index-1].id;
......
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