修改bug
parent
481c483043
commit
feb65a85b3
|
|
@ -45,6 +45,11 @@ const devWebpackConfig = merge(baseWebpackConfig, {
|
|||
}
|
||||
},
|
||||
plugins: [
|
||||
new webpack.ProvidePlugin({
|
||||
$:"jquery",
|
||||
jQuery:"jquery",
|
||||
"windows.jQuery":"jquery"
|
||||
}),
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': require('../config/dev.env')
|
||||
}),
|
||||
|
|
|
|||
|
|
@ -10,11 +10,13 @@
|
|||
"dependencies": {
|
||||
"axios": "^0.24.0",
|
||||
"good-storage": "^1.1.1",
|
||||
"jquery": "^3.5.1",
|
||||
"mobile-detect": "^1.4.5",
|
||||
"static-extend": "^0.1.2",
|
||||
"vue": "^2.5.2",
|
||||
"vue-awesome-swiper": "^4.1.1",
|
||||
"vue-router": "^3.0.1"
|
||||
"vue-router": "^3.0.1",
|
||||
"vue-seamless-scroll": "^1.1.23"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^7.1.2",
|
||||
|
|
@ -2203,6 +2205,11 @@
|
|||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/comutils": {
|
||||
"version": "1.1.19",
|
||||
"resolved": "https://registry.nlark.com/comutils/download/comutils-1.1.19.tgz",
|
||||
"integrity": "sha1-PgfzBqv0joNyZRFxOnKyBWUDREM="
|
||||
},
|
||||
"node_modules/concat-map": {
|
||||
"version": "0.0.1",
|
||||
"resolved": "https://registry.nlark.com/concat-map/download/concat-map-0.0.1.tgz",
|
||||
|
|
@ -6035,6 +6042,11 @@
|
|||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/jquery": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/jquery/download/jquery-3.6.0.tgz",
|
||||
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
|
||||
},
|
||||
"node_modules/js-base64": {
|
||||
"version": "2.6.4",
|
||||
"resolved": "https://registry.npmmirror.com/js-base64/download/js-base64-2.6.4.tgz",
|
||||
|
|
@ -12067,7 +12079,6 @@
|
|||
"version": "3.4.2",
|
||||
"resolved": "https://registry.npmmirror.com/swiper/download/swiper-3.4.2.tgz",
|
||||
"integrity": "sha512-bXolyzBIawQRluQwFbN8DYpe6Q02bKJ2/h4JV+6dzN/WX8a8ZFPa+F0o8z7hEHSyh2NzKkTWaogaTZYVfgmKTw==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">= 4.7.0"
|
||||
}
|
||||
|
|
@ -12831,6 +12842,14 @@
|
|||
"resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-3.5.3.tgz",
|
||||
"integrity": "sha512-FUlILrW3DGitS2h+Xaw8aRNvGTwtuaxrRkNSHWTizOfLUie7wuYwezeZ50iflRn8YPV5kxmU2LQuu3nM/b3Zsg=="
|
||||
},
|
||||
"node_modules/vue-seamless-scroll": {
|
||||
"version": "1.1.23",
|
||||
"resolved": "https://registry.nlark.com/vue-seamless-scroll/download/vue-seamless-scroll-1.1.23.tgz",
|
||||
"integrity": "sha1-3egbPHmqSZeRs8O//Q/bIv8+Wac=",
|
||||
"dependencies": {
|
||||
"comutils": "^1.1.9"
|
||||
}
|
||||
},
|
||||
"node_modules/vue-style-loader": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.nlark.com/vue-style-loader/download/vue-style-loader-3.1.2.tgz",
|
||||
|
|
@ -15971,6 +15990,11 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"comutils": {
|
||||
"version": "1.1.19",
|
||||
"resolved": "https://registry.nlark.com/comutils/download/comutils-1.1.19.tgz",
|
||||
"integrity": "sha1-PgfzBqv0joNyZRFxOnKyBWUDREM="
|
||||
},
|
||||
"concat-map": {
|
||||
"version": "0.0.1",
|
||||
"resolved": "https://registry.nlark.com/concat-map/download/concat-map-0.0.1.tgz",
|
||||
|
|
@ -17972,7 +17996,8 @@
|
|||
"version": "3.5.2",
|
||||
"resolved": "https://registry.npmmirror.com/ajv-keywords/download/ajv-keywords-3.5.2.tgz?cache=0&sync_timestamp=1637523772179&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.5.2.tgz",
|
||||
"integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"requires": {}
|
||||
},
|
||||
"fast-deep-equal": {
|
||||
"version": "3.1.3",
|
||||
|
|
@ -19146,6 +19171,11 @@
|
|||
"integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
|
||||
"dev": true
|
||||
},
|
||||
"jquery": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/jquery/download/jquery-3.6.0.tgz",
|
||||
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
|
||||
},
|
||||
"js-base64": {
|
||||
"version": "2.6.4",
|
||||
"resolved": "https://registry.npmmirror.com/js-base64/download/js-base64-2.6.4.tgz",
|
||||
|
|
@ -21200,7 +21230,8 @@
|
|||
"version": "3.5.2",
|
||||
"resolved": "https://registry.npmmirror.com/ajv-keywords/download/ajv-keywords-3.5.2.tgz?cache=0&sync_timestamp=1637523772179&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.5.2.tgz",
|
||||
"integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"requires": {}
|
||||
},
|
||||
"fast-deep-equal": {
|
||||
"version": "3.1.3",
|
||||
|
|
@ -24147,8 +24178,7 @@
|
|||
"swiper": {
|
||||
"version": "3.4.2",
|
||||
"resolved": "https://registry.npmmirror.com/swiper/download/swiper-3.4.2.tgz",
|
||||
"integrity": "sha512-bXolyzBIawQRluQwFbN8DYpe6Q02bKJ2/h4JV+6dzN/WX8a8ZFPa+F0o8z7hEHSyh2NzKkTWaogaTZYVfgmKTw==",
|
||||
"dev": true
|
||||
"integrity": "sha512-bXolyzBIawQRluQwFbN8DYpe6Q02bKJ2/h4JV+6dzN/WX8a8ZFPa+F0o8z7hEHSyh2NzKkTWaogaTZYVfgmKTw=="
|
||||
},
|
||||
"tapable": {
|
||||
"version": "0.2.9",
|
||||
|
|
@ -24392,7 +24422,8 @@
|
|||
"version": "3.5.2",
|
||||
"resolved": "https://registry.npmmirror.com/ajv-keywords/download/ajv-keywords-3.5.2.tgz?cache=0&sync_timestamp=1637523772179&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.5.2.tgz",
|
||||
"integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"requires": {}
|
||||
},
|
||||
"fast-deep-equal": {
|
||||
"version": "3.1.3",
|
||||
|
|
@ -24714,7 +24745,8 @@
|
|||
"vue-awesome-swiper": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://registry.nlark.com/vue-awesome-swiper/download/vue-awesome-swiper-4.1.1.tgz",
|
||||
"integrity": "sha1-j3qyIa0AMCHXVrhqphj0KZJJAP4="
|
||||
"integrity": "sha1-j3qyIa0AMCHXVrhqphj0KZJJAP4=",
|
||||
"requires": {}
|
||||
},
|
||||
"vue-hot-reload-api": {
|
||||
"version": "2.3.4",
|
||||
|
|
@ -24792,6 +24824,14 @@
|
|||
"resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-3.5.3.tgz",
|
||||
"integrity": "sha512-FUlILrW3DGitS2h+Xaw8aRNvGTwtuaxrRkNSHWTizOfLUie7wuYwezeZ50iflRn8YPV5kxmU2LQuu3nM/b3Zsg=="
|
||||
},
|
||||
"vue-seamless-scroll": {
|
||||
"version": "1.1.23",
|
||||
"resolved": "https://registry.nlark.com/vue-seamless-scroll/download/vue-seamless-scroll-1.1.23.tgz",
|
||||
"integrity": "sha1-3egbPHmqSZeRs8O//Q/bIv8+Wac=",
|
||||
"requires": {
|
||||
"comutils": "^1.1.9"
|
||||
}
|
||||
},
|
||||
"vue-style-loader": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.nlark.com/vue-style-loader/download/vue-style-loader-3.1.2.tgz",
|
||||
|
|
@ -25084,7 +25124,8 @@
|
|||
"version": "3.5.2",
|
||||
"resolved": "https://registry.npmmirror.com/ajv-keywords/download/ajv-keywords-3.5.2.tgz?cache=0&sync_timestamp=1637523772179&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.5.2.tgz",
|
||||
"integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"requires": {}
|
||||
},
|
||||
"camelcase": {
|
||||
"version": "1.2.1",
|
||||
|
|
|
|||
|
|
@ -16,7 +16,9 @@
|
|||
"static-extend": "^0.1.2",
|
||||
"vue": "^2.5.2",
|
||||
"vue-awesome-swiper": "^4.1.1",
|
||||
"vue-router": "^3.0.1"
|
||||
"vue-router": "^3.0.1",
|
||||
"vue-seamless-scroll": "^1.1.23",
|
||||
"jquery": "^2.2.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^7.1.2",
|
||||
|
|
|
|||
|
|
@ -244,13 +244,12 @@ img {
|
|||
width: 912px;
|
||||
height: 767px;
|
||||
}
|
||||
.img-box {
|
||||
margin: 64px 76px 0px 72px;
|
||||
position: relative;}
|
||||
.img-box {margin: 56px 70px 0px 65px;position: relative;}
|
||||
/* .swiper-container{border-radius: 10px;border: 5px solid #9c7cfa;height: 460px;} */
|
||||
.home-swiper {border-radius: 10px;border: 5px solid #9c7cfa;height: 460px;}
|
||||
.home-swiper {border-radius: 10px;border: 5px solid #9c7cfa;height: 466px;}
|
||||
.swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 120px;}
|
||||
.home-slide{height: 445px;overflow: hidden;}
|
||||
.home-slide{height: 466px;overflow: hidden;}
|
||||
.home-slide img{object-fit: cover;width: 100%;height: 100%;}
|
||||
.swiper-pagination .swiper-pagination-bullet {margin: 0 6px;}
|
||||
.swiper-pagination .swiper-pagination-bullet-active {background-color: #9c7cfa;}
|
||||
.remind-box {display: flex;justify-content: center;margin-top: -30px;}
|
||||
|
|
@ -273,9 +272,10 @@ img {
|
|||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.right-content {color: #7557CC;text-align: center;
|
||||
.right-content {color: #7557CC;text-align: center;position: relative;
|
||||
height: 90%;
|
||||
overflow: hidden;overflow-y: scroll;}
|
||||
#innerbox{position: absolute;width: 100%;}
|
||||
.right-content::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -368,7 +368,7 @@ overflow: hidden;overflow-y: scroll;}
|
|||
display: none;
|
||||
}
|
||||
.class-situation {
|
||||
font-size: 30px;color: #9C7CFA;font-weight: bold;
|
||||
font-size: 30px;color: #9C7CFA;font-weight: bold;text-align: center;
|
||||
}
|
||||
.class-item-box {
|
||||
background: #FFFFFF;border-radius: 5px;padding: 7.5px;margin-bottom: 7px;position: relative;
|
||||
|
|
|
|||
1020
src/common.js
1020
src/common.js
File diff suppressed because it is too large
Load Diff
|
|
@ -1,164 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" href="/webconfig/layui/css/layui.css?t=202006016" media="all" />
|
||||
<!--统一LAYUI前端样式文件-->
|
||||
<link rel="stylesheet" href="/webconfig/layui/css/global.css?t=20200616" media="all">
|
||||
<!--统一公共前端样式文件-->
|
||||
<link rel="stylesheet" href="/webconfig/css/jquery-ui.css?t=20200613" media="all" />
|
||||
<!--提示信息前端样式文件-->
|
||||
<title>日常保教统计</title>
|
||||
<link rel="stylesheet" href="/webconfig/css/reset.css">
|
||||
<link rel="stylesheet" href="/webconfig/css/careEducation.css">
|
||||
<!-- 引入jquery -->
|
||||
<script src="/webconfig/js/jquery.min.js"></script>
|
||||
<script src="/webconfig/js/echarts.min.js"></script>
|
||||
<script src="/webconfig/js/vue.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="all">
|
||||
<div class="h1">
|
||||
<div>
|
||||
<a id="html5" href="wisdomMedic.html" style="margin-right: 20px;">
|
||||
<img src="/webconfig/images/everdayData/img1/icon_01.png">
|
||||
<span>xx市教育局云端大数据</span>
|
||||
</a>
|
||||
<a id="html1" href="everdayData.html" style="margin-right: 20px;">
|
||||
<img src="/webconfig/images/everdayData/img1/icon_01.png">
|
||||
<span>每日数据检测</span>
|
||||
</a>
|
||||
<a id="html2" href="kindergartenThings.html">
|
||||
<img style="width: 25px;height: 25px;margin-right:5px;position:relative;top:-1px" src="/webconfig/images/everdayData/img1/icon_02.png">
|
||||
<span>园区统计分析</span>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a id="html3" href="javascript:;" style="margin-right: 5px;" class="in">
|
||||
<img src="/webconfig/images/everdayData/img1/icon_33.png">
|
||||
<span>日常保教统计</span>
|
||||
</a>
|
||||
<a id="html4" href="homeInteraction.html">
|
||||
<img style="width: 35px;height: 35px;" src="/webconfig/images/everdayData/img1/icon_04.png">
|
||||
<span>家园互动情况</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div class="left">
|
||||
<h2><span>巡班统计</span></h2>
|
||||
<div v-for="(item,index) in length1" :id="'echarts0'+(index+1)"></div>
|
||||
<!--<div id="echarts01"></div>
|
||||
<div id="echarts02"></div>
|
||||
<div id="echarts03"></div>
|
||||
<div id="echarts04"></div>
|
||||
<div id="echarts05"></div>
|
||||
<div id="echarts06"></div>
|
||||
<div id="echarts07"></div>
|
||||
<div id="echarts08"></div>
|
||||
<div id="echarts09"></div>-->
|
||||
<div class="total">
|
||||
<div style="display: flex;height: 40px;align-items: center;">
|
||||
<div style="width: 16px;height: 16px;background: linear-gradient(135deg, #EF6E18, #FCC204);"></div>
|
||||
<span style="color: #FFFFFF;margin-left: 10px;">总班数</span>
|
||||
<span style="margin-left: 10px;color: #EF6E18;">{{classTotal}}</span>
|
||||
</div>
|
||||
<div style="display: flex;height: 40px;align-items: center;">
|
||||
<div style="width: 16px;height: 16px;background: linear-gradient(135deg, #3E7DFC, #4D82FC);"></div>
|
||||
<span style="color: #FFFFFF;margin-left: 10px;">已完成</span>
|
||||
</div>
|
||||
<div style="display: flex;height: 40px;align-items: center;">
|
||||
<div style="width: 16px;height: 16px;background: linear-gradient(135deg, #FED866, #03CACC);"></div>
|
||||
<span style="color: #FFFFFF;margin-left: 10px;">未完成</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div style="display: flex;align-items: center;flex-wrap: nowrap;">
|
||||
<h2><span>宝宝食谱</span></h2>
|
||||
<div style="width: 60%;height: 240px;padding-top: 60px;padding-left: 20px;box-sizing: border-box;">
|
||||
<div style="display: flex;flex-wrap: wrap;">
|
||||
<div style="display: flex;height: 40px;align-items: center;margin: 15px;">
|
||||
<div style="width: 12px;height: 12px;background: linear-gradient(135deg, #0FD5F9, #0487ED);"></div>
|
||||
<span style="color: #FFFFFF;margin-left: 10px;font-size: 14px;">食谱总数</span>
|
||||
<span style="margin-left: 10px;color: #EF6E18;font-size: 14px;">{{dataFood.Recipes_recommend}}</span>
|
||||
</div>
|
||||
<div style="display: flex;height: 40px;align-items: center;margin: 15px;">
|
||||
<div style="width: 12px;height: 12px;background: linear-gradient(135deg, #0666E8, #0487ED);"></div>
|
||||
<span style="color: #FFFFFF;margin-left: 10px;font-size: 14px;">菜品数</span>
|
||||
<span style="margin-left: 10px;color: #EF6E18;font-size: 14px;">{{dataFood.Recipes_Foods}}</span>
|
||||
</div>
|
||||
<div style="display: flex;height: 40px;align-items: center;margin: 15px;">
|
||||
<div style="width: 12px;height: 12px;background: linear-gradient(135deg, #A2FFD0, #3EB076);"></div>
|
||||
<span style="color: #FFFFFF;margin-left: 10px;font-size: 14px;">食谱照片数</span>
|
||||
<span style="margin-left: 10px;color: #EF6E18;font-size: 14px;">{{dataFood.RecipesImg}}</span>
|
||||
</div>
|
||||
<div style="display: flex;height: 40px;align-items: center;margin: 15px;">
|
||||
<div style="width: 12px;height: 12px;background: linear-gradient(135deg, #FFFE95, #C1C049);"></div>
|
||||
<span style="color: #FFFFFF;margin-left: 10px;font-size: 14px;">食谱建议数</span>
|
||||
<span style="margin-left: 10px;color: #EF6E18;font-size: 14px;">{{dataFood.RecipeMsg}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="echarts2"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h3><span>推荐食谱</span></h3>
|
||||
<div id="echarts3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="left">
|
||||
<h2><span>周计划</span></h2>
|
||||
<div id="echarts4"></div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<h2><span>教师培训及科研获奖统计</span></h2>
|
||||
<div id="echarts5"></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<h2><span>发展评价统计</span></h2>
|
||||
<div id="echarts61"></div>
|
||||
<div id="echarts62"></div>
|
||||
<div id="echarts63"></div>
|
||||
<div id="echarts64"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
window.url = "http://sysapi.it996.tech"
|
||||
// window.url = "http://192.168.1.152:56010"
|
||||
window.guid = ''
|
||||
|
||||
function getParams() {
|
||||
var url = window.location.href;
|
||||
if (url.indexOf("?") > 0) {
|
||||
url = url.split("?")[1];
|
||||
arr = url.split("&");
|
||||
var obj = {};
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
var arr_list = arr[i].split("=");
|
||||
obj[arr_list[0]] = arr_list[1];
|
||||
}
|
||||
var EquipmentID = obj.EquipmentID;
|
||||
window.guid = EquipmentID
|
||||
}
|
||||
}
|
||||
getParams()
|
||||
</script>
|
||||
<!--layui必须JS-->
|
||||
<script type="text/javascript" src="/webconfig/layui/layui.js?t=20200606" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="/webconfig/js/careEducation.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,385 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #040c30;
|
||||
}
|
||||
|
||||
#all {
|
||||
width: 100%;
|
||||
min-width: 1800px;
|
||||
max-width: 1920px;
|
||||
min-height: 800px;
|
||||
max-height: 1080px;
|
||||
margin: 0 auto;
|
||||
background-color: #040c30;
|
||||
}
|
||||
#all h1 {
|
||||
height: 75px;
|
||||
background-image: url("../src/images/headimg1.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 75px;
|
||||
font-size: 32px;
|
||||
color: #01c5f5;
|
||||
letter-spacing: 5px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
#all > .top {
|
||||
margin-top: 60px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
#all > .top > div {
|
||||
margin: 0 20px;
|
||||
}
|
||||
#all > .top > .left {
|
||||
width: 25%;
|
||||
height: 350px;
|
||||
background-image: url("../src/images/bg_01.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#all > .top > .left > h2 {
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 28%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#all > .top > .left > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#all > .top > .left .service {
|
||||
width: 90%;
|
||||
height: 110px;
|
||||
margin: 0 auto;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 30px;
|
||||
background-color: #0b1647;
|
||||
position: relative;
|
||||
}
|
||||
#all > .top > .left .service .top {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#all > .top > .left .service .bot {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
#all > .top > .left .service h3 {
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 12px;
|
||||
color: #02dafe;
|
||||
background-image: url("../src/images/kuang_xiao.png");
|
||||
width: 95px;
|
||||
height: 24px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
position: absolute;
|
||||
left: 40%;
|
||||
top: -10px;
|
||||
}
|
||||
#all > .top > .left .service .context {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
#all > .top > .left .service .context p {
|
||||
text-align: center;
|
||||
margin-top: 24px;
|
||||
font-size: 24px;
|
||||
color: #a8b3e6;
|
||||
}
|
||||
#all > .top > .left .service .context p span {
|
||||
display: block;
|
||||
}
|
||||
#all > .top > .left .service .context p span b {
|
||||
font-size: 14px;
|
||||
color: #5280b6;
|
||||
}
|
||||
#all > .top > .left .service .context p span img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#all > .top > .left .settled {
|
||||
width: 90%;
|
||||
height: 110px;
|
||||
margin: 0 auto;
|
||||
background-color: #0b1647;
|
||||
position: relative;
|
||||
}
|
||||
#all > .top > .left .settled .top {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#all > .top > .left .settled .bot {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
#all > .top > .left .settled h3 {
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 12px;
|
||||
color: #02dafe;
|
||||
background-image: url("../src/images/kuang_xiao.png");
|
||||
width: 95px;
|
||||
height: 24px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
position: absolute;
|
||||
left: 40%;
|
||||
top: -10px;
|
||||
}
|
||||
#all > .top > .left .settled .context {
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
#all > .top > .left .settled .context p {
|
||||
text-align: center;
|
||||
margin-top: 24px;
|
||||
font-size: 24px;
|
||||
color: #a8b3e6;
|
||||
}
|
||||
#all > .top > .left .settled .context p > span {
|
||||
display: block;
|
||||
}
|
||||
#all > .top > .left .settled .context p > span b {
|
||||
font-size: 14px;
|
||||
color: #5280b6;
|
||||
}
|
||||
#all > .top > .left .settled .context p > span img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#all > .top > .left .settled .context p:nth-of-type(1) > span:last-child {
|
||||
color: #01f6ff;
|
||||
}
|
||||
#all > .top > .left .settled .context p:nth-of-type(2) > span:last-child {
|
||||
color: #22c223;
|
||||
}
|
||||
#all > .top > .left .settled .context p:nth-of-type(3) > span:last-child {
|
||||
color: #f8b01b;
|
||||
}
|
||||
#all > .top > .middle {
|
||||
width: 40%;
|
||||
height: 350px;
|
||||
background-image: url("../src/images/bg_02.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#all > .top > .middle > h2 {
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_zhong.png");
|
||||
width: 280px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 36%;
|
||||
top: -15px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#all > .top > .middle > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#all > .top > .middle #echarts1 {
|
||||
width: 90%;
|
||||
height: 340px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#all > .top > .right {
|
||||
width: 25%;
|
||||
height: 350px;
|
||||
background-image: url("../src/images/bg_01.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
#all > .top > .right > h2 {
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#all > .top > .right > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#all > .top > .right #echarts2 {
|
||||
width: 90%;
|
||||
height: 340px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#all > .bottom {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
padding-bottom: 31px;
|
||||
}
|
||||
#all > .bottom > div {
|
||||
margin: 0 20px;
|
||||
}
|
||||
#all > .bottom > .left {
|
||||
width: 25%;
|
||||
height: 480px;
|
||||
background-image: url("../src/images/bg_03.png");
|
||||
background-position: center;
|
||||
position: relative;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#all > .bottom > .left > h2 {
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 28%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#all > .bottom > .left > h2 img {
|
||||
width: 24px;
|
||||
height: 20px;
|
||||
}
|
||||
#all > .bottom > .left #echarts3 {
|
||||
width: 92%;
|
||||
height: 460px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
#all > .bottom > .left > img {
|
||||
width: 70px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
top: 46%;
|
||||
left: 43%;
|
||||
}
|
||||
#all > .bottom > .middle {
|
||||
width: 40%;
|
||||
height: 480px;
|
||||
background-image: url("../src/images/bg_04.png");
|
||||
background-position: center;
|
||||
position: relative;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#all > .bottom > .middle > h2 {
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_zhong.png");
|
||||
width: 280px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 36%;
|
||||
top: -15px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#all > .bottom > .middle > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#all > .bottom > .middle #echarts4 {
|
||||
width: 96%;
|
||||
height: 460px;
|
||||
margin: 20px auto;
|
||||
margin-left: 40px;
|
||||
}
|
||||
#all > .bottom > .right {
|
||||
width: 25%;
|
||||
height: 480px;
|
||||
background-image: url("../src/images/bg_03（第二排左右）.png");
|
||||
background-position: center;
|
||||
position: relative;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#all > .bottom > .right > h2 {
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#all > .bottom > .right > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#all > .bottom > .right #echarts5 {
|
||||
width: 90%;
|
||||
height: 460px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* border: 0; */
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
/* blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
} */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
|
@ -1,437 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #040c30;
|
||||
}
|
||||
|
||||
#all {
|
||||
width: 100%;
|
||||
min-width: 1800px;
|
||||
max-width: 1920px;
|
||||
min-height: 800px;
|
||||
max-height: 1080px;
|
||||
margin: 0 auto;
|
||||
background-color: #040c30;
|
||||
}
|
||||
|
||||
#all h1 {
|
||||
height: 75px;
|
||||
background-image: url("../src/images/headimg1.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 75px;
|
||||
font-size: 32px;
|
||||
color: #01c5f5;
|
||||
letter-spacing: 5px;
|
||||
font-family: 'Microsoft YaHei';
|
||||
}
|
||||
|
||||
#all > .top {
|
||||
margin-top: 60px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#all > .top > div {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#all > .top > .left {
|
||||
width: 29%;
|
||||
height: 350px;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#all > .top > .left > h2 {
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 28%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#all > .top > .left > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#all > .top > .left .service {
|
||||
width: 90%;
|
||||
height: 110px;
|
||||
margin: 0 auto;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#all > .top > .left .service .top {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#all > .top > .left .service .bot {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#all > .top > .left .service h3 {
|
||||
font-family: 'Microsoft YaHei';
|
||||
font-size: 12px;
|
||||
color: #02dafe;
|
||||
background-image: url("../src/images/kuang_xiao.png");
|
||||
width: 95px;
|
||||
height: 24px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
position: absolute;
|
||||
left: 40%;
|
||||
top: -10px;
|
||||
}
|
||||
|
||||
#all > .top > .left .service .context {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: space-evenly;
|
||||
-ms-flex-pack: space-evenly;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
#all > .top > .left .service .context p {
|
||||
text-align: center;
|
||||
margin-top: 24px;
|
||||
font-size: 24px;
|
||||
color: #a8b3e6;
|
||||
}
|
||||
|
||||
#all > .top > .left .service .context p span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#all > .top > .left .service .context p span b {
|
||||
font-size: 14px;
|
||||
color: #5280b6;
|
||||
}
|
||||
|
||||
#all > .top > .left .service .context p span img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled {
|
||||
width: 90%;
|
||||
height: 110px;
|
||||
margin: 0 auto;
|
||||
margin-top: 40px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .top {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .bot {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled h3 {
|
||||
font-family: 'Microsoft YaHei';
|
||||
font-size: 12px;
|
||||
color: #02dafe;
|
||||
background-image: url("../src/images/kuang_xiao.png");
|
||||
width: 95px;
|
||||
height: 24px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
position: absolute;
|
||||
left: 40%;
|
||||
top: -10px;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .context {
|
||||
padding: 0 10px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .context p {
|
||||
text-align: center;
|
||||
margin-top: 24px;
|
||||
font-size: 24px;
|
||||
color: #a8b3e6;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .context p > span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .context p > span b {
|
||||
font-size: 14px;
|
||||
color: #5280b6;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .context p > span img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .context p:nth-of-type(1) > span:last-child {
|
||||
color: #01f6ff;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .context p:nth-of-type(2) > span:last-child {
|
||||
color: #22c223;
|
||||
}
|
||||
|
||||
#all > .top > .left .settled .context p:nth-of-type(3) > span:last-child {
|
||||
color: #f8b01b;
|
||||
}
|
||||
|
||||
#all > .top > .middle {
|
||||
width: 40%;
|
||||
height: 350px;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
padding: 0 20px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#all > .top > .middle > h2 {
|
||||
font-family: 'Microsoft YaHei';
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_zhong.png");
|
||||
width: 320px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
left: 32%;
|
||||
top: -15px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#all > .top > .middle > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#all > .top > .middle #echarts1 {
|
||||
width: 90%;
|
||||
height: 150px;
|
||||
margin: 10px auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#all > .top > .middle #echarts3 {
|
||||
width: 90%;
|
||||
height: 150px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
#all > .top > .right {
|
||||
width: 29%;
|
||||
height: 350px;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#all > .top > .right > h2 {
|
||||
font-family: 'Microsoft YaHei';
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#all > .top > .right > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#all > .top > .right #echarts2 {
|
||||
width: 94%;
|
||||
height: 300px;
|
||||
margin: 30px auto;
|
||||
}
|
||||
|
||||
#all > .bottom {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
padding-bottom: 31px;
|
||||
}
|
||||
|
||||
#all > .bottom > div {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#all > .bottom > .left {
|
||||
width: 49%;
|
||||
height: 480px;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#all > .bottom > .left > h2 {
|
||||
font-family: 'Microsoft YaHei';
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 36%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#all > .bottom > .left > h2 img {
|
||||
width: 24px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#all > .bottom > .left #echarts5 {
|
||||
width: 30%;
|
||||
height: 200px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#all > .bottom > .left #echarts6 {
|
||||
width: 94%;
|
||||
height: 230px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#all > .bottom > .left #echarts7 {
|
||||
width: 68%;
|
||||
height: 200px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#all > .bottom > .middle {
|
||||
width: 49%;
|
||||
height: 480px;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#all > .bottom > .middle > h2 {
|
||||
font-family: 'Microsoft YaHei';
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_zhong.png");
|
||||
width: 280px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 36%;
|
||||
top: -15px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#all > .bottom > .middle > h2 img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#all > .bottom > .middle #echarts4 {
|
||||
width: 96%;
|
||||
height: 460px;
|
||||
margin: 20px auto;
|
||||
margin-left: 40px;
|
||||
}
|
||||
/*# sourceMappingURL=wisdomMedic.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,367 +0,0 @@
|
|||
body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #040c30;
|
||||
}
|
||||
#all{
|
||||
width: 100%;
|
||||
min-width: 1800px;
|
||||
max-width: 1920px;
|
||||
min-height: 800px;
|
||||
max-height: 1080px;
|
||||
margin: 0 auto;
|
||||
background-color: #040c30;
|
||||
h1{
|
||||
height: 75px;
|
||||
background-image: url("../src/images/headimg1.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 75px;
|
||||
font-size: 32px;
|
||||
color: #01c5f5;
|
||||
letter-spacing: 5px;
|
||||
font-family:'Microsoft YaHei';
|
||||
}
|
||||
>.top{
|
||||
margin-top: 60px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
>div{
|
||||
margin: 0 20px;
|
||||
}
|
||||
>.left{
|
||||
width: 29%;
|
||||
height: 350px;
|
||||
// background-image: url("../src/images/bg_01\(第一排左右两个\).png");
|
||||
// background-position: center;
|
||||
// background-size: 100% 100%;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
>h2{
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 28%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
img{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
.service{
|
||||
width: 90%;
|
||||
height: 110px;
|
||||
margin: 0 auto;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
.top{
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.bot{
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
h3{
|
||||
font-family:'Microsoft YaHei';
|
||||
font-size: 12px;
|
||||
color: #02dafe;
|
||||
background-image: url("../src/images/kuang_xiao.png");
|
||||
width: 95px;
|
||||
height: 24px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
position: absolute;
|
||||
left: 40%;
|
||||
top: -10px;
|
||||
}
|
||||
.context{
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
p{
|
||||
text-align: center;
|
||||
margin-top: 24px;
|
||||
font-size: 24px;
|
||||
color: #a8b3e6;
|
||||
span{
|
||||
display: block;
|
||||
b{
|
||||
font-size: 14px;
|
||||
color: #5280b6;
|
||||
}
|
||||
img{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.settled{
|
||||
width: 90%;
|
||||
height: 110px;
|
||||
margin: 0 auto;
|
||||
margin-top: 40px;
|
||||
position: relative;
|
||||
.top{
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.bot{
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-image: url("../src/images/line.png");
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
h3{
|
||||
font-family:'Microsoft YaHei';
|
||||
font-size: 12px;
|
||||
color: #02dafe;
|
||||
background-image: url("../src/images/kuang_xiao.png");
|
||||
width: 95px;
|
||||
height: 24px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
position: absolute;
|
||||
left: 40%;
|
||||
top: -10px;
|
||||
}
|
||||
.context{
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
p{
|
||||
text-align: center;
|
||||
margin-top: 24px;
|
||||
font-size: 24px;
|
||||
color: #a8b3e6;
|
||||
>span{
|
||||
display: block;
|
||||
b{
|
||||
font-size: 14px;
|
||||
color: #5280b6;
|
||||
}
|
||||
img{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
&:nth-of-type(1)>span:last-child{
|
||||
color: #01f6ff;
|
||||
}
|
||||
&:nth-of-type(2)>span:last-child{
|
||||
color: #22c223;
|
||||
}
|
||||
&:nth-of-type(3)>span:last-child{
|
||||
color: #f8b01b;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
>.middle{
|
||||
width: 40%;
|
||||
height: 350px;
|
||||
// background-image: url("../src/images/bg_02（第一排中间）.png");
|
||||
// background-position: center;
|
||||
// background-size: 100% 100%;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
>h2{
|
||||
font-family:'Microsoft YaHei';
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_zhong.png");
|
||||
width: 320px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
left:32%;
|
||||
top: -15px;
|
||||
vertical-align: baseline;
|
||||
img{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
#echarts1{
|
||||
width: 90%;
|
||||
height: 150px;
|
||||
margin: 10px auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#echarts3{
|
||||
width: 90%;
|
||||
height: 150px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
}
|
||||
>.right{
|
||||
width: 29%;
|
||||
height: 350px;
|
||||
// background-image: url("../src/images/bg_01\(第一排左右两个\).png");
|
||||
// background-position: center;
|
||||
// background-size: 100% 100%;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
>h2{
|
||||
font-family:'Microsoft YaHei';
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
img{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
#echarts2{
|
||||
width: 94%;
|
||||
height: 300px;
|
||||
margin: 30px auto;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
>.bottom{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
padding-bottom: 31px;
|
||||
>div{
|
||||
margin: 0 20px;
|
||||
}
|
||||
>.left{
|
||||
width: 49%;
|
||||
height: 480px;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
>h2{
|
||||
font-family:'Microsoft YaHei';
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_da.png");
|
||||
width: 220px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 36%;
|
||||
top: -16px;
|
||||
vertical-align: baseline;
|
||||
img{
|
||||
width: 24px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
#echarts5{
|
||||
width: 30%;
|
||||
height: 200px;
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
#echarts6{
|
||||
width: 94%;
|
||||
height: 230px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#echarts7{
|
||||
width: 68%;
|
||||
height: 200px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
>.middle{
|
||||
width: 49%;
|
||||
height: 480px;
|
||||
background-color: #0e2039;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
>h2{
|
||||
font-family:'Microsoft YaHei';
|
||||
font-size: 18px;
|
||||
color: #01dbfc;
|
||||
background-image: url("../src/images/kuang_zhong.png");
|
||||
width: 280px;
|
||||
height: 36px;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left:36%;
|
||||
top: -15px;
|
||||
vertical-align: baseline;
|
||||
img{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
#echarts4{
|
||||
width: 96%;
|
||||
height: 460px;
|
||||
margin: 20px auto;
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,167 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" href="/webconfig/layui/css/layui.css?t=202006016" media="all" />
|
||||
<!--统一LAYUI前端样式文件-->
|
||||
<link rel="stylesheet" href="/webconfig/layui/css/global.css?t=20200616" media="all">
|
||||
<!--统一公共前端样式文件-->
|
||||
<link rel="stylesheet" href="/webconfig/css/jquery-ui.css?t=20200613" media="all" />
|
||||
<!--提示信息前端样式文件-->
|
||||
<title>每日数据监测</title>
|
||||
<link rel="stylesheet" href="/webconfig/css/reset.css">
|
||||
<link rel="stylesheet" href="/webconfig/css/everdayData.css">
|
||||
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
|
||||
<!-- <script type="text/javascript" src = "https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script> -->
|
||||
<!-- 引入layui -->
|
||||
<script src="/webconfig/layui/layui.all.js"></script>
|
||||
<!-- 引入jquery -->
|
||||
<script type="text/javascript" src="/webconfig/js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="/webconfig/js/plugins/echarts/echarts.min.js"></script>
|
||||
<script type="text/javascript" src="/webconfig/js/vue.js"></script>
|
||||
<script type="text/javascript" src="/webconfig/js/moment.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="all">
|
||||
<div class="h1">
|
||||
<div>
|
||||
<a id="html5" href="wisdomMedic.html" style="margin-right: 20px;">
|
||||
<img src="/webconfig/images/everdayData/img1/icon_01.png">
|
||||
<span>xx市教育局云端大数据</span>
|
||||
</a>
|
||||
<a id="html1" href="javascript:;" class="in" style="margin-right: 20px;">
|
||||
<img src="/webconfig/images/everdayData/img1/icon_011.png">
|
||||
<span>每日数据监测</span>
|
||||
</a>
|
||||
<a id="html2" href="kindergartenThings.html">
|
||||
<img style="width: 25px;height: 25px;margin-right:5px;position:relative;top:-1px" src="/webconfig/images/everdayData/img1/icon_02.png">
|
||||
<span>园区统计分析</span>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a id="html3" href="careEducation.html" style="margin-right: 5px;">
|
||||
<img src="/webconfig/images/everdayData/img1/icon_03.png">
|
||||
<span>日常保教统计</span>
|
||||
</a>
|
||||
<a id="html4" href="homeInteraction.html">
|
||||
<img style="width: 35px;height: 35px;" src="/webconfig/images/everdayData/img1/icon_04.png">
|
||||
<span>家园互动情况</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div class="left">
|
||||
<h2>{{data1.OrganName}}</h2>
|
||||
<div class="service">
|
||||
<div class="top"></div>
|
||||
<h3>园区情况</h3>
|
||||
<div class="context">
|
||||
<p>
|
||||
<span>
|
||||
<img src="/webconfig/images/everdayData/icon_tongji03.png">
|
||||
<b>园区数</b>
|
||||
</span>
|
||||
<span>{{data1.TerritoryAreaCount}}个</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>
|
||||
<img src="/webconfig/images/everdayData/icon_tongji01.png">
|
||||
<b>总班级数</b>
|
||||
</span>
|
||||
<span>{{data1.ClassCount}}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="bot"></div>
|
||||
</div>
|
||||
<div class="settled">
|
||||
<div class="top"></div>
|
||||
<h3>人员情况</h3>
|
||||
<div class="context">
|
||||
<p>
|
||||
<span>
|
||||
<img src="/webconfig/images/everdayData/icon_tongji03.png">
|
||||
<b>教职工数</b>
|
||||
</span>
|
||||
<span>{{data1.WorkersNumber}}人</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>
|
||||
<img src="/webconfig/images/everdayData//icon_tongji01.png">
|
||||
<b>教师数</b>
|
||||
</span>
|
||||
<span>{{data1.TeachNumber}}人</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>
|
||||
<img src="/webconfig/images/everdayData/icon_tongji02.png">
|
||||
<b>幼儿数</b>
|
||||
</span>
|
||||
<span>{{data1.StudentNumber}}个</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="bot"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<h2>今日出入校情况</h2>
|
||||
<div id="echarts1"></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<h2>教师考勤情况</h2>
|
||||
<div id="echarts3" style="height:300px"></div>
|
||||
<img src="/webconfig/images/everdayData/icon_renyuan.png" style="top:40%" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="left">
|
||||
<h2>幼儿入园情况统计 </h2>
|
||||
<div id="echarts2" style="width:90%"></div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<h2>班级出勤率前十名</h2>
|
||||
<div id="echarts4"></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<h2>提醒预警信息</h2>
|
||||
<div id="echarts5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
window.url = "http://sysapi.it996.tech"
|
||||
// window.url = "http://192.168.1.152:56010"
|
||||
window.guid = ''
|
||||
|
||||
|
||||
|
||||
function getParams() {
|
||||
var url = window.location.href;
|
||||
if (url.indexOf("?") > 0) {
|
||||
url = url.split("?")[1];
|
||||
arr = url.split("&");
|
||||
var obj = {};
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
var arr_list = arr[i].split("=");
|
||||
obj[arr_list[0]] = arr_list[1];
|
||||
}
|
||||
var EquipmentID = obj.EquipmentID;
|
||||
window.guid = EquipmentID
|
||||
}
|
||||
}
|
||||
getParams()
|
||||
</script>
|
||||
<!--layui必须JS-->
|
||||
<script type="text/javascript" src="/webconfig/layui/layui.js?t=20200606" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="/webconfig/js/everdayData.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,126 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" href="webconfig/layui/css/layui.css?t=202006016" media="all" />
|
||||
<!--统一LAYUI前端样式文件-->
|
||||
<link rel="stylesheet" href="webconfig/layui/css/global.css?t=20200616" media="all">
|
||||
<!--统一公共前端样式文件-->
|
||||
<link rel="stylesheet" href="webconfig/css/jquery-ui.css?t=20200613" media="all" />
|
||||
<!--提示信息前端样式文件-->
|
||||
<title>日常保教统计</title>
|
||||
<link rel="stylesheet" href="webconfig/css/reset.css">
|
||||
<link rel="stylesheet" href="webconfig/css/homeInteraction.css">
|
||||
<!-- 引入jquery -->
|
||||
<script src="webconfig/js/jquery.min.js"></script>
|
||||
<script src="webconfig/js/echarts.min.js"></script>
|
||||
<script src="webconfig/js/vue.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="all">
|
||||
<div class="h1">
|
||||
<div>
|
||||
<a id="html5" href="wisdomMedic.html" style="margin-right: 20px;">
|
||||
<img src="webconfig/images/everdayData/img1/icon_01.png">
|
||||
<span>xx市教育局云端大数据</span>
|
||||
</a>
|
||||
<a id="html1" href="everdayData.html" style="margin-right: 20px;">
|
||||
<img src="webconfig/images/everdayData/img1/icon_01.png">
|
||||
<span>每日数据检测</span>
|
||||
</a>
|
||||
<a id="html2" href="kindergartenThings.html">
|
||||
<img style="width: 25px;height: 25px;margin-right:5px;position:relative;top:-1px" src="webconfig/images/everdayData/img1/icon_02.png">
|
||||
<span>园区统计分析</span>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a id="html3" href="careEducation.html" style="margin-right: 5px;">
|
||||
<img src="webconfig/images/everdayData/img1/icon_03.png">
|
||||
<span>日常保教统计</span>
|
||||
</a>
|
||||
<a id="html4" href="javascript:;" class="in">
|
||||
<img style="width: 35px;height: 35px;" src="webconfig/images/everdayData/img1/icon_44.png">
|
||||
<span>家园互动情况</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div class="left">
|
||||
<h2><span>宝宝动态统计</span></h2>
|
||||
<div id="echarts1"></div>
|
||||
<div class="order">
|
||||
<h3><span>班级动态发布数量排名前十</span></h3>
|
||||
<div id="echarts2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<h2><span>教育资源统计</span></h2>
|
||||
<div id="echarts3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="left" style="position: relative;">
|
||||
<h2><span>活跃统计</span></h2>
|
||||
<div style="width: 40%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 100%;padding: 30px;box-sizing: border-box;">
|
||||
<div style="cursor: pointer;" @click="change(index+1)" class="box1" v-for="(item,index) in nav" :key="index">
|
||||
<div style="color: #F58350;font-size: 22px;margin-top: 20px;">{{item}}</div>
|
||||
<div style="color: #EFEFEF;font-size: 14px;margin-top: 5px;">前五排名</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="width: 50%;line-height: 4em;padding: 40px 0;box-sizing: border-box;position:relative;left:-30px">
|
||||
<div v-for="(item,index) in data6" :key="index" style="width: 100%;display: flex;align-items: center;flex-wrap: nowrap;">
|
||||
<span style="color: #FFFFFF;font-size: 16px;white-space: nowrap;margin-right: 10px;display:inline-block;width:80px;">{{item.name}}</span>
|
||||
<div style="width: 70%;height: 30px;border: 2px solid #147ab1;position: relative;display: flex;align-items: center;">
|
||||
<div :class="'changeWidth'+index" style="height: 30px;background-color: #136997;"></div>
|
||||
<span style="color: #0552AF;margin-left: 10px;font-size: 16px;">{{item.number}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<select @change="changeMounth" style="position: absolute;right: 20px;top: 20px;font-size: 24px;color: #4EFAFA;background-color:rgba(0,0,0,0);border:none;cursor: pointer;cursor: pointer;">
|
||||
<option v-for="(item,index) in mounthList" v-if="item.selected" selected="selected" :value="item.value">{{item.value}}月查询</option>
|
||||
<option v-for="(item,index) in mounthList" v-if="!item.selected" :value="item.value">{{item.value}}月查询</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="right">
|
||||
<h2><span>其他统计</span></h2>
|
||||
<div id="echarts5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
window.url = "http://sysapi.it996.tech"
|
||||
// window.url = "http://192.168.1.152:56010"
|
||||
window.guid = ''
|
||||
|
||||
function getParams() {
|
||||
var url = window.location.href;
|
||||
if (url.indexOf("?") > 0) {
|
||||
url = url.split("?")[1];
|
||||
arr = url.split("&");
|
||||
var obj = {};
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
var arr_list = arr[i].split("=");
|
||||
obj[arr_list[0]] = arr_list[1];
|
||||
}
|
||||
var EquipmentID = obj.EquipmentID;
|
||||
window.guid = EquipmentID
|
||||
}
|
||||
}
|
||||
getParams()
|
||||
</script>
|
||||
<!--layui必须JS-->
|
||||
<script type="text/javascript" src="webconfig/layui/layui.js?t=20200606" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="webconfig/js/homeInteraction.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,687 +0,0 @@
|
|||
"use strict";
|
||||
|
||||
new Vue({
|
||||
el: '#all',
|
||||
data: function data() {
|
||||
return {};
|
||||
},
|
||||
mounted: function mounted() {
|
||||
//班级运行情况
|
||||
this.getData();
|
||||
this.changeWindow();
|
||||
},
|
||||
methods: {
|
||||
// 请求数据
|
||||
request: function request(_ref) {
|
||||
var type = _ref.type,
|
||||
url = _ref.url,
|
||||
_ref$data = _ref.data,
|
||||
data = _ref$data === void 0 ? {} : _ref$data,
|
||||
_ref$headers = _ref.headers,
|
||||
headers = _ref$headers === void 0 ? {} : _ref$headers;
|
||||
return new Promise(function (resolve) {
|
||||
$.ajax({
|
||||
type: type,
|
||||
url: url,
|
||||
data: data,
|
||||
headers: headers,
|
||||
success: function success(data) {
|
||||
resolve(data);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
changeWindow: function changeWindow() {
|
||||
window.onresize = function () {
|
||||
setTimeout(function () {
|
||||
window.location.reload();
|
||||
}, 200);
|
||||
};
|
||||
},
|
||||
getData: function getData() {
|
||||
return regeneratorRuntime.async(function getData$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
// let {data} = await this.request({
|
||||
// type: "GET",
|
||||
// data:{
|
||||
// userid:window.phone,
|
||||
// days:this.days,
|
||||
// },
|
||||
// url: `${window.url}/api/admin/healthinfo/getnewbloodpressure`,
|
||||
// })
|
||||
// console.log(data,"xieya");
|
||||
this.Charts1();
|
||||
this.charts2();
|
||||
this.charts3();
|
||||
this.charts4();
|
||||
this.charts5();
|
||||
|
||||
case 5:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, null, this);
|
||||
},
|
||||
Charts1: function Charts1() {
|
||||
var chartDom = document.getElementById('echarts1');
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option;
|
||||
option = {
|
||||
color: ['#02dcfd', "#f96e00", "#0178e9", "rgb(255, 230, 88)", "#ff01ff", "#f9ad12"],
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
// data: ['移动能力重度障碍', '握力测量平均值', '中重度失能',"中重度抑郁","营养不良","尿失禁状况"],
|
||||
data: ["移动能力重度障碍", '中重度失能', "中重度抑郁", "营养不良"],
|
||||
y: "bottom",
|
||||
textStyle: {
|
||||
color: '#5380b4'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '1%',
|
||||
right: '1%',
|
||||
bottom: '10%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
// boundaryGap:false,
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: ['#151d3d']
|
||||
}
|
||||
},
|
||||
data: ["60以下", "60-70岁", "70-80岁", "80-90岁", "90岁以上"]
|
||||
},
|
||||
yAxis: {
|
||||
show: true,
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
formatter: "{value}%",
|
||||
color: '#fff'
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: ['#151d3d']
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: '移动能力重度障碍',
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
symbolSize: 1,
|
||||
data: [2, 5, 25, 60, 85]
|
||||
}, // {
|
||||
// name: '握力测量平均值',
|
||||
// smooth:true,
|
||||
// type: 'line',
|
||||
// symbolSize: 1,
|
||||
// data: [72,56,21,33,11],
|
||||
// },
|
||||
{
|
||||
name: '中重度失能',
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
symbolSize: 1,
|
||||
data: [1, 6, 20, 54, 90]
|
||||
}, {
|
||||
name: '中重度抑郁',
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
symbolSize: 1,
|
||||
data: [4, 7, 30, 49, 55]
|
||||
}, {
|
||||
name: '营养不良',
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
symbolSize: 1,
|
||||
data: [3, 6, 28, 40, 79]
|
||||
} // {
|
||||
// name: '尿失禁状况',
|
||||
// smooth:true,
|
||||
// type: 'line',
|
||||
// symbolSize: 1,
|
||||
// data: [8,12,14,26,91],
|
||||
// }
|
||||
]
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
},
|
||||
charts2: function charts2() {
|
||||
var chartDom = document.getElementById('echarts2');
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option;
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
},
|
||||
formatter: function formatter(params) {
|
||||
return params[0].name + "：" + params[0].value + "人";
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: true // data: ['2021年']
|
||||
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
show: false
|
||||
},
|
||||
yAxis: {
|
||||
type: 'category',
|
||||
data: ['医护人数', '老人干预人数', '咨询回复人数', '上门随访人数', '健康评估人数'],
|
||||
axisLabel: {
|
||||
color: '#03d1f3'
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: ['rgba(0,0,0,1)']
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
// name: '2021年',
|
||||
type: 'bar',
|
||||
barWidth: 15,
|
||||
data: [601, 15634, 30212, 23432, 16411],
|
||||
//顶部数字展示pzr
|
||||
itemStyle: {
|
||||
emphasis: {
|
||||
barBorderRadius: [100, 100, 100, 100],
|
||||
label: {
|
||||
show: true,
|
||||
position: "right",
|
||||
color: "#fff"
|
||||
}
|
||||
},
|
||||
normal: {
|
||||
//柱形图圆角，初始化效果
|
||||
barBorderRadius: [100, 100, 100, 100],
|
||||
// color:new echarts.graphic.LinearGradient(
|
||||
// 0, 0, 1, 0,
|
||||
// [
|
||||
// {offset: 0, color: '#011135'},
|
||||
// {offset: 0.5, color: '#01367b'},
|
||||
// {offset: 1, color: '#0178e9'}
|
||||
// ]
|
||||
// ),
|
||||
color: function color(params) {
|
||||
var colorList1 = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
|
||||
offset: 0,
|
||||
color: '#011135'
|
||||
}, {
|
||||
offset: 0.5,
|
||||
color: '#01367b'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: '#0178e9'
|
||||
}]);
|
||||
var colorList2 = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
|
||||
offset: 0,
|
||||
color: '#051130'
|
||||
}, {
|
||||
offset: 0.5,
|
||||
color: '#734a1a'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: '#f96e00'
|
||||
}]);
|
||||
var colorList3 = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
|
||||
offset: 0,
|
||||
color: '#031133'
|
||||
}, {
|
||||
offset: 0.5,
|
||||
color: '#2a7262'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: '#45e190'
|
||||
}]);
|
||||
var colorList = [colorList1, colorList2, colorList3];
|
||||
return colorList[params.dataIndex % colorList.length];
|
||||
},
|
||||
label: {
|
||||
show: true,
|
||||
position: "right",
|
||||
color: "#fff"
|
||||
}
|
||||
}
|
||||
}
|
||||
}]
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
},
|
||||
charts3: function charts3() {
|
||||
var chartDom = document.getElementById('echarts3');
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option;
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: function formatter(params) {
|
||||
return params.data.name + "：" + params.data.value + "人";
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
type: 'pie',
|
||||
radius: ['40%', '50%'],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: '#00affd',
|
||||
fontSize: "14"
|
||||
},
|
||||
formatter: function formatter(val) {
|
||||
//让series 中的文字进行换行
|
||||
return val.name + "\n" + val.percent + "%";
|
||||
}
|
||||
},
|
||||
color: function color(params) {
|
||||
var colorList = ["#00f6fe", "#f36ff9", "#f8b019", "#fe6e82", "#08b16b"];
|
||||
return colorList[params.dataIndex % colorList.length];
|
||||
},
|
||||
labelLine: {
|
||||
// smooth: true,
|
||||
length: 30,
|
||||
length1: 10
|
||||
}
|
||||
},
|
||||
emphasis: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)',
|
||||
textColor: '#000'
|
||||
}
|
||||
},
|
||||
data: [{
|
||||
value: 751,
|
||||
name: '60岁以下'
|
||||
}, {
|
||||
value: 8743,
|
||||
name: '60-70岁'
|
||||
}, {
|
||||
value: 4835,
|
||||
name: '70-80岁'
|
||||
}, {
|
||||
value: 1162,
|
||||
name: '80-90岁'
|
||||
}, {
|
||||
value: 920,
|
||||
name: '90岁以上'
|
||||
}]
|
||||
}]
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
},
|
||||
charts4: function charts4() {
|
||||
var chartDom = document.getElementById('echarts4');
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option;
|
||||
var dataAxis = ['建档', '血压', '血糖', '身高', '体重', '体脂', '心电', '心率', '体温', '其他'];
|
||||
var data = [16411, 8402, 8301, 9432, 12243, 6400, 3632, 6732, 9223, 11032]; // var yMax = 10000;
|
||||
// var dataShadow = [];
|
||||
// for (var i = 0; i < data.length; i++) {
|
||||
// dataShadow.push(yMax);
|
||||
// }
|
||||
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
data: dataAxis,
|
||||
axisLabel: {
|
||||
// inside: true,
|
||||
textStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
show: false
|
||||
},
|
||||
axisLine: {
|
||||
show: false
|
||||
},
|
||||
z: 10
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
max: 20000,
|
||||
axisLine: {
|
||||
show: false
|
||||
},
|
||||
axisTick: {
|
||||
show: false
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: "{value}人",
|
||||
color: '#fff'
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: ['#151d3d']
|
||||
}
|
||||
}
|
||||
},
|
||||
// dataZoom: [
|
||||
// {
|
||||
// type: 'inside'
|
||||
// }
|
||||
// ],
|
||||
series: [{
|
||||
type: 'bar',
|
||||
showBackground: true,
|
||||
stack: '总量',
|
||||
barWidth: 30,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
barBorderRadius: [12, 12, 12, 12],
|
||||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
||||
offset: 0,
|
||||
color: '#1bc6f5'
|
||||
}, {
|
||||
offset: 0.5,
|
||||
color: '#1dadee'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: '#207ce2'
|
||||
}]),
|
||||
label: {
|
||||
show: true,
|
||||
position: [-1, 0],
|
||||
color: "#fff",
|
||||
formatter: "{Circle|}",
|
||||
rich: {
|
||||
Circle: {
|
||||
height: 19,
|
||||
backgroundColor: {
|
||||
image: 'src/images/circle1.png'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
barBorderRadius: [12, 12, 12, 12],
|
||||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
||||
offset: 0,
|
||||
color: '#1bc6f5'
|
||||
}, {
|
||||
offset: 0.5,
|
||||
color: '#1dadee'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: '#207ce2'
|
||||
}])
|
||||
}
|
||||
},
|
||||
data: data
|
||||
}]
|
||||
}; // Enable data zoom when user click bar.
|
||||
// var zoomSize = 4;
|
||||
// myChart.on('click', function (params) {
|
||||
// console.log(dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)]);
|
||||
// myChart.dispatchAction({
|
||||
// type: 'dataZoom',
|
||||
// startValue: dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)],
|
||||
// endValue: dataAxis[Math.min(params.dataIndex + zoomSize / 2, data.length - 1)]
|
||||
// });
|
||||
// });
|
||||
|
||||
option && myChart.setOption(option);
|
||||
},
|
||||
charts5: function charts5() {
|
||||
var chartDom = document.getElementById('echarts5');
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option;
|
||||
var weatherIcons = {
|
||||
'bmi': 'src/images/yinjing_01.png',
|
||||
'sleep': 'src/images/yinjing_02.png',
|
||||
'xieya': 'src/images/yinjing_03.png',
|
||||
'fat': 'src/images/yinjing_04.png',
|
||||
'temperature': 'src/images/yinjing_05.png',
|
||||
'xietang': 'src/images/yinjing_06.png',
|
||||
'xinliu': 'src/images/yinjing_07.png'
|
||||
};
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
// formatter: '{a} <br/>{b} : {c}',
|
||||
formatter: function formatter(params) {
|
||||
return params.data.name.split(" ")[0] + "：" + params.data.value + "次";
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
type: 'pie',
|
||||
radius: '42%',
|
||||
center: ['50%', '50%'],
|
||||
selectedMode: 'single',
|
||||
data: [{
|
||||
value: 5832,
|
||||
name: 'BMI',
|
||||
label: {
|
||||
formatter: function formatter(val) {
|
||||
var str = "{Img|}" + "-" + val.name + "-" + val.percent + "%";
|
||||
str = str.split("-").join("\n");
|
||||
return str;
|
||||
},
|
||||
rich: {
|
||||
Img: {
|
||||
height: 40,
|
||||
align: 'left',
|
||||
backgroundColor: {
|
||||
image: weatherIcons.bmi
|
||||
}
|
||||
},
|
||||
value: {
|
||||
width: 14,
|
||||
align: 'left'
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
value: 11322,
|
||||
name: '睡眠',
|
||||
label: {
|
||||
formatter: function formatter(val) {
|
||||
var str = "{Img|}" + "-" + val.name + "-" + val.percent + "%";
|
||||
str = str.split("-").join("\n");
|
||||
return str;
|
||||
},
|
||||
rich: {
|
||||
Img: {
|
||||
height: 40,
|
||||
align: 'left',
|
||||
backgroundColor: {
|
||||
image: weatherIcons.sleep
|
||||
}
|
||||
},
|
||||
value: {
|
||||
width: 14,
|
||||
align: 'left'
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
value: 4367,
|
||||
name: '体脂',
|
||||
label: {
|
||||
formatter: function formatter(val) {
|
||||
var str = "{Img|}" + "-" + val.name + "-" + val.percent + "%";
|
||||
str = str.split("-").join("\n");
|
||||
return str;
|
||||
},
|
||||
rich: {
|
||||
Img: {
|
||||
height: 40,
|
||||
align: 'left',
|
||||
backgroundColor: {
|
||||
image: weatherIcons.fat
|
||||
}
|
||||
},
|
||||
value: {
|
||||
width: 14,
|
||||
align: 'left'
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
value: 2722,
|
||||
name: '血压',
|
||||
label: {
|
||||
formatter: function formatter(val) {
|
||||
var str = "{Img|}" + "-" + val.name + "-" + val.percent + "%";
|
||||
str = str.split("-").join("\n");
|
||||
return str;
|
||||
},
|
||||
rich: {
|
||||
Img: {
|
||||
height: 40,
|
||||
align: 'left',
|
||||
backgroundColor: {
|
||||
image: weatherIcons.xieya
|
||||
}
|
||||
},
|
||||
value: {
|
||||
width: 14,
|
||||
align: 'left'
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
value: 3760,
|
||||
name: '血糖',
|
||||
label: {
|
||||
formatter: function formatter(val) {
|
||||
var str = "{Img|}" + "-" + val.name + "-" + val.percent + "%";
|
||||
str = str.split("-").join("\n");
|
||||
return str;
|
||||
},
|
||||
rich: {
|
||||
Img: {
|
||||
height: 40,
|
||||
align: 'left',
|
||||
backgroundColor: {
|
||||
image: weatherIcons.xietang
|
||||
}
|
||||
},
|
||||
value: {
|
||||
width: 14,
|
||||
align: 'left'
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
value: 7128,
|
||||
name: '体温',
|
||||
label: {
|
||||
formatter: function formatter(val) {
|
||||
var str = "{Img|}" + "-" + val.name + "-" + val.percent + "%";
|
||||
str = str.split("-").join("\n");
|
||||
return str;
|
||||
},
|
||||
rich: {
|
||||
Img: {
|
||||
height: 40,
|
||||
align: 'left',
|
||||
backgroundColor: {
|
||||
image: weatherIcons.temperature
|
||||
}
|
||||
},
|
||||
value: {
|
||||
width: 14,
|
||||
align: 'left'
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
value: 8620,
|
||||
name: '心率',
|
||||
label: {
|
||||
formatter: function formatter(val) {
|
||||
var str = "{Img|}" + "-" + val.name + "-" + val.percent + "%";
|
||||
str = str.split("-").join("\n");
|
||||
return str;
|
||||
},
|
||||
rich: {
|
||||
Img: {
|
||||
height: 40,
|
||||
align: 'left',
|
||||
backgroundColor: {
|
||||
image: weatherIcons.xinliu
|
||||
}
|
||||
},
|
||||
value: {
|
||||
width: 14,
|
||||
align: 'left'
|
||||
}
|
||||
}
|
||||
}
|
||||
}],
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: function color(params) {
|
||||
var colorList = ["#59adff", "#258aed", "#006fdd", "#74f3fd", "#1368bd", "#267afe", "#0067cd"];
|
||||
return colorList[params.dataIndex % colorList.length];
|
||||
},
|
||||
labelLine: {
|
||||
// smooth: true,
|
||||
length: 20,
|
||||
length1: 10
|
||||
},
|
||||
label: {
|
||||
textStyle: {
|
||||
color: '#00affd',
|
||||
fontSize: "14"
|
||||
}
|
||||
}
|
||||
},
|
||||
emphasis: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)',
|
||||
textColor: '#000'
|
||||
}
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}]
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
}
|
||||
}
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +0,0 @@
|
|||
/** layui-v2.5.6 MIT License By https://www.layui.com */
|
||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 701 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 299 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 777 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue