no message
This commit is contained in:
chenxuanThinkpad
@@ -0,0 +1,397 @@
|
||||
|
||||
body, html {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.background-img {
|
||||
width: 1920px;
|
||||
background: url(../img/bac.png) center 0;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.todayTimeBox {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
color: #73abe9;
|
||||
font-size: 20px;
|
||||
}
|
||||
.todayTimeBox .todayTime {
|
||||
float: right;
|
||||
margin-right: 60px;
|
||||
}
|
||||
.mainbody {
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
padding-top: 36px;
|
||||
padding-bottom: 37px;
|
||||
}
|
||||
.mainbody .leftContent, .mainbody .rightContent {width: 600px;}
|
||||
.mainbody .centerContent {
|
||||
width: 652px;
|
||||
}
|
||||
.leftContent .serviceItem {
|
||||
width: 100%;
|
||||
height: 340px;
|
||||
background-image: url(../images/k_2all.png);
|
||||
margin-top: 20px;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.serviceForm {
|
||||
margin-top: 30px;
|
||||
width: 100%;
|
||||
background: url(../img/k_3.png) center 0;
|
||||
background-repeat: no-repeat;
|
||||
min-height: 546px;
|
||||
background-size: 100%;
|
||||
}
|
||||
.seHeader {
|
||||
padding-top: 18px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.seHeader span:first-child {
|
||||
float: left;
|
||||
margin-left: 29px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.seHeader span:first-child .p-1 {
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
.seHeader span:first-child .p-2 {
|
||||
font-size: 14px;
|
||||
color: #66dffb;
|
||||
}
|
||||
.seHeader span:last-child {
|
||||
float: right;
|
||||
font-size: 46px;
|
||||
color: #7bb9ff;
|
||||
margin-right: 28px;
|
||||
}
|
||||
|
||||
.statusList {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.statusList .seTable {
|
||||
width: 100%;
|
||||
padding-bottom: 0px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
}
|
||||
.statusList .seTable li {
|
||||
float: left;
|
||||
width: 20%;
|
||||
font-size: 18px;
|
||||
color: #66dffb;
|
||||
background: #093e79;
|
||||
padding: 10px 0;
|
||||
margin-right: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
.statusList .seTable .outlineBorder {
|
||||
font-size: 14px;
|
||||
}
|
||||
.statusList .outlineBorder ul {
|
||||
height: 40px;
|
||||
}
|
||||
.statusList .outlineBorder ul:nth-child(odd) {
|
||||
color: #3e90f7;
|
||||
}
|
||||
.statusList .outlineBorder ul:nth-child(even) {
|
||||
color: #8ec0ff;
|
||||
}
|
||||
.statusList .outlineBorder ul li {
|
||||
float: left;
|
||||
width: 20%;
|
||||
height: 20px;
|
||||
line-height: 30px;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;";;
|
||||
}
|
||||
.statusList .outlineBorder ul li:first-child {
|
||||
font-size: 12px!important;
|
||||
}
|
||||
|
||||
|
||||
/* 无缝滚动 */
|
||||
@-webkit-keyframes scrollText1 {
|
||||
0%{
|
||||
-webkit-transform: translateY(0px);
|
||||
}
|
||||
20%{
|
||||
-webkit-transform: translateY(-40px);
|
||||
}
|
||||
40%{
|
||||
-webkit-transform: translateY(-80px);
|
||||
}
|
||||
60%{
|
||||
-webkit-transform: translateY(-120px);
|
||||
}
|
||||
80%{
|
||||
-webkit-transform: translateY(-160px);
|
||||
}
|
||||
100%{
|
||||
-webkit-transform: translateY(-200px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scrollText1 {
|
||||
0%{
|
||||
transform: translateY(0px);
|
||||
}
|
||||
20%{
|
||||
transform: translateY(-40px);
|
||||
}
|
||||
40%{
|
||||
transform: translateY(-80px);
|
||||
}
|
||||
60%{
|
||||
transform: translateY(-120px);
|
||||
}
|
||||
80%{
|
||||
transform: translateY(-160px);
|
||||
}
|
||||
100%{
|
||||
transform: translateY(-200px);
|
||||
}
|
||||
}
|
||||
.outlineBorder {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 400px;
|
||||
}
|
||||
.rolling {
|
||||
top: 0px;
|
||||
-webkit-animation:scrollText1 10s infinite cubic-bezier(1, 0, 0.5, 0);
|
||||
animation:scrollText1 10s infinite cubic-bezier(1, 0, 0.5, 0);
|
||||
}
|
||||
.outlineBorder:hover .rolling {
|
||||
animation-play-state:paused;
|
||||
-webkit-animation-play-state:paused;
|
||||
}
|
||||
|
||||
/* 地图 */
|
||||
.implantation {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
/* 呼吸服务 */
|
||||
.breathe {
|
||||
width: 100%;
|
||||
height: 242px;
|
||||
background: url(../img/k_2.png);
|
||||
margin-top: 20px;
|
||||
}
|
||||
.serData {
|
||||
margin-top: 7px;
|
||||
overflow: hidden;
|
||||
color: #66dffb;
|
||||
}
|
||||
.serData > div {
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.serData > .serDataLeft {
|
||||
margin-left: 15%;
|
||||
padding: 0 12px;
|
||||
}
|
||||
.serDataLeft .serNum {
|
||||
font-size: 60px;
|
||||
color: #f0bd54;
|
||||
}
|
||||
.phoneCall {
|
||||
width: 100%;
|
||||
height: 650px;
|
||||
background-image: url(../img/k_4.png);
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin-top: 34px;
|
||||
}
|
||||
.phoneNum {
|
||||
width: 90%;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* 折线图 */
|
||||
.brokenLine {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
#mainbody {
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
.centerContent {
|
||||
position: relative;
|
||||
}
|
||||
.centerContent .sumDot {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.centerContent .sumDot > span {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50%;
|
||||
z-index: 600;
|
||||
}
|
||||
.redClass {
|
||||
background: red;
|
||||
}
|
||||
.greenClass {
|
||||
/*background: green;*/
|
||||
}
|
||||
/* 水波扩散效果 */
|
||||
@keyframes warn {
|
||||
0% {
|
||||
transform: scale(0);
|
||||
opacity: 0.0;
|
||||
}
|
||||
25% {
|
||||
transform: scale(0);
|
||||
opacity: 0.1;
|
||||
}
|
||||
50% {
|
||||
transform: scale(0.1);
|
||||
opacity: 0.3;
|
||||
}
|
||||
75% {
|
||||
transform: scale(0.5);
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes "warn" {
|
||||
0% {
|
||||
-webkit-transform: scale(0);
|
||||
opacity: 0.0;
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: scale(0);
|
||||
opacity: 0.1;
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(0.1);
|
||||
opacity: 0.3;
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: scale(0.5);
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
.sumDot span .container {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
.dot {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: -2px;
|
||||
left: -2px;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
/*border: 2px solid red;*/
|
||||
border-radius: 20px;
|
||||
z-index: 2;
|
||||
}
|
||||
/* 产生动画（向外扩散变大）的圆圈 */
|
||||
.pulse {
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
left: -50px;
|
||||
top: -50px;
|
||||
/*border: 30px solid red;*/
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 50%;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
-webkit-animation: warn 2s ease-out;
|
||||
-moz-animation: warn 2s ease-out;
|
||||
animation: warn 2s ease-out;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
/* sos弹窗 */
|
||||
.sosInfor {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 30px;
|
||||
width: 230px;
|
||||
height: 188px;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 999;
|
||||
box-shadow: 0 0 10px #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.sosInfor .sosTitle {
|
||||
font-size: 16px;
|
||||
color: #ece14f;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
.sosInfor > ul {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
margin-top: 9px;
|
||||
padding: 0px 11px;
|
||||
}
|
||||
.sosInfor > ul li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.borColor-1 {
|
||||
border: 2px solid red;
|
||||
}
|
||||
.borColor-2 {
|
||||
border: 2px solid green;
|
||||
}
|
||||
.borColor-3 {
|
||||
border: 30px solid red;
|
||||
}
|
||||
.borColor-4 {
|
||||
border: 30px solid green;
|
||||
}
|
||||
.close {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
cursor: pointer;
|
||||
width: 20px;
|
||||
}
|
||||
.tips {
|
||||
position: absolute;
|
||||
min-width: 138px;
|
||||
background: #000;
|
||||
color: #ece14f;
|
||||
top: -40px;
|
||||
left: -70px;
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
|
||||
/**/
|
||||
/**/
|
||||
/**/
|
||||
|
||||
html, head, meta, title, link, body, div, span, a, ul, li, ol, li, p, i, img, input, select, option, table, thead, tbody, tr, th, td, dl, dd, h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul li, ol li {
|
||||
list-style: none;
|
||||
}
|
||||
body {
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
input {
|
||||
outline: none;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
.pabsolute {
|
||||
position: absolute;
|
||||
}
|
||||
.prelative {
|
||||
position: relative;
|
||||
}
|
||||
.pstatic {
|
||||
position: static;
|
||||
}
|
||||
.pfixed {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
img {
|
||||
border-style:none;
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
.logos .mesI2 {
|
||||
margin: 0px 0 0 15px;
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
width: 76px;
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
{
|
||||
"callInfoRecordBigScreenSXs":[
|
||||
|
||||
{
|
||||
"age": 22,
|
||||
"callName": "王红",
|
||||
"callPhone": "13333333333",
|
||||
"categoryDictName": "60周岁以上失智老人",
|
||||
"isFlashing": "1",
|
||||
"resideAddress": "1231231",
|
||||
"resideCommunity": "乐山村",
|
||||
"resideDistrict": "诸暨市",
|
||||
"resideTown": "枫桥镇",
|
||||
"source": "1",
|
||||
"workOrderId": "31B2A28B5079434197DB8E99CB416FCA"
|
||||
},
|
||||
{
|
||||
"age": 22,
|
||||
"callName": "王红",
|
||||
"callPhone": "13333333333",
|
||||
"categoryDictName": "60周岁以上失智老人",
|
||||
"isFlashing": "2",
|
||||
"resideAddress": "1231231",
|
||||
"resideCommunity": "西联村",
|
||||
"resideDistrict": "诸暨市",
|
||||
"resideTown": "枫桥镇",
|
||||
"source": "2",
|
||||
"workOrderId": "430EEE5AA18D40E093BD869C603E93A0"
|
||||
},
|
||||
{
|
||||
"age": 63,
|
||||
"callName": "赵佳银",
|
||||
"callPhone": "17888888888",
|
||||
"categoryDictName": "",
|
||||
"isFlashing": "2",
|
||||
"resideAddress": "魏家坞",
|
||||
"resideCommunity": "魏廉村",
|
||||
"resideDistrict": "诸暨市",
|
||||
"resideTown": "枫桥镇",
|
||||
"source": "2",
|
||||
"workOrderId": ""
|
||||
}
|
||||
],
|
||||
"callInfoRecordNumBigScreenSXs": [
|
||||
{
|
||||
"name": "乐山村",
|
||||
"num": "4"
|
||||
},
|
||||
{
|
||||
"name": "魏廉村",
|
||||
"num": "1"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,191 @@
|
||||
<svg id="fqSvg" xmlns="http://www.w3.org/2000/svg" width="1150" height="1150" style="margin-left: -240px; margin-top: -110;overflow: hidden" viewBox="0 0 1000 1000">
|
||||
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
|
||||
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 ">
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
|
||||
<rdf:Description rdf:about=""/>
|
||||
</rdf:RDF>
|
||||
</x:xmpmeta>
|
||||
|
||||
<?xpacket end="w"?></metadata>
|
||||
<defs>
|
||||
<style>
|
||||
.cls-0 {
|
||||
stroke: #253e6a;
|
||||
stroke-linejoin: round;
|
||||
stroke-width: 3px;
|
||||
}
|
||||
.cls-1 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-1, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {
|
||||
fill-rule: evenodd;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {
|
||||
stroke: #253e6a;
|
||||
stroke-linejoin: round;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-5 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-6 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-7 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-8 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-9 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-10 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-11 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-12 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-13 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-14 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-15 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-16 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-17 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-18 {
|
||||
fill: #0d152c;
|
||||
}
|
||||
|
||||
.cls-19 {
|
||||
font-size: 14.157px;
|
||||
}
|
||||
|
||||
.cls-19, .cls-20, .cls-21, .cls-22 {
|
||||
fill: #5096f5;
|
||||
text-anchor: middle;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
.cls-20 {
|
||||
font-size: 14.156px;
|
||||
}
|
||||
|
||||
.cls-21 {
|
||||
font-size: 14.156px;
|
||||
}
|
||||
|
||||
.cls-22 {
|
||||
font-size: 14.156px;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="pathList" class="cls-0" data-name="地图 拷贝">
|
||||
<path id="阳春村" data-name="形状 3" class="cls-1" d="M242.973,669.382v-4.993l26.95-17.976,16.969-16.977,46.913,1,3.993,12.983-2,12.982-6.987,5.992-14.973,5.992-8.983,21.971-5.989,4.993L283.9,704.335l-17.967,4,11.978-10.986-22.958,4L279.9,682.365V670.381l-6.987-6.991-8.983,4.993Z"/>
|
||||
<path id="枫源村" data-name="形状 4" class="cls-2" d="M490.517,648.41l-9.981-7.989s-20.963-3.143-21.111-2.421c-0.3-.428-18.033-1.5-18.033-1.5H417.348l-5.686,4.919-4.99,3L387.293,642.5l-16.53-1.5L358.74,653l-4.508,4.5L328.685,659l7.117,8.385L364.751,677l33.061,3,11.854,12.351,1,4.993,4.991-2,12.976-3,7.985-6.99,8.984-13.982,2-13.981,10.98-3Z"/>
|
||||
<path id="乐桥村" data-name="形状 7" class="cls-3" d="M301.864,566.52l16.969-4.993,18.965,9.986L349.776,583.5l1,2v3.994L390.7,644.416v1l-17.967-2-9.982,9.986-4.99,4.994-24.955,3.994h-4.99L334.8,656.4l2-12.982-3.993-12.983-2.994-6.99-7.985-5.992-7.986-11.984-6.987-17.976-2-8.988Z"/>
|
||||
<path id="新择湖村" data-name="形状 8" class="cls-4" d="M259.941,636.426h-6.987l-7.985-2-9.982-5.992,17.967,1V617.452l2-4.994-4.99-3.994,6.987-12.983V584.5l15.97-2,23.956-3,8.984-1,2,8.988,6.987,16.977,7.986,12.983,7.985,4.993,2.994,6.991v2l-46.913-1-17.967,16.978Z"/>
|
||||
<path id="西奕村" data-name="形状 9" class="cls-5" d="M269.923,565.521l-12.976-11.984v-3.994l4.991-8.988,9.981-5.992-2.994-4,2-4.993,8.983,1-2.994-4.994,7.985-8.988,21.96,4.994,23.956,17.976-10.98,25.965-16.969,4.993,3,11.984L258.943,585.5h-2.994l12.976-11.984Z"/>
|
||||
<path id="洄村" data-name="形状 10" class="cls-6" d="M332.807,518.584l30.442,9.916,10.519,6L384.287,548l3.006,4.5-10.566,33-27,3-13.525-15-19.536-12,13.15-25.938-9.982-7.99,8.984,2Z"/>
|
||||
<path id="海角村" data-name="形状 11" class="cls-7" d="M385.71,552.539l21.96-26.964,20.961-8.988L448.906,498.5l16.53,10.5,1.5,3,6.61,12.576-2,11.984-15.97,19.974-12.976,3.994-15.971-8.988Z"/>
|
||||
<path id="枫一村" data-name="形状 12" class="cls-8" d="M385.71,490.622l-6.987,10.985,3.993,4.993-3.993,18.975-3.993,6.991h-3.992l13.974,19.973h2l21.96-24.967,20.961-10.985,19.964-15.978-3.993-5.992-7.986-3-4.99-1-7.985,4v7.989l-9.982,3.994-5.989,5.992-6.987-4.993-4.991-8.988-6.987-1Z"/>
|
||||
<path id="永宁村" data-name="形状 2 拷贝" class="cls-9" d="M340.793,749.275l3.992-12.983,8.984-3,2.994-7.989,12.976-6.991,8.984,1,18.965-12.983,6.987-5.992,7.985-2-2.994-7.989-9.981-12.983H379.721l-13.974-2-10.98-4.993-17.967-4-5.989-5.992-3.993,2-12.976,4.994-6.987,14.98-3.993,8.987-14.972,9.987-18.965,5.992-21.96,3L263.934,728.3l9.982-1L280.9,732.3l8.983,11.984L281.9,760.26l4.991,6.991,5.989,8.988h12.976l5.989-8.988,15.971,1L323,778l3,11,11,1,6-11,7-3-1-5,5-4s-6.065-12.012-5-15Z"/>
|
||||
<path id="永安新村" data-name="形状 5" class="cls-10" d="M387.293,647l-24.044-36-15.48-23.011,0.452-2.489,27.508-1,2.994-10.985L385.79,551l40.575-1.5,50.178,31,17.967,10.986,9.982,13.981-3,4.993-2.994,5.992v5.992l-5.989,3-3,6.991-8.983,8.987L454.917,639.5l-38.264-.078L406.829,647H387.293Z"/>
|
||||
<path id="钟山村" data-name="形状 6" class="cls-11" d="M480.464,585.5l7.059-7,1-9.987,1-8.987h4.991l-1-5.993,13.974,4.994,1-5.992L504.508,536l-7.514-10.5-7.513-9L462,508l10.55,16.576-2,11.984-7.985,8.988-6.987,9.987-14.973,4.993Z"/>
|
||||
<path id="陈家村" data-name="形状 13" class="cls-12" d="M384.712,491.621L393.7,469.65l21.96,1,12.976-1,2.989-3,1,8.988,1,7.989v4l-2.988,4.993-4.991,1-1,8.988-8.984,3.994-6.987,6.991-8.983-6.991-3.993-7.989H389.7Z"/>
|
||||
<path id="天竺社区" data-name="形状 33" class="cls-7" d="M450,458l0.51,0.567L459,468l-7,10-18,7-2-18"/>
|
||||
<path id="百树社区" data-name="形状 34" class="cls-12" d="M451,458l15-20,9,7,9,1,3,70s-16.9.2-38-17c0,0-4.429-6.735-16-8l1-7,18-6,6-10Z"/>
|
||||
<path id="齐东村" data-name="形状 16" class="cls-12" d="M487.523,518.584l16.969,20.972,12.976-9.986,9.981,1,7.986-12.982v-5.992l9.981-1,4.991-4-2.994-10.985-9.982-4.993-5.989-10.985-10.98-41.944h-10.98l-11.977,4-13.975,3L484,471l0.53-.351L487,518"/>
|
||||
<path id="全堂村" data-name="形状 17" class="cls-4" d="M580.352,532.566l3.993,3.994,3.993-5.992V519.583l12.976-5.992,7.985,4.993,11.978-2,8.984-20.972,21.959,4.994L664.2,488.625l9.982-4s4.229-10.755-11.289-17.677c-0.226-.1-0.455-0.2-0.689-0.3-16.331-6.9-37.93-18.974-37.93-18.974l-20.962-8.988-26.95-7.99-11.978-14.98-2,4s-23.909-.972-28.946-7.989l-3,12.982s-6.413,10.5-12.411,13.79L530.055,482l7.376,9.621L545.083,497l1.5,9,18.794,1.6,11.978,4-6.987,3,3.992,3,5.989,3.994s-0.793,7.04-2,5.992-6.987-4.993-6.987-4.993Z"/>
|
||||
<path id="乐山村" data-name="形状 18" class="cls-12" d="M685.16,452.673l-3.993-7.989v-4l21.96,3-2-5.992-2.994-9.987,11.978-5.992,1-7.989-31.941-7.989L663.2,398.745,632.243,386l-7.514-4.5-27.408.268-9.981,4.993L576.641,398l-11.261,9.733-2,6.991L563.116,419l12.022,13.5,28.172,7.19L660.8,467l6.4-4.34Z"/>
|
||||
<path id="新东坞村" data-name="形状 19" class="cls-13" d="M564.886,336.828L599.182,317v18l4.508,33,22.542,9-0.458,3.769,5.989,4-30.943-2-11.978,4.993-11.978,13.981-3.993,2-9.981-5.992-2-22.969L556.9,356.8Z"/>
|
||||
<path id="大溪村" data-name="形状 20" class="cls-12" d="M741.057,358.8l15.971-1,9.981-7.989,3-11.984,2-7.989-3.993-2-5.988-1-3-8.988-11.978,4-29.945-2-3.993-6.99-10.979,3-1-4.994-3.992-4.993-9.982-2,3.993-23.968-6.988-6.991-4.99,18.975L674.18,282.9l-10.98,9.986-8.983-3.994L639.244,279.9l-5.989-2-10.98,18.974L610.3,301.875l-9.981,12.983-2,15.978,5.989,35.952,19.964,11.984v3l4.99,3,3.993,3,46.914,18.975,28.947,6.99,12.976,2,12.976-9.986-3-25.965,3-9.987Z"/>
|
||||
<path id="西联村" data-name="形状 21" class="cls-12" d="M513.475,318.853l12.072-3.353,15.028-6,24.044-7.5,18.728-3.121L606.3,275.91,611.2,263l13.525-16.5,6.53,2.446,6.987,6.991-3,23.563L621.724,299l-10.52,4.5L600.685,317l-36.3,20.827L531.558,341l-22.542-18Z"/>
|
||||
<path id="马岭村" data-name="形状 22" class="cls-12" d="M510.481,266.922l-6.987,9.987L499.5,284.9l8.983,18.975-7.985,2,3.993,8.988,8.983,4.993,11.978-2,17.967-7.989,40.925-9.987L607.3,276.909,614.21,261.5,608.2,263H593.171l-7.514,4.5L555.6,272l-12.182-5.078-17.967,2Z"/>
|
||||
<path id="大干溪村" data-name="形状 25" class="cls-8" d="M490.983,357.5l15.5-10.685,7.985-22.969,18.966,14.98L567.624,335l-9.016,21,3.005,13.5,3.006,27,6.75,6.24-3.993,4-2.994,8.987-2,4s-25.127.3-27.948-5.992v-8.988l1.629-2.237L525.547,386l-4.508-6v-4.5Z"/>
|
||||
<path id="梅苑村" data-name="形状 26" class="cls-12" d="M436.616,383.765H448.6l18.965-13.981,17.966,4,7.986-16.977,27.949,16.977v5.992l4.99,3.994,11.978,17.976-2,2-2,7.989-2,11.984-10.979,14.98H509.482l-25.952,6.99h-6.987l-10.98-8.988-6.138-4.194v-18l-10.519-18-13.525-6Z"/>
|
||||
<path id="先进村" data-name="形状 27" class="cls-14" d="M406.674,397.748l-3.993,14.98L394.3,423l3.386,34.668L394.3,472.5,429,470l14-8,8-4,15.563-20.306-2.994-5.992V414.725l-11.978-18.974-12.977-4.994-1-3-11.977,3-7.986,4Z"/>
|
||||
<path id="楼家村" data-name="形状 28" class="cls-15" d="M364.749,480.635l-2,5.992,4.991,13.982,2,7.989,1,3,7.985-9.987,4.991,4.993-3.993,18.975-4.991,7.989h-2.994l-37.931-13.981,6.988-24.966,11.978-3Z"/>
|
||||
<path id="魏廉村" data-name="形状 29" class="cls-16" d="M278.906,519.583l-4.99-5.992-11.978-4,4.99-3.994-1-6.991-3.992,3v-5.992l-3.993-6.99H244.969l-9.982-5.992L228,473.645l14.973-18.975,7.985,1,5.989-3,7.985-1-3.993-8.988-5.989-6.99,15.971-1,14.973,11.984,29.945,6.991,25.952,40.945L334.8,518.584l-4.991,10.986h-8.984l-13.974-10.986-20.961-4.993Z"/>
|
||||
<path id="霞朗桥村" data-name="形状 30" class="cls-17" d="M330.811,443.685l11.978-18.975L339.8,411.728l12.976-4,6.987,4,9.981,5.992,6.988,9.986,2,11.984-2,10.986-1,12.982-3.993,6.991-6.987,9.986-10.98,11.984-12.976,2L314.84,453.672l-25.952-4.994,9.982-7.989,15.97,2Z"/>
|
||||
<path id="杜黄新村" data-name="形状 31" class="cls-12" d="M374.73,356.8l-6.987,11.984-2,21.97-11.978,14.98L352.729,410l16.012,7.72,5.989-4.994,18.965-21.97Z"/>
|
||||
<path id="三江村" data-name="形状 32" class="cls-16" d="M386.708,352.807l-3.992-22.969,20.961,17.976L393.7,354.8l3.993,15.979h13.974l7.986,3-7.986,11.984-5.988,5.992,1,5.992L403.823,411.5l-7.513,12,3,34.5-4.508,13.5L385.79,494l-15.052,18.592-9.982-28.961,12.976-17.975,2-15.979,2.994-8.988-3.993-14.98-5.989-8.988L392.7,389.757,373.732,357.8Z"/>
|
||||
<path id="屠家坞村" data-name="形状 23" class="cls-10" d="M533.439,258.933l-1-12.983L552.4,226.976l6.987,12.982v10.986l3.993-1,4.99,5.992,17.967,4,9.982-9.987s28.657-6.166,29.945-9.987v8.988l-12.976,14.98-4.991,2H594.327l-7.986,3.994-30.943,4-12.976-5.992-17.967,2-7.985-2,1-7.989s5.486-5.162,6.987-4.994S533.439,258.933,533.439,258.933Z"/>
|
||||
<path id="东三新村" data-name="形状 24" class="cls-18" d="M623.273,235.964l-7.985,1L603.31,225.977l-7.985,3L580.352,209,557.4,213l-5.99,14.979,5.99,10.986,1.213,13.54,4.508-1.5,4.26,5.936,19.964,3.994,10.34-8.43,27.049-9Z"/>
|
||||
</g>
|
||||
<g id="文字">
|
||||
<text id="" class="cls-19" transform="translate(429.973 598.273) scale(0.848 0.848)"><tspan x="0">永安新村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(414.43 669.199) scale(0.848 0.848)"><tspan x="0">枫源村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(330.289 715.211) scale(0.848 0.848)"><tspan x="0">永宁村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(298.401 656.96) scale(0.848 0.848)"><tspan x="0">阳春村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(285.381 615.359) scale(0.848 0.848)"><tspan x="0">新择湖村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(293.771 553.347) scale(0.848 0.848)"><tspan x="0">西奕村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(294.533 495.143) scale(0.848 0.848)"><tspan x="0">魏廉村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(388.76 432.389) scale(0.848 0.848)"><tspan x="0">三江村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(430.146 442.389) scale(0.848 0.848)"><tspan x="0">先进村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(492.856 409.807) scale(0.848 0.848)"><tspan x="0">梅苑村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(514.115 493.163) scale(0.848 0.848)"><tspan x="0">齐东村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(584.997 478.315) scale(0.848 0.848)"><tspan x="0">全堂村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(638.469 425.913) scale(0.848 0.848)"><tspan x="0">乐山村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(676.204 354.338) scale(0.848 0.848)"><tspan x="0">大溪村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(586.997 366.377) scale(0.848 0.848)"><tspan x="0">新东坞村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(533.334 364.818) scale(0.848 0.848)"><tspan x="0">大干溪村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(567.71 323.725) scale(0.848 0.848)"><tspan x="0">西联村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(545.089 293.869) scale(0.848 0.848)"><tspan x="0">马岭村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(586.845 240.943) scale(0.848 0.848)"><tspan x="0">东三新村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(556.414 266.83) scale(0.848 0.848)"><tspan x="0">屠家坞村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(447.815 473.944) scale(0.848 0.848)"><tspan x="0">天竺社区</tspan></text>
|
||||
<text id="" class="cls-20" transform="matrix(0.648, -0.547, 0.547, 0.648, 484.169, 552.103)"><tspan x="0">钟山村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(443.689 534.937) scale(0.848 0.848)"><tspan x="0">海角村</tspan></text>
|
||||
<text id="" class="cls-21" transform="matrix(0.734, -0.424, 0.424, 0.734, 401.11, 528.427)"><tspan x="0">枫一村</tspan></text>
|
||||
<text id="" class="cls-22" transform="matrix(0.589, 0.609, -0.609, 0.589, 351.757, 515.306)"><tspan x="0">楼家村</tspan></text>
|
||||
<text id="" class="cls-20" transform="matrix(0.846, -0.049, 0.049, 0.846, 463.928, 492.896)"><tspan x="0">百树社区</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(410.192 491.858) scale(0.848 0.848)"><tspan x="0">陈家村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(355.329 563.194) scale(0.848 0.848)"><tspan x="0">洄村</tspan></text>
|
||||
<text id="" class="cls-21" transform="matrix(0.732, 0.427, -0.427, 0.732, 347.357, 626.725)"><tspan x="0">乐桥村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(364.654 394.483) scale(0.848 0.848)"><tspan x="0">杜黄新村</tspan></text>
|
||||
<text id="" class="cls-19" transform="translate(345.091 457.343) scale(0.848 0.848)"><tspan x="0">霞朗桥村</tspan></text>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 912 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
@@ -0,0 +1,144 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>互联网+惠民服务平台</title>
|
||||
<link rel="icon" href="../../img/logo.png">
|
||||
<link rel="stylesheet" href="css/public.css" />
|
||||
<link rel="stylesheet" href="css/fq.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="background-img" id="mainbody">
|
||||
<div class="todayTimeBox">
|
||||
<div class="todayTime">
|
||||
<span>2018年6月28日</span>
|
||||
<span>晴</span>
|
||||
<span>12:30</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainbody" id="">
|
||||
<div class="leftContent">
|
||||
<div class="serviceItem"></div>
|
||||
<div class="serviceForm">
|
||||
<div class="seHeader">
|
||||
<span>
|
||||
<p class="p-1">服务订单情况</p>
|
||||
<p class="p-2">Service order status</p>
|
||||
</span>
|
||||
<span>\02</span>
|
||||
</div>
|
||||
<div class="statusList">
|
||||
<ul class="seTable">
|
||||
<li>时间</li>
|
||||
<li>服务对象</li>
|
||||
<li>服务类型</li>
|
||||
<li>服务组织</li>
|
||||
<li>状态</li>
|
||||
</ul>
|
||||
<div id="orderItems" class="outlineBorder">
|
||||
<!--<ul class="rolling rolStyle">
|
||||
<li>2018/12/11 12:01</li>
|
||||
<li>杨久量</li>
|
||||
<li>上门理发</li>
|
||||
<li>义工联合会</li>
|
||||
<li>已上线</li>
|
||||
</ul>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="centerContent">
|
||||
<div class="sumDot">
|
||||
<span id="东三新村" style="top: 173px;left: 424px;"></span>
|
||||
<span id="屠家坞村" style="top: 181px;left: 454px;"></span>
|
||||
<span id="马岭村" style="top: 216px;left: 418px;"></span>
|
||||
<span id="西联村" style="top: 223px;left: 454px;"></span>
|
||||
<span id="大干溪村" style="top: 324px;left: 380px;"></span>
|
||||
<span id="新东坞村" style="top: 324px;left: 420px;"></span>
|
||||
<span id="大溪村" style="top: 314px;left: 532px;"></span>
|
||||
<span id="梅苑村" style="top: 376px;left: 323px;"></span>
|
||||
<span id="先进村" style="top: 367px;left: 250px;"></span>
|
||||
<span id="乐山村" style="top: 367px;left: 450px;"></span>
|
||||
<span id="杜黄新村" style="top: 351px;left: 178px;"></span>
|
||||
<span id="三江村" style="top: 402px;left: 200px;"></span>
|
||||
<span id="霞朗桥村" style="top: 428px;left: 156px;"></span>
|
||||
<span id="陈家村" style="top: 462px;left: 226px;"></span>
|
||||
<span id="天竺社区" style="top: 433px;left: 263px;"></span>
|
||||
<span id="百树社区" style="top: 464px;left: 301px;"></span>
|
||||
<span id="齐东村" style="top: 472px;left: 344px;"></span>
|
||||
<span id="全堂村" style="top: 455px;left: 430px;"></span>
|
||||
<span id="魏廉村" style="top: 428px;left: 95px;"></span>
|
||||
<span id="楼家村" style="top: 461px;left: 168px;"></span>
|
||||
<span id="枫一村" style="top: 478px;left: 207px;"></span>
|
||||
<span id="海角村" style="top: 515px;left: 268px;"></span>
|
||||
<span id="洄村" style="top: 544px;left: 166px;"></span>
|
||||
<span id="西奕村" style="top: 537px;left: 86px;"></span>
|
||||
<span id="新择湖村" style="top: 569px;left: 86px;"></span>
|
||||
<span id="乐桥村" style="top: 566px;left: 134px;"></span>
|
||||
<span id="永安新村" style="top: 596px;left: 251px;"></span>
|
||||
<span id="阳春村" style="top: 660px;left: 97px;"></span>
|
||||
<span id="永宁村" style="top: 730px;left: 121px;"></span>
|
||||
<span id="枫源村" style="top: 649px;left: 194px;"></span>
|
||||
<span id="钟山村" style="top: 541px;left: 303px;"></span>
|
||||
</div>
|
||||
<iframe class="implantation" id="implantation" src="fqMap.svg" frameborder="0"></iframe>
|
||||
</div>
|
||||
<div class="rightContent">
|
||||
<div class="breathe">
|
||||
<div class="seHeader">
|
||||
<span>
|
||||
<p class="p-1">呼吸及服务情况</p>
|
||||
<p class="p-2">Service order status</p>
|
||||
</span>
|
||||
<span>\03</span>
|
||||
</div>
|
||||
<div class="serData">
|
||||
<div class="serDataLeft">
|
||||
<div><span class="serNum">80</span>单</div>
|
||||
<p>惠民服务订单数</p>
|
||||
</div>
|
||||
<div class="serDataLeft">
|
||||
<div><span class="serNum">3450</span>单</div>
|
||||
<p>当前呼入总量</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="phoneCall">
|
||||
<div class="seHeader">
|
||||
<span>
|
||||
<p class="p-1">电话呼入情况分析</p>
|
||||
<p class="p-2">Telephone call analysis</p>
|
||||
</span>
|
||||
<span>\04</span>
|
||||
</div>
|
||||
<div class="phoneNum" id="phoneNum"></div>
|
||||
<div class="brokenLine" id="brokenLine"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script src="../../js/jquery.min.js"></script>
|
||||
<script src="../../js/echarts/echarts.min.js"></script>
|
||||
<script src="js/fq.js"></script>
|
||||
<script>
|
||||
var lazyFun;
|
||||
function init(el, width, height) {
|
||||
var _el = document.getElementById(el);
|
||||
var hScale = window.innerHeight / height;
|
||||
var wScale = window.innerWidth / width;
|
||||
_el.style.transform = 'scale(' + wScale + ',' + hScale + ')'
|
||||
}
|
||||
init('mainbody', 1920, 1080);
|
||||
window.onresize = function() {
|
||||
clearTimeout(lazyFun);
|
||||
lazyFun = setTimeout(function() {
|
||||
init('mainbody', 1920, 1080)
|
||||
}, 600);
|
||||
};
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+22
File diff suppressed because one or more lines are too long
@@ -0,0 +1,345 @@
|
||||
|
||||
!function(window, document, $, undefined) {
|
||||
var data = [{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会asasasasasasasasasasasasasasasasasasasasasasasasasasas',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会assssssssssssssssssssssssssssssssssssssssssssssssssssssss',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
},{
|
||||
time: '2018/12/11 12:01',
|
||||
name: '杨久量',
|
||||
task: '上门理发',
|
||||
tissue: '义工联合会',
|
||||
state: '已上线'
|
||||
}]
|
||||
var init = {
|
||||
eventList: function(){
|
||||
var $pathList = $('#implantation').contents().find('#pathList').find('path');
|
||||
$('body').on('click', '#close', this.closeOnClick);
|
||||
$pathList.on('mouseover', this.pathListMouseover);
|
||||
$pathList.on('mouseout', this.pathListMouseout);
|
||||
},
|
||||
pathListMouseover: function() {
|
||||
var $this = $(this);
|
||||
var uid = $this.attr('id');
|
||||
$.ajax({
|
||||
url:'./data.json',
|
||||
type: 'get',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
if(!response) return;
|
||||
var callNum = response.callInfoRecordNumBigScreenSXs;
|
||||
$.each(callNum, function(ind, key) {
|
||||
$('#'+key.name).append(
|
||||
'<span class="tips">今日呼入次数 '+key.num+'次</span>'
|
||||
)
|
||||
})
|
||||
}
|
||||
})
|
||||
$('#'+uid).find('.tips').show();
|
||||
},
|
||||
pathListMouseout: function() {
|
||||
var $this = $(this);
|
||||
var uid = $this.attr('id');
|
||||
$('#'+uid).find('.tips').hide();
|
||||
},
|
||||
closeOnClick: function() { // 关闭弹窗
|
||||
var $this = $(this);
|
||||
$this.parents('.sosInfor').hide();
|
||||
},
|
||||
fillList: function() {
|
||||
var $orderItems = $('#orderItems');
|
||||
var orderItemsArr = [];
|
||||
$.each(data, function(ind, key) {
|
||||
orderItemsArr.push(
|
||||
'<ul class="rolling rolStyle">',
|
||||
'<li>',key.time,'</li>',
|
||||
'<li>',key.name,'</li>',
|
||||
'<li>',key.task,'</li>',
|
||||
'<li>',key.tissue,'</li>',
|
||||
'<li>',key.state,'</li>',
|
||||
'</ul>'
|
||||
)
|
||||
})
|
||||
$orderItems.html(orderItemsArr.join(''));
|
||||
},
|
||||
phoneChart: function() { // 电话呼入饼状图
|
||||
var phoneNum = echarts.init(document.getElementById('phoneNum'));
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: "{a} <br/>{b}: {c} ({d}%)"
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
x: 'left',
|
||||
selectedMode:false,//取消图例上的点击事件
|
||||
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎'],
|
||||
padding: [20, 0, 0, 0],
|
||||
textStyle: {color: '#fff'}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name:'访问来源',
|
||||
type:'pie',
|
||||
radius: ['50%', '70%'],
|
||||
avoidLabelOverlap: false,
|
||||
animation: false,
|
||||
hoverAnimation: false,
|
||||
itemStyle: {
|
||||
labelLine : {
|
||||
show : true //隐藏标示线
|
||||
}
|
||||
},
|
||||
label: {
|
||||
show: false,
|
||||
normal: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
show: true
|
||||
},
|
||||
legend: {
|
||||
itemStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
}
|
||||
},
|
||||
labelLine: { // 饼状图周围标注的线
|
||||
normal: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
data:[
|
||||
{value:335, name:'直接访问'},
|
||||
{value:310, name:'邮件营销'},
|
||||
{value:234, name:'联盟广告'},
|
||||
{value:135, name:'视频广告'},
|
||||
{value:1548, name:'搜索引擎'}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
phoneNum.setOption(option);
|
||||
},
|
||||
phoneBroken: function() { // 电话呼入折线图
|
||||
var phonebrokenLine = echarts.init(document.getElementById('brokenLine'));
|
||||
option = {
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: '#75bcff'
|
||||
}
|
||||
},
|
||||
axisLine:{
|
||||
lineStyle:{
|
||||
color:'#5b7b80'
|
||||
}
|
||||
},
|
||||
splitLine:{ // 显示垂直网格线
|
||||
show: true,
|
||||
lineStyle:{
|
||||
color:'#75bcff'
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: '#75bcff'
|
||||
}
|
||||
},
|
||||
axisLine:{
|
||||
lineStyle:{
|
||||
color:'#5b7b80'
|
||||
}
|
||||
},
|
||||
splitLine:{
|
||||
show: false
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
data: [820, 932, 901, 934, 1290, 1330, 1320],
|
||||
type: 'line',
|
||||
areaStyle: {
|
||||
color: '#135877'
|
||||
},
|
||||
itemStyle : {
|
||||
normal : {
|
||||
lineStyle:{
|
||||
color:'#58b0f0'
|
||||
}
|
||||
}
|
||||
}
|
||||
}]
|
||||
};
|
||||
phonebrokenLine.setOption(option);
|
||||
},
|
||||
mapAddDot: function() { // 地图标点
|
||||
var circleList = $('.sumDot').find('span');
|
||||
var source;
|
||||
$.ajax({
|
||||
url: 'data.json',
|
||||
type: 'get',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
var callInfo = response.callInfoRecordBigScreenSXs;
|
||||
var resideCommunity;
|
||||
var $salvorInfo = $('#salvorInfo');
|
||||
var salvorArr = [];
|
||||
$.each(callInfo, function(ind, key) {
|
||||
source = key.source;
|
||||
// 判断红点和绿点
|
||||
if(source == 1) { // 1是红色 2是绿色
|
||||
resideCommunity = $('#'+key.resideCommunity)
|
||||
salvorArr.push(
|
||||
'<div class="sosInfor">',
|
||||
'<p class="sosTitle">sos呼入信息</p>',
|
||||
'<ul id="salvorInfo">',
|
||||
'<li>紧急救助人：',key.callName,'</li>',
|
||||
'<li>呼入号码： ',key.callPhone,'</li>',
|
||||
'<li>年龄：',key.age,'</li>',
|
||||
'<li>类型：',key.categoryDictName,'</li>',
|
||||
'<li>当前位置：',key.resideAddress,'</li>',
|
||||
'</ul>',
|
||||
'<img id="close" class="close" src="img/cloce.png" alt="更多资源：http://www.anydo.wang" />',
|
||||
'</div>'
|
||||
)
|
||||
resideCommunity.addClass('redClass');
|
||||
resideCommunity.append(salvorArr.join(''))
|
||||
} else if(source == 2) {
|
||||
resideCommunity = $('#'+key.resideCommunity)
|
||||
resideCommunity.addClass('greenClass')
|
||||
}
|
||||
// 判断是否闪烁
|
||||
if(key.isFlashing == 1) {
|
||||
resideCommunity = $('#'+key.resideCommunity);
|
||||
if(source == 1) {
|
||||
resideCommunity.append(
|
||||
'<div class="container"><div class="dot borColor-1"></div><div class="pulse borColor-3"></div></div>'
|
||||
)
|
||||
} else {
|
||||
resideCommunity.append(
|
||||
'<div class="container"><div class="dot borColor-2"></div><div class="pulse borColor-4"></div></div>'
|
||||
)
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
init.fillList();
|
||||
init.phoneChart();
|
||||
init.phoneBroken();
|
||||
init.mapAddDot();
|
||||
init.eventList();
|
||||
|
||||
}(window, document, jQuery)
|
||||
//
|
||||
//
|
||||
//
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"callInfoRecordNumBigScreenSXs": [
|
||||
{
|
||||
"name": "乐山村",
|
||||
"num": "4"
|
||||
},
|
||||
{
|
||||
"name": "魏廉村",
|
||||
"num": "1"
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user