lqy
/
kms-backend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'cd38c17f22'
${ noResults }
kms-backend/templates/index2.html

2473 lines
178 KiB
Raw Blame History Escape

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>智慧实验室物资精益化管理平台</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">
<meta name="csrf-token" content="nVwES6zH-iCExLINmRgI010gGs-7hf_DY2zQ">
<link rel="stylesheet" type="text/css" href="../../../../static/index/lib.css">
<link rel="stylesheet" type="text/css" href="../../../../static/index/app.css">
<style id="global_overwrite_style" type="text/css">
html,
body {
width: 1920px !important;
height: 1080px !important;
}
.d_1013e-1ilmb0wi-kzn8j6 .d-condition-item .cxd-PopOver-overlay {
width: 400vw;
height: 400vh;
top: -100vh;
left: -100vw;
}
.d_1013e-1ilmb0wi-kzn8j6 .condition__form-item .cxd-DateRangePicker-value,
.d_1013e-1ilmb0wi-kzn8j6 .condition__form-item .cxd-DatePicker-value,
.d_1013e-1ilmb0wi-kzn8j6 .condition__form-item .cxd-DateRangePicker-placeholder,
.d_1013e-1ilmb0wi-kzn8j6 .condition__form-item .cxd-DatePicker-placeholder,
.d_1013e-1ilmb0wi-kzn8j6 .condition__form-item .cxd-Select-valueWrap {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.d_1013e-1ilmb0wi-kzn8j6 .cxd-PopOver,
.d_1013e-1ilmb0wi-kzn8j6 .cxd-PopOver.cxd-Select-popover {
z-index: 9999;
}
/* *{overflow:hidden !important;} */
</style>
</head>
<body style="background-color: transparent; position: relative;" class="">
<div id="sugar-root">
<div class="loader-60devs " data-state="hidden">
<div class="loader-60devs-progress"></div>
</div>
<div class="popMenu-wrapper">
<div class="sugar-preview dashboard">
<div class="pc show device-container noToolbar">
<div class="dashboard-share-container"
style="background-color: rgb(255, 255, 255); overflow: auto hidden;">
<div class="dashboard-share-background-image"
style="background: url(&quot;../../../../static/index/img-templet/background-2.png&quot;) 0% 0% / 100%; filter: blur(0px); opacity: 0.6;filter:opacity(0.6) ">
</div>
<div style="margin: 0px;">
<div style="position: relative;">
<div class="resize-sensor"
style="position: absolute; inset: 0px; overflow: scroll; z-index: -1; visibility: hidden;">
<div class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div
style="position: absolute; left: 0px; top: 0px; width: 1644px; height: 1085px;">
</div>
</div>
<div class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0; top: 0; width: 200%; height: 200%">
</div>
</div>
</div>
<div id="chart-screenshot-container"
style="width: 1920px; height: 1080px; overflow: hidden;">
<div class="dashboard-container can-cancel-chart-target rsWebkit3d"
id="d_1013e-1ilmb0wi-kzn8j6"
style="width: 1920px; height: 1080px; transform: scale(1, 1) !important; background: rgb(255, 255, 255);">
<div class="dashboard-background-image can-cancel-chart-target"
style="background: url(&quot;../../../../static/index/img-templet/background-2.png&quot;) 0% 0% / 100% 100%; filter: blur(0px); opacity: 1;">
</div>
<div id="multi-chart-select-overlay" class="can-cancel-chart-target"></div>
<div class="chart-list row">
<div id="chart_ktvfnthn3c88r" class="d-chart-item"
style="width: 165px; height: 30px; left: 160px; top: 755px; z-index: 91; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 20px; color: rgb(64, 77, 105); font-weight: normal; justify-content: center; text-align: center;">
<!-- <div class="">Arrival Reminder</div> -->
</div>
</div>
</div>
</div>
<div id="chart_ktuaj5tt4i0w" class="d-chart-item"
style="width: 145px; height: 40px; left: 690px; top: 474.5px; z-index: 88; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 20px; color: rgb(64, 77, 105); font-weight: normal; justify-content: center; text-align: center;">
<!-- <div class="">Warning Data</div> -->
</div>
</div>
</div>
</div>
<!-- 领用未归还表格 -->
<div id="chart_ktu8iwd65vekc" class="d-chart-item"
style="width: 600px; height: 235px; left: 660px; top:793.5px; z-index: 86; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="table-play-container"
style="position: relative; z-index:9999;width: 660px;margin: 0; padding: 0;">
<div class="table-play-header-zz"
style="height: 40px; background-color: red; color: rgb(255, 255, 255);margin: 0; padding: 0; width: 100%;">
<div class="text-left table-play-header-item"
style="font-size: 17px; width: 8%; text-align: center; text-overflow: ellipsis; white-space: nowrap;margin: 0; padding: 0;">
<span style="">序号</span>
</div>
<!-- <div class="text-right table-play-header-item"
style="font-size: 17px; width: 20%; text-align: left; text-overflow: ellipsis; white-space: nowrap;margin: 0; padding: 0;">
<span style="margin-left: 10px;">预警对象</span>
</div> -->
<div class="text-right table-play-header-item"
style="font-size: 17px; width: 80%; text-align: left; text-overflow: ellipsis; white-space: nowrap;margin: 0; padding: 0;">
<span style="margin-left: 120px;">内容</span>
</div>
<!-- <div class="text-right table-play-header-item"
style="font-size: 17px; width: 15%; text-align: left; text-overflow: ellipsis; white-space: nowrap;margin: 0; padding: 0;">
<span style="margin-left:3px">预警时间</span>
</div> -->
</div>
<div class="tabel-play-body"
style="margin-top: 40px; height: 432px; overflow-x: hidden;overflow-y: scroll;">
<!-- <marquee behavior="alternate" width="100%" height="362px" direction="down"> -->
<div class="tabel-play-body-scorll" id="warningList"
style="top: -724px; transition: top 1s ease 0s; position: absolute;
left: 0;
top: 0;
right: -17px;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;">
<div class="table-play-line table-play-line-odd table-dashboard warningList_div"
style="background-color: rgba(255, 255, 255, 0.1); color:#fff; height: 45.25px; top: 724px; z-index:-1;">
<div class="table-play-line-item text-left"
style="width: 8%;">
<div class="table-play-line-content"
style="font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 30px; height: 20.8px; line-height: 20.8px; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(72, 76, 220);">
1
</div>
</div>
<div class="table-play-line-item text-right"
style="width: 13%;">
<div class="table-play-line-content"
style="font-size: 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
无水碳酸钠
</div>
</div>
<div class="table-play-line-item text-right"
style="width: 52%;">
<div class="table-play-line-content"
style="font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap;">
出库超期预警：用户 郑熠斌 已领用 无水碳酸钠()138天，超过预警线, 1天
</div>
</div>
<div class="table-play-line-item text-right"
style="width: 15%;">
<div class="table-play-line-content"
style="font-size: 13px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
05-23 09:23:52
</div>
</div>
</div>
</div>
<!-- </marquee> -->
</div>
<div class="resize-sensor"
style="position: absolute; inset: 0px; overflow: scroll; z-index: -1; visibility: hidden;">
<div class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div
style="position: absolute; left: 0px; top: 0px; width: 805px; height: 415px;">
</div>
</div>
<div class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-37hvqsnu-bvx2b6" class="d-chart-item"
style="width: 400px; height: 35px; left: 1380px; top: 80px; z-index: 68; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">509室1号柜温度监测</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-4lymecid-d53zj7" class="d-chart-item"
style="width: 600px; height: 200.5px; left: 1370px; top: 75px; z-index: 67; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="chart echarts"
style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
_echarts_instance_="ec_1633939499399">
<div
style="position: relative; width: 600px; height: 374.5px; padding: 0px; margin: 0px; border-width: 0px; cursor: pointer;">
<div style="position: absolute; left: 0px; top: 0px; width: 560px; height: 230.5px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"
data-zr-dom-id="zr_0" width="825" height="374.5"
id="charts"></div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-37hvqsnu-bvx2b6" class="d-chart-item"
style="width: 440px; height: 35px; left: 1380px; top: 270px; z-index: 68; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">509室2号柜温度监测</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-4lymecid-d53zj7" class="d-chart-item"
style="width: 825px; height: 200.5px; left: 1370px; top: 266px; z-index: 67; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="chart echarts"
style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
_echarts_instance_="ec_1633939499399">
<div
style="position: relative; width: 825px; height: 274.5px; padding: 0px; margin: 0px; border-width: 0px; cursor: pointer;">
<div style="position: absolute; left: 0px; top: 0px; width: 565px; height: 230.5px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"
data-zr-dom-id="zr_0" width="825" height="374.5"
id="charts_A"></div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-37hvqsnu-bvx2b6" class="d-chart-item"
style="width: 440px; height: 35px; left: 1380px; top: 462px; z-index: 68; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">307室1号柜温度监测</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-4lymecid-d53zj7" class="d-chart-item"
style="width: 825px; height: 200.5px; left: 1370px; top: 452px; z-index: 67; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="chart echarts"
style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
_echarts_instance_="ec_1633939499399">
<div
style="position: relative; width: 825px; height: 274.5px; padding: 0px; margin: 0px; border-width: 0px; cursor: pointer;">
<div style="position: absolute; left: 0px; top: 0px; width: 565px; height: 230.5px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"
data-zr-dom-id="zr_0" width="825" height="374.5"
id="charts_B"></div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-37hvqsnu-bvx2b6" class="d-chart-item"
style="width: 440px; height: 35px; left: 1380px; top: 650px; z-index: 68; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">207室3号柜温度监测</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-4lymecid-d53zj7" class="d-chart-item"
style="width: 825px; height: 200.5px; left: 1370px; top: 640px; z-index: 67; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="chart echarts"
style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
_echarts_instance_="ec_1633939499399">
<div
style="position: relative; width: 825px; height: 274.5px; padding: 0px; margin: 0px; border-width: 0px; cursor: pointer;">
<div style="position: absolute; left: 0px; top: 0px; width: 565px; height: 230.5px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"
data-zr-dom-id="zr_0" width="825" height="374.5"
id="charts_D"></div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-37hvqsnu-bvx2b6" class="d-chart-item"
style="width: 440px; height: 35px; left: 1380px; top: 844px; z-index: 68; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">207室1号柜温度监测</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-4lymecid-d53zj7" class="d-chart-item"
style="width: 825px; height: 200.5px; left: 1370px; top: 838px; z-index: 67; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="chart echarts"
style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
_echarts_instance_="ec_1633939499399">
<div
style="position: relative; width: 825px; height: 274.5px; padding: 0px; margin: 0px; border-width: 0px; cursor: pointer;">
<div style="position: absolute; left: 0px; top: 0px; width: 565px; height: 230.5px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"
data-zr-dom-id="zr_0" width="825" height="374.5"
id="charts_C"></div>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="chart_dc_1013e-b6rke1by-5l276z" class="d-chart-item"
style="width: 1225px; height: 340px; left: 1320px; top: 745px; z-index: 85; pointer-events: auto; margin-top: 0px;">
<div class="chart-item animate__animated">
<div class=""
style="margin-bottom:20px; margin-left: 60px;font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
常用物资
</div>
<div class="chart echarts"
style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
_echarts_instance_="ec_1633939499397">
<div id="OftenUseHist" width="1225" height="300px"
style="position: absolute; left: 0px; top: -60px; width: 425px; height: 300px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">
</div>
</div>
</div>
</div> -->
<div id="chart_dc_1013e-46i8fq8c-gzjbqg" class="d-chart-item"
style="width: 230px; height: 35px; left: 40px; top: 750px; z-index: 83; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">过期信息提醒</div>
</div>
</div>
</div>
</div>
<!-- 过期药剂表格 -->
<div id="chart_ktu8iwd65vekc" class="d-chart-item"
style="width: 600px; height: 265px; left: 40px; top: 800px; z-index: 86; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="table-play-container"
style="position: relative; z-index:9999;width: 500px;margin: 0; padding: 0;">
<div class="table-play-header-zz"
style="height: 40px; background-color: rgb(36, 203, 255); color: rgb(255, 255, 255);margin: 0; padding: 0; width: 100%;">
<div class="text-left table-play-header-item"
style="font-size: 17px; width: 8%; text-align: center; text-overflow: ellipsis; white-space: nowrap;margin: 0; padding: 0;">
序号
</div>
<!-- <div class="text-right table-play-header-item"
style="font-size: 17px; width:40%; text-align: left; text-overflow: ellipsis; white-space: nowrap;margin: 0; padding: 0;">
<span style="margin-left: 50px;">名称</span>
</div> -->
<div class="text-right table-play-header-item"
style="font-size: 17px; width: 50%; text-align: left; text-overflow: ellipsis; white-space: nowrap;margin: 0; padding: 0;">
<span style="margin-left: 100px;">内容</span>
</div>
<!-- <div class="text-right table-play-header-item"
style="font-size: 17px; width: 15%; text-align: left; text-overflow: ellipsis; white-space: nowrap;margin: 0; padding: 0;">
过期时间
</div> -->
</div>
<div class="tabel-play-body"
style="margin-top: 40px; height: 432px; overflow-x: hidden;overflow-y: scroll;">
<!-- <marquee behavior="alternate" width="100%" height="362px" direction="down"> -->
<div class="tabel-play-body-scorll" id="expireList"
style="top: -724px; transition: top 1s ease 0s; position: absolute;
left: 0;
top: 0;
right: -17px;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;">
<div class="table-play-line table-play-line-odd table-dashboard exprieList_div"
style="background-color: rgba(255, 255, 255, 0.1); color: rgb(115, 170, 229); height: 45.25px; top: 724px; z-index:-1;">
<div class="table-play-line-item text-left"
style="width: 8%;">
<div class="table-play-line-content"
style="font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 30px; height: 20.8px; line-height: 20.8px; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(72, 76, 220);">
1
</div>
</div>
<div class="table-play-line-item text-right"
style="width: 13%;">
<div class="table-play-line-content"
style="font-size: 13px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
过期物资名称
</div>
</div>
<div class="table-play-line-item text-right"
style="width: 60%;">
<div class="table-play-line-content"
style="font-size: 13px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
该试剂已过期10天
</div>
</div>
<!-- <div class="table-play-line-item text-right"
style="width: 15%;">
<div class="table-play-line-content"
style="font-size: 13px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
05-23 09:23:52
</div>
</div> -->
</div>
</div>
<!-- </marquee> -->
</div>
<div class="resize-sensor"
style="position: absolute; inset: 0px; overflow: scroll; z-index: -1; visibility: hidden;">
<div class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div
style="position: absolute; left: 0px; top: 0px; width: 805px; height: 415px;">
</div>
</div>
<div class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-b6rke1by-5l276z" class="d-chart-item"
style="width: 1125px; height: 340px; left: 580px; top: 165px; z-index: 85; pointer-events: auto; margin-top: 0px;">
<div class="chart-item animate__animated">
<div class=""
style="margin-bottom:30px; margin-left: 80px;font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
使用频次占比
</div>
<div class="chart echarts"
style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
_echarts_instance_="ec_1633939499397">
<div id="OftenUse" width="925" height="340px"
style="position: absolute; left: 0px; top: -60px; width: 825px; height: 320px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">
</div>
</div>
</div>
</div>
<div id="chart_ktu9w9re4ztsw" class="d-chart-item"
style="width: 215px; height: 55px; left: 595px; top: 490px; z-index: 87; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 24px; color: rgb(115, 170, 229); font-weight: normal; justify-content: center; text-align: center;">
<div class="">环境数据:</div>
</div>
</div>
</div>
</div>
<div id="chart_ktu9w9re4ztsw1" class="d-chart-item"
style="width: 405px; height: 45px; left: 640px; top: 538px; z-index: 99; pointer-events: auto; margin-top: 10px; font-size: 28px; color: rgb(115, 170, 229);">
<div class="chart-item animate__animated">
<div
style="display: inline-block ;color: rgb(154, 168, 212);margin-left: 10px;">
509_1号柜温度 &nbsp;: </div> <span
style="display: inline-block ;color: rgb(154, 168, 212); width: 35px;"
id="tem1_509">12</span>
<span
style="font-size: 12px;color: rgb(154, 168, 212); ">&nbsp;&nbsp;&nbsp;(℃)</span>
</div>
<div class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 18px; text-align: center; margin-top: 8px; margin-left: 10px;">
</div>
</div>
<div id="chart_ktu9w9re4ztsw1" class="d-chart-item"
style="width: 405px; height: 45px; left: 960px; top: 538px; z-index: 99; pointer-events: auto; margin-top: 10px; font-size: 28px; color: rgb(115, 170, 229);">
<div class="chart-item animate__animated">
<div
style="display: inline-block ;color: rgb(154, 168, 212);margin-left: 40px">
509_2号柜温度&nbsp;&nbsp;:</div> <span
style="display: inline-block ;color: rgb(154, 168, 212); "
id="tem2_509">66.5</span><span
style="display: inline-block ;color: rgb(154, 168, 212);width: 35px;">
<span
style="font-size: 12px;color: rgb(154, 168, 212); ">&nbsp;&nbsp;&nbsp;(℃)</span>
</span>
</div>
<div class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 18px; text-align: center; margin-top: 8px; margin-left: 10px;">
</div>
</div>
<div id="chart_ktu9w9re4ztsw1" class="d-chart-item"
style="width: 405px; height: 45px; left: 640px; top:590px; z-index: 99; pointer-events: auto; margin-top: 10px; font-size: 28px; color: rgb(154, 168, 212);">
<div class="chart-item animate__animated">
<div
style="display: inline-block ;color: rgb(154, 168, 212);margin-left: 10px;">
307_1号柜温度 &nbsp;: </div> <span
sytle="display: inline-block ;color: rgb(154, 168, 212); width: 35px;"
id="tem1_307">66</span>
<span
style="font-size: 12px;color: rgb(154, 168, 212); ">&nbsp;&nbsp;&nbsp;(℃)</span>
</div>
<div class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 18px; text-align: center; margin-top: 8px; margin-left: 10px;">
</div>
</div>
<div id="chart_ktu9w9re4ztsw1" class="d-chart-item"
style="width: 405px; height: 45px; left: 960px; top: 590px; z-index: 99; pointer-events: auto; margin-top: 10px; font-size: 28px; color: rgb(115, 170, 229);">
<div class="chart-item animate__animated">
<div
style="display: inline-block ;color: rgb(154, 168, 212);margin-left: 40px">
307_1号柜VOC&nbsp;:&nbsp;&nbsp;</div> <span
style="display: inline-block ;color: rgb(154, 168, 212); width: 35px;"
id="voc1_307">12</span>
<span
style="font-size: 12px;color: rgb(154, 168, 212); ">&nbsp;(ppm)</span>
</div>
<div class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 18px; text-align: center; margin-top: 8px; margin-left: 10px;">
</div>
</div>
<div id="chart_ktu9w9re4ztsw1" class="d-chart-item"
style="width: 405px; height: 45px; left: 640px; top:640px; z-index: 99; pointer-events: auto; margin-top: 10px; font-size: 28px; color: rgb(154, 168, 212);">
<div class="chart-item animate__animated">
<div
style="display: inline-block ;color: rgb(154, 168, 212);margin-left: 10px;">
207_3号柜温度 &nbsp;: </div> <span
sytle="display: inline-block ;color: rgb(154, 168, 212); width: 35px;"
id="tem3_207">66</span>
<span
style="font-size: 12px;color: rgb(154, 168, 212); ">&nbsp;(℃)</span>
</div>
<div class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 18px; text-align: center; margin-top: 8px; margin-left: 10px;">
</div>
</div>
<div id="chart_ktu9w9re4ztsw1" class="d-chart-item"
style="width: 405px; height: 45px; left: 960px; top:640px; z-index: 99; pointer-events: auto; margin-top: 10px; font-size: 28px; color: rgb(115, 170, 229);">
<div class="chart-item animate__animated">
<div
style="display: inline-block ;color: rgb(154, 168, 212);margin-left: 40px">
207_3号柜voc&nbsp;</div> <span
style="display: inline-block ;color: rgb(154, 168, 212); width: 35px;"
id="voc1_207">12</span>
<span
style="font-size: 12px;color: rgb(154, 168, 212); ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(ppm)</span>
</div>
<div class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 18px; text-align: center; margin-top: 8px; margin-left: 10px;">
</div>
</div>
<div id="chart_ktu9w9re4ztsw1" class="d-chart-item"
style="width: 405px; height: 45px; left: 640px; top:690px; z-index: 99; pointer-events: auto; margin-top: 10px; font-size: 28px; color: rgb(154, 168, 212);">
<div class="chart-item animate__animated">
<div
style="display: inline-block ;color: rgb(154, 168, 212);margin-left: 10px;">
207_1号柜左区温度 &nbsp;: </div> <span
sytle="display: inline-block ;color: rgb(154, 168, 212); width: 35px;"
id="tem1_207L">66</span>
<span
style="font-size: 12px;color: rgb(154, 168, 212); ">&nbsp;(℃)</span>
</div>
<div class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 18px; text-align: center; margin-top: 8px; margin-left: 10px;">
</div>
</div>
<div id="chart_ktu9w9re4ztsw1" class="d-chart-item"
style="width: 405px; height: 45px; left: 960px; top:690px; z-index: 99; pointer-events: auto; margin-top: 10px; font-size: 28px; color: rgb(115, 170, 229);">
<div class="chart-item animate__animated">
<div
style="display: inline-block ;color: rgb(154, 168, 212);margin-left: 40px">
207_1号柜右区温度&nbsp;</div> <span
style="display: inline-block ;color: rgb(154, 168, 212); width: 35px;"
id="tem1_207R">12</span>
<span
style="font-size: 12px;color: rgb(154, 168, 212); ">&nbsp;(℃)</span>
</div>
<div class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 18px; text-align: center; margin-top: 8px; margin-left: 10px;">
</div>
</div>
<div id="chart_dc_1013e-46i8fq8c-gzjbqg" class="d-chart-item"
style="width: 280px; height: 40px; left: 665px; top: 744.5px; z-index: 83; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">领用未归还预警信息</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-9b3s6k00-bvx25w" class="d-chart-item"
style="width: 115px; height: 35px; left: 30px; top: 40px; z-index: 81; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="image-chart-container"
style="width: 195px; height: 85px; line-height: 35px; background-image: url(&quot;../../../../static/index/img-templet/yanyi_logo1.png&quot;); opacity: 1; margin-left: -57.5px; margin-top: -17.5px; transform: rotate(0deg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;">
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-9ia3ggss-2pr3yw" class="d-chart-item"
style="width: 160px; height: 35px; left: 40px; top: 450px; z-index: 79; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">最近领用记录</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-81j3olij-z8x79m"
class="d-chart-item tablebox-return"
style="width: 500px; height: 260px; left: 37px; top: 495px; z-index: 78; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart chart-table clearfix height100"
style="border-top: 1px solid rgb(51, 65, 107);">
<table id="chart-table-dc_1013e-81j3olij-z8x79m" width="500"
class="table dashboard-table tbl-body-return"
style="border-color: rgb(51, 65, 107);">
<thead class="normalHeader"
style="background: rgba(0, 0, 0, 0.01); color: rgb(154, 168, 212);">
<tr>
<th class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 17px; text-align: center;">
<div
style="display: inline-block; width: 35%; text-align: center;">
名称
</div>
</th>
<th class="text-right"
style="border-color: rgb(51, 65, 107); font-size: 17px; text-align: center;">
<div
style="display: inline-block; width: 40%; text-align: center;">
领用人</div>
</th>
<th class="text-left"
style="border-color: rgb(51, 65, 107); font-size: 17px;text-align: center;float: left;">
<div
style="display: inline-block; width: 25%; text-align: center;">
<span
style="margin-left: 100px;">领用时间</span>
</div>
</th>
</tr>
</thead>
<tbody
style="color: rgb(255, 255, 255); border-color: rgb(51, 65, 107);"
id="wantReturn">
</tbody>
</table>
<div class="fix-header tbl-header-return"
style="position: absolute; width: 500px; color: #ffffff; background: #24cbff; overflow-x: auto; z-index: 9999; transition: transform 0.4s ease-in-out 0s; top: 0px;">
<div class="scrollbar-container ps ps--theme_default"
data-ps-id="1a0799c6-47b1-4359-c843-66bfb2f9b9a6"
style="position: relative; height: 100%;">
<table class="table dashboard-table"
style="border-color: rgb(51, 65, 107); z-index: 9999;">
<thead class="normalHeader"
style="background: rgba(0, 0, 0, 0.01); color: #ffffff; z-index: 9999;">
<tr>
<th class="text-left"
style="border-color: #ffffff; font-size: 17px;text-align: center;">
<div
style="display: inline-block; width: 80px;">
<span
style="margin-left: 30px;">名称</span>
</div>
</th>
<th class="text-right"
style="border-color: #ffffff; font-size: 17px; text-align: center;">
<div
style="display: inline-block; width: 50px;">
<span
style="margin-left: 45px;">领用人</span>
</div>
</th>
<th class="text-left"
style="border-color: #ffffff; font-size: 17px;text-align: center;float: left;">
<div
style="display: inline-block; width: 150px;">
<span
style="margin-left: 90px;">领用时间</span>
</div>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-36c2fl7x-7xmrpx" class="d-chart-item"
style="width: 140px; height: 40px; left: 1530px; top: 150px; z-index: 77; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 20px; color: rgb(64, 77, 105); font-weight: normal; justify-content: center; text-align: center;">
<!-- <div class="">Statistics Data</div> -->
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-1uhch8xz-n5wed7" class="d-chart-item"
style="width: 120px; height: 75px; left: 370px; top: 225px; z-index: 74; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="flip-number-warpper"
style="justify-content: flex-start;">
<div class="flip-number" style="flex-direction: column;">
<div class="flip-number-prefix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(115, 170, 229); align-self: flex-end; margin-right: 0px; margin-bottom: 0px;">
</div>
<div class="flip-number-number"
style="align-self: flex-start;">
<div class="flip-single-number" id="standardsCount"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 32px; font-weight: bold; color: rgb(255, 255, 255); margin-left: 0px; margin-right: 0px; padding: 0px; box-sizing: content-box; width: 0.6em; text-align: center;">
0
</div>
</div>
<div class="flip-number-suffix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(176, 194, 249); align-self: flex-start; margin-left: 0px; margin-top: 0px;">
标准品库
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-c7v5k51x-4672yb" class="d-chart-item"
style="width: 75px; height: 75px; left: 257px; top: 225px; z-index: 73; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="image-chart-container"
style="width: 75px; height: 75px; line-height: 75px; background-image: url(&quot;../../../../static/index/img-templet/pic-5.png&quot;); opacity: 1; margin-left: -37.5px; margin-top: -37.5px; transform: rotate(0deg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;">
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-11fkggkw-6mez4z" class="d-chart-item"
style="width: 85px; height: 75px; left: 115px; top: 335px; z-index: 72; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="flip-number-warpper"
style="justify-content: flex-start;">
<div class="flip-number" style="flex-direction: column;">
<div class="flip-number-prefix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(115, 170, 229); align-self: flex-end; margin-right: 0px; margin-bottom: 0px;">
</div>
<div class="flip-number-number"
style="align-self: flex-start;">
<div class="flip-single-number" id="dangerousCount"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 32px; font-weight: bold; color: rgb(255, 255, 255); margin-left: 0px; margin-right: 0px; padding: 0px; box-sizing: content-box; width: 0.6em; text-align: center;">
0
</div>
</div>
<div class="flip-number-suffix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(176, 194, 249); align-self: flex-start; margin-left: 0px; margin-top: 0px;">
试剂分库
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-9pa8slha-x8bd3y" class="d-chart-item"
style="width: 75px; height: 76px; left: 26px; top: 335px; z-index: 71; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="image-chart-container"
style="width: 75px; height: 76px; line-height: 76px; background-image: url(&quot;../../../../static/index/img-templet/pic-6.png&quot;); opacity: 1; margin-left: -37.5px; margin-top: -38px; transform: rotate(0deg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;">
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-11fkggkw-6mez4z" class="d-chart-item"
style="width: 85px; height: 75px; left: 370px; top: 335px; z-index: 72; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="flip-number-warpper"
style="justify-content: flex-start;">
<div class="flip-number" style="flex-direction: column;">
<div class="flip-number-prefix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(115, 170, 229); align-self: flex-end; margin-right: 0px; margin-bottom: 0px;">
</div>
<div class="flip-number-number"
style="align-self: flex-start;">
<div class="flip-single-number" id="allCount"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 32px; font-weight: bold; color: rgb(255, 255, 255); margin-left: 0px; margin-right: 0px; padding: 0px; box-sizing: content-box; width: 0.6em; text-align: center;">
0
</div>
</div>
<div class="flip-number-suffix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(176, 194, 249); align-self: flex-start; margin-left: 0px; margin-top: 0px;">
库存总量
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-9pa8slha-x8bd3y" class="d-chart-item"
style="width: 75px; height: 76px; left: 257px; top: 335px; z-index: 71; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="image-chart-container"
style="width: 75px; height: 76px; line-height: 76px; background-image: url(&quot;../../../../static/index/img-templet/pic-7.png&quot;); opacity: 1; margin-left: -37.5px; margin-top: -38px; transform: rotate(0deg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;">
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-as1zpsf1-jnvm78" class="d-chart-item"
style="width: 165px; height: 35px; left: 40px; top: 140px; z-index: 70; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">种类统计数据</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-cpgywfb9-5l27pn" class="d-chart-item"
style="width: 395px; height: 220px; left: 1460px; top: 180px; z-index: 66; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="chart echarts"
style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
_echarts_instance_="ec_1633939499398">
<div
style="position: relative; width: 395px; height: 220px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
<div width="395" height="260"
style="position: absolute; left: 0px; top: 0px; width: 395px; height: 220px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"
id="wordCloud"></div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-y23q3ds-pzv8yd" class="d-chart-item"
style="width: 150px; height: 30px; left: 130px; top: 445px; z-index: 64; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 20px; color: rgb(64, 77, 105); font-weight: normal; justify-content: center; text-align: center;">
<!-- <div class="">To Be Restocked</div> -->
</div>
</div>
</div>
</div>
<!-- <div id="chart_dc_1013e-6zgmrslb-y8q2b4" class="d-chart-item"
style="width: 90px; height: 30px; left: 50px; top: 300px; z-index: 61; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(154, 168, 212); font-weight: normal; justify-content: flex-start; text-align: start;">
<div class="">库存总量</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-6r8yp5iv-qewj6n" class="d-chart-item"
style="width: 82px; height: 57px; left: 450px; top: 300px; z-index: 58; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 22px; color: rgb(115, 170, 229); font-weight: normal; justify-content: center; text-align: center;">
<div class="">件</div>
</div>
</div>
</div>
</div> -->
<div id="chart_dc_1013e-1bu8jf2w-n5wey3" class="d-chart-item"
style="width: 540px; height: 96px; left: 205px; top: 195px; z-index: 57; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-3fcipz0v-lzqv4q" class="d-chart-item"
style="width: 95px; height: 75px; left: 115px; top: 225px; z-index: 56; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="flip-number-warpper"
style="justify-content: flex-start;">
<div class="flip-number" style="flex-direction: column;">
<div class="flip-number-prefix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(115, 170, 229); align-self: flex-end; margin-right: 0px; margin-bottom: 0px;">
</div>
<div class="flip-number-number"
style="align-self: flex-start;">
<div class="flip-single-number"
id="drugMarterialCount"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 32px; font-weight: bold; color: rgb(255, 255, 255); margin-left: 0px; margin-right: 0px; padding: 0px; box-sizing: content-box; width: 0.6em; text-align: center;">
0
</div>
</div>
<div class="flip-number-suffix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(176, 194, 249); align-self: flex-start; margin-left: 0px; margin-top: 0px;">
试剂总库
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-af09x1qc-w823vn" class="d-chart-item"
style="width: 75px; height: 75px; left: 24px; top: 223px; z-index: 55; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="image-chart-container"
style="width: 75px; height: 75px; line-height: 75px; background-image: url(&quot;../../../../static/index/img-templet/pic-4.png&quot;); opacity: 1; margin-left: -37.5px; margin-top: -37.5px; transform: rotate(0deg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;">
</div>
</div>
</div>
</div>
<!-- 库存量数值 -->
<div id="chart_dc_1013e-1at6o2fu-redn4e" class="d-chart-item"
style="width: 515px; height: 120px; left: 75px; top: 250px; z-index: 54; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="chart-toolbar">
<div class="cxd-DropDown cxd-DropDown--alignRight">
<button
class="cxd-Button cxd-Button--default cxd-Button--iconOnly cxd-Button--xs">
<span class="cxd-DropDown-caret"><svg
viewBox="0 0 12 8" class="icon icon-caret">
<g id="04\u4E0B\u62C9/24px/\u9ED8\u8BA4\u7981\u7528"
transform="translate(-115.000000, -8.000000)">
<polygon id="Shape" fill="currentColor"
fill-rule="nonzero"
points="125.472727 8 121 12.8 116.527273 8 115 9.6 121 16 127 9.6">
</polygon>
</g>
</svg></span>
</button>
</div>
</div>
<div class="flip-number-warpper"
style="justify-content: center;">
<div class="flip-number" style="flex-direction: column;">
<div class="flip-number-prefix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 20px; color: rgb(96, 109, 140); align-self: flex-end; margin-right: 0px; margin-bottom: 0px;">
</div>
<div class="flip-number-number"
style="align-self: center;" id="allStock">
</div>
<div class="flip-number-suffix"
style="font-family: &quot;Microsoft Yahei&quot;; font-size: 14px; color: rgb(115, 170, 229); align-self: flex-end; margin-left: 0px; margin-top: 0px;">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-cpdvf4oh-e82rve" class="d-chart-item"
style="width: 210px; height: 35px; left: 1675px; top: 40px; z-index: 53; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="time-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 20px; color: rgb(255, 255, 255); font-weight: normal; justify-content: center;">
2021-10-11 16:46:11
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-4bw501s-jnvmye" class="d-chart-item"
style="width: 580px; height: 65px; left: 680px; top: 20px; z-index: 52; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="simple-text-chart-container"
style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 36px; color: rgb(255,255,255); font-weight: bold; justify-content: center; text-align: center;">
<div class="">智慧实验室物资精益化管理平台</div>
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-ayseffwx-gzjbm9" class="d-chart-item"
style="width: 1532px; height: 49px; left: 206px; top: 1028px; z-index: 51; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="image-chart-container"
style="width: 1532px; height: 49px; line-height: 49px; background-image: url(&quot;../../../../static/index/img-templet/pic-1.png&quot;); opacity: 1; margin-left: -766px; margin-top: -24.5px; transform: rotate(0deg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;">
</div>
</div>
</div>
</div>
<div id="chart_dc_1013e-acr0shld-93mb6d" class="d-chart-item"
style="width: 1625px; height: 146px; left: 164px; top: 3px; z-index: 50; pointer-events: auto;">
<div class="chart-item animate__animated">
<div class="chart-item__style"
style="background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 0px;">
</div>
<div class="chart-item__content"
style="border-width: 0px; border-style: solid; border-color: transparent; opacity: 1;">
<div class="image-chart-container"
style="width: 1625px; height: 146px; line-height: 146px; background-image: url(&quot;../../../../static/index/img-templet/pic-2.png&quot;); opacity: 1; margin-left: -812.5px; margin-top: -73px; transform: rotate(0deg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="resize-sensor"
style="position: absolute; inset: 0px; overflow: scroll; z-index: -1; visibility: hidden;">
<div class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0px; top: 0px; width: 1644px; height: 1080px;">
</div>
</div>
<div class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"></div>
</div>
</div>
</div>
</div>
<!-- <div class="device-container mobile">
<div class="mobile-img"></div><iframe class="mobile-iframe" src="../../../../static/index/d_1013e-1ilmb0wi-kzn8j6.html" style="height: 680px; width: 320px; margin-left: -160px; top: 50px;"></iframe>
<div class="device-container__rotate-button"><i class="fa fa fa-undo"></i></div>
</div> -->
</div>
</div>
</div>
<script charset="utf-8" src="../../../../static/index/UrlChangeTracker.js"></script>
<script src="../../../../static/index/raven.min.js"></script>
<script src="../../../../static/index/hm.js"></script>
<script type="text/javascript">
window.translation = "";
window.lang = "zh_cn";
var browserNotSupport = false;
var ua = navigator.userAgent;
if (!/(chrome|webkit|safari|firefox)/i.test(ua) || /\bEdge\//.test(ua) || /\bOPR\//.test(ua)) {
browserNotSupport = true;
document.getElementById('sugar-root').innerHTML = '<p style="text-align:center; margin-top:10px; font-size:16px;">系统不支持您当前内核的浏览器，建议使用Chrome浏览器</p>';
}
</script>
<!-- <script src="//api.map.baidu.com/api?v=3.0&ak=pWKhO4mQb4s9MWqP0siqzGlZW5aeqG90"></script> -->
<script type="text/javascript" src="../../../../static/index/mod.js"></script>
<script type="text/javascript" src="../../../../static/index/index.tpl_map.js"></script>
<script type="text/javascript" src="../../../../static/index/react.js"></script>
<script type="text/javascript" src="../../../../static/index/lodash.js"></script>
<script type="text/javascript" src="../../../../static/index/amis.js"></script>
<script type="text/javascript" src="../../../../static/index/froala-editor.js"></script>
<script type="text/javascript" src="../../../../static/index/lib.js"></script>
<script type="text/javascript" src="../../../../static/index/d3.js"></script>
<script type="text/javascript" src="../../../../static/index/app.js"></script>
<script type="text/javascript" src="../../../../static/index/loadjs.min.js"></script>
<script type="text/javascript" src="../../../../static/index/jquery.min.js"></script>
<!-- {#<script type="text/javascript" src="../../../../static/index/echarts.min.js"></script>#} -->
<script type="text/javascript" src="../../../../static/index/echarts-1.js"></script>
<script type="text/javascript" src="../../../../static/index/worldcloud.js"></script>
<style>
.tablebox {
overflow: hidden;
position: relative;
margin-left: 18px;
width: 80%;
}
.tablebox-return {
overflow: hidden;
position: relative;
margin-left: 18px;
width: 80%;
}
.tbl-header {
position: absolute;
z-index: 9999;
}
.tbl-header-return {
position: absolute;
z-index: 9999;
}
.tbl-body {
position: absolute;
}
.tbl-body-return {
position: absolute;
}
.tbl-body-Explosiver {
position: absolute;
}
.tbl-body-Precursor {
position: absolute;
}
.table-play-header-zz {
display: flex;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
align-items: center;
overflow: hidden
}
.tablebox1 {
overflow: hidden;
position: relative;
/* margin-left: 18px; */
/* width: 80%; */
}
/*
.tbl-header1 {
position: absolute;
z-index: 9999;
}
.tbl-body1 {
position: absolute;
} */
/* .tablebox table th,
.tablebox table td {
font-size: 20px;
color: #21F4FF;
line-height: 45px;
text-align: left;
border:1px solid #02BCFF;
} */
</style>
<script type="text/javascript">
var _hmt = _hmt || [];
var _PageHeight = document.documentElement.clientHeight,
_PageWidth = document.documentElement.clientWidth;
//计算loading框距离顶部和左部的距离（loading框的宽度为215px，高度为61px）
var _LoadingTop = _PageHeight > 61 ? (_PageHeight - 61) / 2 : 0,
_LoadingLeft = _PageWidth > 215 ? (_PageWidth - 215) / 2 : 0;
//在页面未加载完毕之前显示的loading Html自定义内容
var _LoadingHtml = '<div id="loadingDiv" style="position:absolute;left:0;width:100%;height:' + _PageHeight + 'px;top:0;background:#000;opacity:1;filter:alpha(opacity=80);z-index:10000;"><div style="position: absolute; cursor1: wait; left: ' + _LoadingLeft + 'px; top:' + _LoadingTop + 'px; width: 280px; height: 57px; line-height: 57px; padding-left: 50px; padding-right: 5px; background: #24cbff url(../../../../static/index/img-templet/loading.gif) no-repeat scroll 5px 10px; border: 2px solid #95B8E7; color: #FFF; font-family:\'Microsoft YaHei\';">页面加载中，请等待...</div></div>';
//呈现loading效果
// document.write(_LoadingHtml);
var Isloading_stockCount = false;
var Isloading_Explosiver = false;
var Isloading_Precurso = false;
var Isloading_warning = false;
var Isloading_realtime = false;
Isloading_wantReturnList = false;
// console.log('111111111111111111111111111')
function IsLoading() {
if (Isloading_stockCount && Isloading_Precurso && Isloading_Explosiver && Isloading_warning && Isloading_wantReturnList && Isloading_realtime) {
// alert("eeeeeeeeeeee")
// var loadingMask = document.getElementById('loadingDiv');
$('#loadingDiv').remove();
// loadingMask.parentNode.removeChild(loadingMask);
}
}
var ipAddress = 'http://192.168.20.100:8000'
//var ipAddress = 'http://127.0.0.1:9001'
let warningListJson_url = ipAddress + "/api/rms/web/tvshow/warningListJson"; // 领用未归还预警列表
let expireListJson_url = ipAddress + "/api/rms/web/tvshow/expireListJson"; // 过期物资信息列表
let stockCount_url = ipAddress + "/api/rms/web/tvshow/getAllStockCount"; // 库存数量 ，试剂耗材， 标准品， 危化品 数量
let oftenUseHist_url = ipAddress + "/api/rms/web/tvshow/get_use_top"; // 常用物资领用量前6个
let getUseList_url = ipAddress + "/api/rms/web/tvshow/getUseList"; // 当天领用物资
let roomUsagePieJson_url = ipAddress + "/api/rms/web/tvshow/roomUsagePieJson"; // 每个房间 分别统计用量
let getEnvironment_url = "http://192.168.20.100:7000/getData"; // 柜子温度
let getTemperatureChartData_url = ipAddress + "/api/show/getTemperatureEchartsJson"; // 温度图数据
let getTemperatureChartData_url_A = ipAddress + "/api/show/getTemperatureEchartsJson_A %}"; // 温度图数据
let getTemperatureChartData_url_B = ipAddress + "/api/show/getTemperatureEchartsJson_B"; // 温度图数据
let MyMarhq = ''; // 申购提醒定时器
let MyMarhqReturn = ""; // 待归还试剂定时器
let MyPrecursor = ''
let MyExplosiver = ''
let add_explore = 0; // 页面新增 易制爆 1 个,六次甲基四胺
let sub_explore = -1; // 减少显示 痕重金属硝酸
let all_stock = 0; // 所有的药种类 -8ss
function get_data() {
// stockCount();
warningListJson()
expireListJson()
}
function get_1_hour() {
let tem_url = ipAddress + "/api/rms/web/tvshow/week";
$.get(tem_url, function (obj) {
getTemperatureChartData(obj.data['72e70542-b70d-11e8-aea5-448a5bc6c401_2']);
getTemperatureChartData_A(obj.data['72e70542-b70d-11e8-aea5-448a5bc6c402_2']);
getTemperatureChartData_B(obj.data['72e70542-b70d-11e8-aea5-448a5bc6c405_2']);
getTemperatureChartData_C(obj.data['ed94d085-a0b8-413e-a79b-8abff1cd08e1_1'],obj.data['ed94d085-a0b8-413e-a79b-8abff1cd08e1_2']);
getTemperatureChartData_D(obj.data['72e70542-b70d-11e8-aea5-448a5bc6c207_2'])
// console.log('dddddddddddddddddddddddddddddddddddddddddddddddddd');
});
// OftenUseChartData();
}
function get_5_min() {
stockCount();
wantReturnList();
getOftenUseHist()
getOftenUsePie()
}
get_1_hour();
getOftenUsePie()
getOftenUseHist()
get_data();
get_5_min();
getEnvironment();
// wantPurchaseList();
showTime(); //先调用下，否则还需一秒后才呈现
setInterval(showTime, 1000);
setInterval(get_data, 20000);
setInterval(get_5_min, 1000 * 60 * 5);
setInterval(getEnvironment, 1000 * 5);// 2秒获取温度数据
// 实时显示时间
setInterval(get_1_hour, 1000 * 60 * 3);
function getEnvironment() {
$.get(getEnvironment_url, function (obj) {
var res = JSON.parse(obj);
console.log('111', res)
$("#tem1_509").html(res.data.tem1_509);
$("#tem2_509").html(res.data.tem2_509);
$("#tem1_307").html(res.data.tem1_307);
$("#voc1_307").html(res.data.voc1_307);
$("#tem1_207L").html(res.data.tem1_207);
$("#tem1_207R").html(res.data.tem2_207);
$("#tem3_207").html(res.data.tem3_207);
$("#voc1_207").html(res.data.voc1_207);
})
}
$.ajaxSettings.timeout = '10000';
function showTime() {
var today = new Date;
var y = today.getFullYear();
var M = today.getMonth() + 1;
var d = today.getDate();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
if (M < 10) {
M = '0' + M
}
if (d < 10) {
d = '0' + d
}
if (h < 10) {
h = '0' + h
}
if (m < 10) {
m = '0' + m
}
if (s < 10) {
s = '0' + s
}
$(".time-chart-container").html(y + '-' + M + '-' + d + ' ' + h + ':' + m + ':' + s);
}
function warningListJson() {
// console.log(data_list)
// top: 45.25px;
$.get(warningListJson_url, function (obj) {
let data_list = obj.data;
$(".warningList_div").remove();
// let top = 724;
let top = 45.25;
for (let i = 0; i < data_list.length; i++) {
let data = data_list[i];
// let warningType = replace_objectType(data.ObjectType);
let date = replace_WarningDate(data.warning_date);
let number = i + 1
let div = '<div class="table-play-line table-play-line-odd table-dashboard warningList_div" style="z-index: -1;background-color: rgba(255, 255, 255, 0.1); color: #fff; height: 45.25px; top: ' + top + 'px;"><div class="table-play-line-item text-left" style="width: 8%;"><div class="table-play-line-content" style="font-size: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 30px; height: 20.8px; line-height: 20.8px; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(72, 76, 220);">' + number + '</div></div><div class="table-play-line-item text-right" style="width: 90%;"><div class="table-play-line-content" style="font-size: 17px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">' + data.warning_content + '</div></div></div>';
$("#warningList").append(div);
top = top + 45.25;
}
}),
Isloading_warning = true;
IsLoading();
}
function expireListJson() {
// console.log(data_list)
// top: 45.25px;
$.get(expireListJson_url, function (obj) {
let data_list = obj.data;
$(".exprieList_div").remove();
// let top = 724;
let top = 45.25;
for (let i = 0; i < data_list.length; i++) {
let data = data_list[i];
// let warningType = replace_objectType(data.ObjectType);
let date = replace_WarningDate(data.WarningDate);
let number = i + 1
// let div = '<div class="table-play-line table-play-line-odd table-dashboard exprieList_div" style="z-index: -1;background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); height: 45.25px; top: ' + top + 'px;"><div class="table-play-line-item text-left" style="width: 8%;"><div class="table-play-line-content" style="font-size: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 60px; height: 20.8px; line-height: 20.8px; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(72, 76, 220);">' + number + '</div></div><div class="table-play-line-item text-right" style="width: 13%;"><div class="table-play-line-content" style="font-size: 17px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">' + data.ObjectName + '</div></div><div class="table-play-line-item text-right" style="width: 60%;"><div class="table-play-line-content" style="font-size: 17px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">' + data.WarningContent + '</div></div><div class="table-play-line-item text-right" style="width: 20%;"><div class="table-play-line-content" style="font-size: 17px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">' + date + '</div></div></div>';
// let div = '<div class="table-play-line table-play-line-odd table-dashboard exprieList_div" style="z-index: -1;background-color: rgba(255, 255, 255, 0.1); color: rgb(51, 65, 107); height: 45.25px; top: ' + top + 'px;"><div class="table-play-line-item text-left" style="width: 12%;"><div class="table-play-line-content" style="font-size: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 60px; height: 20.8px; line-height: 20.8px; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(72, 76, 220);">' + number + '</div></div><div class="table-play-line-item text-right" style="width: 23%;"><div class="table-play-line-content" style="font-size: 17px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">' + data.object_name + '</div></div><div class="table-play-line-item text-right" style="width: 60%;"><div class="table-play-line-content" style="font-size: 17px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">' + data.warning_content + '</div></div></div>';
let div = '<div class="table-play-line table-play-line-odd table-dashboard exprieList_div" style="z-index: -1;background-color: rgba(255, 255, 255, 0.1); color:#fff; height: 45.25px; top: ' + top + 'px;"><div class="table-play-line-item text-left" style="width: 12%;"><div class="table-play-line-content" style="font-size: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 60px; height: 20.8px; line-height: 20.8px; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(72, 76, 220);">' + number + '</div></div><div class="table-play-line-item text-right" style="width: 90%;"><div class="table-play-line-content" style="font-size: 17px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">' + data.warning_content + '</div></div></div>';
$("#expireList").append(div);
top = top + 45.25;
}
}),
Isloading_warning = true;
IsLoading();
}
function startmarquee(lh, speed, delay) { // 预警信息滚动
var t;
var oHeight = 45.25; /** div的高度 **/
var p = false;
var o = document.getElementById("warningList");
var preTop = 0;
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
o.scrollTop += 1;
}
function scrolling() {
// console.log('oooooo',o.scrollTop)
if (o.scrollTop % lh != 0 && o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
// console.log('hhhhhhhhhhhhhhhhhh',o.scrollTop);
preTop = o.scrollTop;
o.scrollTop += 1;
if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
o.scrollTop = 0;
}
} else {
clearInterval(t);
// warningListJson();
setTimeout(start, delay);
}
}
setTimeout(start, delay);
}
startmarquee(226.25, 50, 1500);
/**startmarquee(一次滚动高度,速度,停留时间);**/
function startmarqueeExpireList(lh, speed, delay) { // 预警信息滚动
var t;
var oHeight = 45.25; /** div的高度 **/
var p = false;
var o = document.getElementById("expireList");
var preTop = 0;
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
o.scrollTop += 1;
}
function scrolling() {
// console.log('oooooo',o.scrollTop)
if (o.scrollTop % lh != 0 && o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
// console.log('hhhhhhhhhhhhhhhhhh',o.scrollTop);
preTop = o.scrollTop;
o.scrollTop += 1;
if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
o.scrollTop = 0;
}
} else {
clearInterval(t);
// warningListJson();
setTimeout(start, delay);
}
}
setTimeout(start, delay);
}
startmarqueeExpireList(226.25, 50, 1500);
function unique(arr) { // 数组去重
return Array.from(new Set(arr))
}
function wantReturnList() { // 获取领用数据，待归还数据
var speedhq = 100; // 数值越大越慢
$('.tbl-body-return tbody').empty();
// $('.tbl-header-return tbody').empty();
var str = '';
$(".wantReturnList_tr").remove();
$.get(getUseList_url, function (obj) {
// console.log('111111111111111',obj)
clearInterval(MyMarhqReturn);
data_list = obj.data
for (let i = 0; i < data_list.length; i++) {
let data = data_list[i];
if (data.by_user_date != null) {
str += '<tr class="wantReturnList_tr" style="z-index: -1; background-color: rgba(255, 255, 255, 0.05); text-align: center; "><td rowspan="1" colspan="1" style="border-color: rgb(51, 65, 107); font-size: 16px; padding: 8px 12px; text-align: center;"><div style="word-break: keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 0px auto; text-align: center;">' + data.name.substr(0, 10) + '</div></td> <td rowspan="1" colspan="1" class="table-td-undefined text-right" style="border-color: rgb(51, 65, 107); font-size: 16px; padding: 8px 12px; text-align: center;width: 20%;"><div style="word-break: keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100px;margin: 0px auto; text-align: center;">' + data.by_user_name + '</div></td> <td rowspan="1" colspan="1" class="table-td-undefined text-right" style="border-color: rgb(51, 65, 107); font-size: 16px; padding: 8px 12px; text-align: center;width: 25%;"><div style="word-break: keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 110px;margin: 0px auto; text-align: center;">' + data.by_user_date.substr(0, 10) + '</div></td></tr>'
// $("#wantReturnList_tr").append(tr);
}
}
$('.tbl-body-return tbody').append(str);
// $('.tbl-header tbody').append(str);
if (data_list.length > 5) { //data_list.length
// $('.tbl-body-return tbody').html($('.tbl-body-return tbody').html() + $('.tbl-body-return tbody').html());
$('.tbl-body-return tbody').html($('.tbl-body-return tbody').html());
$('.tbl-body-return').css('top', '0');
var tblTop = 0;
var outerHeight = $('.tbl-body-return tbody').find("tr").outerHeight();
// console.log('ccc::::',outerHeight)
function Marqueehq() {
if (tblTop <= -outerHeight * 10) { // * data_list.length
tblTop = 0;
clearInterval(MyMarhq);
// setTimeout(wantReturnList, 2000);
} else {
tblTop -= 1;
// console.log('1111111',tblTop)
}
// console.log('333333',tblTop)
// console.log('2222222',(-outerHeight *1))
$('.tbl-body-return').css('top', tblTop + 'px');
}
MyMarhqReturn = setInterval(Marqueehq, speedhq);
} else {
setTimeout(wantReturnList, 1000 * 3 * 60);
}
})
Isloading_wantReturnList = true;
IsLoading();
}
function getOftenUsePie() {
oftenUsePie('')
$.get(roomUsagePieJson_url, function (obj) {
oftenUsePie(obj.data) // 直方图
})
}
function getOftenUseHist() {
// oftenUseHist('')
$.get(oftenUseHist_url, function (obj) {
oftenUseHist(obj.data) // 直方图
})
}
function stockCount() {
// 库存量 试剂种类
$(".count_stock").remove();
$.get(stockCount_url, function (resultdata) {
obj = resultdata.data
console.log('alllllllllllllllllllllll::', obj.allCount)
// console.log('varietyCount11111111111111::',obj.varietyCount)
let count_str = String(obj.allCount);
// let count_str = String(9323);
for (let num = 0; num < count_str.length; num++) {
let data = count_str.charAt(num)
// console.log(data);
let div = '<div class="flip-single-number count_stock" style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 66px; font-weight: bold; color: rgb(255, 255, 255); margin-left: 8.4px; margin-right: 8.4px; padding: 0px 0.1em; box-sizing: content-box; width: 0.6em; text-align: center; background-color: rgb(15, 57, 107);">' + data + '</div>'
// $('#allStock').append(div);
}
// 种类
// let varietyCount_str = String(obj.varietyCount-all_stock);
// // let count_str = String(123);
// for (let num = 0; num < varietyCount_str.length; num++) {
// let data = varietyCount_str.charAt(num)
// // console.log(data);
// let div = '<div class="flip-single-number count_stock" style="font-family: &quot;Microsoft Yahei&quot;, Arial, sans-serif; font-size: 56px; font-weight: bold; color: rgb(255, 255, 255); margin-left: 8.4px; margin-right: 8.4px; padding: 0px 0.1em; box-sizing: content-box; width: 0.6em; text-align: center; background-color: rgb(15, 57, 107);">' + data + '</div>'
// $('#varietyCount').append(div);
// }
// // $("#varietyCount").html(obj.varietyCount);
$("#drugMarterialCount").html(obj.drugMarterialCount);
$("#standardsCount").html(obj.standardsCount);
$("#dangerousCount").html(obj.dangerousCount);
$("#allCount").html(obj.allCount);
});
Isloading_stockCount = true;
IsLoading();
}
// 替换预警类型
function replace_objectType(params) {
switch (params) {
case '1':
return '保质期预警';
case '2':
return '过期报警';
case '3':
return '余量预警';
case '4':
return '药柜温湿度预警';
case '5':
return '滤芯保质期预警';
case '6':
return '出库超期预警';
case '7':
return '违规领用预警';
}
}
function replace_WarningDate(params) {
if (params) {
return params.replace('T', ' ')
}
}
// // 温度图
// function getTemperatureChartData() {
// $.get(getTemperatureChartData_url, function (obj) {
// $('#charts').html('');
// var lineChart = echarts.init(document.getElementById("charts"));
// var lineoption = obj.data;
// lineChart.setOption(lineoption);
// $(window).resize(lineChart.resize);
// });
// }
// 温度图
function getTemperatureChartData(tData) {
// $.get(getTemperatureChartData_url, function (obj) {
console.log('dddddddddddddddddddddddddddddddddddddddddddddddddd');
// });
x_data = [];
y_data = []
tData.forEach(element => {
x_data.push(element[0]);
y_data.push(element[1]);
});
$('#charts').html('');
var lineChart = echarts.init(document.getElementById("charts"), 'dark');
// var lineoption = obj.data;
var option = {
xAxis: {
type: 'category',
data: x_data,
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
series: [
{
data: y_data,
type: 'line'
}
]
};
// var lineoption = obj.data;
console.log('ccccccccccccccccc:::', option)
lineChart.setOption(option);
$(window).resize(lineChart.resize);
}
function getTemperatureChartData_A(tData) {
// $.get(getTemperatureChartData_url_A, function (obj) {
// });
x_data = [];
y_data = []
tData.forEach(element => {
x_data.push(element[0]);
y_data.push(element[1]);
});
$('#charts_A').html('');
var lineChart = echarts.init(document.getElementById("charts_A"), 'dark');
// var lineoption = obj.data;
var option = {
xAxis: {
type: 'category',
data: x_data,
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
series: [
{
data: y_data,
type: 'line'
}
]
};
lineChart.setOption(option);
$(window).resize(lineChart.resize);
}
function getTemperatureChartData_B(tData) {
// $.get(getTemperatureChartData_url_B, function (obj) {
// });
x_data = [];
y_data = []
tData.forEach(element => {
x_data.push(element[0]);
y_data.push(element[1]);
});
$('#charts_B').html('');
var lineChart = echarts.init(document.getElementById("charts_B"), 'dark');
// var lineoption = obj.data;
var option = {
xAxis: {
type: 'category',
data: x_data,
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
yAxis: {
min: 0,
max: 25,
interval: 5,
type: 'value',
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
series: [
{
data: y_data,
type: 'line'
}
]
};
lineChart.setOption(option);
$(window).resize(lineChart.resize);
}
function getTemperatureChartData_C(tData,tData1) {
// console.log(tData, '--------getTemperatureChartData_C-----------');
// $.get(getTemperatureChartData_url_B, function (obj) {
// });
x_data = [];
y_data = []
y_data1 = []
// tData.forEach(element => {
// x_data.push(element[0]);
// y_data.push(element[1]);
// });
tData_f = []
tData.map((m,i) => {
let data = tData1.find(f => f[0] ==m[0])
m.push(data[1])
tData_f.push(m)
})
tData_f.map(m =>{
x_data.push(m[0])
y_data.push(m[1])
y_data1.push(m[2])
})
console.log(tData_f, '=======getTemperatureChartData_C=====');
$('#charts_C').html('');
var lineChart = echarts.init(document.getElementById("charts_C"), 'dark');
// var lineoption = obj.data;
var option = {
xAxis: {
type: 'category',
data: x_data,
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
series: [
{
data: y_data1,
type: 'line',
},
{
data: y_data,
type: 'line',
}
],
color: ['red','skyblue']
};
lineChart.setOption(option);
$(window).resize(lineChart.resize);
}
function getTemperatureChartData_D(tData) {
// $.get(getTemperatureChartData_url_A, function (obj) {
// });
x_data = [];
y_data = []
tData.forEach(element => {
x_data.push(element[0]);
y_data.push(element[1]);
});
$('#charts_D').html('');
var lineChart = echarts.init(document.getElementById("charts_D"), 'dark');
// var lineoption = obj.data;
var option = {
xAxis: {
type: 'category',
data: x_data,
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
series: [
{
data: y_data,
type: 'line'
}
]
};
lineChart.setOption(option);
$(window).resize(lineChart.resize);
}
function oftenUsePie(jsonData) { //
// 基于准备好的dom，初始化echarts实例\
var myChart = echarts.init(document.getElementById('OftenUse'));
// jsonData[1].value = jsonData[1].value
console.log('jjjjjjjjjjjjjjj::', jsonData)
if (jsonData != '') {
jsonData.forEach(element => {
if (element['name'] == '1') {
element['name'] = '试剂总库'
}
if (element['name'] == '2') {
element['name'] = '标准品库'
}
if (element['name'] == '3') {
element['name'] = '试剂分库'
}
});
}
// data = jsonData.map(item=>{'value':parseInt(item.value),'name':item.name})
var option = {
legend: {
bottom: 10,
left: 'center',
},
color: ['#fff488', '#d9196a', '#73c0de', '#6a86dd'],
series: [
{
type: 'pie',
radius: '70%',
center: ['50%', '60%'],
// selectedMode: 'single',
data: jsonData,
// data: [{ 'value': "0", 'name': '206试剂总库' }, { 'value': "0", 'name': '307试剂分库' }, { 'value': "0", 'name': '508试剂分库' }, { 'value': "0", 'name': '509标准库' }],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
},
normal: {
label: {
show: true,
formatter: '{b} :{c}({d}%)',
textStyle: {
"fontSize": 20
}
},
labelLine: { show: true }
}
}
}
]
};
myChart.setOption(option);
}
function oftenUseHist(jsonData) { //
// 基于准备好的dom，初始化echarts实例\
var myChart = echarts.init(document.getElementById('OftenUseHist'));
// console.log('jjjjjjjjjjjjjjj::',jsonData)
var option = {
xAxis: {
type: 'category',
// data: ['fMon', 'Tfeue', 'e1ed', 'Tehu', 'ttFri', 'saeaeSat'],
data: jsonData.map(item => item.name),
axisLabel: {//x轴文字的配置
show: true,
textStyle: {
color: "#fff",
},
interval: 0, //控制X轴刻度全部显示
rotate: 45 //倾斜角度
}
},
yAxis: {
type: 'value',
splitLine: { show: false },
},
series: [
{
data: [0, 0, 0, 0, 0, 0],
data: jsonData.map(item => item.user_count),
type: 'bar',
barWidth: '60%',
itemStyle: {
normal: {
//这里设置每个柱子颜色不一样
color: function (params) {
// 定义一个颜色数组colorList
var colorList = ['#FFFF00', '#FFA500', '#FFD700', '#F0E68C', '#EEE8AA', '#FFFACD',];
return colorList[params.dataIndex]
},
label: {
show: true, //开启显示
position: 'top', //在上方显示
textStyle: { //数值样式
color: 'white',
fontSize: 16
}
},
},
},
},
]
};
myChart.setOption(option);
}
function OftenUseChartData() {
new Promise((resolve, reject) => {
$.get(oftenUse_url, function (obj) {
let jsonData = obj.data
resolve(jsonData)
});
}).then(jsonData => {
// console.log(typeof jsonData);
console.log(jsonData);
echartsCloud(jsonData);
// OftenUseChart(jsonData.slice(0, 4));
})
}
function echartsCloud(jsonData) {
var jsonData = jsonData.slice(0, jsonData.length - 1);
// console.log(jsonData);
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('wordCloud'));
// myChart.setOption({
// title: {
// // text: 'echarts3云图展示'
// },
// tooltip: {},
// series: [{
// type: 'wordCloud', //类型为字符云
// shape: 'smooth', //平滑
// gridSize: 2, //网格尺寸
// size: ['100%', '100%'],
// sizeRange: [10, 30], // 字体大小范围
// rotationRange: [0, 0], //旋转范围
// drawOutOfBound: true,
// textStyle: {
// normal: {
// fontFamily: 'sans-serif',
// color: function () {
// return 'rgb('
// + [Math.round(Math.random() * 160),
// Math.round(Math.random() * 160),
// Math.round(Math.random() * 160)]
// .join(',') + ')';
// }
// },
// emphasis: {
// shadowBlur: 5, //阴影距离
// shadowColor: '#333' //阴影颜色
// }
// },
// data: jsonData,
// }]
// });
}
</script>
<div class="resize-sensor"
style="position: absolute; inset: 0px; overflow: scroll; z-index: -1; visibility: hidden;">
<div class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0px; top: 0px; width: 1644px; height: 1085px;"></div>
</div>
<div class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"></div>
</div>
</div>
</body>
</html>
Reference in new issue View Git Blame Copy Permalink