2179 lines
76 KiB
HTML
2179 lines
76 KiB
HTML
<!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.7.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>
|