<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>秦安双控数据可视化平台</title>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="stylesheet" href="./swiper-master/package/swiper-bundle.min.css">
<script src="./js/vue.js"></script>
<script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
<script src="../config.js"></script>
<script src="./js/sweetalert.min.js"></script>
<script src="./js/ezuikit.js"></script>
<script src="./swiper-master/package/swiper-bundle.min.js"></script>
<script src="https://statics.ys7.com/openweb/common/scripts/jquery-39b5fb0510.cookie.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@1/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@1/dist/ecStat.min.js"></script> -->
<script src="./js/echarts/echarts.js"></script>
</head>
<style>
.tab-item{
height:100%
}
</style>
<body>
<div class="full-page" id="app">
<div class="header">
<div class="logo">
<img src="images/logo-title.png">
</div>
<div class="btn-group">
<a :href="weburl+'#/index'" class="home-btn"></a>
<a onclick="fullScreen()" class="full-btn"></a>
</div>
</div>
<div class="bi-main">
<div class="bi-left">
<div class="bi-step1">
<div class="step-title-left">
<h1>风险管控统计分析</h1>
<div class="step-name">
{{ corpinfo.CORP_NAME }}
</div>
</div>
<div class="round-box">
<div class="round-grap">
<h1>{{unitcount}}</h1>
<span>风险点（单元）</span>
</div>
<div class="round-jt">
</div>
<div class="round-grap">
<h1>{{idcount}}</h1>
<span>辨识部位</span>
</div>
<div class="round-jt">
</div>
<div class="round-grap">
<h1>{{acount+bcount+ccount+dcount}}</h1>
<span>存在风险</span>
</div>
</div>
</div>
<div class="bi-step2">
<div class="bi-step2-loop">
<span class="light"></span>
<span class="light"></span>
<span class="light"></span>
<span class="light"></span>
</div>
<div class="step-title step-int">
<h1 style="margin-top: 0.4vh;">隐患排查数据</h1>
<!-- <div class="step-run">-->
<!-- <ul class="slide-list js-slide-list">-->
<!-- <li class="odd" v-for="(data,index) in ideCheckRecordList">-->
<!-- <span>{{data.CHECK_TIME}}</span><span class="t2span">{{data.NAME}}</span>-->
<!-- <span class="t3span">{{data.PARTSNAME}}</span>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
</div>
<div class="hidden-box">
<div class="hidden-h1">
<div class="hidden-h1-lable">
企业人员数
</div>
<div class="hidden-h1-date">
<span class="color-blue f36">{{allUser}}</span>
</div>
</div>
<div class="hidden-h2">
<div class="hidden-h2-flex">
<div class="hidden-h2-lable">
部门
</div>
<div class="hidden-h2-date">
<span class="color-blue f22">{{allDep}}</span>
</div>
</div>
<div class="hidden-h2-flex">
<div class="hidden-h2-lable">
清单
</div>
<div class="hidden-h2-date">
<span class="color-blue f22">{{allList}}</span>
</div>
</div>
</div>
<div class="hidden-h3">
<div class="hidden-h3-lable">
清单类型占比指数
</div>
<div class="hidden-h3-date" id="listPercent">
</div>
</div>
</div>
</div>
<div class="bi-step3">
<div class="step-title step-int">
<h1>任务处理情况</h1>
<ul class="step-tabs w160">
<li id="rcli" class="actived" @click="qhtab('rcli')">隐患处理</li>
<li id="yhli" @click="qhtab('yhli')">日常检查</li>
</ul>
</div>
<div v-if="showTask == 1" class="task-box swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-nian.png">
</div>
<div class="title">
本年隐患
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期除已验收、已归档的重大隐患、忽略隐患、确认打回隐患及重大隐患以外的数量" placement="top">
<div class="task-text">
<div class="title">
待处理
</div>
<div class="color-blue f22">
{{hdCount.yearUncheck}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期已验收、已归档的重大隐患、忽略隐患及重大隐患的数量" placement="top">
<div class="task-text">
<div class="title">
已处理
</div>
<div class="color-blue f22">
{{hdCount.yearChecked}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="(本周期已处理/(本周期待处理+本周期已处理))*100%" placement="top">
<div class="task-text">
<div class="title">
隐患整改率
</div>
<div class="color-org">
<span
class="f22">{{hdCount.yearTotal==0?0:((hdCount.yearChecked/hdCount.yearTotal*100).toFixed(2))}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-ji.png">
</div>
<div class="title">
本季隐患
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期除已验收、已归档的重大隐患、忽略隐患、确认打回隐患及重大隐患以外的数量" placement="top">
<div class="task-text">
<div class="title">
待处理
</div>
<div class="color-blue f22">
{{hdCount.quarterUncheck}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期已验收、已归档的重大隐患、忽略隐患及重大隐患的数量" placement="top">
<div class="task-text">
<div class="title">
已处理
</div>
<div class="color-blue f22">
{{hdCount.quarterChecked}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="(本周期已处理/(本周期待处理+本周期已处理))*100%" placement="top">
<div class="task-text">
<div class="title">
隐患整改率
</div>
<div class="color-org">
<span
class="f22">{{hdCount.quarterTotal==0?0:((hdCount.quarterChecked/hdCount.quarterTotal*100).toFixed(2))}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-yue.png">
</div>
<div class="title">
本月隐患
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期除已验收、已归档的重大隐患、忽略隐患、确认打回隐患及重大隐患以外的数量" placement="top">
<div class="task-text">
<div class="title">
待处理
</div>
<div class="color-blue f22">
{{hdCount.monthUncheck}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期已验收、已归档的重大隐患、忽略隐患及重大隐患的数量" placement="top">
<div class="task-text">
<div class="title">
已处理
</div>
<div class="color-blue f22">
{{hdCount.monthChecked}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="(本周期已处理/(本周期待处理+本周期已处理))*100%" placement="top">
<div class="task-text">
<div class="title">
隐患整改率
</div>
<div class="color-org">
<span
class="f22">{{hdCount.monthTotal==0?0:((hdCount.monthChecked/hdCount.monthTotal*100).toFixed(2))}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
</div>
<div class="swiper-slide">
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-xun.png">
</div>
<div class="title">
本旬隐患
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期除已验收、已归档的重大隐患、忽略隐患、确认打回隐患及重大隐患以外的数量" placement="top">
<div class="task-text">
<div class="title">
待处理
</div>
<div class="color-blue f22">
{{hdCount.xunUncheck}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期已验收、已归档的重大隐患、忽略隐患及重大隐患的数量" placement="top">
<div class="task-text">
<div class="title">
已处理
</div>
<div class="color-blue f22">
{{hdCount.xunChecked}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="(本周期已处理/(本周期待处理+本周期已处理))*100%" placement="top">
<div class="task-text">
<div class="title">
隐患整改率
</div>
<div class="color-org">
<span
class="f22">{{hdCount.xunTotal==0?0:((hdCount.xunChecked/hdCount.xunTotal*100).toFixed(2))}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-zou.png">
</div>
<div class="title">
本周隐患
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期除已验收、已归档的重大隐患、忽略隐患、确认打回隐患及重大隐患以外的数量" placement="top">
<div class="task-text">
<div class="title">
待处理
</div>
<div class="color-blue f22">
{{hdCount.weekUncheck}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期已验收、已归档的重大隐患、忽略隐患及重大隐患的数量" placement="top">
<div class="task-text">
<div class="title">
已处理
</div>
<div class="color-blue f22">
{{hdCount.weekChecked}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="(本周期已处理/(本周期待处理+本周期已处理))*100%" placement="top">
<div class="task-text">
<div class="title">
隐患整改率
</div>
<div class="color-org">
<span
class="f22">{{hdCount.weekTotal==0?0:((hdCount.weekChecked/hdCount.weekTotal*100).toFixed(2))}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-ri.png">
</div>
<div class="title">
本日隐患
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期除已验收、已归档的重大隐患、忽略隐患、确认打回隐患及重大隐患以外的数量" placement="top">
<div class="task-text">
<div class="title">
待处理
</div>
<div class="color-blue f22">
{{hdCount.dayUncheck}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期已验收、已归档的重大隐患、忽略隐患及重大隐患的数量" placement="top">
<div class="task-text">
<div class="title">
已处理
</div>
<div class="color-blue f22">
{{hdCount.dayChecked}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="(本周期已处理/(本周期待处理+本周期已处理))*100%" placement="top">
<div class="task-text">
<div class="title">
隐患整改率
</div>
<div class="color-org">
<span
class="f22">{{hdCount.dayTotal==0?0:((hdCount.dayChecked/hdCount.dayTotal*100).toFixed(2))}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
</div>
</div>
</div>
<div v-else-if="showTask == 2" class="task-box swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-ri.png">
</div>
<div class="title">
本日应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
</div>
<div class="color-blue f22">
{{listCountDay.denominator-listCountDay.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
</div>
<div class="color-blue f22">
{{listCountDay.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本日完成率
</div>
<div class="color-org">
<span class="f22">{{listCountDay.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-zou.png">
</div>
<div class="title">
本周应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
</div>
<div class="color-blue f22">
{{listCountWeek.denominator-listCountWeek.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
</div>
<div class="color-blue f22">
{{listCountWeek.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本周完成率
</div>
<div class="color-org">
<span class="f22">{{listCountWeek.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-xun.png">
</div>
<div class="title">
本旬应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
</div>
<div class="color-blue f22">
{{listCountXun.denominator-listCountXun.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
</div>
<div class="color-blue f22">
{{listCountXun.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本旬完成率
</div>
<div class="color-org">
<span class="f22">{{listCountXun.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
</div>
<div class="swiper-slide">
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-yue.png">
</div>
<div class="title">
本月应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
</div>
<div class="color-blue f22">
{{listCountMonth.denominator-listCountMonth.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
</div>
<div class="color-blue f22">
{{listCountMonth.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本月完成率
</div>
<div class="color-org">
<span class="f22">{{listCountMonth.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-ji.png">
</div>
<div class="title">
本季应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
</div>
<div class="color-blue f22">
{{listCountQuarter.denominator-listCountQuarter.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已处理
</div>
<div class="color-blue f22">
{{listCountQuarter.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本季完成率
</div>
<div class="color-org">
<span class="f22">{{listCountQuarter.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
<div class="task-icon">
<img src="images/icon-nian.png">
</div>
<div class="title">
本年应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
</div>
<div class="color-blue f22">
{{listCountYear.denominator-listCountYear.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
</div>
<div class="color-blue f22">
{{listCountYear.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本年完成率
</div>
<div class="color-org">
<span class="f22">{{listCountYear.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="bi-center">
<div class="map-step">
<div class="import-map">
<iframe src="tree/index.html" style="border: none" width="100%" height="100%" scrolling="no"></iframe>
</div>
</div>
<div class="bi-step-bottom">
<div class="bi-step7">
<div class="step-title step-interval">
<h1>隐患处理情况分析</h1>
</div>
<div class="chart-bread" id="hdclasscard">
</div>
</div>
<div class="bi-step8">
<div class="step-title step-interval">
<h1>视频中心</h1>
<ul class="step-tabs w240">
<li id="ptli" @click="qiehuan('ptli')">企业监控</li>
<li v-if="isshow==true" id="qysxt" @click="qiehuan('qysxt')">企业监控</li>
<li id="qyli" class="actived" @click="qiehuan('qyli')">企业视频</li>
</ul>
</div>
<div class="chart-video">
<div v-show="showVideoType == 1" class="tab-item show" id="ptDiv">
<iframe :src="url" width="100%" height="100%" allowfullscreen allow="autoplay; fullscreen" style="position: relative;border:none"></iframe>
</div>
<div v-show="showVideoType == 2" class="tab-item" id="qyVidoDiv" style="position: relative;">
<iframe :src="qurl" width="100%" height="100%" allowfullscreen allow="autoplay; fullscreen" style="position: relative;border:none"></iframe>
</div>
<div v-show="showVideoType == 3" class="tab-item" id="qyDiv">
<!-- <iframe :src="qqurl" width="100%" height="100%" allowfullscreen allow="autoplay; fullscreen" style="position: relative;border:none"></iframe>-->
<video
id="cpVideo"
ref="cpVideo"
:src="url"
style="height: 100%; width: 100%; border: none; "
autoplay="true"
preload="auto"
loop
controls="controls"/>
</div>
</div>
</div>
</div>
</div>
<div class="bi-right">
<div class="bi-step4">
<div class="step-title-right">
<div class="step-name">
秦皇岛港股份有限公司
</div>
<!-- <div class="step-name">
邢台市应急管理宣传教育培训中心
</div>-->
<ul>
<li id="corp" @click="changeNotice('corp')" class="actived">排查信息</li>
<li id="platform" @click="changeNotice('platform')">平台公告</li>
</ul>
</div>
<div v-show="showNotice == 'corp'">
<ul :class="corpNotice.length > 3?'slide-list1 js-slide-list1':''">
<!-- <li class="odd" v-for="(data,index) in corpNotice">-->
<!-- <div class="notice-content" style="height: 100px" >-->
<!-- <span>{{data.SYNOPSIS.length>80?data.SYNOPSIS.substring(0,80)+"...":data.SYNOPSIS}}</span>-->
<!-- </div>-->
<!-- </li>-->
<li class="odd" v-for="(data,index) in ideCheckRecordList">
<div class="notice-content" style="height: 100px" >
<span>{{data.CHECK_TIME}}</span><span class="t2span">{{data.NAME}}</span>
<span class="t3span">{{data.PARTSNAME}}</span>
</div>
</li>
</ul>
</div>
<div class="notice-content" id="platformNotice" v-show="showNotice == 'platform'"></div>
</div>
<div class="bi-step5">
<div class="bi-step5-loop">
<span class="light"></span>
<span class="light"></span>
<span class="light"></span>
<span class="light"></span>
</div>
<div class="step-title step-interval">
<h1>隐患整改趋势统计</h1>
</div>
<div class="chart-song" id="hiddenNum">
</div>
</div>
<div class="bi-step6">
<div class="step-title step-interval">
<h1>风险分布情况</h1>
</div>
<div class="chart-zhu" id="riskcard">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {
days15: [],
day_nhd: [],
day_zhd: [],
wzgcount: 0,
dyscount: 0,
yyscount: 0,
ygqcount: 0,
hdclass: [],
allcount: 0,
// acount: 0,
// bcount: 0,
// ccount: 0,
// dcount: 0,
totalRisk: 0,
// idcount: 0,
unfinishcount: 0,
hidCount: [],
fileList: [],
listCount: 0,
ptVideo: '',
cpVideo: '',
hdCount: {},
listCountDay: [],
listCountWeek: [],
listCountXun: [],
listCountMonth: [],
listCountQuarter: [],
listCountYear: [],
ideCheckRecordList: [],
corpinfo: [],
decoder: [],
isshow: false,
url: '',
eurl: '',
qurl: '',
qqurl: '',
token: '',
corpNotice: [], // 企业公告
platformNotice: [], // 平台公告
showNotice: 'corp', // 显示的公告
acount: 0, // 风险点、辨识部位、存在风险
bcount: 0,
ccount: 0,
dcount: 0,
idcount: 0,
unitcount: 0, // 风险点、辨识部位、存在风险
allUser: 0,
workUser: 0,
allDep: 0,
workDep: 0,
allList: 0,
workList: 0,
showVideoType: 3,
showTask: 1,
weburl: config.weburl
},
mounted() {
this.init()
},
methods: {
// 初始执行
init() {
var _this = this
this.getData()
var intervalId = setInterval(function() {
_this.getData()
}, 3600000)
var intervalId = setInterval(function() {
_this.listLogByIde()
}, 300000)
},
getData: function() {
this.getStatistics()
// this.getFolderList();
// this.getWorkNumber();
// this.getList();
this.getVideoList()
this.getHdCount()
this.getListCount()
this.getCorpInfo()
this.getIsshow()
this.countListByType()
this.listLogByIde()
this.countNumBi()
// this.getRiskCount();
this.getCorpNotice()
this.getPlatformNotice()
this.getHiddenNum()
},
// BI页
getHiddenNum: function() {
this.loading = true
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/hiddenSta',
data: {},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
// 任务清理状况线性图开始
var hiddenNum = document.getElementById('hiddenNum')
var hiddenNumChart = echarts.init(hiddenNum)
var hiddenNumOption = null
var hiddenNumOption = {
tooltip: {
trigger: 'axis'
},
legend: {
top: 10,
data: [
{ name: '隐患数', textStyle: { color: '#70c5ff' }},
{ name: '未整改隐患数', textStyle: { color: '#70c5ff' }},
{ name: '已整改隐患数', textStyle: { color: '#70c5ff' }}
]
},
grid: {
left: '3%',
right: '4%',
bottom: '4%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: data.names,
axisLine: {
lineStyle: {
color: '#70c5ff'
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: '#70c5ff'
}
}
},
series: [
{
name: '隐患数',
type: 'line',
stack: '总量',
data: data.all,
itemStyle: {
normal: {
color: '#fa1f5a',
lineStyle: {
color: '#fa1f5a'
}
}
}
},
{
name: '未整改隐患数',
type: 'line',
stack: '总量',
data: data.wzg,
itemStyle: {
normal: {
color: '#ff985a',
lineStyle: {
color: '#ff985a'
}
}
}
},
{
name: '已整改隐患数',
type: 'line',
stack: '总量',
data: data.yzg,
itemStyle: {
normal: {
color: '#3ca272',
lineStyle: {
color: '#3ca272'
}
}
}
}
]
}
if (hiddenNumOption && typeof hiddenNumOption === 'object') {
hiddenNumChart.setOption(hiddenNumOption, true)
}
// /任务清理状况线性图开始
} else if (data.result == 'exception') {
showException('通知公告', data.exception)// 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
qhtab: function(value) {
if (value == 'rcli') {
$('#rcli').attr('class', 'actived')
$('#yhli').removeClass('actived')
this.showTask = 1
} else if (value == 'yhli') {
$('#yhli').attr('class', 'actived')
$('#rcli').removeClass('actived')
this.showTask = 2
}
},
qiehuan: function(value) {
var ptVideo = document.getElementById('ptVideo')
var cpVideo = document.getElementById('cpVideo')
if (value == 'ptli') {
$('#ptli').attr('class', 'actived')
$('#qyli').removeClass('actived')
$('#qysxt').removeClass('actived')
this.showVideoType = 1
/* $("#ptDiv").attr("class", "show");
$("#qyDiv").attr("class", "tab-item");
$("#qyVidoDiv").attr("class", "tab-item");*/
ptVideo.play()
cpVideo.pause()
} else if (value == 'qysxt') {
$('#qysxt').attr('class', 'actived')
$('#ptli').removeClass('actived')
$('#qyli').removeClass('actived')
this.showVideoType = 2
/* $("#ptDiv").attr("class", "tab-item");
$("#qyVidoDiv").attr("class", "show");
$("#qyDiv").attr("class", "tab-item");*/
ptVideo.pause()
this.bofang()
cpVideo.pause()
} else {
$('#qyli').attr('class', 'actived')
$('#ptli').removeClass('actived')
$('#qysxt').removeClass('actived')
this.showVideoType = 3
/* $("#ptDiv").attr("class", "tab-item");
$("#qyVidoDiv").attr("class", "tab-item");
$("#qyDiv").attr("class", "show");*/
ptVideo.pause()
cpVideo.play()
}
},
// 根据分类统计清单
countListByType: function() {
this.loading = true
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'listmanager/countListByType',
data: {},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
// 清单类型饼状图开始
var listPercent = document.getElementById('listPercent')
var lpmyChart = echarts.init(listPercent)
var lpOption = null
var lpOption = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
series: [
{
name: '清单类型',
type: 'pie',
radius: ['40%', '70%'],
center: ['50%', '58%'],
color: ['#77c8ff', '#d59b52', '#006fd1', '#df1f20', '#4be48c'],
data: data.datas,
labelLine: {
normal: {
length: 5, // 改变标示线的长度
lineStyle: {
color: '#70c5ff' // 改变标示线的颜色
}
}
},
itemStyle: {
normal: {
label: {
color: '#70c5ff'
}
}
},
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
}
if (lpOption && typeof lpOption === 'object') {
lpmyChart.setOption(lpOption, true)
}
// 清单类型饼状图结束
} else if (data.result == 'exception') {
showException('通知公告', data.exception)// 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// BI页隐患排查人员/部门/清单数据
countNumBi: function() {
this.loading = true
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'checkrecord/countNumBi',
data: {},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
vm.allUser = data.allUser
vm.workUser = data.workUser
vm.allDep = data.allDep
vm.workDep = data.workDep
vm.allList = data.allList
vm.workList = data.workList
} else if (data.result == 'exception') {
showException('通知公告', data.exception)// 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// 获取企业公告（第一条）
getCorpNotice: function() {
this.loading = true
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'noticecorp/getAllPlaNewNotice',
data: { STATUS: '1', tm: new Date().getTime() },
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
vm.corpNotice = data.varList
// if (vm.corpNotice != null && vm.corpNotice != '') {
// $("#corpNotice").html(vm.corpNotice.SYNOPSIS)
// }
} else if (data.result == 'exception') {
showException('通知公告', data.exception)// 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// 获取平台公告（第一条）
getPlatformNotice: function() {
this.loading = true
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'service/notice/getNewNotice',
data: { STATUS: 1, tm: new Date().getTime() },
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
vm.platformNotice = data.pd
if (vm.platformNotice != null && vm.platformNotice != '') {
$('#platformNotice').html(vm.platformNotice.SYNOPSIS)
}
} else if (data.result == 'exception') {
showException('企业通知公告', data.exception)// 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// 切换显示公告
changeNotice: function(type) {
if (type == 'corp') {
$('#corp').attr('class', 'actived')
$('#platform').removeClass('actived')
this.showNotice = 'corp'
} else {
$('#platform').attr('class', 'actived')
$('#corp').removeClass('actived')
this.showNotice = 'platform'
}
},
// 查询风险点、辨识部位、存在风险
/* getRiskCount: function(){
$.ajax({
xhrFields: {
withCredentials: true
},
type: "POST",
url: config.httpurl+'riskpoint/statistic',
data: {tm:new Date().getTime()},
dataType:"json",
success: function(data) {
if ("success" == data.result) {
if(data.idAll && data.idAll.length>0){
vm.idcount=data.idAll.length;
}
if(data.unitAll && data.unitAll.length>0){
vm.unitcount=data.unitAll.length;
}
for(var i=0;data.riskAll.length>i;i++){
if(data.riskAll[i].LEVELID && data.riskAll[i].LEVELID=='levelA') {
vm.acount=data.riskAll[i].COUNT;
}
if(data.riskAll[i].LEVELID && data.riskAll[i].LEVELID=='levelB') {
vm.bcount=data.riskAll[i].COUNT;
}
if(data.riskAll[i].LEVELID && data.riskAll[i].LEVELID=='levelC') {
vm.ccount=data.riskAll[i].COUNT;
}
if(data.riskAll[i].LEVELID && data.riskAll[i].LEVELID=='levelD') {
vm.dcount=data.riskAll[i].COUNT;
}
}
var total=vm.acount+vm.bcount+vm.ccount+vm.dcount
}
}
}).done().fail(function(){
swal("登录失效!", "请求服务器无响应，稍后再试", "warning");
setTimeout(function () {
window.location.href = config.weburl+"#/login";
}, 2000);
});
},*/
getStatistics: function() {
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/statistic',
data: {
isBI: 1,
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
for (var i = 0; data.hdAll.length > i; i++) {
if (data.hdAll[i].STATE && data.hdAll[i].STATE == 1) {
vm.wzgcount += data.hdAll[i].count
}
if (data.hdAll[i].STATE && data.hdAll[i].STATE == 3) {
vm.dyscount += data.hdAll[i].count
}
if (data.hdAll[i].STATE && data.hdAll[i].STATE == 4) {
vm.yyscount += data.hdAll[i].count
}
if (data.hdAll[i].STATE && data.hdAll[i].STATE == -1) {
vm.ygqcount += data.hdAll[i].count
}
}
vm.allcount = vm.wzgcount + vm.dyscount + vm.yyscount + vm.ygqcount
// 隐患饼图开始
var hdclasscard = document.getElementById('hdclasscard')
var hdclassmyChart = echarts.init(hdclasscard)
var hdclassoption = null
var hdclassoption = {
color: ['#2085ca', '#df1f20', '#77c8ff', '#9e8a6a'],
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
series: [
{
name: '隐患状态',
type: 'pie',
radius: [40, 86],
center: ['50%', '50%'],
// roseType: 'radius',
itemStyle: {
borderRadius: 5
},
data: [
{ value: vm.dyscount, name: '待验收' },
{ value: vm.wzgcount, name: '未整改' },
{ value: vm.yyscount, name: '已验收' },
{ value: vm.ygqcount, name: '已过期' }
],
labelLine: {
normal: {
length: 5, // 改变标示线的长度
lineStyle: {
color: '#70c5ff' // 改变标示线的颜色
}
}
},
itemStyle: {
normal: {
label: {
color: '#70c5ff'
}
}
}
}
]
}
if (hdclassoption && typeof hdclassoption === 'object') {
hdclassmyChart.setOption(hdclassoption, true)
}
// 隐患饼图结束
} else {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'riskpoint/statistic',
data: {
isBI: 1,
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
if (data.idAll && data.idAll.length > 0) {
vm.idcount = data.idAll.length
}
if (data.unitAll && data.unitAll.length > 0) {
vm.unitcount = data.unitAll.length
}
for (var i = 0; data.riskAll.length > i; i++) {
if (data.riskAll[i].LEVELID && data.riskAll[i].LEVELID ==
'levelA') {
vm.acount = data.riskAll[i].COUNT
}
if (data.riskAll[i].LEVELID && data.riskAll[i].LEVELID ==
'levelB') {
vm.bcount = data.riskAll[i].COUNT
}
if (data.riskAll[i].LEVELID && data.riskAll[i].LEVELID ==
'levelC') {
vm.ccount = data.riskAll[i].COUNT
}
if (data.riskAll[i].LEVELID && data.riskAll[i].LEVELID ==
'levelD') {
vm.dcount = data.riskAll[i].COUNT
}
}
var total = vm.acount + vm.bcount + vm.ccount + vm.dcount
vm.totalRisk = total
// 风险雷达图开始
var riskcard = document.getElementById('riskcard')
var riskmyChart = echarts.init(riskcard)
var riskoption = null
var riskoption = {
title: {},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: '{a1} <br/>{b1}: {c1} ({c0}%)'
},
legend: {
'show': false,
data: ['风险率', '风险数']
},
grid: {
left: '8%',
right: '4%',
bottom: '3%',
top: '0%',
containLabel: true
},
xAxis: {
'show': false,
type: 'value',
boundaryGap: [0, 0.01]
},
yAxis: {
type: 'category',
data: ['低风险', '一般风险', '较大风险', '重大风险'],
axisLabel: {
show: true,
textStyle: {
color: '#8DB6DB'
}
}
},
series: [
{
name: '...',
type: 'line',
symbolSize: 0, // symbol的大小设置为0
showSymbol: false, // 不显示symbol
lineStyle: {
width: 0, // 线宽是0
color: 'rgba(0, 0, 0, 0)' // 线的颜色是透明的
},
data: [total == 0 ? 0 : ((vm.acount / total * 100).toFixed(2)), total == 0 ? 0 : ((vm.bcount / total * 100).toFixed(2)), total == 0 ? 0 : ((vm.ccount / total * 100).toFixed(2)), total == 0 ? 0 : ((vm.acount / total * 100).toFixed(2))]
},
{
name: '风险数',
type: 'bar',
data: [
vm.dcount,
vm.ccount,
vm.bcount,
vm.acount
],
label: {
show: true,
position: 'right',
color: '#0ee6fb'
},
barWidth: 20,
itemStyle: {
normal: {
color: function(params) {
var colorlist = ['#1b89df', '#d9cd13', '#d16924', '#d12424']
return colorlist[params.dataIndex]
}
}
}
}
]
}
if (riskoption && typeof riskoption === 'object') {
riskmyChart.setOption(riskoption, true)
}
// 风险雷达图结束
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
getCorpInfo: function() {
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'corpinfo/goEdit',
data: {
KEYWORDS: this.KEYWORDS,
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
vm.corpinfo = data.pd
} else if (data.result == 'exception') {
showException('驾驶舱', data.exception) // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// 获取列表
getList: function() {
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'listmanager/list?showCount=15¤tPage=1',
data: {
KEYWORDS: this.KEYWORDS,
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
vm.listCount = data.page.totalResult
} else if (data.result == 'exception') {
showException('驾驶舱', data.exception) // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// 获取列表
getFolderList: function() {
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'mfolder/list?showCount=15¤tPage=1',
data: {
isBI: 1,
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
vm.fileList = data.varList
} else if (data.result == 'exception') {
showException('文件管理', data.exception) // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// 获取列表
getVideoList: function() {
var _this = this
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'video/getObjectForBiLogin',
data: {
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
if (data.ptVarList.length > 0) { // 平台的视频
_this.ptVideo = config.fileUrl + data.ptVarList[0].FILEPATH
var videoSrc = _this.ptVideo // 新的视频播放地址
document.getElementById('ptVideo').src = videoSrc
document.getElementById('ptVideo').play()
}
if (data.cpvarList.length > 0) { // 管理视频
_this.cpVideo = config.fileUrl + data.cpvarList[0].FILEPATH
var cpVideo = _this.cpVideo // 新的视频播放地址
document.getElementById('cpVideo').src = cpVideo
}
} else if (data.result == 'exception') {
showException('文件管理', data.exception) // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// 下载
downloadFile: function(MFOLDER_ID) {
swal({
title: '',
text: '确定要下载此文件吗?',
icon: 'warning',
buttons: true,
dangerMode: true
}).then((willDelete) => {
if (willDelete) {
window.location.href = config.httpurl + 'mfolder/download?MFOLDER_ID=' + MFOLDER_ID
}
})
},
getWorkNumber: function() {
var _this = this
this.loading = true
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/getCountByCorpId',
data: {
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.hidCount = data.hidCount
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
getIsshow: function() {
var _this = this
this.loading = true
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'vidomanager/getISshow',
data: {
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
if (data.varList.length > 0) {
_this.isshow = true
_this.url = data.varList[0].VIDOURL + '&aspect=600x300'
_this.qurl = data.varList[1].VIDOURL + '&aspect=600x300'
_this.qqurl = data.varList[2].VIDOURL + '&aspect=600x300'
_this.token = data.token
}
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
getHdCount: function() {
var _this = this
// 日隐患数
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/getBICount',
data: {
IS_DAY: 1,
RECTIFNow: "1",
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.hdCount.dayTotal = data.total
_this.hdCount.dayChecked = data.checked
_this.hdCount.dayUncheck = data.uncheck
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 周隐患数
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/getBICount',
data: {
IS_WEEK: 1,
RECTIFNow: "1",
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.hdCount.weekTotal = data.total
_this.hdCount.weekChecked = data.checked
_this.hdCount.weekUncheck = data.uncheck
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 旬隐患数
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/getBICount',
data: {
IS_XUN: 1,
RECTIFNow: "1",
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.hdCount.xunTotal = data.total
_this.hdCount.xunChecked = data.checked
_this.hdCount.xunUncheck = data.uncheck
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 月隐患数
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/getBICount',
data: {
IS_MONTH: 1,
RECTIFNow: "1",
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.hdCount.monthTotal = data.total
_this.hdCount.monthChecked = data.checked
_this.hdCount.monthUncheck = data.uncheck
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 季度隐患数
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/getBICount',
data: {
IS_QUARTER: 1,
RECTIFNow: "1",
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.hdCount.quarterTotal = data.total
_this.hdCount.quarterChecked = data.checked
_this.hdCount.quarterUncheck = data.uncheck
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 年隐患数
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'hidden/getBICount',
data: {
IS_YEAR: 1,
RECTIFNow: "1",
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.hdCount.yearTotal = data.total
_this.hdCount.yearChecked = data.checked
_this.hdCount.yearUncheck = data.uncheck
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
goNext: function() {
window.location.href = '../views/sys/index/index.html'
},
listLogByIde: function() {
var _this = this
// 日检查
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'checkrecord/listLogByIde',
data: {
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.ideCheckRecordList = data.varList
if (_this.ideCheckRecordList != null && _this.ideCheckRecordList
.length > 0) {
for (var i = 0; i < _this.ideCheckRecordList.length; i++) {
if (_this.ideCheckRecordList[i].PARTSNAME.length > 6) {
_this.ideCheckRecordList[i].PARTSNAME = _this
.ideCheckRecordList[i].PARTSNAME.substring(0, 6) +
'...'
}
}
}
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
getListCount: function() {
var _this = this
// 日检查
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'checkrecord/goBiListCount',
data: {
COUNTTYPE: 'day',
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.listCountDay = data.all
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 周检查
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'checkrecord/goBiListCount',
data: {
COUNTTYPE: 'week',
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.listCountWeek = data.all
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 旬检查
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'checkrecord/goBiListCount',
data: {
COUNTTYPE: 'xun',
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.listCountXun = data.all
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 月检查
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'checkrecord/goBiListCount',
data: {
COUNTTYPE: 'month',
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.listCountMonth = data.all
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 季检查
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'checkrecord/goBiListCount',
data: {
COUNTTYPE: 'quarter',
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.listCountQuarter = data.all
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
// 年检查
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'checkrecord/goBiListCount',
data: {
COUNTTYPE: 'year',
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
if (data.result == 'success') {
_this.listCountYear = data.all
vm.$forceUpdate() // 强制刷新
} else if (data.result == 'exception') {
showException('系统首页', '数据异常') // 显示异常
}
}
}).done().fail(function() {
swal('登录失效!', '请求服务器无响应，稍后再试', 'warning')
setTimeout(function() {
window.location.href = config.weburl + '#/login'
}, 2000)
})
},
// 退出系统
logout: function() {
swal({
title: '',
text: '确定要退出系统吗?',
icon: 'warning',
buttons: true,
dangerMode: true
}).then((willDelete) => {
if (willDelete) {
this.goOut('0')
}
})
},
// 下线
goOut: function(msg) {
$.ajax({
xhrFields: {
withCredentials: true
},
type: 'POST',
url: config.httpurl + 'main/logout',
data: {
tm: new Date().getTime()
},
dataType: 'json',
success: function(data) {
window.location.href = config.weburl + '#/login'
}
}).done().fail(function() {
window.location.href = config.weburl + '#/login'
})
},
// 打开标签
siMenu: function(forward) {
window.location.href = '../views/sys/index/index.html'
sessionStorage.setItem('forward', forward)
}, handleError: function(e) {
console.log('捕获到错误', e)
// alert(e)
},
bofang: function() {
var url = this.url
var accessToken = this.token
var decoder = new EZUIKit.EZUIPlayer({
id: 'qyDivplay',
autoplay: true,
url: url,
accessToken: accessToken,
decoderPath: './js/ezuikit_v3.4/',
width: 600,
height: 240,
handleError: this.handleError
})
this.decoder = decoder
},
fullScreen: function() {
this.decoder.fullScreen()
},
capturePicture: function() {
// decoder.capturePicture(0,'default');
/* 截图方法2*/
var capturePicturePromise = this.decoder.capturePicture(0, 'default')
capturePicturePromise.then(function(data) {
console.log('截图成功，用户执行关闭成功后的操作', data)
})
},
enableZoom() {
this.decoder.enableZoom()
},
closeZoom() {
this.decoder.closeZoom()
}
}
})
var doscroll = function() {
var $parent = $('.js-slide-list')
var $first = $parent.find('li:first')
var height = $first.height()
$first.animate({
height: 0 // 或者改成： marginTop: -height + 'px'
}, 500, function() { // 动画结束后，把它插到最后，形成无缝
$first.css('height', height).appendTo($parent)
// $first.css('marginTop', 0).appendTo($parent);
})
}
setInterval(function() {
doscroll()
}, 2000)
var doscroll1 = function() {
var $parent = $('.js-slide-list1')
var $first = $parent.find('li:first')
var height = $first.height()
$first.animate({
height: 0 // 或者改成： marginTop: -height + 'px'
}, 500, function() { // 动画结束后，把它插到最后，形成无缝
$first.css('height', height).appendTo($parent)
// $first.css('marginTop', 0).appendTo($parent);
})
}
setInterval(function() {
doscroll1()
}, 2000)
function fullScreen() {
var element = document.documentElement // 返回 html dom 中的root 节点 <html>
if (!$('body').hasClass('full-screen')) {
$('#fullText').text('退出全屏')
$('body').addClass('full-screen')
$('#alarm-fullscreen-toggler').addClass('active')
// 判断浏览器设备类型
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.mozRequestFullScreen) { // 兼容火狐
element.mozRequestFullScreen()
} else if (element.webkitRequestFullscreen) { // 兼容谷歌
element.webkitRequestFullscreen()
} else if (element.msRequestFullscreen) { // 兼容IE
element.msRequestFullscreen()
}
} else { // 退出全屏
$('#fullText').text('全屏展示')
$('body').removeClass('full-screen')
$('#alarm-fullscreen-toggler').removeClass('active')
// 退出全屏
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
}
}
var mySwiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination'
}
})
</script>