1159 lines
76 KiB
HTML
1159 lines
76 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<title>大屏模式 | 智能截流闸管理平台</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta content="" name="description" />
|
|
<meta content="opmaster" name="author" />
|
|
<!-- App favicon -->
|
|
<link rel="shortcut icon" href="assets/images/logo-light-C.png">
|
|
|
|
<!-- jquery.vectormap css -->
|
|
<link href="assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
|
|
|
|
<!-- DataTables -->
|
|
<link href="assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
<!-- Responsive datatable examples -->
|
|
<link href="assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
<!-- Bootstrap Css -->
|
|
<!-- <link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" /> -->
|
|
<link href="assets/css/bootstrap-dark.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" />
|
|
<!-- Icons Css -->
|
|
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
|
<!-- App Css-->
|
|
<!-- <link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" /> -->
|
|
<link href="assets/css/app-dark.min.css" id="app-style" rel="stylesheet" type="text/css" />
|
|
|
|
<!-- 引入vue.js -->
|
|
<script src="assets/js/pages/vue2.6.11.js"></script>
|
|
|
|
</head>
|
|
<style>
|
|
/*去除百度地图logo*/
|
|
.anchorBL{
|
|
display:none;
|
|
}
|
|
</style>
|
|
|
|
<body data-topbar="dark" data-layout="horizontal">
|
|
|
|
<!-- Begin page -->
|
|
<div id="layout-wrapper">
|
|
|
|
<!-- 头部开始 -->
|
|
<header id="page-topbar" style="background-color:rgb(31, 34, 39);">
|
|
<div class="navbar-header">
|
|
<div class="d-flex">
|
|
<div class="navbar-brand-box">
|
|
<a href="?c=home&a=index" class="logo logo-light">
|
|
<span class="logo-sm">
|
|
</span>
|
|
<span class="logo-lg" style="color:white;height:20px;">
|
|
智能截流闸管理平台
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex">
|
|
<div class="dropdown d-inline-block user-dropdown">
|
|
<button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<img class="rounded-circle header-profile-user" src="assets/images/users/avatar-2.jpg"
|
|
alt="Header Avatar">
|
|
<span class="d-none d-xl-inline-block ml-1">管理员</span>
|
|
<i class="mdi mdi-chevron-down d-none d-xl-inline-block"></i>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item text-danger" href="#"><i class="ri-shut-down-line align-middle mr-1 text-danger"></i> 退出</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- 头部结束 -->
|
|
<!-- ============================================================== -->
|
|
<!-- Start right Content here -->
|
|
<!-- ============================================================== -->
|
|
<div class="main-content" id="app">
|
|
|
|
<div class="page-content" style="padding-top: 12px;background-color: #1F2227;">
|
|
<div class="container-fluid" style="max-width: 100%;">
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<!--百度地图容器-->
|
|
<div style="width:100%; margin: 0px;" id="dituContent"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="card" style="position: absolute; margin-left: 12px; top: 6%;background: #1F2227;">
|
|
<div class="card-body">
|
|
<div class="col-xl-2">
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #1F2227;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: left;">
|
|
<h6 class="mb-1" style="font-weight: 600;">全区域</h6>
|
|
</div>
|
|
<div class="media-body overflow-hidden" style="text-align: right;">
|
|
<a id="todayAll" v-if="clickValueToday == 'today'" style="padding-right: 15px;color: white;font-weight: 600;color: red;" @click="getAreaBasicInfoToday()">今日</a>
|
|
<a id="todayAll" v-else style="padding-right: 15px;color: white;font-weight: 600;" @click="getAreaBasicInfoToday()">今日</a>
|
|
<a id="weekAll" v-if="clickValueWeek == 'week'" style="padding-right: 15px;color: white;font-weight: 600;color: red;" @click="getAreaBasicInfoWeek()">7日</a>
|
|
<a id="weekAll" v-else style="padding-right: 15px;color: white;font-weight: 600;" @click="getAreaBasicInfoWeek()">7日</a>
|
|
<a id="monthAll" v-if="clickValueMonth == 'month'" style="color: white;font-weight: 600;color: red;" @click="getAreaBasicInfoMonth()">30日</a>
|
|
<a id="monthAll" v-else style="color: white;font-weight: 600;" @click="getAreaBasicInfoMonth()">30日</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #272C32;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: center;">
|
|
<a href="?c=config&a=hospitalSetIndex">
|
|
<h4 title="展示今日全区域医疗机构数量" class="mb-2" style="font-weight: 600;">{{ areaBasicInfo.hospitalCount }}</h4>
|
|
<h4 title="展示今日全区域医疗机构数量" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">机构总数</h4>
|
|
</a>
|
|
</div>
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<a href="?c=mwmgt&a=collectionIndex">
|
|
<h4 title="展示今日全区域医疗废物产量" class="mb-2" style="font-weight: 600;">{{ areaBasicInfo.medicalWeight }}</h4>
|
|
<h4 title="展示今日全区域医疗废物产量" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">医废产量</h4>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<a href="?c=warn&a=warnAllIndex">
|
|
<h4 title="展示今日全区域预警异常数量，点击可查看详情" class="mb-2" style="color: red;font-weight: 600;">{{ areaBasicInfo.warnCount }}</h4>
|
|
<h4 title="展示今日全区域预警异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">异常数量</h4>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #1F2227;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: left;">
|
|
<select name="county_select" id="county_select" style="background-color: #1F2227;color: white;border: none;font-weight: 600;" @change="countyChange()">
|
|
<option v-for="item in areaAllCountyInfo" :value="item.id" >{{item.county}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="media-body overflow-hidden" style="text-align: right;">
|
|
<a id="todayCounty" v-if="clickValueTodayCounty == 'today'" style="padding-right: 15px;color: white;font-weight: 600;color: red;" @click="getCountyBasicInfoToday()">今日</a>
|
|
<a id="todayCounty" v-else style="padding-right: 15px;color: white;font-weight: 600;" @click="getCountyBasicInfoToday()">今日</a>
|
|
<a id="weekCounty" v-if="clickValueWeekCounty == 'week'" style="padding-right: 15px;color: white;font-weight: 600;color: red;" @click="getCountyBasicInfoWeek()">7日</a>
|
|
<a id="weekCounty" v-else style="padding-right: 15px;color: white;font-weight: 600;" @click="getCountyBasicInfoWeek()">7日</a>
|
|
<a id="monthCounty" v-if="clickValueMonthCounty == 'month'" style="color: white;font-weight: 600;color: red;" @click="getCountyBasicInfoMonth()">30日</a>
|
|
<a id="monthCounty" v-else style="color: white;font-weight: 600;" @click="getCountyBasicInfoMonth()">30日</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #272C32;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: center;">
|
|
<a href="?c=config&a=hospitalSetIndex">
|
|
<h4 title="展示今日当前区域医疗机构数量" class="mb-2" style="font-weight: 600;">{{ countyBasicInfo.hospitalCount }}</h4>
|
|
<h4 title="展示今日当前区域医疗机构数量" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">机构总数</h4>
|
|
</a>
|
|
</div>
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<a href="?c=mwmgt&a=collectionIndex">
|
|
<h4 title="展示今日当前区域医疗废物产量" class="mb-2" style="font-weight: 600;">{{ countyBasicInfo.medicalWeight }}</h4>
|
|
<h4 title="展示今日当前区域医疗废物产量" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">医废产量</h4>
|
|
</a>
|
|
</div>
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<a href="?c=warn&a=warnAllIndex">
|
|
<h4 title="展示今日当前区域预警异常数量，点击可查看详情" class="mb-2" style="color: red;font-weight: 600;">{{ countyBasicInfo.warnCount }}</h4>
|
|
<h4 title="展示今日当前区域预警异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">异常数量</h4>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="width: 384px;background: #272C32;">
|
|
<div class="float-right d-none d-md-inline-block">
|
|
<!-- <div class="btn-group mb-2">
|
|
<button v-if="clickValueLineWeek == 'week'" type="button" class="btn btn-sm btn-light" @click="getAreaProductionCostLineWeek()" style="color:red;">本周</button>
|
|
<button v-else type="button" class="btn btn-sm btn-light" @click="getAreaProductionCostLineWeek()">本周</button>
|
|
<button v-if="clickValueLineMonth == 'month'" type="button" class="btn btn-sm btn-light" @click="getAreaProductionCostLineMonth()" style="color:red;">本月</button>
|
|
<button v-else type="button" class="btn btn-sm btn-light" @click="getAreaProductionCostLineMonth()">本月</button>
|
|
</div> -->
|
|
</div>
|
|
<h6 class="mb-3" style="font-weight: 600;">处置详情</h6>
|
|
<div>
|
|
<div id="line-column-chart" class="apex-charts"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="width: 384px;background: #272C32;">
|
|
<h6 class="mb-3" style="font-weight: 600;">医院分类</h6>
|
|
|
|
<div id="donut-chart" class="apex-charts"></div>
|
|
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<div class="text-center mt-4">
|
|
<h6 class="mb-2 text-truncate"><i class="mdi mdi-circle text-primary font-size-10 mr-1"></i> 一级医院</h6>
|
|
<h5>{{areaHospitalRate.one}} %</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="text-center mt-4">
|
|
<h6 class="mb-2 text-truncate"><i class="mdi mdi-circle text-success font-size-10 mr-1"></i> 二级医院</h6>
|
|
<h5>{{areaHospitalRate.two}} %</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="text-center mt-4">
|
|
<h6 class="mb-2 text-truncate"><i class="mdi mdi-circle text-warning font-size-10 mr-1"></i> 三级医院</h6>
|
|
<h5>{{areaHospitalRate.three}} %</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card" style="position: absolute; right: 1%; top: 6%;background: #1F2227;">
|
|
<div class="card-body" id="dituHeight">
|
|
<div class="col-xl-2">
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #1F2227;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: left;">
|
|
<h6 class="mb-1" style="font-weight: 600;">预警统计</h6>
|
|
</div>
|
|
<div class="media-body overflow-hidden" style="text-align: right;">
|
|
<a v-if="clickValueWarnToday == 'today'" style="padding-right: 15px;color: white;font-weight: 600;color: red;" @click="getAreaWarnBasicInfoToday()">近24小时</a>
|
|
<a v-else style="padding-right: 15px;color: white;font-weight: 600;" @click="getAreaWarnBasicInfoToday()">今日</a>
|
|
<a v-if="clickValueWarnWeek == 'week'" style="padding-right: 15px;color: white;font-weight: 600; color: red;" @click="getAreaWarnBasicInfoWeek()">7日</a>
|
|
<a v-else style="padding-right: 15px;color: white;font-weight: 600;" @click="getAreaWarnBasicInfoWeek()">7日</a>
|
|
<a v-if="clickValueWarnMonth == 'month'" style="color: white;font-weight: 600; color: red;" @click="getAreaWarnBasicInfoMonth()">30日</a>
|
|
<a v-else style="color: white;font-weight: 600;" @click="getAreaWarnBasicInfoMonth()">30日</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #272C32;">
|
|
<div class="media">
|
|
<a href="?c=warn&a=warnAllIndex">
|
|
<div class="media-body overflow-hidden" style="text-align: center;">
|
|
<h4 title="展示近24小时全区域预警异常总数量，点击可查看详情" class="mb-2" style="color: red;font-weight: 600;">{{areaWarnBasicInfo.warn_total}}</h4>
|
|
<h4 title="展示近24小时全区域预警异常总数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">预警总数</h4>
|
|
</div>
|
|
</a>
|
|
<a href="?c=warn&a=warnIndex">
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<h4 title="展示近24小时全区域科室超期存储异常数量，点击可查看详情" class="mb-2" style="font-weight: 600;">{{areaWarnBasicInfo.deptTimeoutStorage}}</h4>
|
|
<h4 title="展示近24小时全区域科室超期存储异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">超期存储</h4>
|
|
</div>
|
|
</a>
|
|
<a href="?c=warn&a=warnViolatiousHandIndex">
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<h4 title="展示近24小时全区域违规交接异常数量，点击可查看详情" class="mb-2" style="font-weight: 600;">{{areaWarnBasicInfo.violatiousHand}}</h4>
|
|
<h4 title="展示近24小时全区域违规交接异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">违规交接</h4>
|
|
</div>
|
|
</a>
|
|
<a href="?c=warn&a=warnViolatiousWeightIndex">
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<h4 title="展示近24小时全区域重量异常数量，点击可查看详情" class="mb-2" style="font-weight: 600;">{{areaWarnBasicInfo.violatiousWeight}}</h4>
|
|
<h4 title="展示近24小时全区域重量异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">重量异常</h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #272C32;">
|
|
<div class="media">
|
|
<a href="?c=warn&a=warnInTimeoutIndex">
|
|
<div class="media-body overflow-hidden" style="text-align: center;">
|
|
<h4 title="展示近24小时全区域入库超时异常数量，点击可查看详情" class="mb-2" style="font-weight: 600;">{{areaWarnBasicInfo.inTimeout}}</h4>
|
|
<h4 title="展示近24小时全区域入库超时异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">入库超时</h4>
|
|
</div>
|
|
</a>
|
|
<a href="?c=warn&a=warnOutTimeoutIndex">
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<h4 title="展示近24小时全区域出库超时异常数量，点击可查看详情" class="mb-2" style="font-weight: 600;">{{areaWarnBasicInfo.outTimeout}}</h4>
|
|
<h4 title="展示近24小时全区域出库超时异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">出库超时</h4>
|
|
</div>
|
|
</a>
|
|
<a href="?c=warn&a=warnLeakDamagedIndex">
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<h4 title="展示近24小时全区域医废泄露破损异常数量，点击可查看详情" class="mb-2" style="font-weight: 600;">{{areaWarnBasicInfo.leakDamaged}}</h4>
|
|
<h4 title="展示近24小时全区域医废泄露破损异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">泄露破损</h4>
|
|
</div>
|
|
</a>
|
|
<a href="?c=warn&a=warnLostIndex">
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<h4 title="展示近24小时全区域医废遗失预警异常数量，点击可查看详情" class="mb-2" style="font-weight: 600;">{{areaWarnBasicInfo.lost}}</h4>
|
|
<h4 title="展示近24小时全区域医废遗失预警异常数量，点击可查看详情" class="text-truncate font-size-14 mb-2" style="font-weight: 600;">遗失预警</h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #272C32;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: center;">
|
|
<h4 class="mb-2" style="color: red;font-weight: 600;">{{areaWarnBasicInfo.violatiousCollectionTime}}</h4>
|
|
<h4 class="text-truncate font-size-14 mb-2" style="font-weight: 600;">未按时间收集</h4>
|
|
</div>
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<h4 class="mb-2" style="color: red;font-weight: 600;">{{areaWarnBasicInfo.violatiousCollectionLine}}</h4>
|
|
<h4 class="text-truncate font-size-14 mb-2" style="font-weight: 600;">未按线路转运</h4>
|
|
</div>
|
|
<div class="media-body overflow-hidden" style="text-align: center;margin-left: 40px;">
|
|
<h4 class="mb-2" style="font-weight: 600;">{{areaWarnBasicInfo.violatiousWeight}}</h4>
|
|
<h4 class="text-truncate font-size-14 mb-2" style="font-weight: 600;">重量异常</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #1F2227;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: left;">
|
|
<h6 class="mb-1" style="font-weight: 600;">预警分布</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body" style="width: 384px;background: #272C32;">
|
|
|
|
<div id="column_chart" class="apex-charts" dir="ltr"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #1F2227;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: left;">
|
|
<h6 class="mb-1" style="font-weight: 600;">预警详情</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body" style="padding-top: 20px;padding-bottom: 10px;width: 384px;background: #272C32;">
|
|
<div class="row">
|
|
<div class="col-xl-6">
|
|
<div class="card">
|
|
<div class="card-body" style="padding: 5px;background: #1F2227;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: center;">
|
|
<h6 class="mb-0" style="color: red;font-size: 26px;">{{ areaWarnDetailsInfo.untreatedWarn }}</h6>
|
|
<p class="text-truncate font-size-15 mb-2" style="color: red;">预警中</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6">
|
|
<div class="card">
|
|
<div class="card-body" style="padding: 5px;background: #1F2227;">
|
|
<div class="media">
|
|
<div class="media-body overflow-hidden" style="text-align: center;">
|
|
<h6 class="mb-0" style="font-size: 26px;">{{ areaWarnDetailsInfo.treatedWarn }}</h6>
|
|
<p class="text-truncate font-size-15 mb-2">已处理</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body" style="width: 384px;background: #272C32;">
|
|
<div data-simplebar>
|
|
<ul class="list-unstyled activity-wid">
|
|
<li class="activity-list" v-for="item in areaWarnTimeLineList">
|
|
<div class="activity-icon avatar-xs">
|
|
<span class="avatar-title bg-soft-primary text-primary rounded-circle">
|
|
<i class="ri-bar-chart-fill"></i>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<h5 class="font-size-13">{{item.warn_time}}<small class="text-muted" style="padding-left: 10px;font-color: red;">{{item.warn_type}}</small></h5>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="text-muted mb-0">{{item.hospital}}</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 尾部开始 -->
|
|
<?php include_once('footer.tpl.html'); ?>
|
|
<!-- 尾部结束 -->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Right Sidebar -->
|
|
<!-- /Right-bar -->
|
|
|
|
<!-- Right bar overlay-->
|
|
<div class="rightbar-overlay"></div>
|
|
|
|
<!-- JAVASCRIPT -->
|
|
<script src="assets/libs/jquery/jquery.min.js"></script>
|
|
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/libs/metismenu/metisMenu.min.js"></script>
|
|
<script src="assets/libs/simplebar/simplebar.min.js"></script>
|
|
<script src="assets/libs/node-waves/waves.min.js"></script>
|
|
|
|
<!-- apexcharts -->
|
|
<script src="assets/libs/apexcharts/apexcharts.min.js"></script>
|
|
<script src="assets/libs/chart.js/Chart.bundle.min.js"></script>
|
|
|
|
|
|
<!-- jquery.vectormap map -->
|
|
<script src="assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
|
|
<script src="assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js"></script>
|
|
|
|
<!-- Required datatable js -->
|
|
<script src="assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
|
|
<script src="assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
|
|
|
|
<!-- Responsive examples -->
|
|
<script src="assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
|
|
<script src="assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
|
|
|
|
<script src="assets/js/pages/dashboard_1.init.js"></script>
|
|
|
|
<script src="assets/js/app.js"></script>
|
|
|
|
<script>
|
|
// var _hmt = _hmt || [];
|
|
// (function() {
|
|
// var hm = document.createElement("script");
|
|
// hm.src = "https://hm.baidu.com/hm.js?bffbeed2dde4891d848718f01f8e3da8";
|
|
// var s = document.getElementsByTagName("script")[0];
|
|
// s.parentNode.insertBefore(hm, s);
|
|
// })();
|
|
</script>
|
|
|
|
<script type="text/javascript" src="http://developer.baidu.com/map/custom/stylelist.js"></script>
|
|
|
|
<!-- map -->
|
|
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=3.0&ak=YnZocV4MDfdZUQjolQPBsA1jdAr4zr9G"></script>
|
|
<script>
|
|
// var mapHeight = document.documentElement.offsetHeight;
|
|
// document.getElementById("dituContent").style.height= (mapHeight + 400) +"px";
|
|
</script>
|
|
<script type="text/javascript">
|
|
$.ajax({
|
|
url: '?c=dashboard&a=getAreaAllDeviceMapInfo',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
//创建和初始化地图函数：
|
|
// function initMap(){
|
|
// createMap();//创建地图
|
|
// setMapEvent();//设置地图事件
|
|
// }
|
|
console.log(mes.data);
|
|
|
|
// var points = mes.data;
|
|
// //创建标注点并添加到地图中
|
|
// function addMarker(points) {
|
|
// //循环建立标注点
|
|
// for(var i=0, pointsLen = points.length; i<pointsLen; i++) {
|
|
// var point = new BMap.Point(points[i].lng, points[i].lat); //将标注点转化成地图上的点
|
|
// // var myIcon = new BMap.Icon("http://ahhb.opmonitor.com/assets/images/marker1.png", new BMap.Size(23, 25), {
|
|
// // offset: new BMap.Size(10, 25), // 指定定位位置
|
|
// // imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图片偏移
|
|
// // });
|
|
// var marker = new BMap.Marker(point); //将点转化成标注点
|
|
// map.addOverlay(marker); //将标注点添加到地图上
|
|
// //添加监听事件
|
|
// (function() {
|
|
// var thePoint = points[i];
|
|
// marker.addEventListener("click",
|
|
// //显示信息的方法
|
|
// function() {
|
|
// showInfo(this,thePoint);
|
|
// });
|
|
// })();
|
|
// }
|
|
// }
|
|
|
|
// function showInfo(thisMarker,point) {
|
|
// //获取点的信息
|
|
// var sContent =
|
|
// '<div style="">'
|
|
// +'<ul style="margin:0 0 5px 0;padding:0.2em 0;">'
|
|
// +'<li style="line-height: 26px;font-size: 15px;">'
|
|
// +'<span style="width: 80px;display: inline-block;">医院名称：</span>' + point.name + '' + '</li>'
|
|
// +'<li style="line-height: 26px;font-size: 15px;">'
|
|
// +'<span style="width: 80px;display: inline-block;">今日医废：</span>' + point.today_count + '(袋) | ' + point.today_weight + '(kg)' + '</li>'
|
|
// +'<li style="line-height: 26px;font-size: 15px;">'
|
|
// +'<span style="width: 80px;display: inline-block;">累计医废：</span>' + point.all_count + '(袋) | ' + point.all_weight + '(kg)' + '</li>'
|
|
// +'<li style="line-height: 26px;font-size: 15px;">'
|
|
// +'<a style="color: red;" href="?c=report&a=wasteCollectionReportIndex&hospital='+ point.name +'">点击查看详情</a></li>'
|
|
// +'</ul>'
|
|
// +'</div>';
|
|
// var infoWindow = new BMap.InfoWindow(sContent); //创建信息窗口对象
|
|
// thisMarker.openInfoWindow(infoWindow); //图片加载完后重绘infoWindow
|
|
// }
|
|
|
|
|
|
//创建地图函数：
|
|
// function createMap(){
|
|
// var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
|
|
// var point = new BMap.Point(116.79,33.96);//定义一个中心点坐标
|
|
// map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中
|
|
// window.map = map;//将map变量存储在全局
|
|
// addMarker(points); // 添加标注
|
|
// var mapStyle ={
|
|
// styleJson: [
|
|
// {
|
|
// "featureType": "land",
|
|
// "elementType": "all",
|
|
// "stylers": {
|
|
// "color": "#1F2227",
|
|
// "lightness": -10
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "building",
|
|
// "elementType": "all",
|
|
// "stylers": {
|
|
// "color": "#1F2227",
|
|
// "lightness": -10,
|
|
// "visibility": "off"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "highway",
|
|
// "elementType": "geometry",
|
|
// "stylers": {
|
|
// "color": "#1F2227",
|
|
// "lightness": -10,
|
|
// "visibility": "off"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "arterial",
|
|
// "elementType": "all",
|
|
// "stylers": {
|
|
// "color": "#1F2227",
|
|
// "lightness": -10
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "green",
|
|
// "elementType": "geometry",
|
|
// "stylers": {
|
|
// "color": "#1F2227"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "water",
|
|
// "elementType": "geometry",
|
|
// "stylers": {
|
|
// "color": "#1F2227"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "subway",
|
|
// "elementType": "geometry",
|
|
// "stylers": {
|
|
// "color": "#1F2227",
|
|
// "lightness": -10,
|
|
// "visibility": "off"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "railway",
|
|
// "elementType": "geometry",
|
|
// "stylers": {
|
|
// "color": "#1F2227",
|
|
// "lightness": -10
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "all",
|
|
// "elementType": "labels.text.stroke",
|
|
// "stylers": {
|
|
// "color": "#1F2227"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "all",
|
|
// "elementType": "labels.text.fill",
|
|
// "stylers": {
|
|
// "color": "#919BAE"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "manmade",
|
|
// "elementType": "geometry",
|
|
// "stylers": {
|
|
// "color": "#1F2227"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "local",
|
|
// "elementType": "geometry",
|
|
// "stylers": {
|
|
// "lightness": -75,
|
|
// "saturation": -91
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "railway",
|
|
// "elementType": "all",
|
|
// "stylers": {
|
|
// "lightness": -40,
|
|
// "color": "#1F2227"
|
|
// }
|
|
// },
|
|
// {
|
|
// "featureType": "boundary",
|
|
// "elementType": "geometry",
|
|
// "stylers": {
|
|
// "color": "#1F2227",
|
|
// "weight": "1",
|
|
// "lightness": -29
|
|
// }
|
|
// }
|
|
// ]
|
|
// };
|
|
// map.setMapStyle(mapStyle);
|
|
// }
|
|
|
|
// //地图事件设置函数：
|
|
// function setMapEvent(){
|
|
// map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
|
|
// map.enableScrollWheelZoom();//启用地图滚轮放大缩小
|
|
// map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
|
|
// map.enableKeyboard();//启用键盘上下左右键移动地图
|
|
// }
|
|
|
|
// initMap();//创建和初始化地图
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--数据绑定-->
|
|
<script type="text/javascript">
|
|
var vm = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
areaBasicInfo: {},
|
|
areaAllCountyInfo: {},
|
|
countyBasicInfo: {},
|
|
areaProductionCostLine: {},
|
|
areaHospitalLevelPei: {},
|
|
areaWarnBasicInfo: {},
|
|
areaWarnDistributionLine: {},
|
|
areaWarnDetailsInfo: {},
|
|
areaWarnTimeLineList: {},
|
|
areaHospitalRate: {},
|
|
clickValueToday: 'today',
|
|
clickValueWeek: '',
|
|
clickValueMonth: '',
|
|
clickValueTodayCounty: 'today',
|
|
clickValueWeekCounty: '',
|
|
clickValueMonthCounty: '',
|
|
clickValueLineWeek: 'week',
|
|
clickValueLineMonth: '',
|
|
clickValueWarnToday: 'today',
|
|
clickValueWarnWeek: '',
|
|
clickValueWarnMonth: '',
|
|
areaUserInfo: ''
|
|
},
|
|
created: function () {
|
|
// this.getAreaBasicInfo();
|
|
// this.getAreaAllCountyInfo();
|
|
// this.getCountyBasicInfo();
|
|
// this.getAreaHospitalLevelPei();
|
|
// this.getAreaHospitalRate();
|
|
// this.getAreaWarnBasicInfo();
|
|
// this.getAreaWarnDistributionLine();
|
|
// this.getAreaWarnDetailsInfo();
|
|
// this.getAreaWarnTimeLineList();
|
|
// this.getAreaProductionCostLine();
|
|
// this.getAreaUserInfo();
|
|
},
|
|
methods: {
|
|
getAreaBasicInfo: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaBasicInfo',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaBasicInfo = mes.data
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaAllCountyInfo: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaAllCountyInfo',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaAllCountyInfo = mes.data
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getCountyBasicInfo: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getCountyBasicInfo',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.countyBasicInfo = mes.data
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaProductionCostLine: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaProductionCostLine',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaProductionCostLine = mes.data
|
|
|
|
var options={series:[{name:"重量",type:"column",data:mes.data.weight},{name:"数量",type:"line",data:mes.data.count}],chart:{height:280,type:"line",toolbar:{show:!1}},stroke:{width:[0,3],curve:"smooth"},plotOptions:{bar:{horizontal:!1,columnWidth:"20%"}},yaxis: {show:false},dataLabels:{enabled:!1},legend:{show:!1},colors:["#5664d2","#1cbb8c"],labels:mes.data.time},chart=new ApexCharts(document.querySelector("#line-column-chart"),options);chart.render();
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaHospitalLevelPei: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaHospitalLevelPei',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaHospitalLevelPei = mes.data
|
|
|
|
var options={series:mes.data,chart:{height:230,type:"donut"},labels:["一级医院","二级医院","三级医院"],plotOptions:{pie:{donut:{size:"75%"}}},dataLabels:{enabled:!1},legend:{show:!1},colors:["#5664d2","#1cbb8c","#eeb902"]};(chart=new ApexCharts(document.querySelector("#donut-chart"),options)).render();
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaHospitalRate: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaHospitalRate',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaHospitalRate = mes.data
|
|
},
|
|
error: function(msg) {
|
|
console.info('ajax请求失败')
|
|
}
|
|
})
|
|
},
|
|
getAreaWarnBasicInfo: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaWarnBasicInfo',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaWarnBasicInfo = mes.data
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaWarnDistributionLine: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaWarnDistributionLine',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaWarnDistributionLine = mes.data
|
|
var options={chart:{height:350,type:"bar",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!1,columnWidth:"45%",endingShape:"rounded"}},dataLabels:{enabled:!1},stroke:{show:!0,width:2,colors:["transparent"]},series:[{name:mes.data.res[0].name,data:mes.data.res[0].data},{name:mes.data.res[1].name,data:mes.data.res[1].data},{name:mes.data.res[2].name,data:mes.data.res[2].data},{name:mes.data.res[3].name,data:mes.data.res[3].data},{name:mes.data.res[4].name,data:mes.data.res[4].data},{name:mes.data.res[5].name,data:mes.data.res[5].data},{name:mes.data.res[6].name,data:mes.data.res[6].data},{name:mes.data.res[7].name,data:mes.data.res[7].data},{name:mes.data.res[8].name,data:mes.data.res[8].data},{name:mes.data.res[9].name,data:mes.data.res[9].data}],colors:["#5664d2","#1cbb8c","#fcb92c",'#F8234C','#F88E23','#C8F823','#23F8D5','#9723F8','#F823E1','#F82393'],xaxis:{categories:mes.data.time},yaxis: {show:false},grid:{borderColor:"#f1f1f1",padding:{bottom:10}},fill:{opacity:1},legend:{offsetY:7}};(chart=new ApexCharts(document.querySelector("#column_chart"),options)).render();
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaWarnDetailsInfo: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaWarnDetailsInfo',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaWarnDetailsInfo = mes.data
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaWarnTimeLineList: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaWarnTimeLineList',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaWarnTimeLineList = mes.data
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaBasicInfoToday: function () {
|
|
let _this = this;
|
|
var parameter_time = 'today';
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaBasicInfo',
|
|
type: 'get',
|
|
data: { 'parameter_time': parameter_time },
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaBasicInfo = mes.data
|
|
_this.clickValueToday = 'today'
|
|
_this.clickValueWeek = ''
|
|
_this.clickValueMonth = ''
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaBasicInfoWeek: function () {
|
|
let _this = this;
|
|
var parameter_time = 'week';
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaBasicInfo',
|
|
type: 'get',
|
|
data: { 'parameter_time': parameter_time },
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaBasicInfo = mes.data
|
|
_this.clickValueToday = ''
|
|
_this.clickValueWeek = 'week'
|
|
_this.clickValueMonth = ''
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaBasicInfoMonth: function () {
|
|
let _this = this;
|
|
var parameter_time = 'month';
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaBasicInfo',
|
|
type: 'get',
|
|
data: { 'parameter_time': parameter_time },
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaBasicInfo = mes.data
|
|
_this.clickValueToday = ''
|
|
_this.clickValueWeek = ''
|
|
_this.clickValueMonth = 'month'
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getCountyBasicInfoToday: function () {
|
|
let _this = this;
|
|
var county_id = $('#county_select option:selected').val();
|
|
var parameter_time = 'today';
|
|
$.ajax({
|
|
url: '?c=home&a=getCountyBasicInfo',
|
|
type: 'get',
|
|
data: {'county_id': county_id, 'parameter_time': parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.countyBasicInfo = mes.data
|
|
_this.clickValueTodayCounty = 'today'
|
|
_this.clickValueWeekCounty = ''
|
|
_this.clickValueMonthCounty = ''
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getCountyBasicInfoWeek: function () {
|
|
let _this = this;
|
|
var county_id = $('#county_select option:selected').val();
|
|
var parameter_time = 'week';
|
|
$.ajax({
|
|
url: '?c=home&a=getCountyBasicInfo',
|
|
type: 'get',
|
|
data: {'county_id': county_id, 'parameter_time': parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.countyBasicInfo = mes.data
|
|
_this.clickValueTodayCounty = ''
|
|
_this.clickValueWeekCounty = 'week'
|
|
_this.clickValueMonthCounty = ''
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getCountyBasicInfoMonth: function () {
|
|
let _this = this;
|
|
var county_id = $('#county_select option:selected').val();
|
|
var parameter_time = 'month';
|
|
$.ajax({
|
|
url: '?c=home&a=getCountyBasicInfo',
|
|
type: 'get',
|
|
data: {'county_id': county_id, 'parameter_time': parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.countyBasicInfo = mes.data
|
|
_this.clickValueTodayCounty = ''
|
|
_this.clickValueWeekCounty = ''
|
|
_this.clickValueMonthCounty = 'month'
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaProductionCostLineWeek: function () {
|
|
let _this = this;
|
|
var parameter_time = 'week';
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaProductionCostLine',
|
|
type: 'get',
|
|
data: {'parameter_time': parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaProductionCostLine = mes.data
|
|
_this.clickValueLineWeek = 'week'
|
|
_this.clickValueLineMonth = ''
|
|
|
|
var options={series:[{name:"重量",type:"column",data:mes.data.weight},{name:"费用",type:"line",data:mes.data.cost}],chart:{height:280,type:"line",toolbar:{show:!1}},stroke:{width:[0,3],curve:"smooth"},plotOptions:{bar:{horizontal:!1,columnWidth:"20%"}},yaxis: {show:false},dataLabels:{enabled:!1},legend:{show:!1},colors:["#5664d2","#1cbb8c"],labels:mes.data.time},chart=new ApexCharts(document.querySelector("#line-column-chart"),options);chart.render();
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaProductionCostLineMonth: function () {
|
|
let _this = this;
|
|
var parameter_time = 'month';
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaProductionCostLine',
|
|
type: 'get',
|
|
data: {'parameter_time': parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaProductionCostLine = mes.data
|
|
_this.clickValueLineWeek = ''
|
|
_this.clickValueLineMonth = 'month'
|
|
|
|
var options={series:[{name:"重量",type:"column",data:mes.data.weight},{name:"费用",type:"line",data:mes.data.cost}],chart:{height:280,type:"line",toolbar:{show:!1}},stroke:{width:[0,3],curve:"smooth"},plotOptions:{bar:{horizontal:!1,columnWidth:"20%"}},yaxis: {show:false},dataLabels:{enabled:!1},legend:{show:!1},colors:["#5664d2","#1cbb8c"],labels:mes.data.time},chart=new ApexCharts(document.querySelector("#line-column-chart"),options);chart.render();
|
|
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
|
|
},
|
|
getAreaWarnBasicInfoToday: function () {
|
|
let _this = this;
|
|
var parameter_time = 'today';
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaWarnBasicInfo',
|
|
type: 'get',
|
|
data: {'parameter_time':parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaWarnBasicInfo = mes.data
|
|
_this.clickValueWarnToday = 'today'
|
|
_this.clickValueWarnWeek = ''
|
|
_this.clickValueWarnMonth = ''
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaWarnBasicInfoWeek: function () {
|
|
let _this = this;
|
|
var parameter_time = 'week';
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaWarnBasicInfo',
|
|
type: 'get',
|
|
data: {'parameter_time':parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaWarnBasicInfo = mes.data
|
|
_this.clickValueWarnToday = ''
|
|
_this.clickValueWarnWeek = 'week'
|
|
_this.clickValueWarnMonth = ''
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaWarnBasicInfoMonth: function () {
|
|
let _this = this;
|
|
var parameter_time = 'month';
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaWarnBasicInfo',
|
|
type: 'get',
|
|
data: {'parameter_time':parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaWarnBasicInfo = mes.data
|
|
_this.clickValueWarnToday = ''
|
|
_this.clickValueWarnWeek = ''
|
|
_this.clickValueWarnMonth = 'month'
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
countyChange: function () {
|
|
var objS = document.getElementById('county_select');
|
|
var index = objS.selectedIndex;
|
|
var county_id = objS.options[index].value;
|
|
|
|
let _this = this;
|
|
var parameter_time = 'today';
|
|
$.ajax({
|
|
url: '?c=home&a=getCountyBasicInfo',
|
|
type: 'get',
|
|
data: {'county_id': county_id, 'parameter_time': parameter_time},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.countyBasicInfo = mes.data
|
|
_this.clickValueTodayCounty = 'today'
|
|
_this.clickValueWeekCounty = ''
|
|
_this.clickValueMonthCounty = ''
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
getAreaUserInfo: function () {
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaUserInfo',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
_this.areaUserInfo = mes.data
|
|
|
|
console.info('areaUserInfo',mes.data)
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
},
|
|
passwordUpdate: function () {
|
|
let account = $('#account').val();
|
|
let old_password = $('#old_password').val();
|
|
let new_password = $('#new_password').val();
|
|
let repeat_password = $('#repeat_password').val();
|
|
let _this = this;
|
|
$.ajax({
|
|
url: '?c=home&a=getAreaUserPasswordUpdate',
|
|
type: 'get',
|
|
data: {'account':account, 'old_password': old_password, 'new_password': new_password, 'repeat_password': repeat_password},
|
|
dataType: 'json',
|
|
success: function(mes) {
|
|
|
|
if (mes.data == 'success') {
|
|
|
|
window.location.href = "?c=index&a=index"
|
|
} else if (mes.data == 'error') {
|
|
|
|
window.location.href = "?c=home&a=index"
|
|
}
|
|
},
|
|
error: function (msg) {
|
|
console.info('ajax请求失败!')
|
|
}
|
|
})
|
|
}
|
|
}
|
|
})
|
|
|
|
</script>
|
|
<!--数据绑定-->
|
|
</body>
|
|
</html>
|