Skip to content

Z
ZiBoYingJI
Commit f9487c61 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

Merge branch 'master' into rev2

parents c40ebf27 5c21331d
Show whitespace changes
Inline Side-by-side
Showing with 3965 additions and 14 deletions
public/datav/css/common.css 0 → 100644
View file @ f9487c61
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0px;padding:0px}
li{list-style:none;}
body{overflow:hidden;}
.body1X, .body2X{display:none;}
.kmb-message-box{position:relative;display:inline-block;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #e6ebf5;font-size:18px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);text-align:left;overflow:hidden;backface-visibility:hidden;}
.cm-layout{height:100%;width:100%;}
.cm-layout.flex-col{display:flex;flex-direction:column;}
.cm-layout .colf{color:#fff;}
.cm-layout .font18{font-size:.18rem;}
.cm-layout .font20{font-size:.20rem;}
.cm-layout .font22{font-size:.22rem;}
.cm-layout .font24{font-size:.24rem;}
.cm-layout .font26{font-size:.26rem;}
.cm-layout .font28{font-size:.28rem;}
.cm-layout .ft16{font-size:16px;}
.cm-layout .ft18{font-size:18px;}
.cm-layout .ft20{font-size:20px;}
.cm-layout .ft24{font-size:24px;}
.cm-layout .between{display:flex;justify-content:space-between;}
.cm-layout .ctn-place, .cm-layout .ctn-fix{display:flex;}
.cm-layout .ctn-place>div, .cm-layout .ctn-fix>div{flex:1;position:relative;}
.cm-layout .fix-m1{display:flex;}
.cm-layout .flex1{flex:1;}
.cm-layout .fix-rc{justify-content:center;}
.cm-layout .fix-cc{align-items:center;}
.cm-layout .fix-rcc{align-items:center;justify-content:center;}
.cm-layout .grid2{display:grid;grid-template-columns:50% 50%;}
.cm-layout .grid3{display:grid;grid-template-columns:33.33% 33.33% 33.33%;}
.cm-layout .grid4{display:grid;grid-template-columns:25% 25% 25% 25%;}
.cm-layout .abs-flex{position:absolute;display:flex;}
.cm-layout .flex-rel{flex:1;position:relative;}
.cm-layout .flex-disf{flex:1;display:flex;}
.cm-layout .disf-col{display:flex;flex-direction:column;}
.cm-layout .flex-disf-col{flex:1;display:flex;flex-direction:column;}
.cm-layout .flex-disf-rel{flex:1;display:flex;position:relative;}
.cm-layout .ctn-rel{position:relative;}
.cm-layout .rel-flex{position:relative;display:flex;}
.cm-layout .ctn-abs{position:absolute;top:0;left:0;}
.cm-layout .abs-full, .cm-layout .ctn-absfull{position:absolute;top:0;left:0;height:100%;width:100%;}
.cm-layout .ctn-range .ctn-abs{height:100%;width:100%;}
.cm-layout .km-table{}
.cm-layout .km-table .table-box{text-align:center;}
.cm-layout .km-table dl{display:table;width:100%;}
.cm-layout .km-table dt>div, .cm-layout .km-table dd>div{display:table-cell;}
.cm-layout .km-table dt, .cm-layout .km-table dd{display:table-row;}
.cm-layout .km-table dt{font-weight:bold;}
.cm-layout .km-table dd{}
.cm-layout .km-table .border dl{border:1px solid #eef1f6;}
.cm-layout .km-table .border dt>div, .cm-layout .km-table .border dd>div{border-width:0 1px 1px 0;border-style:solid;border-color:#677290 #acb6d9;}
.cm-layout .km-table .bg44{background-color:#4476f9;}
.cm-layout .km-table .col00a{color:#00a4fe;}
.cm-layout .km-table .even-bg1 dd:nth-child(even){background-color:rgba(14,45,109,.8);}
.cm-layout .tinfo{color:#888;font-size:13px;border-width:0 0px 1px 1px;border-style:solid;border-color:#dfe6ec;}
.cm-layout .tinfo .tr{display:flex;}
.cm-layout .tinfo .td{padding:8px 5px;min-height:40px;border-width:1px 1px 0 0;border-style:solid;border-color:#dfe6ec;flex:1;display:flex;justify-content:center;align-items:center;}
.cm-layout .tinfo .td .cell{flex:1;display:flex;}
.cm-layout .tinfo .td font{white-space: nowrap;}
.cm-layout .tinfo .td span{color:#000;font-size:15px;}
.cm-layout .tinfo .td i{font-style:normal}
/* 文字定位 */
.cm-layout .text-abs{position:absolute;height:0;width:0;display:flex;justify-content:center;align-items:center;}
.cm-layout .text-abs a, .cm-layout .text-abs span{white-space:nowrap;text-align:center;}
/**/
.Screen .bg-o85{background-color:rgba(13,29,55, .85);}
.Screen .bg2-o80{background-color:rgba(4,23,63,.8);}
.Screen .bd-c1{border-color:#0394d0;}
.Screen .linef35{height:35px;line-height:35px;}
.Screen .linef40{height:40px;line-height:40px;}
.Screen .line50{height:.50rem;line-height:.50rem;}
.Screen .line42{height:.42rem;line-height:.42rem;}
.Screen .col02d{color:#02daff}
.Screen .col-green1{color:#03fd78}
.Screen .col-red1{color:#fb2b2b}
.Screen .col01f{color:#01f5ff}
.home_manage{}
.home_manage li{list-style:none;}
.page-bgc1{background-color:#f5f6fb;}
.common-page{flex:1;position:relative;display:flex;flex-direction:column;}
.common-page.page-t1{padding:.16rem;background-color:#f5f6fb;}
.common-page.dege{margin-right:1.041vw;}
.common-page h3{line-height:40px;margin:0;padding:0 0 0 10px;font-weight:normal;font-size:16px;color:#000;}
.common-page .page-row{margin-top:10px;}
.common-page .option{}
.common-page .panel-bottom{flex:1;display:flex;flex-direction:column;background-color:#fff;}
.common-page .cr-liner{height:100%;width:100%;}
.common-page .option .head-container{padding:9px;background-color:#fff;border-radius:5px;display:flex;align-items:center;border:1px solid #c9c9fe;}
.common-page .content-within{position:relative;flex:1;width:100%;}
.common-page .content-fix{width:100%;}
.common-page .content-between{display:flex;justify-content:space-between;}
.common-page .ctin-box{/* flex:1; */display:flex;padding:5px 10px 10px;border-radius:5px;}
.common-page .ctin-box .toolbar{padding:5px 0 10px;display:flex;}
.common-page .ctin-box .toolbar>div{flex:1;}
.common-page .ctin-box .toolbar>div:last-child{display:flex;justify-content:right;flex:none;}
.common-page .el-table{}
.common-page .el-table .thead{color:#666}
.common-page .el-table .red{color:#ff0000;}
.common-page .el-table .orange{color:orange;}
.common-page .el-table .yellow{color:yellow;}
.common-page .el-table .blue{color:blue;}
.common-page .el-table .green{color:#13ce66;}
.common-page .el-table .normal{color:#666;}
.common-page .el-table th, .common-page .el-table td{}
.common-page .el-table--small th{padding:10px 0;}
.common-page .el-table--small td{padding:7px 0;}
.common-page .el-table th>.cell, .common-page .el-table td>.cell{padding:0 6px;}
.common-page .el-date-editor .el-range-separator, .kmb-message-box .el-date-editor .el-range-separator{width:20px;}
/* 定义 button 默认样式 */
.kmb-message-box .el-button-group .cu-btn-null{color:#409eff;background:#ecf5ff;border-color:#b3d8ff;}
/* 自定义选择列表 */
.checkboxctn{max-height:70vh;overflow-y:auto;}
.checkboxctn li{line-height:25px;}
.checkboxctn::-webkit-scrollbar{width:5px;height:5px;cursor:pointer;}
.checkboxctn::-webkit-scrollbar-thumb{border-radius:10px;background:#bbb;margin-right:10px;cursor:pointer;}
.checkboxctn::-webkit-scrollbar-thumb:hover{background-color:#888;}
.checkboxctn::-webkit-scrollbar-track{border-radius:10px;background:rgba(255, 255, 255, 0.1);margin-right: 10px;}
/* 滚动条-火狐 */
.checkboxctn{scrollbar-width:thin;scrollbar-color:#1674ee rgba(255, 255, 255, 0.1);}
/* 表单微调 */
body .el-dialog__header{border-bottom:1px solid #ddd;padding:10px;}
body .el-dialog__header .el-dialog__headerbtn{top:13px;}
body .el-dialog__body{padding:10px 20px;}
/* 滚动条 */
.scrolling{}
.scrolling::-webkit-scrollbar{width:6px;height:5px;cursor:pointer;}
.scrolling4::-webkit-scrollbar{width:.06rem;height:.08rem;cursor:pointer;}
.scrolling, .scrolling4::-webkit-scrollbar-thumb{
border-radius:10px;margin-right: 10px;cursor:pointer;
/* background:#1674ee; */
background-color:rgba(23,121,230, .70);
background-image:-webkit-linear-gradient(45deg, rgba(31,181,219, .70) 25%, transparent 0, transparent 50%, rgba(31,181,219, .70) 0, rgba(31,181,219, .70) 75%, transparent 0, transparent);
}
.scrolling, .scrolling4::-webkit-scrollbar-thumb:hover{background-color:#1854e8;}
.scrolling, .scrolling4::-webkit-scrollbar-track{border-radius:10px;background:rgba(255, 255, 255, 0.1);margin-right:10px;}
/* 暂无数据提示 */
/* .home_user .el-table__empty-block, .common-page .el-table__empty-block{background-color:#00344D} */
.no-data{flex:1;display:flex;justify-content:center;align-items:center;height:100%;padding-bottom:10%;}
public/datav/index.html
View file @ f9487c61
......@@ -85,26 +85,24 @@
@keyframes floatShadow {
0% {
text-shadow: 0 0 5px #fff;
transform:translateX(1300px);
display:block;
}
100% {
text-shadow: 0 0 5px #fff;
transform:translateX(-1300px);
display:none;
}
}
.floating-text {
font-size: 30px;
color: #FDD756;
//animation: floatShadow;
font-size:18px;line-height:1;
color: #FDD756;text-shadow: 0 0 5px #fff;
animation: floatShadow;
animation-name:floatShadow;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function:linear;
position:absolute;
position:absolute;top:3px;
}
.a0a_{
......@@ -159,9 +157,14 @@
<div class="floating-text">中和地信有限公司欢迎您</div>
<div class="a0a_">
<ul><li data-id="1" class="active">应急管理</li> <li data-id="2" class="">自然资源</li></ul>
<ul><li data-id="5" class="">水利系统</li> <li data-id="6" class="">电子档案</li></ul>
<div class="a0a_" id="h_tab">
<ul>
<li data-id="1" class="active">应急管理</li>
<li data-id="2" class="" >自然资源</li></ul>
<ul>
<li data-id="3" class="" >水利系统</li>
<li data-id="4" class="">电子档案</li>
</ul>
</div>
</div>
</div>
......@@ -796,9 +799,7 @@
const host = location.protocol + '//' + (location.hostname === '192.168.3.226' ? '192.168.3.37' : '192.168.13.200') + ':8013';
console.log('host ________________ ', host);
const selfHost = 'http://192.168.3.226:8057';
const selfHost = location.hostname === '192.168.3.226' ? 'http://192.168.3.226:8057' : 'http://192.168.13.200:8057';
const token = Cookies.get('ELADMIN-TOEKN');
......@@ -827,7 +828,7 @@
}
if (code === 401) {
alert('登录信息失效，请重新登录')
window.open(host + '/#/login', '_self')
window.open(selfHost + '/#/login', '_self')
return
}
if (code === 400 && message === '不允许访问') {
......@@ -946,7 +947,7 @@
},
mounted() {
if (!token) {
window.open(host + '/#/login', '_self')
window.open(selfHost + '/#/login', '_self')
return
}
this.heightScale = (this.clientHeight - 100) / 980
......@@ -986,6 +987,25 @@
}
this.noticeIndex = this.noticeIndex + 1;
}, 10 * 1000);
// tab event
var h_tab = this.$el.querySelector("#h_tab");
console.log('h_tab ________________ ', h_tab);
h_tab.onclick = function(e){
var tag = e.target || e.srcElement;
console.log('tag ________________ ', tag);
if(tag.nodeName === 'LI'){
var did = ~~tag.dataset.id;
if(did === 2){
window.open('/datav/natural.html')
}else if(did === 3){
window.open('/datav/watersource.html')
};
};
};
},
methods: {
querySearchAsync(queryString, cb) {
......
public/datav/js/highcharts.js 0 → 100644
View file @ f9487c61
This source diff could not be displayed because it is too large. You can view the blob instead.
public/datav/js/qf_web.min.js 0 → 100644
View file @ f9487c61
/*
name: qf_web
version: V1.04190
*/
function _0x496d(_0x54e0ae,_0x1c5d36){var _0x2389fc=_0x587d();return _0x496d=function(_0x476bbf,_0x2c9267){_0x476bbf=_0x476bbf-0x11b;var _0x587dca=_0x2389fc[_0x476bbf];return _0x587dca;},_0x496d(_0x54e0ae,_0x1c5d36);}function _0x587d(){var _0x94a737=['attachEvent','exports','3544974YRBFSP','createElement','pid','body','1517761YnAuYx','webkitCancelAnimationFrame','wpr','touchstart','innerHeight','apply','children','parseInt','extend','contentWindow','848338JYHmzx','86280dvHwQT','requestAnimationFrame','constructor','__esModule','140eCYjsQ','clientHeight','286ZMIKgp','catch','mousedown','timerPointer','prototype','webkitRequestAnimationFrame','[[PromiseResult]]','Window\x20object\x20not\x20found!','run','rem;height:','transform','finally','prt','defineProperty','oCancelRequestAnimationFrame','rem;opacity:1','253466sLPkKt','layer','search','px\x200;font-size:','split','3YqHYTe','addEventListener','toStringTag','test','8qeXabM','nodeType','loaded','name','t,webkitT,MozT,msT,OT','charAt','devicePixelRatio','oRequestAnimationFrame','undefined','bind','touchend','appVersion','style','replace','Module','views','706320mFKflM','fontSize','scale(','ontouchstart','call','then','abort','resize','(((.+)+)+)+$','sort','ready','length','dpr','push','height','touchcancel','display:block;width:','object','0\x200','__proto__','timer','isArray','setting','random','document','function','remBase','msCancelRequestAnimationFrame','calcLayout','xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx','touchmove','default','transition','xxxxxxxx','mozRequestAnimationFrame','userAgent','msRequestAnimationFrame','toString','mousemove','toUpperCase','toLowerCase','init','keys','[object\x20Array]','clientWidth','mouseup','readyState','26625PScSAS','[[PromiseState]]','hasOwnProperty','mozCancelRequestAnimationFrame','getElementById','cssText','eval','rejected','join','dprb','envir','transformOrigin'];_0x587d=function(){return _0x94a737;};return _0x587d();}(function(_0x5301ce,_0x374081){var _0x539bdc={_0x56a371:0x15b,_0x2a14c5:0x149,_0x3ffbac:0x174,_0x5ab9a2:0x136,_0x28af6f:0x14b},_0x2a435f=_0x496d,_0x5f0305=_0x5301ce();while(!![]){try{var _0x5b3058=parseInt(_0x2a435f(_0x539bdc._0x56a371))/0x1+-parseInt(_0x2a435f(0x144))/0x2*(-parseInt(_0x2a435f(0x160))/0x3)+parseInt(_0x2a435f(_0x539bdc._0x2a14c5))/0x4*(-parseInt(_0x2a435f(0x128))/0x5)+parseInt(_0x2a435f(_0x539bdc._0x3ffbac))/0x6+-parseInt(_0x2a435f(0x13a))/0x7*(parseInt(_0x2a435f(0x164))/0x8)+-parseInt(_0x2a435f(_0x539bdc._0x5ab9a2))/0x9+parseInt(_0x2a435f(0x145))/0xa*(parseInt(_0x2a435f(_0x539bdc._0x28af6f))/0xb);if(_0x5b3058===_0x374081)break;else _0x5f0305['push'](_0x5f0305['shift']());}catch(_0xbe639){_0x5f0305['push'](_0x5f0305['shift']());}}}(_0x587d,0x36587),!function(_0x22a1e5){var _0x3f7d95={_0x12fa7a:0x12a,_0x10f4fb:0x178},_0xe9910b={_0x336e9e:0x185,_0x4e90a0:0x148},_0x4a870a={_0x9d6463:0x16c,_0x90584b:0x162,_0x48bd19:0x172},_0x347868={_0x13980b:0x178,_0x3b7641:0x135},_0x571734={_0x2b97d2:0x15d,_0x26c35a:0x17c},_0x222da9=(function(){var _0x43bf06=!![];return function(_0x4edeed,_0x410783){var _0x562fe0=_0x43bf06?function(){var _0x375242=_0x496d;if(_0x410783){var _0x4965b5=_0x410783[_0x375242(0x13f)](_0x4edeed,arguments);return _0x410783=null,_0x4965b5;}}:function(){};return _0x43bf06=![],_0x562fe0;};}()),_0x35d817={};function _0x2380d2(_0x3f7612){var _0x3906a1=_0x496d,_0x4b7144=_0x222da9(this,function(){var _0x26bd10=_0x496d;return _0x4b7144[_0x26bd10(0x11e)]()[_0x26bd10(_0x571734._0x2b97d2)](_0x26bd10(0x17c))[_0x26bd10(0x11e)]()['constructor'](_0x4b7144)['search'](_0x26bd10(_0x571734._0x26c35a));});_0x4b7144();if(_0x35d817[_0x3f7612])return _0x35d817[_0x3f7612][_0x3906a1(0x135)];var _0x4c7263=_0x35d817[_0x3f7612]={'i':_0x3f7612,'l':!0x1,'exports':{}};return _0x22a1e5[_0x3f7612][_0x3906a1(_0x347868._0x13980b)](_0x4c7263[_0x3906a1(_0x347868._0x3b7641)],_0x4c7263,_0x4c7263[_0x3906a1(0x135)],_0x2380d2),_0x4c7263['l']=!0x0,_0x4c7263[_0x3906a1(0x135)];}_0x2380d2['m']=_0x22a1e5,_0x2380d2['c']=_0x35d817,_0x2380d2['d']=function(_0x1d8de1,_0x5737f2,_0x4515f3){var _0x31e119=_0x496d;_0x2380d2['o'](_0x1d8de1,_0x5737f2)||Object[_0x31e119(0x158)](_0x1d8de1,_0x5737f2,{'enumerable':!0x0,'get':_0x4515f3});},_0x2380d2['r']=function(_0x25a4ab){var _0x136f1a=_0x496d;_0x136f1a(_0x4a870a._0x9d6463)!=typeof Symbol&&Symbol[_0x136f1a(_0x4a870a._0x90584b)]&&Object['defineProperty'](_0x25a4ab,Symbol[_0x136f1a(0x162)],{'value':_0x136f1a(_0x4a870a._0x48bd19)}),Object['defineProperty'](_0x25a4ab,'__esModule',{'value':!0x0});},_0x2380d2['t']=function(_0x2ca310,_0x21ea12){var _0x5cc6af=_0x496d;if(0x1&_0x21ea12&&(_0x2ca310=_0x2380d2(_0x2ca310)),0x8&_0x21ea12)return _0x2ca310;if(0x4&_0x21ea12&&_0x5cc6af(_0xe9910b._0x336e9e)==typeof _0x2ca310&&_0x2ca310&&_0x2ca310[_0x5cc6af(_0xe9910b._0x4e90a0)])return _0x2ca310;var _0x239fc9=Object['create'](null);if(_0x2380d2['r'](_0x239fc9),Object[_0x5cc6af(0x158)](_0x239fc9,_0x5cc6af(0x193),{'enumerable':!0x0,'value':_0x2ca310}),0x2&_0x21ea12&&'string'!=typeof _0x2ca310){for(var _0x24da86 in _0x2ca310)_0x2380d2['d'](_0x239fc9,_0x24da86,function(_0x31a804){return _0x2ca310[_0x31a804];}[_0x5cc6af(0x16d)](null,_0x24da86));}return _0x239fc9;},_0x2380d2['n']=function(_0x66708b){var _0x3f07c2=_0x66708b&&_0x66708b['__esModule']?function(){return _0x66708b['default'];}:function(){return _0x66708b;};return _0x2380d2['d'](_0x3f07c2,'a',_0x3f07c2),_0x3f07c2;},_0x2380d2['o']=function(_0x12304f,_0x13b72b){var _0x1d29d6=_0x496d;return Object[_0x1d29d6(0x14f)][_0x1d29d6(_0x3f7d95._0x12fa7a)][_0x1d29d6(_0x3f7d95._0x10f4fb)](_0x12304f,_0x13b72b);},_0x2380d2['p']='',_0x2380d2(_0x2380d2['s']=0x0);}([function(_0x25b95c,_0x4d8f91,_0x34b70d){var _0x302764=_0x496d;_0x25b95c[_0x302764(0x135)]=_0x34b70d(0x1);},function(_0x1fb5b6,_0x135f46,_0x4506ee){var _0x5b64b4={_0x3b584:0x18c};!function(_0x46b135,_0x387766){var _0x3bfc2c={_0x1498b4:0x11c,_0x3101a7:0x121,_0x4619ef:0x163,_0x4bd8be:0x177,_0x323c23:0x14d,_0x463f12:0x192,_0x2ac216:0x16e,_0x1cfd32:0x183,_0x1e0ae9:0x126,_0x4db927:0x146,_0x9acceb:0x11b,_0x2495c3:0x16b,_0x3676c3:0x11d,_0x2b8650:0x13b,_0x15e6ce:0x125,_0x257fac:0x139,_0x1d821b:0x16a,_0xab6140:0x14f,_0x1f56c7:0x142,_0x2d73c0:0x142,_0x1476aa:0x161},_0x422219={_0x280db7:0x17f,_0x3580ac:0x178},_0x25bda4={_0x3e6f9e:0x189,_0x488eb4:0x17e},_0x12227f={_0x2e8e8e:0x180,_0x287f3b:0x18a,_0x3b82bf:0x18a,_0x4ea94b:0x18e,_0x3a653a:0x13c,_0x34dcdc:0x17e},_0x2b727c={_0x47483d:0x18a},_0xd0d28c={_0x3bec70:0x18a,_0x10b617:0x131,_0x106789:0x155,_0x39f47e:0x182,_0x5bcb27:0x170},_0x931070={_0x5d06d2:0x132},_0x5a2475={_0x461145:0x141},_0x14c8f0={_0x333b56:0x13e},_0x4613fe={_0x439979:0x13f},_0x3fb04b={_0x35e98f:0x171},_0xd0db21={_0x2c7103:0x124,_0x4f4fa8:0x11e,_0x1c8214:0x178},_0x5b5f76={_0xf6ddc3:0x169},_0x1a957e=_0x496d;if(!_0x46b135[_0x1a957e(_0x5b64b4._0x3b584)])throw new Error(_0x1a957e(0x152));(function(_0x55739d,_0x1494b9){var _0x5a7f26={_0x1f7904:0x17e},_0x1400e3={_0x1ee0a7:0x142},_0x1368d8={_0x5a51a7:0x12c,_0x11ddee:0x173,_0x40ab92:0x184,_0x55273e:0x15a},_0x1cc747={_0x37f63c:0x125,_0x473ff8:0x190},_0x1ed2c0={_0x82a5d4:0x132,_0x3ee92f:0x13c},_0x5ef2d6={_0x493dea:0x163},_0x2e3962={_0x2b7813:0x185},_0x2a41d1={_0x1ca0ff:0x165},_0x1aa684={_0x107578:0x12e,_0x33cf4f:0x178},_0x21eb9a={_0x39851e:0x127},_0x143a5e={_0x26da0f:0x143},_0x1ad6e8={_0x27f314:0x157,_0x449105:0x122},_0x1f140b={_0x33fe3d:0x15f},_0x114188=_0x1a957e,_0x5bc215=document,_0xfff213=_0x5bc215['body'],_0x192bf5=_0x5bc215[_0x114188(0x137)]('div')[_0x114188(0x170)],_0x456b72=(function(){var _0x1b0989=_0x114188;for(var _0x46ffad=_0x1b0989(0x168)[_0x1b0989(_0x1f140b._0x33fe3d)](','),_0x3bab21=0x0,_0x324b46=_0x46ffad[_0x1b0989(0x17f)];_0x3bab21<_0x324b46;_0x3bab21++)if(_0x46ffad[_0x3bab21]+'ransform'in _0x192bf5)return _0x46ffad[_0x3bab21]['substr'](0x0,_0x46ffad[_0x3bab21][_0x1b0989(0x17f)]-0x1);return!0x1;}()),_0x487d4e=function(_0x1d2be1){var _0xfe9dd=_0x114188;return''===_0x456b72?_0x1d2be1:_0x456b72+_0x1d2be1[_0xfe9dd(_0x5b5f76._0xf6ddc3)](0x0)[_0xfe9dd(0x120)]()+_0x1d2be1['substr'](0x1);},_0x59d2a7=(navigator[_0x114188(_0x3bfc2c._0x1498b4)][_0x114188(_0x3bfc2c._0x3101a7)](),_0x487d4e('transform')),_0xb28ccc=(_0x487d4e(_0x114188(0x194)),/hp-tablet/gi[_0x114188(_0x3bfc2c._0x4619ef)](navigator[_0x114188(0x16f)])),_0x1f05f4=_0x114188(_0x3bfc2c._0x4bd8be)in _0x55739d&&!_0xb28ccc,_0x4262c4=_0x1f05f4?_0x114188(0x13d):_0x114188(_0x3bfc2c._0x323c23),_0x442d34=_0x1f05f4?_0x114188(_0x3bfc2c._0x463f12):_0x114188(0x11f),_0x2efc4a=_0x1f05f4?_0x114188(_0x3bfc2c._0x2ac216):_0x114188(0x126),_0xe6eb18=_0x1f05f4?_0x114188(_0x3bfc2c._0x1cfd32):_0x114188(_0x3bfc2c._0x1e0ae9),_0x38f2ff=[],_0x438790=(_0x55739d[_0x114188(_0x3bfc2c._0x4db927)]||_0x55739d[_0x114188(0x150)]||_0x55739d[_0x114188(_0x3bfc2c._0x9acceb)]||_0x55739d[_0x114188(_0x3bfc2c._0x2495c3)]||_0x55739d[_0x114188(_0x3bfc2c._0x3676c3)],_0x55739d['cancelRequestAnimationFrame']||_0x55739d[_0x114188(_0x3bfc2c._0x2b8650)]||_0x55739d['webkitCancelRequestAnimationFrame']||_0x55739d[_0x114188(0x12b)]||_0x55739d[_0x114188(0x159)]||_0x55739d[_0x114188(0x18f)]||clearTimeout,function(_0x49ac0a,_0x5a0e1d){var _0x54c39c=_0x114188;return new _0x438790[(_0x54c39c(_0x1ad6e8._0x27f314))][(_0x54c39c(_0x1ad6e8._0x449105))](_0x49ac0a,_0x5a0e1d);}),_0x148572=_0x5bc215['documentElement'],_0x239734=(_0x148572[_0x114188(_0x3bfc2c._0x15e6ce)]||_0x148572[_0x114188(0x139)]&&_0x148572[_0x114188(_0x3bfc2c._0x257fac)]['clientWidth'],_0x55739d['devicePixelRatio']>=0x2?0x2:_0x55739d[_0x114188(_0x3bfc2c._0x1d821b)]);_0x438790['prt']=_0x438790[_0x114188(_0x3bfc2c._0xab6140)]={'constructor':_0x438790,'splice':[]['splice']},_0x438790[_0x114188(_0x3bfc2c._0x1f56c7)]=function(){var _0x229dd1,_0x4a8e12=arguments[0x0];for(_0x229dd1 in _0x4a8e12)this[_0x229dd1]=_0x4a8e12[_0x229dd1];return this;},_0x438790[_0x114188(0x142)]({'envir':{'dummyStyle':_0x192bf5,'vendor':_0x456b72,'dpr':_0x239734,'hasTouch':_0x1f05f4,'event':{'start':_0x4262c4,'move':_0x442d34,'end':_0x2efc4a,'cancel':_0xe6eb18}},'setting':{'w':0x780,'h':0x438,'mw':0x258,'fs':0xc,'stb':0x5a0,'stw':0x780,'dprb':0x64}}),_0x438790[_0x114188(_0x3bfc2c._0x2d73c0)]({'iframeLoad':function(_0x461c10){var _0xafb1fd=this[0x0];_0xafb1fd['onload']=function(_0x4946d5){var _0x8cb6f0=_0x496d;_0x461c10&&_0x461c10(_0xafb1fd[_0x8cb6f0(_0x143a5e._0x26da0f)],_0x4946d5);};},'ready':function(_0x2c526d,_0x5a29f1){var _0x5e8bde=_0x114188,_0x56e68a=function(){var _0xf52273=_0x496d;_0x5a29f1&&(_0xfff213=_0x5bc215[_0xf52273(0x139)]),_0x438790[_0xf52273(0x127)]=!0x0,_0x2c526d&&_0x2c526d(_0x438790);};_0x438790[_0x5e8bde(_0x21eb9a._0x39851e)]?_0x2c526d&&_0x2c526d(_0x438790):_0x55739d['addEventListener']?_0x55739d['addEventListener']('load',_0x56e68a,!0x1):_0x55739d[_0x5e8bde(0x134)]('onload',_0x56e68a);},'isArray':function(_0x428e7d){var _0xc5214e=_0x114188;return _0x428e7d&&_0xc5214e(_0xd0db21._0x2c7103)===Object[_0xc5214e(0x14f)][_0xc5214e(_0xd0db21._0x4f4fa8)][_0xc5214e(_0xd0db21._0x1c8214)](_0x428e7d);},'trim':function(_0xe39185){var _0x526659=_0x114188;return null==_0xe39185?'':(_0xe39185+'')[_0x526659(_0x3fb04b._0x35e98f)](/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,'');},'eval':function(_0x4c265d){var _0x470303=_0x114188;return new Function('return\x20('+_0x4c265d+')')[_0x470303(0x178)](this);},'dataRender':function(_0x27d539,_0x12815f,_0x120790){var _0x5bc739=_0x114188;return _0x27d539[_0x5bc739(0x171)](/\{{(.+?)\}}/g,function(_0x14b5c8,_0x19bdef){var _0x1d9b05=_0x5bc739;return _0x120790?_0x120790(_0x14b5c8,_0x19bdef):_0x438790[_0x1d9b05(_0x1aa684._0x107578)][_0x1d9b05(_0x1aa684._0x33cf4f)](_0x12815f,_0x19bdef);});},'resize':function(_0x104311){var _0x4f669d=_0x114188;_0x104311&&_0x104311[_0x4f669d(_0x4613fe._0x439979)]&&_0x38f2ff[_0x4f669d(0x181)](_0x104311);},'isElement':function(_0x5bc82d){var _0x37854d=_0x114188;return(_0x37854d(_0x2e3962._0x2b7813)==typeof HTMLElement?function(_0x50e117){return _0x50e117 instanceof HTMLElement;}:function(_0x624520){var _0x58ff8f=_0x37854d;return _0x624520&&0x1===_0x624520[_0x58ff8f(_0x2a41d1._0x1ca0ff)];})(_0x5bc82d);},'isPhoneNum':function(_0x343233){var _0x22fc94=_0x114188;return/^[1][3,4,5,6.7,8,9][0-9]{9}$/[_0x22fc94(_0x5ef2d6._0x493dea)](_0x343233);}}),_0x438790[_0x114188(_0x3bfc2c._0x1f56c7)]({'getWindowHeight':function(){var _0x363b50=_0x114188;return _0x55739d[_0x363b50(_0x14c8f0._0x333b56)]||_0x5bc215[_0x363b50(0x14a)]||_0x148572['clientHeight'];},'parseRem':function(_0x383a95){var _0x58c1b4=_0x114188;return _0x55739d[_0x58c1b4(_0x5a2475._0x461145)](_0x383a95)*this['envir']['remBase'];},'parsePixel':function(_0x31509b){var _0x42dd99=_0x114188;return _0x31509b/this[_0x42dd99(_0x931070._0x5d06d2)][_0x42dd99(0x18e)];},'parseRpx':function(_0x44c7e){var _0x4847ef=_0x114188;return _0x44c7e*this[_0x4847ef(_0x1ed2c0._0x82a5d4)][_0x4847ef(_0x1ed2c0._0x3ee92f)];},'parseWpx':function(_0x20e7f1){var _0x57a36c=_0x114188;return _0x20e7f1/this['envir'][_0x57a36c(0x13c)];},'rpxToRem':function(_0x1d1e38){var _0x30b145=_0x114188;return _0x1d1e38/this[_0x30b145(0x132)]['wpr']*this['envir']['remBase'];},'areaVisualNormal':function(_0x916b24){var _0xd73720=_0x114188,_0x541d8b=this[_0xd73720(_0xd0d28c._0x3bec70)]['dpr'],_0x19d379=this[_0xd73720(0x18a)][_0xd73720(_0xd0d28c._0x10b617)]/_0x541d8b+'%';_0x916b24['style'][_0xd73720(0x133)]=_0xd73720(0x186),_0x916b24['style'][_0xd73720(_0xd0d28c._0x106789)]=_0xd73720(0x176)+_0x541d8b+')',_0x916b24[_0xd73720(0x170)][_0xd73720(_0xd0d28c._0x39f47e)]=_0x19d379,_0x916b24[_0xd73720(0x170)]['width']=_0x19d379,_0x916b24[_0xd73720(_0xd0d28c._0x5bcb27)][_0xd73720(0x175)]=this[_0xd73720(_0xd0d28c._0x3bec70)]['fs']+'px';},'openCalcLayout':function(_0x54cdc4){var _0x19b46a=_0x114188;this[_0x19b46a(0x18a)]['dpr']=_0x54cdc4&&_0x54cdc4['dpr']||_0x239734;var _0x16064f=this[_0x19b46a(_0x2b727c._0x47483d)]['h']/this[_0x19b46a(0x18a)]['w'],_0x30f336=this['setting']['mw'],_0x4dc8be=function(){var _0x5cf930=_0x19b46a,_0x5e2e2c=_0x148572[_0x5cf930(_0x1cc747._0x37f63c)]>_0x30f336?_0x148572['clientWidth']:_0x30f336,_0x59a6d1=_0x5e2e2c*_0x16064f;_0x438790[_0x5cf930(_0x1cc747._0x473ff8)](_0x59a6d1,_0x5e2e2c);};_0x4dc8be(),this['resize'](_0x4dc8be);},'calcLayout':function(_0x1c299d,_0x28abe5){var _0x4a63e6=_0x114188;if(_0x28abe5){var _0x1173ed=this['setting'][_0x4a63e6(_0x12227f._0x2e8e8e)],_0x94f8=this['setting']['fs']*_0x1173ed,_0x55317c=this[_0x4a63e6(_0x12227f._0x287f3b)]['w'],_0x2c2d4b=_0x55317c/this[_0x4a63e6(_0x12227f._0x3b82bf)]['dprb'],_0x3b5090=_0x2c2d4b/_0x55317c,_0xd58388=0x1/_0x1173ed,_0x46ff90=_0x28abe5-_0x55317c,_0x3642e6=_0x46ff90>0x0?_0x55317c:!(_0x46ff90=0x0)&&_0x28abe5;this[_0x4a63e6(0x132)][_0x4a63e6(_0x12227f._0x4ea94b)]=_0x3b5090,this[_0x4a63e6(0x132)][_0x4a63e6(_0x12227f._0x3a653a)]=_0x3642e6/_0x55317c*_0x1173ed,_0x148572['style']['fontSize']=this['setting']['dprb']*(_0x3642e6/_0x55317c)*_0x1173ed+'px';var _0x137054=function(){var _0x4e8920=_0x4a63e6;(document[_0x4e8920(_0x1368d8._0x5a51a7)](_0x4e8920(_0x1368d8._0x11ddee))||_0xfff213)[_0x4e8920(0x170)][_0x4e8920(0x12d)]=_0x4e8920(_0x1368d8._0x40ab92)+_0x2c2d4b+_0x4e8920(0x154)+0x64*_0x1173ed+'%;'+_0x59d2a7+':scale('+_0xd58388+');'+_0x59d2a7+'-origin:'+_0x46ff90+_0x4e8920(0x15e)+_0x3b5090*_0x94f8+_0x4e8920(_0x1368d8._0x55273e);};_0xfff213?_0x137054():_0x438790[_0x4a63e6(_0x12227f._0x34dcdc)](_0x137054);}}}),_0x438790[_0x114188(_0x3bfc2c._0x2d73c0)]({'funchain':function(_0x5f0825,_0x45e075){var _0x427ff5={_0x5b32f5:0x122},_0x52d917={_0x4f1bc3:0x178,_0x5a1c3b:0x135,_0x3ed3b0:0x166,_0x2cfca4:0x135},_0x1b95a5=_0x114188;_0x45e075=_0x438790[_0x1b95a5(_0x25bda4._0x3e6f9e)](_0x45e075)?_0x45e075:[_0x5f0825,[]][_0x438790[_0x1b95a5(0x189)](_0x5f0825)?~~(_0x5f0825=void 0x0):0x1],len=_0x45e075['length'],_0x438790[_0x1b95a5(_0x25bda4._0x488eb4)](function(){var _0x3ae403=_0x1b95a5;function _0x4244ca(_0x144ad4){var _0x36b364=_0x496d;if(_0x2d9c49[_0x144ad4])return _0x2d9c49[_0x144ad4][_0x36b364(0x135)];var _0x5f4f21=_0x2d9c49[_0x144ad4]={'exports':{},'id':_0x144ad4,'loaded':!0x1,'prev':function(){return _0x4244ca(_0x144ad4&&_0x144ad4-0x1);},'next':function(){return _0x144ad4<len-0x1?_0x4244ca(_0x144ad4+0x1):null;},'first':function(){return _0x4244ca(0x0);},'last':function(){return _0x4244ca(len-0x1);}};return _0x5f4f21['loaded']=!0x0,_0x4244ca['i']=_0x144ad4,_0x45e075[_0x144ad4]?_0x45e075[_0x144ad4][_0x36b364(_0x52d917._0x4f1bc3)](_0x5f4f21,_0x5f4f21['exports'],_0x4244ca,_0x144ad4):_0x5f0825[_0x36b364(0x178)](_0x5f4f21,function(_0x2b2ea8){_0x4244ca(_0x2b2ea8||0x0);},_0x5f4f21[_0x36b364(_0x52d917._0x5a1c3b)],_0x4244ca),_0x5f4f21[_0x36b364(_0x52d917._0x3ed3b0)],_0x5f4f21[_0x36b364(_0x52d917._0x2cfca4)];}var _0x2d9c49={};return _0x4244ca['m']=_0x45e075,_0x4244ca['c']=_0x2d9c49,_0x4244ca['p']='',_0x4244ca(_0x5f0825?_0x3ae403(_0x427ff5._0x5b32f5):0x0);});},'Async':new function(){var _0x19d9c3={_0x34e401:0x129,_0x2b0834:0x187,_0x4cfe19:0x179,_0xc432ed:0x156,_0x2d7e80:0x17a},_0x29e129={_0x4e1960:0x14c},_0x2ddd2a={_0x4cfea2:0x17f,_0x588cce:0x16d},_0x3c1b82={_0x501b8c:0x153,_0x205bd7:0x178},_0x4f4375={_0x4ef553:0x14e},_0x370992=_0x114188;_0x438790[_0x370992(_0x1400e3._0x1ee0a7)]['call'](this,{'timeoutFilter':function(_0x26e911){var _0x2eed15=0x0;return _0x26e911=_0x26e911||0x3e8,_0x3490cf=>{_0x2eed15&&clearTimeout(_0x2eed15),_0x2eed15=setTimeout(_0x3490cf&&_0x3490cf||function(){},_0x26e911);};},'timerCtrl':function(_0x36f54d,_0x29e09d){var _0x23a567={_0x25b110:0x14e},_0x1dd5c0={_0x24009a:0x153},_0x179991={_0x167ef0:0x188,_0x594acb:0x15c},_0x549a11={_0x38d39d:0x14e,_0x393c06:0x15c,_0x48e5db:0x16d},_0x536e16={'timer':_0x36f54d||0x1388,'name':_0x29e09d,'run':function(_0x3a0603){var _0x24b206=_0x496d;clearInterval(_0x536e16['timerPointer']),_0x536e16[_0x24b206(_0x549a11._0x38d39d)]=setInterval(_0x536e16['fn'][_0x24b206(0x16d)](_0x536e16[_0x24b206(_0x549a11._0x393c06)]),_0x536e16[_0x24b206(0x188)]),_0x3a0603&&_0x536e16['fn'][_0x24b206(_0x549a11._0x48e5db)](_0x536e16[_0x24b206(0x15c)])();}},_0x15a99c=function(_0x468e4f){var _0x5b4374={_0x4a594a:0x167,_0x3bd9af:0x188},_0x21d996=_0x496d;_0x536e16[_0x21d996(_0x179991._0x167ef0)]=_0x468e4f,_0x536e16[_0x21d996(_0x179991._0x594acb)]=this;var _0x5d1107=function(_0x419c93,_0x30ca81,_0x4a39b5){var _0x217b25=_0x21d996;_0x217b25(0x18d)==typeof _0x419c93&&(_0x536e16[_0x217b25(_0x5b4374._0x4a594a)]=_0x4a39b5,_0x30ca81&&(_0x536e16[_0x217b25(_0x5b4374._0x3bd9af)]=_0x30ca81),_0x536e16['fn']=_0x419c93,_0x536e16[_0x217b25(0x153)][_0x217b25(0x178)](this));};return _0x5d1107['__proto__']=this['__proto__'],_0x5d1107;};return _0x15a99c['prototype']={'stop':function(){var _0xec4047=_0x496d;_0x536e16[_0xec4047(_0x4f4375._0x4ef553)]&&clearInterval(_0x536e16['timerPointer']);},'start':function(_0x5cab29){var _0x2c22d4=_0x496d;_0x536e16['fn']&&_0x536e16[_0x2c22d4(_0x1dd5c0._0x24009a)][_0x2c22d4(0x178)](this,_0x5cab29);},'setTime':function(_0x2d96e9){var _0xcbf590=_0x496d;_0x2d96e9&&(_0x536e16['timer']=_0x2d96e9),_0x536e16['fn']&&_0x536e16[_0xcbf590(_0x3c1b82._0x501b8c)][_0xcbf590(_0x3c1b82._0x205bd7)](this);},'clear':function(){var _0x4a66b5=_0x496d;_0x536e16[_0x4a66b5(0x14e)]&&clearInterval(_0x536e16[_0x4a66b5(_0x23a567._0x25b110)]),_0x536e16={'timer':0x1388};}},new _0x15a99c(_0x36f54d);},'loopList':function(_0x2233b0,_0x4850e9,_0x5b46df){var _0x560e64={_0xe4efec:0x178},_0x133930={_0x3dd7f3:0x178},_0x25d29f=_0x370992,_0x19eddb='object'==typeof _0x2233b0?Object[_0x25d29f(0x123)](_0x2233b0):_0x2233b0||[],_0x7d0ae2=_0x19eddb[_0x25d29f(_0x2ddd2a._0x4cfea2)];(function _0x14af2d(_0x5caec2){var _0xec87e4={_0xf351ee:0x178};_0x5caec2<_0x7d0ae2?((()=>{var _0x24ec9a=_0x496d,_0x1d687d=_0x19eddb[_0x5caec2];_0x4850e9&&_0x4850e9[_0x24ec9a(_0x133930._0x3dd7f3)](this,_0x1d687d,_0x2233b0[_0x1d687d],()=>{var _0x3b195d=_0x24ec9a;_0x14af2d[_0x3b195d(_0xec87e4._0xf351ee)](this,++_0x5caec2);},_0x5caec2);})()):((()=>{var _0x43ebf4=_0x496d;_0x5b46df&&_0x5b46df[_0x43ebf4(_0x560e64._0xe4efec)](this);})());}[_0x25d29f(_0x2ddd2a._0x588cce)](this)(0x0));},'Promise':function(_0x2c7f26){var _0x5205f2={_0x3c09f2:0x12f},_0x2eec8c={_0x581754:0x147},_0x4ca635={_0x2c686c:0x12f},_0x58b083=_0x370992;let _0x13a97a=_0x58b083(0x158),_0x28e54a=_0x58b083(0x151),_0x455bf4=_0x58b083(_0x19d9c3._0x34e401),_0x5c4694=new Promise(function(_0xf67463,_0x1e7fd5){_0x2c7f26['abort']=function(){var _0x10097c=_0x496d;_0x1e7fd5(arguments[0x0]),Object[_0x13a97a](_0x3a7775,_0x455bf4,{'value':_0x10097c(_0x4ca635._0x2c686c),'writable':!0x0});},_0x2c7f26(_0xf67463,_0x1e7fd5);}),_0x3a7775=new function(){var _0x40829a=_0x58b083;this[_0x40829a(0x187)]['constructor']=_0x5c4694[_0x40829a(_0x2eec8c._0x581754)];}(),_0x1c1a7b=_0x3a7775[_0x58b083(_0x19d9c3._0x2b0834)];return Object[_0x13a97a](_0x1c1a7b,_0x58b083(_0x19d9c3._0x4cfe19),{'value':function(){let _0x2b3511=arguments[0x0];return _0x5c4694=_0x5c4694['then'](async function(){var _0x353397=_0x496d;if(_0x353397(_0x5205f2._0x3c09f2)!==_0x3a7775[_0x455bf4]){var _0x17dbe3=await _0x2b3511(_0x3a7775[_0x28e54a]||arguments[0x0]);return Object[_0x13a97a](_0x3a7775,_0x28e54a,{'value':_0x17dbe3||_0x3a7775[_0x28e54a],'writable':!0x0}),_0x17dbe3;}},function(_0x20022a){}),_0x3a7775;}}),Object[_0x13a97a](_0x1c1a7b,_0x58b083(0x14c),{'value':function(){var _0x122086=_0x58b083;return _0x5c4694[_0x122086(_0x29e129._0x4e1960)](arguments[0x0]),_0x3a7775;}}),Object[_0x13a97a](_0x1c1a7b,_0x58b083(_0x19d9c3._0xc432ed),{'value':function(){let _0x4a2722=arguments[0x0];return _0x5c4694['finally'](function(){return _0x4a2722&&_0x4a2722(),_0x3a7775;}),_0x3a7775;}}),Object[_0x13a97a](_0x1c1a7b,_0x58b083(_0x19d9c3._0x2d7e80),{'value':_0x2c7f26[_0x58b083(_0x19d9c3._0x2d7e80)]}),_0x3a7775;}});}(),'Utils':new function(){var _0x5daabd={_0x3dbfcb:0x123,_0x224e3e:0x17d};return{'UUID':function(){var _0x36db59={_0x310484:0x11e},_0x5adc2e=_0x496d;return _0x5adc2e(0x191)[_0x5adc2e(0x171)](/[xy]/g,function(_0xcf846a){var _0x2f23ab=_0x5adc2e,_0x117881=0x10*Math[_0x2f23ab(0x18b)]()|0x0;return('x'==_0xcf846a?_0x117881:0x3&_0x117881|0x8)[_0x2f23ab(_0x36db59._0x310484)](0x10);});},'Guid':function(_0x2d8672,_0x282269){var _0x35a260={_0x3fc61b:0x18b},_0x3b7ca7=_0x496d;return(_0x2d8672||'')+(_0x282269?new Array(_0x282269+0x1)[_0x3b7ca7(0x130)]('x'):_0x3b7ca7(0x195))['replace'](/[xy]/g,function(_0x41625a){var _0x20ae91=_0x3b7ca7,_0x910dac=0x10*Math[_0x20ae91(_0x35a260._0x3fc61b)]()|0x0;return('x'==_0x41625a?_0x910dac:0x3&_0x910dac|0x8)[_0x20ae91(0x11e)](0x10);});},'treeListBuild':function(_0x421983){var _0x2b65e5=_0x496d;for(var _0x385a23={},_0x53c2c5={},_0x12aaed=_0x421983[_0x2b65e5(0x17f)],_0x4e5d0b=0x0;_0x4e5d0b<_0x12aaed;_0x4e5d0b++){_0x385a23[~~(_0x151852=_0x421983[_0x4e5d0b])['pid']]=_0x53c2c5[_0x151852['id']]=_0x151852;}for(var _0x151852 of _0x421983){var _0x21e8d2=_0x53c2c5[_0x151852[_0x2b65e5(0x138)]];if(_0x21e8d2){var _0x1ed75d=_0x21e8d2['children'];_0x21e8d2[_0x2b65e5(0x140)]=_0x1ed75d&&_0x1ed75d[_0x2b65e5(0x181)](_0x151852)&&_0x1ed75d||[_0x151852];}}return _0x53c2c5=null,_0x385a23[Object[_0x2b65e5(_0x5daabd._0x3dbfcb)](_0x385a23)[_0x2b65e5(_0x5daabd._0x224e3e)]()[0x0]];}};}()}),_0x55739d[_0x114188(_0x3bfc2c._0x1476aa)](_0x114188(0x17b),function(){var _0x15755c=_0x114188;for(var _0x5ac4e7=_0x38f2ff[_0x15755c(_0x422219._0x280db7)],_0x22595d=0x0;_0x22595d<_0x5ac4e7;_0x22595d++)_0x38f2ff[_0x22595d][_0x15755c(_0x422219._0x3580ac)](_0x438790);},!0x1),(_0x438790['prt']['init']=function(_0x4be45c,_0x10dd02){var _0xc7d12=_0x114188;return _0x4be45c[_0xc7d12(0x165)]?(this[0x0]=_0x4be45c,this['length']=0x1,this):typeof _0x4be45c==='function'?_0x438790[_0xc7d12(_0x5a7f26._0x1f7904)](_0x4be45c,_0x10dd02):_0x4be45c;})[_0x114188(0x14f)]=_0x438790[_0x114188(0x157)],_0x438790(function(){},0x1),_0x55739d['qf']=_0x135f46['qf']=_0x438790;}(_0x46b135));}('undefined'!=typeof window?window:this);}]));
\ No newline at end of file
public/datav/js/qf_web_ui.min.js 0 → 100644
View file @ f9487c61
/*
name: qf_web_ui
version: V1.157
*/
!function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){!function(e){document;var t=document.body;window;new function(){var i={},o={getRegistStyle:function(e){return{loader:[{i:0,k:"@keyframes loader-a1",v:"0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}"},{i:1,k:"@keyframes loader-a2",v:"0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}"},{i:2,k:".kim-loader:before,.kim-loader:after",v:'content:"";position:absolute;border-radius:50%;border:4px solid #1276E3;'},{i:3,k:".kim-loader:before",v:"height:60px;width:60px;border-left-color:transparent;border-bottom:0;animation:loader-a1 1s cubic-bezier(.42, .61, .58, .41) infinite;"},{i:4,k:".kim-loader:after",v:"height:40px;width:40px;border-top-color:transparent;border-right:0;animation:loader-a2 1s cubic-bezier(.42, .61, .58, .41) infinite;"}]}[e]},createStyleElement:function(e,t){var n=document.createElement("style");return n.type="text/css",n.id=e||"kmb-popmd-e3d8-style",t?t.appendChild(n):document.head.appendChild(n),n},getStyleSheet:function(e,t){return(document.getElementById(e||"kmb-popmd-e3d8-style")||this.createStyleElement(e,t)).sheet},setStyleSheet:function(e,t,n,i){var o=i||this.getStyleSheet();o&&(o.insertRule?o.insertRule(e+"{"+t+"}",n):o.addRule(e,t,n))},setStyleSheets:function(e){var t=this.getStyleSheet();if(!t.rules[e[0].i])for(var n of e){var i=n.k,o=n.v,r=n.i;t.insertRule?t.insertRule(i+"{"+o+"}",r):t.addRule(i,o,r)}}};let r=function(e){var t=e.zIndex||2023,n=e.className?" "+e.className:"",i=e.backgroundColor||"rgba(0,0,0,.5)",o=document.getElementById(e.id||"kmbBaseLayer_e3d8")||document.createElement("div");o.id=e.id||"kmbBaseLayer_e3d8",o.className="kmb-basepopuplayer"+n;var r=e.coverFull?"width:100%;justify-content:center;":"";return o.style.cssText="position:fixed;top:0;left:0;width:0;height:100%;"+r+"z-index:"+t+";background-color:"+i+";display:flex;align-items:center;",o},a=function(t,n){if("Object"===n.constructor.name&&n.show){var i=e.extend.call({size:12,point:"top",x:0,y:0,borderColor:"#3EB7EA",background:"rgba(0,0,0,.9)"},n||{}),o=i.size||12,r=i.point||"top",a=i.x||0,s=i.y||0,l=i.borderColor||"#3EB7EA",c=i.background||"rgba(0,0,0,.9)",u=0-o/2,d=~~Math.sqrt(o*o*2)-o-1,h="left",m="top",f=d,p=u,v=45;"left"===r||"right"===r?(f=u,p=d,v="right"===r?(h="right")&&135:-45):"bottom"===r&&(m="bottom",v=225);var g=~~(o+2)+"px",b='content:"";position:absolute;'+(m+":"+(p+s)+"px")+";"+(h+":"+(f+a)+"px")+";height:"+o+"px;width:"+o+"px;",y="border-color:"+l+" transparent transparent "+l+";",x=document.createElement("i");x.style.cssText=b+"background-color:"+c+";border-style:solid;border-width:1px;"+y+"transform:rotate("+v+"deg);clip-path:polygon(0% 0, "+g+" 0, 0% "+g+");",t.appendChild(x)}},s=function(e,t){var n=(t="Object"===t.constructor.name?t:{horizontal:"right",vertical:"top"}).vertical||"top",i=t.horizontal||"right",o=document.createElement("i");o.innerText="＋",o.className="close",o.style.cssText="position:absolute;"+n+":-.13rem;"+i+":-.13rem;height:.26rem;width:.26rem;font-style:normal;font-size:.30rem;font-weight:100;border:1px solid #3EB7EA;display:flex;justify-content:center;align-items:center;border-radius:.20rem;transform:rotate(45deg);background:rgba(0,0,0,.5);cursor:pointer;color:#3EB7EA;user-select:none;",e.appendChild(o)};e.extend.call(this,{popupLayer:function(e){var t=e.title&&(e.title.indexOf("<")>-1?e.title:"<span>"+e.title+"</span>")||"",n=e.closeBtnColor?"color:"+e.closeBtnColor:"",i=t?'<div class="qfui-message-box el-message-box__header"><div class="el-message-box__title">'+t+"</div></div>":"",o=e.confirm,r="[object Function]"===Object.prototype.toString.call(o)?'<div class="el-message-box__btns"><button type="button" aria-label="Confirm" class="el-button el-button--default el-button--small el-button--primary">确定</button></div>':"",a='<div class="kmb-message-box custom-alert">'+i+'<div class="el-message-box__content" style="min-width:300px;width:'+e.width+'"><div class="alert-ctbox">'+(e.html||"")+"</div></div>"+r+'<button class="el-message-box__headerbtn el-icon-close" aria-label="Close" style="'+n+'"></button></div>',s=document.createElement("div");s.id="culayer",s.className="el-message-box__wrapper "+(e.className||""),s.style.cssText="z-index:2001;background-color:rgba(0,0,0,.5);",s.innerHTML=a,document.body.appendChild(s);var l=s.querySelector(".alert-ctbox");e.onload&&e.onload(l),s.onclick=function(t){var n=t.target||t.srcElement;"BUTTON"===n.nodeName&&("Confirm"===n.getAttribute("aria-label")?(document.body.removeChild(s),e.confirm&&e.confirm(l)):"Close"===n.getAttribute("aria-label")&&(document.body.removeChild(s),e.close&&e.close()))}},scrollingPreview:function(t){var n=0,i=function(t){var i=this;this.box=t,this.init(),e.resize((function(){this.rTimer&&clearTimeout(this.rTimer),delete this.rTimer;var e=i.boundary.dist,o=e?e/(i.boundary=i.getBoundary()).dist:1;t.scrollTop=n/=o,this.rTimer=setTimeout(()=>{!i.animId&&i.start()},1500)}))};return i.prototype={init:function(){var e=this;this.flag=this.getPointer(),this.box.onmousedown=function(){e.cancel()},this.box.onmouseup=function(t){t.target.className.match("scrolling4")&&(n=t.target.scrollTop),e.start()},e.start()},getBoundary:function(){var e=this.box.scrollHeight-this.box.offsetHeight;return{dist:e,apex:e*((this.flag+1)/2)}},getPointer:function(){return Math.abs(this.box.scrollTop-1)-this.box.scrollTop},getItemHeight:function(e){return(e.children.length>2?e.lastElementChild:{}).offsetHeight||30},start:function(){this.boundary=this.getBoundary(),this.childHeight=this.getItemHeight(this.box),this.boundary.dist>this.childHeight&&this.animloop()},animloop:function(){this.box.scrollTop*this.flag>=this.boundary.apex?(this.flag=this.getPointer(),this.boundary=this.getBoundary(),this.boundary.dist>this.childHeight?this.animloop():this.cancel()):(this.box.scrollTop=n,t.scrollHeight-t.offsetHeight<n&&(this.flag=this.getPointer(),this.boundary=this.getBoundary()),n+=.3333*this.flag,this.animId=window.requestAnimationFrame(this.animloop.bind(this)))},cancel:function(){this.animId&&cancelAnimationFrame(this.animId),delete this.animId},update:function(){this.cancel(),this.start()}},{update:function(){new i(t).update()}}},Notify:function(n){var i=this,o={close:!0},r=(n=n||{}).duration||2e4,a=n.title||"提示",s=n.type||"warning",l=n.message||"提示内容！",c=n.zIndex||2e3;return position=n.position||"bottom",this.__proto__={open:function(u){u=u||{},o.ctn=o.ctn||document.createElement("div"),o.ctn.className="el-notification right el-notification-fade-enter el-notification-fade-leave-active",o.ctn.style=position+":16px;z-index:"+c+";",o.ctn.innerHTML='<i class="el-notification__icon el-icon-'+s+'"></i><div class="el-notification__group is-with-icon"><h2 class="el-notification__title">'+(u.title||a)+'</h2><div class="el-notification__content">'+(u.content||l)+'</div><div class="el-notification__closeBtn el-icon-close"></div></div>',t.appendChild(o.ctn),setTimeout((function(){o.ctn.classList.remove("el-notification-fade-enter","el-notification-fade-leave-active")}),100),o.timer=e.Async.timeout((function(){i.close()}),r),o.ctn.onclick=function(e){var t=e.target||e.srcElement;t.classList.contains("el-icon-close")?i.close():n.onClick&&n.onClick(t)},o.ctn.addEventListener("mouseenter",(function(){!o.await&&o.timer.pause()}),!1),o.ctn.addEventListener("mouseleave",(function(){!o.await&&o.timer.continued()}),!1)},close:function(e){o.close&&(o.await=!0,o.ctn.classList.add("el-notification-fade-leave-active"),o.timer.clear(),setTimeout((function(){t.removeChild(o.ctn),!e&&n.onClose&&n.onClose()}),200),delete o.close)},pause:function(){o.await=!0,o.timer.pause()},recover:function(){o.timer.continued(),o.await=!1}},n.autoOpen&&this.open(),this},baseLayer:function(e){var t=e.html||'<div class="kmbbase-wrap"></div>',i=e.moudelClass?" "+e.moudelClass:"",o=e.container||document.body,a=e.name||"",s=e.id||n.Guid("k");return function(){var n,l,c=(n=o,(l=function(){var o,l,c=this.Wrap=(o=document.createElement("div"),l="k"+s+i,o.className="kmb-popmd-e3d8 "+l,o.style.cssText="position:absolute;display:none;",o.innerHTML=t,o),u=e.cover?this.parent=r(e).appendChild(c).parentNode:c;n.appendChild(u),this.el=this.Wrap.firstElementChild||this.Wrap,this.container=u,this.parent=this.parent||n,this.id=s,this.name=a,u.onclick=function(t){t.target||t.srcElement,e.click&&e.click(t)},this.open()}).prototype={open:function(){this.Wrap.style.display="block",this.show=!0},close:function(){this.Wrap.style.display="none",this.show=!1,e.close&&e.close()},remove:function(t){this.Wrap.remove(),this.show=!1,n!==this.parent&&!this.parent.firstElementChild&&n.removeChild(this.parent),e.close&&e.close(t)},setStyle:function(e,t){Object.assign((e||this.Wrap).style,t)}},new l);return this.prototype={},e.onload&&e.onload(c),c}.call((function(){}))},popWindow:function(e){e=e||{};var t=this.baseLayer(e);e.pointer&&a(t.Wrap,e.pointer),e.closeButton&&(e.closeEvent=!0)&&s(t.Wrap,e.closeButton);var n=e.click;return e.click=function(i){var o=i.target||i.srcElement;n&&n(o),e.closeEvent&&o.classList.contains("close")&&o.parentNode===t.Wrap&&t.remove(i)},t},checkListRender:function(e){var t=(e=e||{}).list||[],i=e.select||[],o=e.type||"radio",r="radio"===o?'name="'+n.Guid("k")+'" ':"",a="",s=(document.createElement("div"),function(e){for(var t of i)return e===t});for(var l of t){var c=l[e.name||"name"],u=l[e.value||"value"];a+='<dd><label style="display:flex;user-select:none;cursor:pointer;"><span style="display:flex;"><input type="'+o+'" '+(s(u)?'checked="true"':"")+' value="'+u+'" '+r+' data-name="'+c+'"></span><span class="el-'+o+'__label"><span>'+c+"</span></span></label></dd>"}return'<div class="kmb-checkbox" style="position:relative;height:100%;"><dl class="scrolling4">'+a+"</dl></div>"},selectRender:function(e,t,n){for(var i=t.length,o="",r=0;r<i;r++){var a=t[r];o+='<option value="'+a[n.value||"value"]+'" data-index="'+r+'">'+a[n.name||"name"]+"</option>"}return n.onchange&&(e.onchange=function(e){var t=(e.target||e.srcElement).selectedOptions[0];n.onchange(t.value,t)}),e.innerHTML=o,n.onload&&n.onload(e.options[0]&&e.options[0].value),e},progressBar:function(t){t=t||{};var n=this;return e.UI.popWindow({name:"div_1",html:'<div class="progress" style="width:7rem;"><div class="progress-bar" style="width:0%">0</div></div>',onload:function(e){var i=o.getStyleSheet("progressStyle",e.Wrap);o.setStyleSheet(".progress","position:relative;height:15px;line-height:14px;border-radius:20px;box-sizing:content-box;color:#fff;font-size:12px;text-align:center;user-select:none;",0,i),o.setStyleSheet(".progress .progress-bar","animation:reverse progress-bar-stripes 0.80s linear infinite,animate-positive 1s;border-radius:20px;background-color:#5bc0de;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;height:100%;transition:width .3s ease;",1,i),o.setStyleSheet("@keyframes progress-bar-stripes","from{background-position:40px 0}to{background-position:0 0}",2,i),o.setStyleSheet("@keyframes animate-positive","0%{width:0}",3,i),e.setStyle(e.Wrap,t);var r=e.el.firstElementChild;e.setValue=function(e){r.innerText=e+"%",r.style.width=e+"%"},n.model=e}}),n.model},loading:function(t){var r=(t=t||{}).timer||0,a=t.zIndex||1e3,s=t.container||document.body,l=s.dataset.loaderid||n.Guid(),c="loadingUI_"+l+(t.id||""),u=i[c];return u?(u.clearTimer(),r&&u.timeout(r),u.res):(s.dataset.loaderid=l,o.setStyleSheets(o.getRegistStyle("loader")),u=i[c]={id:c,layer:function(){var n='<div class="kim-loader" style="position:absolute;top:50%;left:50%;height:80px;width:80px;margin:-40px 0 0 -40px;display:flex;justify-content:center;align-items:center;"></div>';if("none"!==t.mask){var i=t.maskColor||"rgba(0,0,0, .5)";return e.UI.baseLayer({closeEvent:!0,container:s,html:n,onload:function(e){e.setStyle(e.Wrap,{top:0,left:0,height:"100%",width:"100%",backgroundColor:i,zIndex:a})}})}var o=document.createElement("div");return o.innerHTML=n,s.appendChild(o.firstElementChild)}(),timeout:function(e){this.timerId=setTimeout(()=>{this.layer.remove(),delete i[c]},e)},clearTimer:function(e){delete i[c],this.timerId&&clearTimeout(this.timerId)}},r&&u.timeout(r),u.res={close:function(){u.clearTimer(),u.layer.remove()}})},tabStyleActive:function(e,t,n,i){if(!t.classList.contains(n)){var o=e.querySelector("."+n);o&&o.classList.remove(n),t.classList.add(n),i&&i()}}}),e.UI=this},new function(){var t=e.Async||this;t.__proto__={intervalLoop:function(e,t,n){var i=function(e,t,n){t&&t(),this.timer=setInterval((function(){n?n():t()}),e||3e3)};return i.prototype={clear:function(){clearInterval(this.timer)}},"function"==typeof t?new i(e,t,n):console.log("intervalLoop param must contain function")},timeout:function(e,t){return t=t||3e3,new function(){var n,i,o;return this.__proto__={start:function(t){i=(new Date).getTime(),n=setTimeout((function(){t=i=o=0,e&&e()}),t)},pause:function(){
//!pauseTime && (pauseTime = new Date().getTime());this.clear()
o=(new Date).getTime(),this.clear()},continued:function(e){t-=o-i,o&&t>0&&this.start(e||t)},clear:function(){clearTimeout(n)}},this.start(t),this}},randomRuntimer:function(t,n){if("randomRuntimer"!==this.constructor.name)return Error("Please instance this object first");let i={getDefaultTime:function(){return 1e3*(4+~~(6*Math.random()+1))},nowCallback:!1,firstTimer:null},o=(n=n||i).firstTimer||i.getDefaultTime(),r=e.Async.timeoutFilter(5e3),a=new e.Async.timerCtrl(o,"timerA");return a((function(){a.stop();let e=i.getDefaultTime(),n=t&&t(e);!1!==n&&a.setTime(n||e)})),n.nowCallback&&a.start(!0),this.run=function(){a.stop(),r((function(){a.setTime(getDefaultTime())}))},this}}},new function(){var t=e.Vue||this;t.__proto__={onEventInfos:function(e){var t=this.toString.$state._vm,n=t.$root.constructor;n.config.errorHandler=function(i,o){t.$nextTick(()=>{var t=o.$el._prevClass,n=[];if(t.match("el-select"))if(o.selected[0])for(var i of o.selected)n.push({name:i.label,value:i.value});else n={name:o.selectedLabel,value:o.value};else if(t.match("el-radio-group")){var r=o.$children;for(var a of r)a.$el.ariaChecked&&(n={name:a.$el.innerText,value:o.value})}else if(t.match("el-checkbox-group")){r=o.$children;for(var a of r)a.isChecked&&n.push({name:a.$el.innerText,value:a.label})}e&&e.call(this,o.value,n,o.hoverIndex)}),n.config.errorHandler=null}.bind(this);var i=new Promise((function(e,t){}));return i.catch=function(e,t,n){e(Error)},i},renderTo:function(e){var t=window.__VUE_HOT_MAP__,n=(this.toString.$state||{})._vm||this;return new(t?t[Object.keys(t)[0]].Ctor.super:n.$root.constructor)({el:e.el,data:e.data,render:function(t){var n=this,i=n._self._c,o=e.attrs;o="function"==typeof o?o.call(n._self):Object.assign({},o);var r={style:e.style,attrs:o,on:{change:e.change||""},model:{value:n._self[e.datakey||e.value],callback:function(t){n.$set(n._self,e.value,t)}}};return i(e.name,r)}})}},e.Vue=t},new function(){var t=e.Event||this;t.__proto__={eventRegister:function(e){var t,n,i,o=e.eventEl,r=!e.event,a=function(e,t){o.addEventListener(e,t,!1)},s=function(e,t){o.removeEventListener(e,t,!1)},l=function(){this.eventHandler=function(e){return this.eventTrigger=function(){a("mousemove",e),a("mouseup",e),a("mouseleave",e)},this.eventRemove=function(){s("mousemove",e),s("mouseup",e),s("mouseleave",e)},this.addEvent=function(){a("mousedown",e)},this.removeEvent=function(){s("mousedown",e)},this}.call({},this),this.eventHandler.addEvent(),e.event&&this.eventHandler.eventTrigger()};return l.prototype={handleEvent:function(e){switch(e.type){case"mousedown":this.start(e);break;case"mousemove":this.move(e);break;case"mouseup":this.up(e);break;case"mouseout":case"mouseover":case"mouseleave":this.end(e)}},start:function(o){t=o.pageX,n=o.pageY,o.timeStamp-i<280&&this.sX===t&&this.sY===n?(this.isDb=!this.isDb,clearTimeout(this.timeout),e.dblclick&&e.dblclick(o)):e.start&&e.start(o),this.sX=t,this.sY=n,i=o.timeStamp,!e.event&&this.eventHandler.eventTrigger()||(r=!0)},move:function(t){r&&(e.disc?"y"===e.disc?t.destY=t.pageY-this.sY:t.destX=t.pageX-this.sX:(t.destX=t.pageX-this.sX,t.destY=t.pageY-this.sY)),e.move&&e.move(t)},end:function(t){e.end&&e.end(t),!e.event&&this.eventHandler.eventRemove()||(r=!1)},up:function(t){var n=this;!(e.mouseup&&e.mouseup(t))&&this.end(t),e.click&&"mouseup"===t.type&&t.timeStamp-i<180&&this.sX===t.pageX&&this.sY===t.pageY&&(clearTimeout(this.timeout),this.timeout=setTimeout((function(){n.isDb?n.isDb=!n.isDb:e.click(t)}),150))}},new l}},e.Event=t};const n=new function(){var t=e.Utils||this;return t.__proto__={generateMixed:function(e){for(var t=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"],n="",i=0;i<e;i++){n+=t[Math.ceil(35*Math.random())]}return n},Dates:function(e){return{format:function(t){var n=e?new Date(e):new Date,i={"M+":n.getMonth()+1,"d+":n.getDate(),"h+":n.getHours()%12==0?12:n.getHours()%12,"H+":n.getHours(),"m+":n.getMinutes(),"s+":n.getSeconds(),"q+":Math.floor((n.getMonth()+3)/3),S:n.getMilliseconds()};for(var o in/(y+)/.test(t)&&(t=t.replace(RegExp.$1,(n.getFullYear()+"").substr(4-RegExp.$1.length))),/(E+)/.test(t)&&(t=t.replace(RegExp.$1,(RegExp.$1.length>1?RegExp.$1.length>2?"星期":"周":"")+{0:"日",1:"一",2:"二",3:"三",4:"四",5:"五",6:"六"}[n.getDay()+""])),i)new RegExp("("+o+")").test(t)&&(t=t.replace(RegExp.$1,1==RegExp.$1.length?i[o]:("00"+i[o]).substr((""+i[o]).length)));return t},getDayStamp:function(){return{start:new Date((new Date).toLocaleDateString()).getTime()/1e3,end:~~((new Date).getTime()/1e3)}}}},arrayToJsonDict:function(e,t,n){var i={};if(e[0]&&e.push)for(var o=0,r=e.length;o<r;o++){var a=e[o];i[a[t||"id"]||o]=n?a[n]||n:a}return i},imageToBase64:function(e,t,n){var i=function(e,t){var n=new Image;n.src=e,n.crossOrigin="*",n.onerror=function(){new Error("图片加载失败")},n.onload=function(){var e=n.width,i=n.height;return t(function(e,t,n){var i=document.createElement("canvas");i.width=t,i.height=n;var o=i.getContext("2d");o.fillStyle="transparent",o.fillRect(0,0,t,n),o.drawImage(e,0,0,t,n);var r={};return r.base64=i.toDataURL("image/jpeg",.7),r.base64Len=r.base64.length,i=null,r}(n,e,i),n=null)}},o=e&&e.files[0];return new Promise((n,r)=>{if(!(o.name.indexOf(".jpg")>0||o.name.indexOf(".png")>0))return e.value="",r({type:4,msg:"图片文件类型不正确！"});var a="string"==typeof o?o:URL.createObjectURL(o);i(a,(function(e){return e.base64Len?t&&t(e)||n(e):r(e)}))})},strAverageCut:function(e,t){for(var n=e.length,i=~~(n/(t=(t>n?n:t)||1)),o=n%t,r=[],a=0,s=0;s<t;s++){var l=i+~~(s<o);r[s]=e.substr(a,l),a+=l}return r},getRandomColor:function(e){for(var t=this.strAverageCut(e,3),n=0,i=t.length;n<i;n++)t[n]=(parseInt(t[n],16)>>16&255)/255;return t},recursion:function(e,t,n,i){return function e(o){for(var r of o)n?!t(r)&&r[n]&&e(r[n]):(i=t(r))&&i&&e(r[i])}(e)}},t}}(qf)}]);
\ No newline at end of file
public/datav/natural.html 0 → 100644
View file @ f9487c61
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=no" />
<title>中和地信自然资源管理平台</title>
<link rel="stylesheet" href="css/common.css">
<!-- <link rel="stylesheet" href="css/index.css"> -->
<!-- 引入样式 -->
<link rel="stylesheet" href="css/element-ui.css">
<!-- 引入样式文件 -->
<link rel="stylesheet" href="css/vant@4.css" />
<style type="text/css">
html, body, #edge{height:100%;}
body{overflow-x:hidden;background-color:#000;overflow:hidden;}
*, :after, :before{box-sizing:border-box;}
.amap-logo {
z-index: -10;
}
.amap-copyright{
z-index: -10;
}
.el-autocomplete-suggestion{
width: 330px !important;
}
.buttons-box {
width: 100%;
height: 28px;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
bottom: 0;
user-select: none;
z-index: 10;
}
.jessibuca-btn {
width: 20px;
color: rgb(255, 255, 255);
line-height: 27px;
margin: 0px 10px;
padding: 0px 2px;
cursor: pointer;
text-align: center;
font-size: 0.8rem !important;
}
.buttons-box-right {
position: absolute;
right: 0;
}
</style>
<style type="text/css">
@font-face {font-family:"diget year";src: url("static/fonts/DS-Digital.ttf");};
@font-face {font-family:"ShuHei";src: url("static/fonts/AlimamaShuHeiTi-Bold.ttf");};
.font_digit{font-family:diget year;}
.font_ShuHei{font-family:ShuHei;}
#edge{
background:no-repeat center center url('static/natural/bg.png');
background-size:cover;
}
.a_0, .b_0{position:absolute;}
>.actv{display:block;}
.a_0{
top:0;left:0;height:100%;width:100%;
.a0_{
position:absolute;top:0;left:0;height:auto;width:100%;z-index:1;
header{
position:absolute;top:0;left:0;height:0;width:100%;z-index:5;
display:flex;user-select:none;justify-content:center;
.b1_bg{
position:relative;height:1.06rem;width:100%;
margin: 0 auto;
background:no-repeat top center url('static/natural/top_title.png');
background-size:auto 1.06rem;
display:flex;justify-content:center;pointer-events:none;
/* &:before{
content:"";position:absolute;top:0;left:0;height:1.50rem;width:100%;
background:no-repeat top center url('static/natural/top_ttl.png');
background-size:100%;z-index:-1;
} */
h2{
font-size:.38rem;line-height:1;margin:.19rem 0 0 .04rem;font-weight:bold;
font-family:'element-icons';color:#fff;
background-image:linear-gradient(to bottom, #ffffff, #d3f7f4, #37e1da);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
letter-spacing:.04rem;height:max-content;
}
}
.a0a_{
position:absolute;top:0;left:0;height:0;width:100%;
display:flex;justify-content:space-between;
ul{
height:0;display:flex;margin-top:.39rem;width:5.15rem;
li{
width:1.35rem;height:.40rem;cursor:pointer;border-radius:.05rem;
background-repeat:no-repeat;background-position:top center;background-size:100% 100%; background-image:url('static/natural/t_btn.png');
&:hover{
box-shadow:inset 0 0 0.08rem 0.03rem rgba(42,248,251, .8);
background-image:url('static/natural/t_btn_hover.png');
}
a{
color:#fff;height:100%;width:100%;font-size:.16rem;
display:flex;justify-content:center;align-items:center;
&:before{
content:"";height:.19rem;width:.19rem;margin-right:8px;
background-repeat:no-repeat;background-position:center center;background-size:100%;
}
}
}
li:last-child{
margin-right:0;
}
}
ul:first-child{
margin-left:.16rem;
a{
&:before{
background-image:url('static/natural/t_btn_l1.png');
}
}
}
ul:last-child{
margin-right:.16rem;display:flex;justify-content:right;
a{
&:before{
background-image:url('static/natural/t_btn_l2.png');
}
}
}
}
.selects{
display:flex;justify-content:center;
position:absolute;height:auto;width:6rem;top:1.05rem;padding-left:.20rem;
select{
margin-right:.20rem;
background-color:transparent;color:#21817E;
border-color:transparent;
}
display:none;
}
}
}
}
.b_0{
display:flex;top:0.96rem;left:0;bottom:0;width:0;background-color:rgba(0,0,0,.15);z-index:2;
.b0_{
display:flex;flex-direction:column;justify-content:center;height:100%;width:0;
.kmb-checkbox{
dd{line-height:.35rem;}
}
.side{
// display:none;
width:5.00rem;height:0;
display:flex;flex-direction:column;justify-content:center;user-select:none;color:#fff;
&>div{
flex:none;position:relative;margin-bottom:.27rem;
max-height:48.5vh;
}
.abs-full{
display:flex;flex-direction:column;
.chart{position:relative;}
}
.m-tt{
height:.42rem;
background:no-repeat center center url('static/natural/box_head.png');
background-size:100% 100%;
h4{
height:100%;line-height:.40rem;font-size:.18rem;padding-left:.59rem;
font-family:serif;font-style:italic;letter-spacing:.01rem;
background-image:linear-gradient(to bottom,#fff,#f3fffc,#e4fff9);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
}
.m-body{
position:relative;flex:1;display:flex;flex-direction:column;
background:no-repeat center center url('static/natural/box_body.png');
background-size:100% 100%;
.wrap{
position:absolute;top:0;left:0;height:100%;width:100%;
}
}
.m-t2{
height:1.60rem;
ul{
height:100%;margin:0 .28rem;
display:flex;
li{
position:relative;flex:1;display:flex;
justify-content:space-between;align-items:center;flex-direction:column;
&:before{
content:"";position:absolute;top:.24rem;height:.92rem;width:.92rem;
background:no-repeat center center url('static/natural/icon3.png');
background-size:100% 100%;z-index:-1;
}
h3{
font-family:diget year;margin-top:.38rem;font-size:.40rem;
letter-spacing:.02rem;
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
span{
position:absolute;top:1.24rem;
font-size:.15rem;font-weight:bold;line-height:1;letter-spacing:.02rem;
}
}
li:nth-child(1){
h3{
background-image:linear-gradient(to bottom, #ffffff, #d3ffee, #39ffc9);
}
span{color:#00ffc6;}
}
li:nth-child(2){
h3{
background-image:linear-gradient(to bottom, #ffffff, #fff5cd, #ffda32);
}
span{color:#ffd800;}
}
li:nth-child(3){
h3{
background-image:linear-gradient(to bottom, #ffffff, #ffcbc2, #ff3b34);
}
span{color:#ff2323;}
}
}
}
.ct-box{
flex:1;display:flex;position:relative;font-size:.13rem;margin:0 .12rem;
.tab2{
margin-top:.10rem;
ul{
display:flex;height:.24rem;margin:0 .10rem;
}
li{
flex:1;text-align:center;line-height:.20rem;margin:0 .15rem;max-width:.99rem;
border-radius:.05rem;font-size:.15rem;color:#37b5b4;
border:1px solid #1e527a;cursor:pointer;
box-shadow:inset 0 0 0.10rem 0.03rem rgba(16, 88, 148, .8);
}
li.actv{
border:1px solid #01b0ff;
color:#34fcfa;
}
}
.wrap{
position:absolute;top:0;left:0;height:100%;width:100%;
}
.flex1{position:relative;}
}
.shadow1{
box-shadow:inset 0 0 0.15rem 0.05rem rgba(1, 95, 121, .8);
background-color:rgba(0,0,0,.4);
}
.a-md27{
height:3.00rem;
.item_2{
position:absolute;top:.56rem;left:.50rem;z-index:10;
select{background-color:transparent;color:#e1ffff;font-size:.14rem;padding:.02rem;}
select:focus{outline:none;}
option{color:#d8f9ff;background-color:rgba(1,35,62,.7);}
}
.ct-box{}
}
.a-md31{
height:5.40rem;
ul{
position:absolute;top:0;left:0;height:100%;width:100%;
display:grid;grid-template-columns:33.33% 33.33% 33.33%;
li{
position:relative;line-height:1;
&:before{
content:"";position:absolute;top:0;left:0;height:100%;width:.40rem;
background-repeat:no-repeat;background-position:center center;background-size:100% auto;
//background-image:url('~@/assets/images/layout/md31_i1.png');
}
display:flex;justify-content:center;flex-direction:column;
padding-left:.43rem;
h6{
font-size:.12rem;color:#a3e4f6;margin-top:.04rem;
}
font{
font-size:.26rem;font-family:diget year;margin-top:.08rem;
line-height:.18rem;
}
}
/* li:nth-child(4), li:nth-child(5), li:nth-child(6){
&:before{
background-image:url('~@/assets/images/layout/md31_i2.png');
}
} */
li:nth-child(1){
&:before{
background-image:url('~@/assets/images/layout/md31-01.png');
}
}
li:nth-child(2){
&:before{
background-image:url('~@/assets/images/layout/md31-02.png');
}
}
li:nth-child(3){
&:before{
background-image:url('~@/assets/images/layout/md31-03.png');
}
}
li:nth-child(4){
&:before{
background-image:url('~@/assets/images/layout/md31-04.png');
}
}
li:nth-child(5){
&:before{
background-image:url('~@/assets/images/layout/md31-05.png');
}
}
li:nth-child(6){
&:before{
background-image:url('~@/assets/images/layout/md31-06.png');
}
}
li:nth-child(7){
&:before{
background-image:url('~@/assets/images/layout/md31-07.png');
}
}
li:nth-child(8){
&:before{
background-image:url('~@/assets/images/layout/md31-08.png');
}
}
li:nth-child(9){
&:before{
background-image:url('~@/assets/images/layout/md31-09.png');
}
}
}
}
.a-md32{
height:5.40rem;
.scrolling4{
position:absolute;top:0;left:0;height:100%;width:100%;overflow-y:auto;
font-size:.14rem;
dt, dd{padding:.10rem 0;line-height:.18rem;}
dt{
border:1px solid #04d6d9;border-radius:.04rem;
margin-top:.05rem;color:#3fecf1;
display:grid;grid-template-columns:33% 22% 15% 15% 15%;
background-image:linear-gradient(to bottom, rgba(19,133,144,.5), rgba(19,133,144,.8));
span:first-child{text-align:center;}
}
dd{
margin-bottom:.08rem;color:#fff;margin-right:.03rem;
display:grid;grid-template-columns:33% 22% 15% 15% 15%;
span{margin-right:.10rem;display:flex;align-items:center;}
span:first-child{justify-content:center;}
}
}
}
.a-md33{
height:3.78rem;
.item_2{
position:absolute;top:.56rem;left:.50rem;z-index:10;
select{background-color:transparent;color:#e1ffff;font-size:.14rem;padding:.02rem;}
select:focus{outline:none;}
option{color:#d8f9ff;background-color:rgba(1,35,62,.7);}
}
}
.a-md34{
height:5.02rem;
dl.scrolling4{
dt{
grid-template-columns:33.33% 33.33% 33.33%;
span{text-align:center;}
}
dd{
grid-template-columns:33.33% 33.33% 33.33%;
span{text-align:center;display:block;}
}
}
}
.a-md35{
height:4.20rem;
dl.scrolling4{
dt{
grid-template-columns:33.33% 33.33% 33.33%;
span{text-align:center;}
}
dd{
grid-template-columns:33.33% 33.33% 33.33%;
span{text-align:center;display:block;}
}
}
}
.a-md36{
height:3.00rem;
}
}
>div{
display:none;
//display:flex;
width:19.2rem;height:0;justify-content:space-between;
.b0_left{
margin-left:.10rem;
}
.b0_right{
margin-right:.10rem;
}
};
div.active{
display:flex;
//.side{display:flex;}
}
.b0_a{
.ft-ctn{
position:absolute;bottom:0;left:0;height:0;width:19.2rem;
display:flex;justify-content:center;
&:before{
content:"";position:absolute;bottom:0;left:0;height:1.70rem;width:100%;
pointer-events:none;
background-image:linear-gradient(to bottom, transparent, rgba(7,33,72, .8));
}
ul{
position:absolute;bottom:.28rem;user-select:none;
display:flex;
li{
height:.69rem;padding:0 .40rem 0 .66rem;position:relative;cursor:pointer;
display:flex;flex-direction:column;line-height:1;justify-content:center;
&:before{
content:"";position:absolute;left:0;height:.59rem;width:.65rem;
background-repeat:no-repeat;background-position:top center;background-size:100% 100%;z-index:1;
}
h5,span{
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
position:static;z-index:1;
}
h5{
font-size:.15rem;font-style:italic;letter-spacing:.02rem;
margin-top:.05rem;
&:before, &:after{
content:"";position:absolute;left:0;height:.02rem;width:100%;
border-width:0 0 2px 0;border-style:hidden;
}
&:before{top:0;}
&:after{bottom:0;}
}
span{
font-size:.28rem;font-family:diget year;
line-height:.19rem;margin-top:.08rem;
}
&.active{
cursor:default;
&:after{
content:"";position:absolute;top:0;left:0;height:100%;width:100%;
z-index:0;
}
h5{
&:before, &:after{border-style:solid;}
}
}
}
li:nth-child(1){
&:before{background-image:url('~@/assets/images/layout/m_btm_i1.png');}
h5{
background-image:-webkit-linear-gradient(top,#beddff,#8bc1ff,#449bff);
}
span{
background-image:-webkit-linear-gradient(top,#fff,#d2e8ff,#73b7ff);
}
&.active{
&:after{
background-image:linear-gradient(to right,transparent,rgba(60,150,250,.3) 40%,rgba(60,150,250,.3) 50%,transparent);
}
h5{
&:before, &:after{
border-image:linear-gradient(to right, transparent 10%, #449bff 40%, #449bff 60%, transparent 90%) 1 1;
}
}
}
}
li:nth-child(2){
&:before{background-image:url('~@/assets/images/layout/m_btm_i2.png');}
h5{
background-image:-webkit-linear-gradient(top,#90ebff,#4fcef1,#23c1eb);
}
span{
background-image:-webkit-linear-gradient(top,#fff,#daf8ff,#95ecff);
}
&.active{
&:after{
background-image:linear-gradient(to right,transparent,rgba(41,188,228,.3) 40%,rgba(41,188,228,.3) 50%,transparent);
}
h5{
&:before, &:after{
border-image:linear-gradient(to right, transparent 10%, #29bce4 40%, #29bce4 60%, transparent 90%) 1 1;
}
}
}
}
li:nth-child(3){
&:before{background-image:url('~@/assets/images/layout/m_btm_i3.png');}
h5{
background-image:-webkit-linear-gradient(top,#a5fedf,#72ebbb,#30c890);
}
span{
background-image:-webkit-linear-gradient(top,#fff,#c2f4db,#2ade9f);
}
&.active{
&:after{
background-image:linear-gradient(to right,transparent,rgba(17,190,130,.3) 40%,rgba(17,190,130,.3) 50%,transparent);
}
h5{
&:before, &:after{
border-image:linear-gradient(to right, transparent 10%, #11be82 40%, #11be82 60%, transparent 90%) 1 1;
}
}
}
}
li:nth-child(4){
margin-right:0;
&:before{background-image:url('~@/assets/images/layout/m_btm_i4.png');}
h5{
background-image:-webkit-linear-gradient(top,#fef7cb,#f2c97e,#e5a22b);
}
span{
background-image:-webkit-linear-gradient(top,#fff,#eddfb8,#cfa924);
}
&.active{
&:after{
background-image:linear-gradient(to right,transparent,rgba(229,162,43,.3) 40%,rgba(229,162,43,.3) 50%,transparent);
}
h5{
&:before, &:after{
border-image:linear-gradient(to right, transparent 10%, #e5a22b 40%, #e5a22b 60%, transparent 90%) 1 1;
}
}
}
}
}
}
.side{
}
}
div.el-date-editor{
border-color:#2F8DC2;background:rgba(0,0,0,.5);
input{background-color:transparent;color:#eee;}
span{color:#aaa;width:20px;}
}
.pop-md38{
.ct-box{position:relative;font-size:.13rem;}
.wrap{position:absolute;top:0;left:0;height:100%;width:100%;}
.a-md3822{
position:relative;display:none;flex-direction:column;justify-content:center;
flex:none;height:9.42rem;max-height:85.5vh;user-select:none;
transition:transform .3s ease-out 0s;
&.open{display:flex;}
&.hide{
transform:translateX(4.7rem);
.trigger{
&:before{content:"\E6DD";}
}
}
>div{
margin-top:.10rem;display:flex;flex-direction:column;
.m-t1{
margin:.20rem 0 0 .14rem;
background:no-repeat left center url('~@/assets/images/layout/md38_p_t1.png');background-size:auto 100%;
h4{
line-height:1;height:.37rem;letter-spacing:.02rem;
display:flex;align-items:center;margin-left:.38rem;font-size:.16rem;
}
}
.m-t2{
border:1px solid #0650b1;margin:.15rem .15rem 0 .15rem;border-radius:.10rem;
overflow:hidden;
background-image:linear-gradient(to bottom, #08346f, #1c61c6);
ul{display:flex;}
li{
flex:1;height:.62rem;padding:0 .02rem;border:1px solid transparent;
cursor:pointer;
display:flex;flex-direction:column;align-items:center;justify-content:center;
}
font{font-family:diget year;font-size:.23rem;}
span{text-align:center;font-size:.14rem;line-height:.15rem;}
.actv{
border:1px solid #4b9ff3;
border-radius:.10rem;
background-image:linear-gradient(to bottom, #327ef1, #3ab2f2);
cursor:default;
}
}
.ct-box{
flex:1;margin:0 .15rem .15rem .15rem;display:flex;flex-direction:column;
background-color:rgba(58, 116, 166, .5);
dd{
color:#fff;margin-right:.03rem;align-items:center;
display:grid;height:.36rem;border-bottom:1px solid #4B9FF3;
}
}
.dt{
display:grid;margin:0 .22rem 0 .15rem;height:.36rem;align-items:center;color:#08dcea;
span{text-align:center;padding:0 .02rem;}
}
}
.panel1{
height:2.23rem;margin-top:0;
background:no-repeat center center url('~@/assets/images/layout/md38_p1.png');background-size:100% 100%;
.ct-box{
flex:1;margin:.15rem;
dl{
display:flex;flex-direction:column;
dd{
position:relative;font-size:.14rem;flex:1;padding-left:.36rem;
display:flex;align-items:center;justify-content:space-between;
&:before{
content:"";position:absolute;top:0;left:0;height:100%;width:.36rem;
background:no-repeat center center url('~@/assets/images/layout/md38_p1_1.png');
background-size:auto .19rem;
}
span{z-index:10;position:relative;}
a{
z-index:10;position:relative;
width:.54rem;height:.22rem;text-align:center;font-size:.13rem;
border-radius:.10rem;color:black;cursor:pointer;
background-image:linear-gradient(to bottom, #00d8ff, #0ffefc);
line-height:.22rem;
}
&:after{
content:"";position:absolute;bottom:0;left:0;height:.15rem;width:100%;
background-image:linear-gradient(to bottom, rgba(38, 63, 85, .30), rgba(46, 81, 111, .80));
}
border-bottom:1px solid #406884;
}
}
}
}
.panel2{
height:3.50rem;
background:no-repeat center center url('~@/assets/images/layout/md38_p2.png');background-size:100% 100%;
.m-t2{
li:nth-child(1){font{color:#ff3740;}}
li:nth-child(2){font{color:#ff8839;}}
li:nth-child(3){font{color:#fff330;}}
li:nth-child(4){font{color:#0e6dfb;}}
li:nth-child(5){font{color:#ff3740;}}
li:nth-child(6){font{color:#ff8839;}}
//.actv{.font{color:#fff;}}
}
.dt{
grid-template-columns:20% 20% 20% 20% 20%;
}
.ct-box{
flex:1;margin:0 .15rem .15rem .15rem;display:flex;flex-direction:column;
background-color:rgba(58, 116, 166, .5);
dd{
grid-template-columns:20% 20% 20% 20% 20%;
span{text-align:center;padding:0 .02rem;}
}
}
}
.panel3{
height:3.50rem;
background:no-repeat center center url('~@/assets/images/layout/md38_p2.png');background-size:100% 100%;
.m-t2{
li{font{color:#00e2ff;}}
}
.dt{
grid-template-columns:85% 15%;
span{padding:0 .02rem;}
}
.ct-box{
flex:1;margin:0 .15rem .15rem .15rem;display:flex;flex-direction:column;
background-color:rgba(58, 116, 166, .5);
dd{
grid-template-columns:85% 15%;
span{padding:0 .02rem;}
span:first-child{padding-left:.10rem;}
span:last-child{
font-size:.22rem;text-align:center;cursor:pointer;
}
}
}
}
.trigger{
position:absolute;left:-25px;height:45px;width:25px;
background-color:rgba(0,0,0,.7);font-size:23px;
display:flex;align-items:center;justify-content:center;
border-radius:8px 0 0 8px;cursor:pointer;
&:before{
content:"\E6DC";font-family:"element-icons";font-style:normal;
}
}
}
}
}
}
</style>
<script type="text/javascript" src="js/qf_web.min.js"></script>
<script type="text/javascript" src="js/qf_web_ui.min.js"></script>
<script type="text/javascript">qf.openCalcLayout({dpr:1});</script>
<!-- 先引入 Vue -->
<script src="js/vue.min.js"></script>
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
<script src="js/vue@2.6.14"></script>
<script src="js/vant.min.js"></script>
</head>
<body class="body2X">
<div id="edge">
<div class="Screen cm-layout">
<div class="a_0">
<div id="cesiumContainer" class="cesium-ctn"></div>
<div class="a0_">
<header id="header">
<div class="b1_bg">
<h2>中和地信自然资源管理平台</h2>
</div>
<div class="a0a_" id="a0a_">
<ul>
<li><a href="/datav/index.html">返回首页</a></li>
</ul>
<ul>
<li><a href="/#/dashboard">后台管理</a></li>
</ul>
</div>
<div class="selects">
<select>
<option value="1">淄川区</option>
<option value="2">张店区</option>
</select>
<select>
<option value="1">请选择区县</option>
<option value="2">2</option>
</select>
<select>
<option value="1">请选择矿山企业</option>
<option value="2">2</option>
</select>
</div>
</header>
</div>
</div>
<div class="b_0">
<section class="b0_" id="b0_">
<div class="b0_a active">
<div class="side b0_left">
<div class="a-md32" id="amd32">
<div class="abs-full">
<div class="m-tt">
<h4>位移监测</h4>
</div>
<div class="m-body">
<div class="m-t2">
<ul>
<li v-for="(item, i) in dm1.statistics"><h3>{{item.num}}</h3><span>{{item.name}}</span></li>
</ul>
</div>
<div class="ct-box">
<div class="wrap">
<dl class="scrolling4">
<dt>
<span>站点编号</span>
<span>测点名称</span>
<span>X位移</span>
<span>Y位移</span>
<span>Z位移</span>
</dt>
<dd v-for="(item, i) in dm1.list">
<span>{{item.code}}</span>
<span>{{item.name}}</span>
<span>{{item.x}}mm</span>
<span>{{item.y}}mm</span>
<span>{{item.z}}mm</span>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="a-md33" id="amd33">
<div class="abs-full">
<div class="m-tt">
<h4>位移报警趋势</h4>
</div>
<div class="item_2 shadow1">
<select>
<option value="month">近一月</option>
<option value="half">近半年</option>
<option value="year">近一年</option>
</select>
</div>
<div class="m-body">
<div class="wrap">
</div>
</div>
</div>
</div>
</div>
<div class="side b0_right">
<div class="a-md32 a-md34">
<div class="abs-full">
<div class="m-tt">
<h4>温度监测</h4>
</div>
<div class="m-body">
<div class="m-t2">
<ul>
<li v-for="(item, i) in dm3.statistics"><h3>{{item.num}}</h3><span>{{item.name}}</span></li>
</ul>
</div>
<div class="ct-box">
<div class="wrap">
<dl class="scrolling4">
<dt>
<span>站点编号</span>
<span>测点名称</span>
<span>实时温度</span>
</dt>
<dd v-for="(item, i) in dm3.list">
<span>{{item.code}}</span>
<span>{{item.name}}</span>
<span>{{item.value}}°C</span>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="a-md32 a-md35" id="amd35">
<div class="abs-full">
<div class="m-tt">
<h4>风速监测</h4>
</div>
<div class="m-body">
<div class="m-t2">
<ul>
<li v-for="(item, i) in dm4.statistics"><h3>{{item.num}}</h3><span>{{item.name}}</span></li>
</ul>
</div>
<div class="ct-box">
<div class="wrap">
<dl class="scrolling4">
<dt>
<span>站点编号</span>
<span>测点名称</span>
<span>实时温度</span>
</dt>
<dd v-for="(item, i) in dm4.list">
<span>{{item.code}}</span>
<span>{{item.name}}</span>
<span>{{item.value}}m/s</span>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</body>
<!-- 引入echarts -->
<script src="js/echarts.min.js"></script>
<script src="js/echarts-gl.js"></script>
<!-- 引入组件库 -->
<script src="js/element-ui.js"></script>
<!-- 引入高德js
<script src="js/maps.js"></script>
<script src="js/loca.js"></script>
<script src="js/es5.min.js"></script>
<script src="js/maps-MouseTool.js"></script> -->
<!-- axios -->
<script src="js/axios.min.js"></script>
<!-- cookie -->
<script src="js/js.cookie.js"></script>
<script src="js/highcharts.js"></script>
<!-- <script type="text/javascript" src="static/js/jessibuca/jessibuca.js"></script>
<script type="text/javascript" src="static/js/EasyWasmPlayer.js"></script>
<script type="text/javascript" src="static/js/liveplayer-lib.min.js"></script>
<script type="text/javascript" src="static/js/ZLMRTCClient.js"></script>
<script type="text/javascript" src="static/js/config.js"></script> -->
<script>
let jessibucaPlayer = {};
const LOCAL_API = location.protocol + '//' + (location.hostname === '192.168.3.226' ? '192.168.3.37' : '192.168.13.200') + ':8013';
const selfHost = location.hostname === '192.168.3.226' ? 'http://192.168.3.226:8057' : 'http://192.168.13.200:8013';
qf(function(){
var host = location.protocol + '//' + window.location.host;
var token = Cookies.get('ELADMIN-TOEKN');
if (!token) {
window.open(selfHost + '/#/login', '_self')
return
}
axios = axios.create({
baseURL: LOCAL_API,
headers: { 'Authorization': token }
});
axios.interceptors.response.use(
response => {
return response.data
}, error => {
console.error(error)
let code = 0
try {
code = error.response.data.status
} catch (e) {
if (error.toString().indexOf('Error: timeout') !== -1) {
console.error('当前网络不佳')
return
}
}
if (!code) {
console.error('当前网络不佳')
return
}
if (code === 401) {
alert('登录信息失效，请重新登录')
window.open(host + '/#/login', '_self')
return
}
if (code === 400 && message === '不允许访问') {
alert('您没有权限使用此功能，请联系管理员开通')
return
}
}
);
Highcharts.setOptions({
global: {
useUTC: false
},
lang:{
resetZoom:'重置缩放比例',
},
});
new Vue({
el: '#edge',
data() {
return {
dm1:{},
dm3:{},
dm4:{},
}
},
watch: {
videoUrl(newData, oldData) {
this.play(newData)
},
immediate: true
},
mounted() {
var self = this, m = {};
// requst
m.requst = function(type, url, param){
var l1 = qf.UI.loading({zIndex:2051, timer:10000, mask:'none'});
return axios[type](url, {
params: param || {}
}).then(res => {
l1.close();
return res
})
};
var amd33 = self.$el.querySelector("#amd33");
var wrap33 = amd33.querySelector(".wrap");
var select33 = amd33.querySelector("select");
select33.onchange = function(e){
var value = this.selectedOptions[0].value;
m.alarmTrend(value);
};
// 位移监测
m.requst('get', '/data/mp/countStatistics', {}).then(function(res){
self.dm1 = res
});
// 位移报警趋势
(m.alarmTrend = function(dateRange){
m.requst('get', '/data/mp/alarmTrend', {'dateRange':dateRange}).then(function(res){
var seriesDataFormat = function(data, opts){
var names = data.names || [], list = data.list || data.lists, series = [], categories = [],
maxVal = 0;
if(names[0] && list){
var colors = opts.colors || ['#7CB5EC', '#90ED7D', '#F7A35C', '#8085E9', '#F15C80', '#E4D354', '#2B908F', '#F45B5B', '#91E8E1', '#0769CB', '#00ABBD', '#ffd886', "#9F2E61", "#4D670C"];
var len = names.length;
for(var i=0; i<len; i++){
var item = names[i];
var serie = Object.assign({}, opts.serie) || {};
serie.name = item.name;
!serie.data && (serie.data = []);
serie.key = item.key;
!serie.type && (serie.type = data.chartType || opts.type);
serie.color = colors[i];
series.push(serie);
};
for(var item of list){
var values = item.values;
//var datetime = item[opts.datekey || 'dateUnit'];
//var time = datetime.indexOf(' ') > 0 ? datetime.split(' ')[1] : datetime;
var timestamp = item['date'];
categories.push(timestamp);
for(var serie of series){
var value = values[serie.key] * 1;
Math.abs(value) > maxVal && (maxVal = Math.abs(value));
serie.data.push([timestamp, value]);
};
};
};
return {series:series, categories:categories, maxVal:maxVal}
};
var formatSeries = seriesDataFormat(res, {datekey:'date', serie:{
type: 'column',
marker: {
enabled: false
},
}, colors:["#fcaa00", "#20ef03", "#38f1f3"]});
var series = formatSeries.series;
var option = {
chart: {
type: 'column',
backgroundColor:'transparent',
//marginTop:30,
marginBottom:50,
marginLeft:30,
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
type: 'datetime' || 'category',
labels: {
//rotation:0, // 设置轴标签旋转角度
style:{
color:'#fff'
},
y:15,
},
categories: formatSeries.categories,
lineWidth:0,
//lineColor:'#ff0000',
gridLineColor:'#aaa',
tickLength:0, // 刻度线
dateTimeLabelFormats: {
millisecond: '%H:%M:%S.%L',
second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%m-%d',
week: '%m-%d',
month: '%Y-%m',
year: '%Y'
}
},
yAxis: {
title: {
text: ''
},
labels:{
style:{
color:'#fff'
},
x:-6,
},
gridLineColor:'#0F5680',
//minorGridLineWidth: 5,
//gridLineWidth: 5,
//max:opts.maxValDev ? maxVal + maxVal * opts.maxValDev : null,
},
plotOptions: {
column: {
borderWidth: 0,
//y:50,
//itemMarginTop:50,
},
bar:{
borderWidth: 0,
},
},
legend: {
enabled: series.length > 1 ? true : false,
// 图例定位
layout: 'horizontal', // 水平布局:“horizontal”, 垂直布局:“vertical”
floating: false, // 图列是否浮动
align: 'right',
// 图例容器
//width:'100%', // number || String
padding:2, // 内边距
margin:2,
borderRadius:5,
//borderWidth:1,
verticalAlign: 'top',
// 图例项
//itemWidth:120, // 宽度
itemDistance:10, // 间距 20
y:-10,
itemMarginTop:2,
itemStyle:{color:'#fff',},
itemHoverStyle:{color:'#fff',},
},
credits: {
enabled: false
},
tooltip: {
/* formatter: function (e) {
return this.series.name + "："+ this.key +'<br/>'+ this.y.toFixed(3)+' ' + data.unit;
}, */
pointFormat: '{series.name}：{point.y} ' + 'mm',
dateTimeLabelFormats: {
millisecond: '%H:%M:%S.%L',
second: '%H:%M:%S',
minute: '%m-%d %H:%M',
hour: '%m-%d %H:%M',
day: '%m-%d %H:%M',
week: '%m-%d %H:%M',
month: '%Y-%m',
year: '%Y'
}
},
series: formatSeries.series,
};
new Highcharts.chart(wrap33, option);
});
})('month');
// 温度监测
(m.wendu = function(dateRange){
m.requst('get', '/data/sz/countStatistics/wen', {}).then(function(res){
self.dm3 = res;
});
})();
// 风速监测
(m.fengsu = function(dateRange){
m.requst('get', '/data/sz/countStatistics/feng', {}).then(function(res){
self.dm4 = res;
});
})();
return ;
if (!token) {
window.open(host + '/#/login', '_self')
return
}
// 当前矿山
const selectedMineJson = window.localStorage.getItem('kd.selected.mine')
let noMine = false
if (!selectedMineJson) {
noMine = true
} else {
const selectedMine = JSON.parse(selectedMineJson)
// if (!selectedMine || selectedMine.enterpriseId !== this.user.enterpriseId) {
// noMine = true
// } else {
this.selectedMine = selectedMine
// }
}
if (noMine) {
alert('您当前还未选择矿山，请先选择矿山再查看此大屏')
window.history.go(-1)
return
}
if (this.selectedMine.mineType != 2) {
alert('您当前选择的不是露天矿山，请先选择露天矿山，再查看此大屏')
window.history.go(-1)
return
}
this.getData()
// 视频列表
axios.get('/api/video/link-mine', {
params: {
mineType: this.selectedMine.mineType,
mineId: this.selectedMine.id,
}
}).then(resopnse => {
this.videos = []
let firstVideo = null
resopnse.data.results.forEach(vm => {
let video = {
'id': vm.id,
'videoUrl': null,
'name': vm.name,
'videoId': vm.videoId,
'deviceId': vm.deviceId
}
firstVideo = firstVideo || video
this.videos.push(video)
})
if (firstVideo) {
this.chickVideo(firstVideo, 0)
}
})
},
methods: {
// video
updatePlayerDomSize() {
let dom = this.$refs.container;
let width = dom.parentNode.clientWidth
let height = (9 / 16) * width
const clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight)
if (height > clientHeight) {
height = clientHeight
width = (16 / 9) * height
}
dom.style.width = width + 'px';
dom.style.height = height + "px";
},
create() {
let options = {};
console.log("hasAudio " + this.hasAudio)
jessibucaPlayer[this._uid] = new window.Jessibuca(Object.assign(
{
container: this.$refs.container,
autoWasm: true,
background: "",
controlAutoHide: false,
debug: false,
decoder: "static/js/jessibuca/decoder.js",
forceNoOffscreen: true,
hasAudio: typeof (this.hasAudio) == "undefined" ? true : this.hasAudio,
hasVideo: true,
heartTimeout: 5,
heartTimeoutReplay: true,
heartTimeoutReplayTimes: 3,
hiddenAutoPause: false,
hotKey: false,
isFlv: false,
isFullResize: false,
isNotMute: this.isNotMute,
isResize: false,
keepScreenOn: false,
loadingText: "请稍等, 视频加载中......",
loadingTimeout: 10,
loadingTimeoutReplay: true,
loadingTimeoutReplayTimes: 3,
openWebglAlignment: false,
operateBtns: {
fullscreen: false,
screenshot: false,
play: false,
audio: false,
record: false
},
recordType: "webm",
rotate: 0,
showBandwidth: false,
supportDblclickFullscreen: false,
timeout: 10,
useMSE: location.hostname !== "localhost" && location.protocol !== "https:",
useOffscreen: false,
useWCS: location.hostname === "localhost" || location.protocol === "https",
useWebFullScreen: false,
videoBuffer: 0,
wasmDecodeAudioSyncVideo: true,
wasmDecodeErrorReplay: true,
wcsUseVideoRender: true
},
options
));
let jessibuca = jessibucaPlayer[this._uid];
let _this = this;
jessibuca.on("load", function () {
console.log("on load init");
});
jessibuca.on("log", function (msg) {
console.log("on log", msg);
});
jessibuca.on("record", function (msg) {
console.log("on record:", msg);
});
jessibuca.on("pause", function () {
_this.playing = false;
});
jessibuca.on("play", function () {
_this.playing = true;
});
jessibuca.on("fullscreen", function (msg) {
console.log("on fullscreen", msg);
_this.fullscreen = msg
});
jessibuca.on("mute", function (msg) {
console.log("on mute", msg);
_this.isNotMute = !msg;
});
jessibuca.on("audioInfo", function (msg) {
console.log("audioInfo", msg);
});
jessibuca.on("bps", function (bps) {
// console.log('bps', bps);
});
let _ts = 0;
jessibuca.on("timeUpdate", function (ts) {
// console.log('timeUpdate,old,new,timestamp', _ts, ts, ts - _ts);
_ts = ts;
});
jessibuca.on("videoInfo", function (info) {
console.log("videoInfo", info);
});
jessibuca.on("error", function (error) {
console.log("error", error);
});
jessibuca.on("timeout", function () {
console.log("timeout");
});
jessibuca.on('start', function () {
console.log('start');
})
jessibuca.on("performance", function (performance) {
let show = "卡顿";
if (performance === 2) {
show = "非常流畅";
} else if (performance === 1) {
show = "流畅";
}
_this.performance = show;
});
jessibuca.on('buffer', function (buffer) {
// console.log('buffer', buffer);
})
jessibuca.on('stats', function (stats) {
// console.log('stats', stats);
})
jessibuca.on('kBps', function (kBps) {
_this.kBps = Math.round(kBps);
});
// 显示时间戳 PTS
jessibuca.on('videoFrame', function () {
})
//
jessibuca.on('metadata', function () {
});
},
playBtnClick: function (event) {
this.play(this.videoUrl)
},
play: function (url) {
console.log(url)
if (jessibucaPlayer[this._uid]) {
this.destroy();
}
this.create();
jessibucaPlayer[this._uid].on("play", () => {
this.playing = true;
this.loaded = true;
this.quieting = jessibuca.quieting;
});
if (jessibucaPlayer[this._uid].hasLoaded()) {
jessibucaPlayer[this._uid].play(url);
} else {
jessibucaPlayer[this._uid].on("load", () => {
console.log("load 播放")
jessibucaPlayer[this._uid].play(url);
});
}
},
pause: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].pause();
}
this.playing = false;
this.err = "";
this.performance = "";
},
screenshot: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].screenshot();
}
},
mute: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].mute();
}
},
cancelMute: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].cancelMute();
}
},
destroy: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].destroy();
}
if (document.getElementById("buttonsBox") == null) {
this.$refs.container.appendChild(this.btnDom)
}
jessibucaPlayer[this._uid] = null;
this.playing = false;
this.err = "";
this.performance = "";
},
eventcallbacK: function (type, message) {
// console.log("player 事件回调")
// console.log(type)
// console.log(message)
},
fullscreenSwich: function () {
let isFull = this.isFullscreen()
jessibucaPlayer[this._uid].setFullscreen(!isFull)
this.fullscreen = !isFull;
},
isFullscreen: function () {
return document.fullscreenElement ||
document.msFullscreenElement ||
document.mozFullScreenElement ||
document.webkitFullscreenElement || false;
},
// video end
// 点击选中一路视频
chickVideo(video, index) {
console.log('video====', video, index)
if (video.videoUrl == null) {
axios.get('/wvp/api/play/start/' + video.deviceId + '/' + video.videoId).then(res => {
console.log('res====', res)
if (res.status && res.status >= 200 && res.status - 200 < 100) {
if (res.data.code == 0) {
console.log('videos===', this.videos)
this.videoUrl = res.data.data.ws_flv
}
}
})
}
this.TabCur = index
this.showMask = false
},
// 跳转到后台管理
gotoManagement() {
window.open(location.protocol + '//' + window.location.host + '/#/home4Mine', '_self')
},
async getData(e) {
var loading
if (!e) {
loading = this.$loading({
lock: true,
text: '加载中',
// spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
}
// AI报警列表
this.aiWarnCount = 0
axios.get(host + '/api/datav/video-ai', {
params: {
page: 1,
count: 100,
mineId: this.selectedMine.id,
mineType: this.selectedMine.mineType
}
}).then(res => {
if (res && res.data) {
this.aiList = res.data.results
this.aiWarnCount = res.data.total
}
});
// 模拟请求
setTimeout(() => {
setTimeout(() => this.getData('refesh'), 5000);
// 圆环图
// 基于准备好的dom，初始化echarts实例
var pieChart = echarts.init(document.getElementById("pie"));
pieChart.clear() // 定时刷新 实际不刷新 演示用
// 绘制图表
pieChart.setOption({
color: ['#38d6d9', '#ebb963'],
graphic: [
{
type: 'text',
left: 'center',
top: '52%',
style: {
text: this.aiWarnCount + '', // 中间总数
textAlign: 'center',
fill: '#37d6da',
fontSize: 24,
}
},
{
type: 'text',
left: 'center',
top: '40%',
style: {
text: '报警总数',
textAlign: 'center',
fill: '#ffffff',
fontSize: 13,
}
}
],
series: [
{
type: "pie",
startAngle: 0,
// center: ['40%', '50%'],
data: [
{ value: this.aiWarnCount, name: '报警数量：' + this.aiWarnCount, label: { color: '#ffffff' } },
// { value: 200, name: '未处置：200', label: { color: '#ffffff' } }
],
radius: ['50%', '70%'],
itemStyle: {
normal: {
borderWidth: 2,
borderColor: 'rgba(0,0,0,.5)'
}
}
}
]
});
loading.close();
this.isReady = true
}, 1000);
}
},
destroyed() {
console.log('destroyed ________________ ', 1111111111);
},
})
});
</script>
</html>
\ No newline at end of file
public/datav/watersource.html 0 → 100644
View file @ f9487c61
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=no" />
<title>中和地信水利系统管理平台</title>
<link rel="stylesheet" href="css/common.css">
<!-- <link rel="stylesheet" href="css/index.css"> -->
<!-- 引入样式 -->
<link rel="stylesheet" href="css/element-ui.css">
<!-- 引入样式文件 -->
<link rel="stylesheet" href="css/vant@4.css" />
<style type="text/css">
html, body, #edge{height:100%;}
body{overflow-x:hidden;background-color:#000;overflow:hidden;}
*, :after, :before{box-sizing:border-box;}
.amap-logo {
z-index: -10;
}
.amap-copyright{
z-index: -10;
}
.el-autocomplete-suggestion{
width: 330px !important;
}
.buttons-box {
width: 100%;
height: 28px;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
bottom: 0;
user-select: none;
z-index: 10;
}
.jessibuca-btn {
width: 20px;
color: rgb(255, 255, 255);
line-height: 27px;
margin: 0px 10px;
padding: 0px 2px;
cursor: pointer;
text-align: center;
font-size: 0.8rem !important;
}
.buttons-box-right {
position: absolute;
right: 0;
}
</style>
<style type="text/css">
@font-face {font-family:"diget year";src: url("static/fonts/DS-Digital.ttf");};
@font-face {font-family:"ShuHei";src: url("static/fonts/AlimamaShuHeiTi-Bold.ttf");};
.font_digit{font-family:diget year;}
.font_ShuHei{font-family:ShuHei;}
#edge{
background:no-repeat center center url('static/water/bg.png');
background-size:cover;
}
.a_0, .b_0{position:absolute;}
>.actv{display:block;}
.a_0{
top:0;left:0;height:100%;width:100%;
.a0_{
position:absolute;top:0;left:0;height:auto;width:100%;z-index:1;
header{
position:absolute;top:0;left:0;height:0;width:100%;z-index:5;
display:flex;user-select:none;
.b1_bg{
position:relative;height:1.06rem;width:100%;
margin: 0 auto;
background:no-repeat top center url('static/water/top_title.png');
background-size:auto 1.06rem;
display:flex;justify-content:center;pointer-events:none;
/* &:before{
content:"";position:absolute;top:0;left:0;height:1.50rem;width:100%;
background:no-repeat top center url('static/water/top_ttl.png');
background-size:100%;z-index:-1;
} */
h2{
font-size:.38rem;line-height:1;margin:.19rem 0 0 .04rem;font-weight:bold;
font-family:'element-icons';color:#fff;
background-image:linear-gradient(to bottom, #ffffff, #d3f7f4, #37e1da);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
letter-spacing:.04rem;height:max-content;
}
}
.a0a_{
position:absolute;top:0;left:0;height:0;width:100%;
display:flex;justify-content:space-between;
ul{
height:0;display:flex;margin-top:.39rem;width:5.15rem;
li{
width:1.35rem;height:.40rem;cursor:pointer;border-radius:.05rem;
background-repeat:no-repeat;background-position:top center;background-size:100% 100%; background-image:url('static/water/t_btn.png');
&:hover{
box-shadow:inset 0 0 0.08rem 0.03rem rgba(42,248,251, .8);
background-image:url('static/water/t_btn_hover.png');
}
a{
color:#fff;height:100%;width:100%;font-size:.16rem;
display:flex;justify-content:center;align-items:center;
&:before{
content:"";height:.19rem;width:.19rem;margin-right:8px;
background-repeat:no-repeat;background-position:center center;background-size:100%;
}
}
}
li:last-child{
margin-right:0;
}
}
ul:first-child{
margin-left:.16rem;
a{
&:before{
background-image:url('static/water/t_btn_l1.png');
}
}
}
ul:last-child{
margin-right:.16rem;display:flex;justify-content:right;
a{
&:before{
background-image:url('static/water/t_btn_l2.png');
}
}
}
}
}
}
}
.b_0{
display:flex;top:0.96rem;left:0;bottom:0;width:0;background-color:rgba(0,0,0,.15);z-index:2;
.b0_{
display:flex;flex-direction:column;justify-content:center;height:100%;width:0;
.kmb-checkbox{
dd{line-height:.35rem;}
}
.side{
// display:none;
width:5.00rem;height:0;
display:flex;flex-direction:column;justify-content:center;user-select:none;color:#fff;
&>div{
flex:none;position:relative;margin-bottom:.27rem;
max-height:48.5vh;
}
.abs-full{
display:flex;flex-direction:column;
.chart{position:relative;}
}
.m-tt{
height:.42rem;
background:no-repeat center center url('static/water/box_head.png');
background-size:100% 100%;
h4{
height:100%;line-height:.40rem;font-size:.18rem;padding-left:.59rem;
font-family:serif;font-style:italic;letter-spacing:.01rem;
background-image:linear-gradient(to bottom,#fff,#f3fffc,#e4fff9);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
}
.m-body{
position:relative;flex:1;display:flex;flex-direction:column;
background:no-repeat center center url('static/water/box_body.png');
background-size:100% 100%;
.wrap{
position:absolute;top:0;left:0;height:100%;width:100%;
}
}
.m-t2{
height:1.60rem;
ul{
height:100%;margin:0 .28rem;
display:flex;
li{
position:relative;flex:1;display:flex;
justify-content:space-between;align-items:center;flex-direction:column;
&:before{
content:"";position:absolute;top:.24rem;height:.92rem;width:.92rem;
background:no-repeat center center url('static/water/icon3.png');
background-size:100% 100%;z-index:-1;
}
h3{
font-family:diget year;margin-top:.38rem;font-size:.40rem;
letter-spacing:.02rem;
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
span{
position:absolute;top:1.24rem;
font-size:.15rem;font-weight:bold;line-height:1;letter-spacing:.02rem;
}
}
li:nth-child(1){
h3{
background-image:linear-gradient(to bottom, #ffffff, #d3ffee, #39ffc9);
}
span{color:#00ffc6;}
}
li:nth-child(2){
h3{
background-image:linear-gradient(to bottom, #ffffff, #fff5cd, #ffda32);
}
span{color:#ffd800;}
}
li:nth-child(3){
h3{
background-image:linear-gradient(to bottom, #ffffff, #ffcbc2, #ff3b34);
}
span{color:#ff2323;}
}
}
}
.ct-box{
flex:1;display:flex;position:relative;font-size:.13rem;margin:0 .12rem;
.tab2{
margin-top:.10rem;
ul{
display:flex;height:.24rem;margin:0 .10rem;
}
li{
flex:1;text-align:center;line-height:.20rem;margin:0 .15rem;max-width:.99rem;
border-radius:.05rem;font-size:.15rem;color:#37b5b4;
border:1px solid #1e527a;cursor:pointer;
box-shadow:inset 0 0 0.10rem 0.03rem rgba(16, 88, 148, .8);
}
li.actv{
border:1px solid #01b0ff;
color:#34fcfa;
}
}
.wrap{
position:absolute;top:0;left:0;height:100%;width:100%;
}
.flex1{position:relative;}
}
.shadow1{
box-shadow:inset 0 0 0.15rem 0.05rem rgba(1, 95, 121, .8);
background-color:rgba(0,0,0,.4);
}
.a-md27{
height:3.00rem;
.item_2{
position:absolute;top:.56rem;left:.50rem;z-index:10;
select{background-color:transparent;color:#e1ffff;font-size:.14rem;padding:.02rem;}
select:focus{outline:none;}
option{color:#d8f9ff;background-color:rgba(1,35,62,.7);}
}
.ct-box{}
}
.a-md31{
height:5.40rem;
ul{
position:absolute;top:0;left:0;height:100%;width:100%;
display:grid;grid-template-columns:33.33% 33.33% 33.33%;
li{
position:relative;line-height:1;
&:before{
content:"";position:absolute;top:0;left:0;height:100%;width:.40rem;
background-repeat:no-repeat;background-position:center center;background-size:100% auto;
//background-image:url('~@/assets/images/layout/md31_i1.png');
}
display:flex;justify-content:center;flex-direction:column;
padding-left:.43rem;
h6{
font-size:.12rem;color:#a3e4f6;margin-top:.04rem;
}
font{
font-size:.26rem;font-family:diget year;margin-top:.08rem;
line-height:.18rem;
}
}
/* li:nth-child(4), li:nth-child(5), li:nth-child(6){
&:before{
background-image:url('~@/assets/images/layout/md31_i2.png');
}
} */
li:nth-child(1){
&:before{
background-image:url('~@/assets/images/layout/md31-01.png');
}
}
li:nth-child(2){
&:before{
background-image:url('~@/assets/images/layout/md31-02.png');
}
}
li:nth-child(3){
&:before{
background-image:url('~@/assets/images/layout/md31-03.png');
}
}
li:nth-child(4){
&:before{
background-image:url('~@/assets/images/layout/md31-04.png');
}
}
li:nth-child(5){
&:before{
background-image:url('~@/assets/images/layout/md31-05.png');
}
}
li:nth-child(6){
&:before{
background-image:url('~@/assets/images/layout/md31-06.png');
}
}
li:nth-child(7){
&:before{
background-image:url('~@/assets/images/layout/md31-07.png');
}
}
li:nth-child(8){
&:before{
background-image:url('~@/assets/images/layout/md31-08.png');
}
}
li:nth-child(9){
&:before{
background-image:url('~@/assets/images/layout/md31-09.png');
}
}
}
}
.a-md32{
height:5.40rem;
.scrolling4{
position:absolute;top:0;left:0;height:100%;width:100%;overflow-y:auto;
font-size:.14rem;
dt, dd{padding:.10rem 0;line-height:.18rem;}
dt{
border:1px solid #04d6d9;border-radius:.04rem;
margin-top:.05rem;color:#3fecf1;
display:grid;grid-template-columns:33% 22% 15% 15% 15%;
background-image:linear-gradient(to bottom, rgba(19,133,144,.5), rgba(19,133,144,.8));
span:first-child{text-align:center;}
}
dd{
margin-bottom:.08rem;color:#fff;margin-right:.03rem;
display:grid;grid-template-columns:33% 22% 15% 15% 15%;
span{margin-right:.10rem;display:flex;align-items:center;}
span:first-child{justify-content:center;}
}
}
}
.a-md40{
height:2.66rem;
.ct-box{
margin:0;
&:before{
content:"";position:absolute;top:.32rem;left:.46rem;height:1.56rem;width:.95rem;
background:no-repeat center center url('static/water/md40_1.png');
background-size:100% 100%;
}
h3{
display:flex;line-height:1;
position:absolute;top:.64rem;left:1.97rem;height:.37rem;width:2.50rem;
background:no-repeat center center url('static/water/md40_2.png');
background-size:100% 100%;
font-size:.18rem;font-weight:normal;padding:.04rem 0 0 .60rem;
}
span{
position:absolute;top:1.24rem;left:2.58rem;height:.37rem;width:2.50rem;
font{
font-family:"diget year";font-size:.47rem;color:#c5f9ff;
}
}
}
}
.a-md33{
height:3.54rem;margin-bottom:1rem;
.item_2{
position:absolute;top:.56rem;left:.50rem;z-index:10;
select{background-color:transparent;color:#e1ffff;font-size:.14rem;padding:.02rem;}
select:focus{outline:none;}
option{color:#d8f9ff;background-color:rgba(1,35,62,.7);}
}
}
.a-md34{
height:5.04rem;margin-bottom:.50rem;
dl.scrolling4{
dt{
grid-template-columns:25% 25% 25% 25%;
span{text-align:center;}
}
dd{
grid-template-columns:25% 25% 25% 25%;
span{text-align:center;display:block;}
}
}
}
.a-md35{
height:1.60rem;visibility:hidden;
dl.scrolling4{
dt{
grid-template-columns:33.33% 33.33% 33.33%;
span{text-align:center;}
}
dd{
grid-template-columns:33.33% 33.33% 33.33%;
span{text-align:center;display:block;}
}
}
}
.a-md36{
height:3.00rem;
}
}
>div{
display:none;
//display:flex;
width:19.2rem;height:0;justify-content:space-between;
.b0_left{
margin-left:.10rem;
}
.b0_right{
margin-right:.10rem;
}
};
div.active{
display:flex;
//.side{display:flex;}
}
.b0_a{
.ft-ctn{
position:absolute;bottom:0;left:0;height:0;width:19.2rem;
display:flex;justify-content:center;
&:before{
content:"";position:absolute;bottom:0;left:0;height:1.70rem;width:100%;
pointer-events:none;
background-image:linear-gradient(to bottom, transparent, rgba(7,33,72, .8));
}
ul{
position:absolute;bottom:.28rem;user-select:none;
display:flex;
li{
height:.69rem;padding:0 .40rem 0 .66rem;position:relative;cursor:pointer;
display:flex;flex-direction:column;line-height:1;justify-content:center;
&:before{
content:"";position:absolute;left:0;height:.59rem;width:.65rem;
background-repeat:no-repeat;background-position:top center;background-size:100% 100%;z-index:1;
}
h5,span{
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
position:static;z-index:1;
}
h5{
font-size:.15rem;font-style:italic;letter-spacing:.02rem;
margin-top:.05rem;
&:before, &:after{
content:"";position:absolute;left:0;height:.02rem;width:100%;
border-width:0 0 2px 0;border-style:hidden;
}
&:before{top:0;}
&:after{bottom:0;}
}
span{
font-size:.28rem;font-family:diget year;
line-height:.19rem;margin-top:.08rem;
}
&.active{
cursor:default;
&:after{
content:"";position:absolute;top:0;left:0;height:100%;width:100%;
z-index:0;
}
h5{
&:before, &:after{border-style:solid;}
}
}
}
li:nth-child(1){
&:before{background-image:url('~@/assets/images/layout/m_btm_i1.png');}
h5{
background-image:-webkit-linear-gradient(top,#beddff,#8bc1ff,#449bff);
}
span{
background-image:-webkit-linear-gradient(top,#fff,#d2e8ff,#73b7ff);
}
&.active{
&:after{
background-image:linear-gradient(to right,transparent,rgba(60,150,250,.3) 40%,rgba(60,150,250,.3) 50%,transparent);
}
h5{
&:before, &:after{
border-image:linear-gradient(to right, transparent 10%, #449bff 40%, #449bff 60%, transparent 90%) 1 1;
}
}
}
}
li:nth-child(2){
&:before{background-image:url('~@/assets/images/layout/m_btm_i2.png');}
h5{
background-image:-webkit-linear-gradient(top,#90ebff,#4fcef1,#23c1eb);
}
span{
background-image:-webkit-linear-gradient(top,#fff,#daf8ff,#95ecff);
}
&.active{
&:after{
background-image:linear-gradient(to right,transparent,rgba(41,188,228,.3) 40%,rgba(41,188,228,.3) 50%,transparent);
}
h5{
&:before, &:after{
border-image:linear-gradient(to right, transparent 10%, #29bce4 40%, #29bce4 60%, transparent 90%) 1 1;
}
}
}
}
li:nth-child(3){
&:before{background-image:url('~@/assets/images/layout/m_btm_i3.png');}
h5{
background-image:-webkit-linear-gradient(top,#a5fedf,#72ebbb,#30c890);
}
span{
background-image:-webkit-linear-gradient(top,#fff,#c2f4db,#2ade9f);
}
&.active{
&:after{
background-image:linear-gradient(to right,transparent,rgba(17,190,130,.3) 40%,rgba(17,190,130,.3) 50%,transparent);
}
h5{
&:before, &:after{
border-image:linear-gradient(to right, transparent 10%, #11be82 40%, #11be82 60%, transparent 90%) 1 1;
}
}
}
}
li:nth-child(4){
margin-right:0;
&:before{background-image:url('~@/assets/images/layout/m_btm_i4.png');}
h5{
background-image:-webkit-linear-gradient(top,#fef7cb,#f2c97e,#e5a22b);
}
span{
background-image:-webkit-linear-gradient(top,#fff,#eddfb8,#cfa924);
}
&.active{
&:after{
background-image:linear-gradient(to right,transparent,rgba(229,162,43,.3) 40%,rgba(229,162,43,.3) 50%,transparent);
}
h5{
&:before, &:after{
border-image:linear-gradient(to right, transparent 10%, #e5a22b 40%, #e5a22b 60%, transparent 90%) 1 1;
}
}
}
}
}
}
.side{
}
}
div.el-date-editor{
border-color:#2F8DC2;background:rgba(0,0,0,.5);
input{background-color:transparent;color:#eee;}
span{color:#aaa;width:20px;}
}
.pop-md38{
.ct-box{position:relative;font-size:.13rem;}
.wrap{position:absolute;top:0;left:0;height:100%;width:100%;}
.a-md3822{
position:relative;display:none;flex-direction:column;justify-content:center;
flex:none;height:9.42rem;max-height:85.5vh;user-select:none;
transition:transform .3s ease-out 0s;
&.open{display:flex;}
&.hide{
transform:translateX(4.7rem);
.trigger{
&:before{content:"\E6DD";}
}
}
>div{
margin-top:.10rem;display:flex;flex-direction:column;
.m-t1{
margin:.20rem 0 0 .14rem;
background:no-repeat left center url('~@/assets/images/layout/md38_p_t1.png');background-size:auto 100%;
h4{
line-height:1;height:.37rem;letter-spacing:.02rem;
display:flex;align-items:center;margin-left:.38rem;font-size:.16rem;
}
}
.m-t2{
border:1px solid #0650b1;margin:.15rem .15rem 0 .15rem;border-radius:.10rem;
overflow:hidden;
background-image:linear-gradient(to bottom, #08346f, #1c61c6);
ul{display:flex;}
li{
flex:1;height:.62rem;padding:0 .02rem;border:1px solid transparent;
cursor:pointer;
display:flex;flex-direction:column;align-items:center;justify-content:center;
}
font{font-family:diget year;font-size:.23rem;}
span{text-align:center;font-size:.14rem;line-height:.15rem;}
.actv{
border:1px solid #4b9ff3;
border-radius:.10rem;
background-image:linear-gradient(to bottom, #327ef1, #3ab2f2);
cursor:default;
}
}
.ct-box{
flex:1;margin:0 .15rem .15rem .15rem;display:flex;flex-direction:column;
background-color:rgba(58, 116, 166, .5);
dd{
color:#fff;margin-right:.03rem;align-items:center;
display:grid;height:.36rem;border-bottom:1px solid #4B9FF3;
}
}
.dt{
display:grid;margin:0 .22rem 0 .15rem;height:.36rem;align-items:center;color:#08dcea;
span{text-align:center;padding:0 .02rem;}
}
}
.panel1{
height:2.23rem;margin-top:0;
background:no-repeat center center url('~@/assets/images/layout/md38_p1.png');background-size:100% 100%;
.ct-box{
flex:1;margin:.15rem;
dl{
display:flex;flex-direction:column;
dd{
position:relative;font-size:.14rem;flex:1;padding-left:.36rem;
display:flex;align-items:center;justify-content:space-between;
&:before{
content:"";position:absolute;top:0;left:0;height:100%;width:.36rem;
background:no-repeat center center url('~@/assets/images/layout/md38_p1_1.png');
background-size:auto .19rem;
}
span{z-index:10;position:relative;}
a{
z-index:10;position:relative;
width:.54rem;height:.22rem;text-align:center;font-size:.13rem;
border-radius:.10rem;color:black;cursor:pointer;
background-image:linear-gradient(to bottom, #00d8ff, #0ffefc);
line-height:.22rem;
}
&:after{
content:"";position:absolute;bottom:0;left:0;height:.15rem;width:100%;
background-image:linear-gradient(to bottom, rgba(38, 63, 85, .30), rgba(46, 81, 111, .80));
}
border-bottom:1px solid #406884;
}
}
}
}
.panel2{
height:3.50rem;
background:no-repeat center center url('~@/assets/images/layout/md38_p2.png');background-size:100% 100%;
.m-t2{
li:nth-child(1){font{color:#ff3740;}}
li:nth-child(2){font{color:#ff8839;}}
li:nth-child(3){font{color:#fff330;}}
li:nth-child(4){font{color:#0e6dfb;}}
li:nth-child(5){font{color:#ff3740;}}
li:nth-child(6){font{color:#ff8839;}}
//.actv{.font{color:#fff;}}
}
.dt{
grid-template-columns:20% 20% 20% 20% 20%;
}
.ct-box{
flex:1;margin:0 .15rem .15rem .15rem;display:flex;flex-direction:column;
background-color:rgba(58, 116, 166, .5);
dd{
grid-template-columns:20% 20% 20% 20% 20%;
span{text-align:center;padding:0 .02rem;}
}
}
}
.panel3{
height:3.50rem;
background:no-repeat center center url('~@/assets/images/layout/md38_p2.png');background-size:100% 100%;
.m-t2{
li{font{color:#00e2ff;}}
}
.dt{
grid-template-columns:85% 15%;
span{padding:0 .02rem;}
}
.ct-box{
flex:1;margin:0 .15rem .15rem .15rem;display:flex;flex-direction:column;
background-color:rgba(58, 116, 166, .5);
dd{
grid-template-columns:85% 15%;
span{padding:0 .02rem;}
span:first-child{padding-left:.10rem;}
span:last-child{
font-size:.22rem;text-align:center;cursor:pointer;
}
}
}
}
.trigger{
position:absolute;left:-25px;height:45px;width:25px;
background-color:rgba(0,0,0,.7);font-size:23px;
display:flex;align-items:center;justify-content:center;
border-radius:8px 0 0 8px;cursor:pointer;
&:before{
content:"\E6DC";font-family:"element-icons";font-style:normal;
}
}
}
}
}
}
</style>
<script type="text/javascript" src="js/qf_web.min.js"></script>
<script type="text/javascript" src="js/qf_web_ui.min.js"></script>
<script type="text/javascript">qf.openCalcLayout({dpr:1});</script>
<!-- 先引入 Vue -->
<script src="js/vue.min.js"></script>
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
<script src="js/vue@2.6.14"></script>
<script src="js/vant.min.js"></script>
</head>
<body class="body2X">
<div id="edge">
<div class="Screen cm-layout">
<div class="a_0">
<div id="cesiumContainer" class="cesium-ctn"></div>
<div class="a0_">
<header id="header">
<div class="b1_bg">
<h2>中和地信水利系统管理平台</h2>
</div>
<div class="a0a_" id="a0a_">
<ul>
<li><a href="/datav/index.html">返回首页</a></li>
</ul>
<ul>
<li><a href="/#/dashboard">后台管理</a></li>
</ul>
</div>
</header>
</div>
</div>
<div class="b_0">
<section class="b0_" id="b0_">
<div class="b0_a active">
<div class="side b0_left">
<div class="a-md40" id="amd40">
<div class="abs-full">
<div class="m-tt">
<h4>年度降水总量</h4>
</div>
<div class="m-body">
<div class="ct-box">
<h3>本年度累计降水量</h3>
<span>
<font>{{dm1.num}}</font>mm
</span>
</div>
</div>
</div>
</div>
<div class="a-md33" id="amd33">
<div class="abs-full">
<div class="m-tt">
<h4>位移报警趋势</h4>
</div>
<div class="m-body">
<div class="wrap">
</div>
</div>
</div>
</div>
</div>
<div class="side b0_right">
<div class="a-md32 a-md34">
<div class="abs-full">
<div class="m-tt">
<h4>降水监测</h4>
</div>
<div class="m-body">
<div class="m-t2">
<ul>
<li v-for="(item, i) in dm3.statistics"><h3>{{item.num}}</h3><span>{{item.name}}</span></li>
</ul>
</div>
<div class="ct-box">
<div class="wrap">
<dl class="scrolling4">
<dt>
<span>站点编号</span>
<span>测站名称</span>
<span>实时雨量</span>
<span>实时雨量</span>
</dt>
<dd v-for="(item, i) in dm3.list">
<span>{{item.code}}</span>
<span>{{item.name}}</span>
<span>{{item.value}}mm</span>
<span>{{item.zongliang}}mm</span>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="a-md32 a-md35" id="amd35">
<div class="abs-full">
<div class="m-tt">
<h4></h4>
</div>
<div class="m-body">
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</body>
<!-- 引入echarts -->
<script src="js/echarts.min.js"></script>
<script src="js/echarts-gl.js"></script>
<!-- 引入组件库 -->
<script src="js/element-ui.js"></script>
<!-- 引入高德js
<script src="js/maps.js"></script>
<script src="js/loca.js"></script>
<script src="js/es5.min.js"></script>
<script src="js/maps-MouseTool.js"></script> -->
<!-- axios -->
<script src="js/axios.min.js"></script>
<!-- cookie -->
<script src="js/js.cookie.js"></script>
<script src="js/highcharts.js"></script>
<!-- <script type="text/javascript" src="static/js/jessibuca/jessibuca.js"></script>
<script type="text/javascript" src="static/js/EasyWasmPlayer.js"></script>
<script type="text/javascript" src="static/js/liveplayer-lib.min.js"></script>
<script type="text/javascript" src="static/js/ZLMRTCClient.js"></script>
<script type="text/javascript" src="static/js/config.js"></script> -->
<script>
let jessibucaPlayer = {};
const LOCAL_API = location.protocol + '//' + (location.hostname === '192.168.3.226' ? '192.168.3.37' : '192.168.13.200') + ':8013';
const selfHost = location.hostname === '192.168.3.226' ? 'http://192.168.3.226:8057' : 'http://192.168.13.200:8013';
qf(function(){
var host = location.protocol + '//' + window.location.host;
var token = Cookies.get('ELADMIN-TOEKN');
if (!token) {
window.open(selfHost + '/#/login', '_self')
return
}
axios = axios.create({
baseURL: LOCAL_API,
headers: { 'Authorization': token }
});
axios.interceptors.response.use(
response => {
return response.data
}, error => {
console.error(error)
let code = 0
try {
code = error.response.data.status
} catch (e) {
if (error.toString().indexOf('Error: timeout') !== -1) {
console.error('当前网络不佳')
return
}
}
if (!code) {
console.error('当前网络不佳')
return
}
if (code === 401) {
alert('登录信息失效，请重新登录')
window.open(host + '/#/login', '_self')
return
}
if (code === 400 && message === '不允许访问') {
alert('您没有权限使用此功能，请联系管理员开通')
return
}
}
);
Highcharts.setOptions({
global: {
useUTC: false
},
lang:{
resetZoom:'重置缩放比例',
},
});
new Vue({
el: '#edge',
data() {
return {
dm1:{},
dm3:{},
}
},
watch: {
videoUrl(newData, oldData) {
this.play(newData)
},
immediate: true
},
mounted() {
var self = this, m = {};
// requst
m.requst = function(type, url, param){
var l1 = qf.UI.loading({zIndex:2051, timer:10000, mask:'none'});
return axios[type](url, {
params: param || {}
}).then(res => {
l1.close();
return res
})
};
var amd33 = self.$el.querySelector("#amd33");
var wrap33 = amd33.querySelector(".wrap");
// 年度降水总量
m.requst('get', '/data/rg/rainfall-year', {}).then(function(res){
self.dm1 = res
});
// 24小时各监测点降水量
(m.alarmTrend = function(){
m.requst('get', '/data/rg/rainfallDay', {}).then(function(res){
var seriesDataFormat = function(data, opts){
var names = data.names || [], list = data.list || data.lists, series = [], categories = [], maxVal = 0;
if(names[0] && list){
var colors = opts.colors || ['#7CB5EC', '#90ED7D', '#F7A35C', '#8085E9', '#F15C80', '#E4D354', '#2B908F', '#F45B5B', '#91E8E1', '#0769CB', '#00ABBD', '#ffd886', "#9F2E61", "#4D670C"];
var len = names.length;
for(var i=0; i<len; i++){
var item = names[i];
var serie = Object.assign({}, opts.serie) || {};
serie.name = item.name;
!serie.data && (serie.data = []);
serie.key = item.key;
!serie.type && (serie.type = data.chartType || opts.type);
serie.color = colors[i];
series.push(serie);
};
for(var item of list){
var values = item.values;
var timestamp = item['date'];
categories.push(timestamp);
for(var serie of series){
var value = values[serie.key] * 1;
Math.abs(value) > maxVal && (maxVal = Math.abs(value));
serie.data.push([timestamp, value]);
};
};
};
return {series:series, categories:categories, maxVal:maxVal}
};
var formatSeries = seriesDataFormat(res, {datekey:'date', serie:{
type: 'column',
marker: {
enabled: false
},
}, colors:["#fcaa00", "#20ef03", "#38f1f3"]});
var series = formatSeries.series;
var option = {
chart: {
type: 'column',
backgroundColor:'transparent',
//marginTop:30,
marginBottom:55,
marginLeft:30,
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
type: 'datetime' || 'category',
labels: {
//rotation:0, // 设置轴标签旋转角度
style:{
color:'#fff'
},
y:15,
},
categories: formatSeries.categories,
lineWidth:0,
//lineColor:'#ff0000',
gridLineColor:'#aaa',
tickLength:0, // 刻度线
dateTimeLabelFormats: {
millisecond: '%H:%M:%S.%L',
second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%m-%d',
week: '%m-%d',
month: '%Y-%m',
year: '%Y'
}
},
yAxis: {
title: {
text: ''
},
labels:{
style:{
color:'#fff'
},
x:-6,
},
gridLineColor:'#0F5680',
//minorGridLineWidth: 5,
//gridLineWidth: 5,
//max:opts.maxValDev ? maxVal + maxVal * opts.maxValDev : null,
},
plotOptions: {
column: {
borderWidth: 0,
//y:50,
//itemMarginTop:50,
},
bar:{
borderWidth: 0,
},
},
legend: {
enabled: series.length > 1 ? true : false,
// 图例定位
layout: 'horizontal', // 水平布局:“horizontal”, 垂直布局:“vertical”
floating: false, // 图列是否浮动
align: 'right',
// 图例容器
//width:'100%', // number || String
padding:2, // 内边距
margin:2,
borderRadius:5,
//borderWidth:1,
verticalAlign: 'top',
// 图例项
//itemWidth:120, // 宽度
itemDistance:10, // 间距 20
y:-10,
itemMarginTop:2,
itemStyle:{color:'#fff',},
itemHoverStyle:{color:'#fff',},
},
credits: {
enabled: false
},
tooltip: {
pointFormat: '{series.name}：{point.y} ' + 'mm',
dateTimeLabelFormats: {
millisecond: '%H:%M:%S.%L',
second: '%H:%M:%S',
minute: '%m-%d %H:%M',
hour: '%m-%d %H:%M',
day: '%m-%d %H:%M',
week: '%m-%d %H:%M',
month: '%Y-%m',
year: '%Y'
}
},
series: formatSeries.series,
};
new Highcharts.chart(wrap33, option);
});
})();
// 降水监测
(m.jiangshui = function(dateRange){
m.requst('get', '/data/rg/countStatistics', {}).then(function(res){
self.dm3 = res;
});
})();
return ;
if (!token) {
window.open(host + '/#/login', '_self')
return
}
// 当前矿山
const selectedMineJson = window.localStorage.getItem('kd.selected.mine')
let noMine = false
if (!selectedMineJson) {
noMine = true
} else {
const selectedMine = JSON.parse(selectedMineJson)
// if (!selectedMine || selectedMine.enterpriseId !== this.user.enterpriseId) {
// noMine = true
// } else {
this.selectedMine = selectedMine
// }
}
if (noMine) {
alert('您当前还未选择矿山，请先选择矿山再查看此大屏')
window.history.go(-1)
return
}
if (this.selectedMine.mineType != 2) {
alert('您当前选择的不是露天矿山，请先选择露天矿山，再查看此大屏')
window.history.go(-1)
return
}
this.getData()
// 视频列表
axios.get('/api/video/link-mine', {
params: {
mineType: this.selectedMine.mineType,
mineId: this.selectedMine.id,
}
}).then(resopnse => {
this.videos = []
let firstVideo = null
resopnse.data.results.forEach(vm => {
let video = {
'id': vm.id,
'videoUrl': null,
'name': vm.name,
'videoId': vm.videoId,
'deviceId': vm.deviceId
}
firstVideo = firstVideo || video
this.videos.push(video)
})
if (firstVideo) {
this.chickVideo(firstVideo, 0)
}
})
},
methods: {
// video
updatePlayerDomSize() {
let dom = this.$refs.container;
let width = dom.parentNode.clientWidth
let height = (9 / 16) * width
const clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight)
if (height > clientHeight) {
height = clientHeight
width = (16 / 9) * height
}
dom.style.width = width + 'px';
dom.style.height = height + "px";
},
create() {
let options = {};
console.log("hasAudio " + this.hasAudio)
jessibucaPlayer[this._uid] = new window.Jessibuca(Object.assign(
{
container: this.$refs.container,
autoWasm: true,
background: "",
controlAutoHide: false,
debug: false,
decoder: "static/js/jessibuca/decoder.js",
forceNoOffscreen: true,
hasAudio: typeof (this.hasAudio) == "undefined" ? true : this.hasAudio,
hasVideo: true,
heartTimeout: 5,
heartTimeoutReplay: true,
heartTimeoutReplayTimes: 3,
hiddenAutoPause: false,
hotKey: false,
isFlv: false,
isFullResize: false,
isNotMute: this.isNotMute,
isResize: false,
keepScreenOn: false,
loadingText: "请稍等, 视频加载中......",
loadingTimeout: 10,
loadingTimeoutReplay: true,
loadingTimeoutReplayTimes: 3,
openWebglAlignment: false,
operateBtns: {
fullscreen: false,
screenshot: false,
play: false,
audio: false,
record: false
},
recordType: "webm",
rotate: 0,
showBandwidth: false,
supportDblclickFullscreen: false,
timeout: 10,
useMSE: location.hostname !== "localhost" && location.protocol !== "https:",
useOffscreen: false,
useWCS: location.hostname === "localhost" || location.protocol === "https",
useWebFullScreen: false,
videoBuffer: 0,
wasmDecodeAudioSyncVideo: true,
wasmDecodeErrorReplay: true,
wcsUseVideoRender: true
},
options
));
let jessibuca = jessibucaPlayer[this._uid];
let _this = this;
jessibuca.on("load", function () {
console.log("on load init");
});
jessibuca.on("log", function (msg) {
console.log("on log", msg);
});
jessibuca.on("record", function (msg) {
console.log("on record:", msg);
});
jessibuca.on("pause", function () {
_this.playing = false;
});
jessibuca.on("play", function () {
_this.playing = true;
});
jessibuca.on("fullscreen", function (msg) {
console.log("on fullscreen", msg);
_this.fullscreen = msg
});
jessibuca.on("mute", function (msg) {
console.log("on mute", msg);
_this.isNotMute = !msg;
});
jessibuca.on("audioInfo", function (msg) {
console.log("audioInfo", msg);
});
jessibuca.on("bps", function (bps) {
// console.log('bps', bps);
});
let _ts = 0;
jessibuca.on("timeUpdate", function (ts) {
// console.log('timeUpdate,old,new,timestamp', _ts, ts, ts - _ts);
_ts = ts;
});
jessibuca.on("videoInfo", function (info) {
console.log("videoInfo", info);
});
jessibuca.on("error", function (error) {
console.log("error", error);
});
jessibuca.on("timeout", function () {
console.log("timeout");
});
jessibuca.on('start', function () {
console.log('start');
})
jessibuca.on("performance", function (performance) {
let show = "卡顿";
if (performance === 2) {
show = "非常流畅";
} else if (performance === 1) {
show = "流畅";
}
_this.performance = show;
});
jessibuca.on('buffer', function (buffer) {
// console.log('buffer', buffer);
})
jessibuca.on('stats', function (stats) {
// console.log('stats', stats);
})
jessibuca.on('kBps', function (kBps) {
_this.kBps = Math.round(kBps);
});
// 显示时间戳 PTS
jessibuca.on('videoFrame', function () {
})
//
jessibuca.on('metadata', function () {
});
},
playBtnClick: function (event) {
this.play(this.videoUrl)
},
play: function (url) {
console.log(url)
if (jessibucaPlayer[this._uid]) {
this.destroy();
}
this.create();
jessibucaPlayer[this._uid].on("play", () => {
this.playing = true;
this.loaded = true;
this.quieting = jessibuca.quieting;
});
if (jessibucaPlayer[this._uid].hasLoaded()) {
jessibucaPlayer[this._uid].play(url);
} else {
jessibucaPlayer[this._uid].on("load", () => {
console.log("load 播放")
jessibucaPlayer[this._uid].play(url);
});
}
},
pause: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].pause();
}
this.playing = false;
this.err = "";
this.performance = "";
},
screenshot: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].screenshot();
}
},
mute: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].mute();
}
},
cancelMute: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].cancelMute();
}
},
destroy: function () {
if (jessibucaPlayer[this._uid]) {
jessibucaPlayer[this._uid].destroy();
}
if (document.getElementById("buttonsBox") == null) {
this.$refs.container.appendChild(this.btnDom)
}
jessibucaPlayer[this._uid] = null;
this.playing = false;
this.err = "";
this.performance = "";
},
eventcallbacK: function (type, message) {
// console.log("player 事件回调")
// console.log(type)
// console.log(message)
},
fullscreenSwich: function () {
let isFull = this.isFullscreen()
jessibucaPlayer[this._uid].setFullscreen(!isFull)
this.fullscreen = !isFull;
},
isFullscreen: function () {
return document.fullscreenElement ||
document.msFullscreenElement ||
document.mozFullScreenElement ||
document.webkitFullscreenElement || false;
},
// video end
// 点击选中一路视频
chickVideo(video, index) {
console.log('video====', video, index)
if (video.videoUrl == null) {
axios.get('/wvp/api/play/start/' + video.deviceId + '/' + video.videoId).then(res => {
console.log('res====', res)
if (res.status && res.status >= 200 && res.status - 200 < 100) {
if (res.data.code == 0) {
console.log('videos===', this.videos)
this.videoUrl = res.data.data.ws_flv
}
}
})
}
this.TabCur = index
this.showMask = false
},
// 跳转到后台管理
gotoManagement() {
window.open(location.protocol + '//' + window.location.host + '/#/home4Mine', '_self')
},
async getData(e) {
var loading
if (!e) {
loading = this.$loading({
lock: true,
text: '加载中',
// spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
}
// AI报警列表
this.aiWarnCount = 0
axios.get(host + '/api/datav/video-ai', {
params: {
page: 1,
count: 100,
mineId: this.selectedMine.id,
mineType: this.selectedMine.mineType
}
}).then(res => {
if (res && res.data) {
this.aiList = res.data.results
this.aiWarnCount = res.data.total
}
});
// 模拟请求
setTimeout(() => {
setTimeout(() => this.getData('refesh'), 5000);
// 圆环图
// 基于准备好的dom，初始化echarts实例
var pieChart = echarts.init(document.getElementById("pie"));
pieChart.clear() // 定时刷新 实际不刷新 演示用
// 绘制图表
pieChart.setOption({
color: ['#38d6d9', '#ebb963'],
graphic: [
{
type: 'text',
left: 'center',
top: '52%',
style: {
text: this.aiWarnCount + '', // 中间总数
textAlign: 'center',
fill: '#37d6da',
fontSize: 24,
}
},
{
type: 'text',
left: 'center',
top: '40%',
style: {
text: '报警总数',
textAlign: 'center',
fill: '#ffffff',
fontSize: 13,
}
}
],
series: [
{
type: "pie",
startAngle: 0,
// center: ['40%', '50%'],
data: [
{ value: this.aiWarnCount, name: '报警数量：' + this.aiWarnCount, label: { color: '#ffffff' } },
// { value: 200, name: '未处置：200', label: { color: '#ffffff' } }
],
radius: ['50%', '70%'],
itemStyle: {
normal: {
borderWidth: 2,
borderColor: 'rgba(0,0,0,.5)'
}
}
}
]
});
loading.close();
this.isReady = true
}, 1000);
}
},
destroyed() {
console.log('destroyed ________________ ', 1111111111);
},
})
});
</script>
</html>
\ No newline at end of file
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