修改医疗卫生页面

nngkxxdp/src/main/resources/static/natj/dataCenter/css/index.css

@@ -387,4 +387,8 @@ select::-ms-expand {
   font-family: Microsoft YaHei;
   font-weight: bold;
   color: #0084ff;
+  width: 683px;
+    height: 63px;
+    text-align: center;
+    margin: 40px auto;
 }

nngkxxdp/src/main/resources/static/natj/dataCenter/css/indexMbile.css

@@ -1,280 +1,281 @@
 /* 菜单部分 */
 .main {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .arrow {
-    border-top: 10px solid #125DB2;
-    border-bottom: 10px solid transparent;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    position: absolute;
-    right: 26px;
-    top: 60px;
-}
-.menu{
-    width:100%;
-    height:40px;
-	box-sizing:border-box;
-	overflow-x:auto;
-	overflow-y:hidden;
-    background: #EBF4FF;
-}
-.menu::-webkit-scrollbar{display:none;}
-.main .tabs{
-    line-height:40px;
-	white-space:nowrap;
-    background: #EBF4FF;   
+  border-top: 10px solid #125db2;
+  border-bottom: 10px solid transparent;
+  border-left: 10px solid transparent;
+  border-right: 10px solid transparent;
+  position: absolute;
+  right: 26px;
+  top: 60px;
+}
+.menu {
+  width: 100%;
+  height: 40px;
+  box-sizing: border-box;
+  overflow-x: auto;
+  overflow-y: hidden;
+  background: #ebf4ff;
+}
+.menu::-webkit-scrollbar {
+  display: none;
+}
+.main .tabs {
+  line-height: 40px;
+  white-space: nowrap;
+  background: #ebf4ff;
 }
 .main .tabs li {
-    font-size: 16px;
-    font-weight: bold;
-    color: #333333;
-    display:inline-block;
-	width: 120px;
-	height:100%;
-	text-align:center;  
+  font-size: 16px;
+  font-weight: bold;
+  color: #333333;
+  display: inline-block;
+  width: 120px;
+  height: 100%;
+  text-align: center;
 }
-.main .tabs li .list{
-    display: flex;
-    height:40px;
-    align-items: center;
-    justify-content: space-evenly;
+.main .tabs li .list {
+  display: flex;
+  height: 40px;
+  align-items: center;
+  justify-content: space-evenly;
 }
 
 .main .tabs li.click {
-    background: #125DB2;
-    color: #fff;
+  background: #125db2;
+  color: #fff;
 }
 /* 公共样式 */
 .content {
-    margin-top: 20px;
+  margin-top: 20px;
 }
-.content .items{
-    width: 100%;
-    height: 100%;
+.content .items {
+  width: 100%;
+  height: 100%;
 }
 
 .content .year {
-    width: 180px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 16px;
-    color: #333333;
-    left: 50%;
-    margin-left: -90px;
+  width: 180px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  color: #333333;
+  left: 50%;
+  margin-left: -90px;
 }
 
 .content .year select {
-    height: 34px;
-    border: 1px solid #D5D5D5;
-    background: #fff;
-    border-radius: 4px;
-    text-align: center;
-    cursor: pointer;
-    text-align: center;
-    padding: 0 22%;
-}
-option{
-    text-align: center;
+  height: 34px;
+  border: 1px solid #d5d5d5;
+  background: #fff;
+  border-radius: 4px;
+  text-align: center;
+  cursor: pointer;
+  text-align: center;
+  padding: 0 22%;
+}
+option {
+  text-align: center;
 }
 select {
-    /*将默认的select选择框样式清除*/
-    appearance:none;
-    -moz-appearance:none;
-    -webkit-appearance:none;
-    }
-    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
+  /*将默认的select选择框样式清除*/
+  appearance: none;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+}
+/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
 select::-ms-expand {
-    display: none;
+  display: none;
 }
-.option{
-    background: #fff !important;
+.option {
+  background: #fff !important;
 }
 /* 社会保障 */
 .div-shbz .itemData {
-    display: flex;
-    flex-wrap: wrap;    
-    justify-content: space-evenly;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
 }
 
 .div-shbz .itemData li {
-    width: 176px;
-    height: 72px;
-    background: #F0F0F0;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    font-size: 12px;
-    color: #333333;
-    margin-top: 19px;
+  width: 176px;
+  height: 72px;
+  background: #f0f0f0;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  color: #333333;
+  margin-top: 19px;
 }
-.div-shbz .itemData li img{
-    width: 70px;
+.div-shbz .itemData li img {
+  width: 70px;
 }
 
 .div-shbz .itemData li .right .bottom {
-    display: flex;
-    align-items: flex-end;  
+  display: flex;
+  align-items: flex-end;
 }
 
 .div-shbz .itemData li .right .bottom .number {
-    font-size: 24px;
-    font-weight: bold;
-    font-style: italic;
-    color: #004A93;
+  font-size: 24px;
+  font-weight: bold;
+  font-style: italic;
+  color: #004a93;
 }
 
 .div-shbz .itemData li .right .bottom .unit {
-    color: #999999;
-    margin-left: 10px;
+  color: #999999;
+  margin-left: 10px;
 }
 .div-shbz .shbzTablem {
-    margin-top: 10px;
+  margin-top: 10px;
 }
 
 .div-shbz .shbzTablem .title,
 .div-shbz .shbzTablem .number {
-    display: flex;
-    font-size: 14px;
-    color: #FFFFFF;
-    margin: 0 5px;
+  display: flex;
+  font-size: 14px;
+  color: #ffffff;
+  margin: 0 5px;
 }
 
 .div-shbz .shbzTablem .title li,
 .div-shbz .shbzTablem .number li {
-    width: 120px;
-    height: 60px;
-    background: #7293B9;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    border-right: 1px solid #fff;
+  width: 120px;
+  height: 60px;
+  background: #7293b9;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-right: 1px solid #fff;
 }
 
 .div-shbz .shbzTablem .number li {
-    background: #fff;
-    color: #333;
-    border: 1px solid #7293B9;
-    border-right: none;
+  background: #fff;
+  color: #333;
+  border: 1px solid #7293b9;
+  border-right: none;
 }
 
 .div-shbz .shbzTablem .number li:last-child,
 .div-shbz .shbzTablem .title li:last-child {
-    border-right: 1px solid #7293B9;
+  border-right: 1px solid #7293b9;
 }
 
 /* 文化wenlv */
 .div-whwl .wsylTable {
-    margin-top: 20px;
+  margin-top: 20px;
 }
 
 .div-whwl .wsylTable .title,
 .div-whwl .wsylTable .number {
-    display: flex;
-    font-size: 18px;
-    font-family: Microsoft YaHei;
-    color: #FFFFFF;
-    margin: 0 5px;
+  display: flex;
+  font-size: 18px;
+  font-family: Microsoft YaHei;
+  color: #ffffff;
+  margin: 0 5px;
 }
 
 .div-whwl .wsylTable .title li,
 .div-whwl .wsylTable .number li {
-    width: 160px;
-    height: 60px;
-    background: #7293B9;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    border-right: 1px solid #fff;
+  width: 160px;
+  height: 60px;
+  background: #7293b9;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-right: 1px solid #fff;
 }
 
 .div-whwl .wsylTable .number li {
-    background: #fff;
-    color: #333;
-    border: 1px solid #7293B9;
-    border-right: none;
-    text-align: center;
+  background: #fff;
+  color: #333;
+  border: 1px solid #7293b9;
+  border-right: none;
+  text-align: center;
 }
 
 .div-whwl .wsylTable .number li:last-child,
 .div-whwl .wsylTable .title li:last-child {
-    border-right: 1px solid #7293B9;
+  border-right: 1px solid #7293b9;
 }
 
 .div-whwl .range {
-    display: flex;
-    justify-content: flex-end;
-    padding-right: 5px;
+  display: flex;
+  justify-content: flex-end;
+  padding-right: 5px;
 }
 
 .div-whwl .range button {
-    width: 156px;
-    height: 34px;
-    background: #FFFFFF;
-    border: 1px solid #999999;
-    color: #999999;
-    font-size: 16px;
-    font-family: Microsoft YaHei;
-    cursor: pointer;
+  width: 156px;
+  height: 34px;
+  background: #ffffff;
+  border: 1px solid #999999;
+  color: #999999;
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  cursor: pointer;
 }
 
 .div-whwl .range button.click {
-    border: 1px solid #4582EC !important;
-    color: #4684ED;
+  border: 1px solid #4582ec !important;
+  color: #4684ed;
 }
 /* 卫生医疗 */
 .div-wsyl {
-    position: relative;
-    margin-top: 20px;
+  position: relative;
+  margin-top: 20px;
 }
 
-
 .div-wsyl .cont {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 .div-wsyl .cont .detail {
-    width: 88%;
-    border-radius: 10px;
-    background-size: 100% 100%;
-    padding: 30px 15px;
-    box-sizing: border-box;
-    margin-bottom: -15px;
+  width: 88%;
+  border-radius: 10px;
+  background-size: 100% 100%;
+  padding: 30px 15px;
+  box-sizing: border-box;
+  margin-bottom: -15px;
 }
-.div-wsyl .cont img{
-    width: 99%;
+.div-wsyl .cont img {
+  width: 99%;
 }
 .div-wsyl .cont .list li {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .div-wsyl .cont .list li span:first-child {
-    font-size: 16px;
-    font-family: Microsoft YaHei;
-    color: #666666;
-    line-height: 36px;
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  color: #666666;
+  line-height: 36px;
 }
 
 .div-wsyl .cont .list li span:last-child {
-    width: 70px;
-    font-size: 20px;
-    font-family: Microsoft YaHei;
-    font-weight: bold;
-    font-style: italic;
-    color: #125DB2;
-    line-height: 36px;
+  width: 70px;
+  font-size: 20px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  font-style: italic;
+  color: #125db2;
+  line-height: 36px;
 }
 
 .div-wsyl .right .title {
-    width: 100vw;
+  /* width: 100vw;
     height: 40px;
     line-height: 40px;
     text-align: center;
@@ -283,135 +284,153 @@ select::-ms-expand {
     font-size: 18px;
     color: #333333;
     margin-left: 0;
-    margin-bottom: -1px;
+    margin-bottom: -1px; */
+}
+
+.new-title {
+  background: url("../images/skill-title.png");
+  background-size: 100% 100%;
+  width: 160px;
+  line-height: 33px;
+  text-align: center;
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  color: #0084ff;
+  margin: 40px auto;
+    margin-bottom: 25px;
 }
 
 .div-wsyl .title .select {
-    background: #125DB2;
-    color: #fff !important;
-    overflow: auto;
-    display: flex;
-    white-space: normal;
-    text-overflow: unset;
-    align-items: center;
-    justify-content: center;
-    line-height: 20px;
+  background: #125db2;
+  color: #fff !important;
+  overflow: auto;
+  display: flex;
+  white-space: normal;
+  text-overflow: unset;
+  align-items: center;
+  justify-content: center;
+  line-height: 20px;
 }
 /* 社会救助 */
-.div-shjz,.div-wsyl{
-    /* overflow-x: scroll;
+.div-shjz,
+.div-wsyl {
+  /* overflow-x: scroll;
     width: 1075px; */
 }
-.div-shjz .title,.div-wsyl .title {
-    width: 100%;
+.div-shjz .title,
+.div-wsyl .title {
+  /* width: 100%;
     height: 50px;
-    margin: 10px auto;
-    background: #EBF4FF;
+    margin: 10px auto; */
+  /* background: #EBF4FF; */
 }
 
-.div-shjz .title,.div-wsyl .title {
-    display: flex;
-    justify-content: space-evenly;
+.div-shjz .title,
+.div-wsyl .title {
+  display: flex;
+  justify-content: space-evenly;
 }
 
-.div-shjz .title .list,.div-wsyl .title .list {
-    width: 140px;
-    height: 50px;
-    line-height: 50px;
-    font-size: 14px;
-    font-family: Microsoft YaHei;
-    color: #333333;
-    text-align: center;
-    cursor: pointer;
-    padding: 0 5px;
-    box-sizing: border-box;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
+.div-shjz .title .list,
+.div-wsyl .title .list {
+  width: 140px;
+  height: 50px;
+  line-height: 50px;
+  font-size: 14px;
+  font-family: Microsoft YaHei;
+  color: #333333;
+  text-align: center;
+  cursor: pointer;
+  padding: 0 5px;
+  box-sizing: border-box;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .div-shjz .title .select {
-    background: #125DB2;
-    color: #fff !important;
-    overflow: auto;
-    display: flex;
-    white-space: normal;
-    text-overflow: unset;
-    align-items: center;
-    justify-content: center;
-    line-height: 20px;
+  background: #125db2;
+  color: #fff !important;
+  overflow: auto;
+  display: flex;
+  white-space: normal;
+  text-overflow: unset;
+  align-items: center;
+  justify-content: center;
+  line-height: 20px;
 }
 /* 教育领域 */
 .div-jyly .title {
-    font-size: 20px;
-    color: #333333;
-    margin: 20px auto;
-    text-align: center;
+  font-size: 20px;
+  color: #333333;
+  margin: 20px auto;
+  text-align: center;
 }
 
 .div-jyly .itemData {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .div-jyly .itemData li {
-    width: 265px;
-    height: 130px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    font-size: 18px;
-    color: #333333;
+  width: 265px;
+  height: 130px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  color: #333333;
 }
 
 .div-jyly .itemData li .right .bottom {
-    display: flex;
-    align-items: flex-end;
-    margin-top: 16px;
+  display: flex;
+  align-items: flex-end;
+  margin-top: 16px;
 }
 
 .div-jyly .itemData li .right .bottom .number {
-    font-size: 34px;
-    font-weight: bold;
-    font-style: italic;
-    color: #004A93;
+  font-size: 34px;
+  font-weight: bold;
+  font-style: italic;
+  color: #004a93;
 }
 
 .div-jyly .itemData li .right .bottom .unit {
-    color: #999999;
-    margin-left: 10px;
+  color: #999999;
+  margin-left: 10px;
 }
 
 .div-jyly .jylyTable .titleList,
 .div-jyly .jylyTable .number {
-    display: flex;
-    font-size: 16px;
-    font-family: Microsoft YaHei;
-    color: #FFFFFF;
-    margin: auto 10px;
+  display: flex;
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  color: #ffffff;
+  margin: auto 10px;
 }
 
 .div-jyly .jylyTable .titleList li,
 .div-jyly .jylyTable .number li {
-    width: 500px;
-    height: 60px;
-    background: #7293B9;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    border-right: 1px solid #fff;
+  width: 500px;
+  height: 60px;
+  background: #7293b9;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-right: 1px solid #fff;
 }
 
 .div-jyly .jylyTable .number li {
-    background: #fff;
-    color: #333;
-    border: 1px solid #7293B9;
-    border-right: none;
+  background: #fff;
+  color: #333;
+  border: 1px solid #7293b9;
+  border-right: none;
 }
 
 .div-jyly .jylyTable .number li:last-child,
 .div-jyly .jylyTable .titleList li:last-child {
-    border-right: 1px solid #7293B9;
-}
+  border-right: 1px solid #7293b9;
+}

nngkxxdp/src/main/resources/static/natj/dataCenter/index.html

@@ -24,7 +24,7 @@
             height: 510px;
         }
 
-        #cyrsEchart{
+        #cyrsEchart {
             width: 650px;
             height: 510px;
         }
@@ -42,26 +42,30 @@
 
         #wsylchar {
             width: 600px;
-            height: 710px;
+            height: 450px;
         }
 
         #other1,
         #other2 {
             width: 674px;
-            height: 300px;
-            border: 1px solid #ccc;
-            border-top: none;
+            height: 450px;
         }
 
         #ylryEchar {
-            width: 800px;
-            height: 710px;
+            width: 1250px;
+            height: 450px;
             margin: auto;
         }
 
         #zlrsEchar {
-            width: 800px;
-            height: 710px;
+            width: 1250px;
+            height: 450px;
+            margin: auto;
+        }
+
+        #zlrs {
+            width: 1250px;
+            height: 450px;
             margin: auto;
         }
 
@@ -104,6 +108,14 @@
             margin: 55px auto;
             margin-bottom: 0
         }
+
+        .chart-bottom {
+            font-size: 13px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #666666;
+            text-align: center;
+        }
     </style>
 </head>
 
@@ -314,11 +326,11 @@
                 </div>
             </div>
             <div class="items div-wsyl" style="display: none;">
-                <ul class="title">
+                <!-- <ul class="title">
                     <li class="list select" data-type="1" id="zdsh">医疗机构、床位数</li>
                     <li class="list" data-type="2">医疗卫生人员</li>
                     <li class="list" data-type="3">诊疗人数</li>
-                </ul>
+                </ul> -->
                 <div class="chart-item">
                     <div class="title"><span>医疗卫生机构情况</span></div>
                 </div>
@@ -326,21 +338,28 @@
                     <div class="ylws-left">
                         <div class="title">医疗卫生机构数</div>
                         <div id="wsylchar"></div>
+                        <div class="chart-bottom" style="margin-bottom:80px">*不含市级审批医疗机构9家</div>
                     </div>
                     <div class="right">
                         <div class="title">医疗卫生机构床位数</div>
-                        <div>
-                            <div class="title">2022年</div>
-                            <div id="other1"></div>
-                        </div>
-                        <div>
-                            <div class="title">2023年二季度</div>
-                            <div id="other2"></div>
-                        </div>
+                        <div id="other1"></div>
                     </div>
                 </div>
+                <div class="title" style="margin-top:50px;">医疗卫生机构数</div>
                 <div class="ylry" id="ylryEchar"></div>
+                <div class="chart-bottom" style="margin-bottom:80px">*不含市级审批的医疗机构9家</div>
+
+                <div class="chart-item">
+                    <div class="title"><span>医疗卫生人员</span></div>
+                </div>
                 <div class="zlrs" id="zlrsEchar"></div>
+                <div class="chart-bottom" style="margin-bottom:80px">
+                    *医师和护士不含重医附二院和武警医院数据（其中重医附二院江南院区护士1148人和武警医院护士375人。重医附二院江南院区医师576人和武警医院医师375人</div>
+
+                <div class="chart-item">
+                    <div class="title"><span>诊疗人数</span></div>
+                </div>
+                <div class="zlrs" id="zlrs"></div>
                 <!-- <div class="cont" style="left: 58px;bottom: 146px;">
                     <div class="detail" style="background-image: url(images/bg-1.png);">
                         <ul class="list ylfirst">
@@ -443,7 +462,7 @@
 <!-- 文化文旅数据js -->
 <script src="js/culturalTourism.js"></script>
 <!-- 卫生医疗数据js -->
-<script src="js/healthCareNew.js"></script>
+<script src="js/healthCareZt.js"></script>
 <!-- 教育领域数据js -->
 <script src="js/education.js"></script>
 <script>

nngkxxdp/src/main/resources/static/natj/dataCenter/indexMobile.html

@@ -58,7 +58,7 @@
             height: 310px;
         }
 
-        #cyrsEchart{
+        #cyrsEchart {
             width: 100vw;
             height: 310px;
         }
@@ -66,20 +66,18 @@
         #other1,
         #other2 {
             width: 99vw;
-            height: 500px;
-            border: 1px solid #ccc;
-            border-top: none;
+            height: 300px;
         }
 
         #ylryEchar {
             width: 100vw;
-            height: 710px;
+            height: 300px;
             margin: auto;
         }
 
         #zlrsEchar {
             width: 100vw;
-            height: 710px;
+            height: 300px;
             margin: auto;
         }
 
@@ -119,6 +117,23 @@
             margin: 35px auto;
             margin-bottom: 0
         }
+
+        .chart-bottom {
+            font-size: 13px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #666666;
+            text-align: center;
+            margin-bottom: 40px;
+            width: 70vw;
+            margin:auto;
+        }
+
+        #zlrs {
+            width: 100vw;
+            height: 300px;
+            margin: auto;
+        }
     </style>
 </head>
 
@@ -379,12 +394,12 @@
                     </div>
                     <img src="images/content_tipthree.png" alt="">
                 </div> -->
-                <ul class="title">
+                <!-- <ul class="title">
                     <li class="list select" data-type="1" id="zdsh">医疗机构、床位数</li>
                     <li class="list" data-type="2">医疗卫生人员</li>
                     <li class="list" data-type="3">诊疗人数</li>
-                </ul>
-                <div class="yljgcws">
+                </ul> -->
+                <!-- <div class="yljgcws">
                     <div class="left">
                         <div id="wsylchar"></div>
                     </div>
@@ -400,7 +415,36 @@
                     </div>
                 </div>
                 <div class="ylry" id="ylryEchar"></div>
+                <div class="zlrs" id="zlrsEchar"></div> -->
+                <div class="chart-item">
+                    <div class="title"><span>医疗卫生机构情况</span></div>
+                </div>
+                <div class="yljgcws">
+                    <div class="ylws-left">
+                        <div class="new-title">医疗卫生机构数</div>
+                        <div id="wsylchar"></div>
+                        <div class="chart-bottom" style="margin-bottom:40px">*不含市级审批医疗机构9家</div>
+                    </div>
+                    <div class="right">
+                        <div class="new-title">医疗卫生机构床位数</div>
+                        <div id="other1"></div>
+                    </div>
+                </div>
+                <div class="new-title">医疗卫生机构数</div>
+                <div class="ylry" id="ylryEchar"></div>
+                <div class="chart-bottom" style="margin-bottom:40px">*不含市级审批的医疗机构9家</div>
+
+                <div class="chart-item">
+                    <div class="title"><span>医疗卫生人员</span></div>
+                </div>
                 <div class="zlrs" id="zlrsEchar"></div>
+                <div class="chart-bottom" style="margin-bottom:40px">
+                    *医师和护士不含重医附二院和武警医院数据（其中重医附二院江南院区护士1148人和武警医院护士375人。重医附二院江南院区医师576人和武警医院医师375人</div>
+
+                <div class="chart-item">
+                    <div class="title"><span>诊疗人数</span></div>
+                </div>
+                <div class="zlrs" id="zlrs"></div>
             </div>
             <div class="items div-shjz" style="display: none;">
                 <ul class="title">
@@ -454,7 +498,8 @@
 <!-- 文化文旅数据js -->
 <script src="js/culturalTourismMobile.js"></script>
 <!-- 卫生医疗数据js -->
-<script src="js/healthCareNewMobile.js"></script>
+<!-- <script src="js/healthCareNewMobile.js"></script> -->
+<script src="js/healthCareZt.js"></script>
 <!-- 教育领域数据js -->
 <script src="js/education.js"></script>
 <script>

nngkxxdp/src/main/resources/static/natj/dataCenter/js/healthCareZt.js

@@ -0,0 +1,362 @@
+function healthCareNew() {
+  var chartDom = document.getElementById("wsylchar");
+  var myChart = echarts.init(chartDom);
+  var option;
+  myChart.clear();
+  option = {
+    xAxis: {
+      type: "category",
+      data: ["2021年", "2022年", "2023年"],
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        formatter: "{value} 家",
+      },
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: true,
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+      backgroundColor: "rgb(0 0 0 / 40%)",
+      borderColor: "transparent",
+      textStyle: {
+        color: "#fff",
+      },
+      valueFormatter: function (value) {
+        return value + " 家";
+      },
+      confine: true
+    },
+    series: [
+      {
+        name: "在园幼儿",
+        data: [682, 707, 753],
+        type: "bar",
+        barWidth: "60",
+      },
+    ],
+  };
+
+  option && myChart.setOption(option);
+
+  var chartDom = document.getElementById("other1");
+  var myChart = echarts.init(chartDom);
+  myChart.clear();
+  var option;
+
+  option = {
+    xAxis: {
+      type: "category",
+      data: ["2021年", "2022年", "2023年"],
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        formatter: "{value} 个",
+      },
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: true,
+    },
+    legend: {
+      type: "plain",
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+      backgroundColor: "rgb(0 0 0 / 40%)",
+      borderColor: "transparent",
+      textStyle: {
+        color: "#fff",
+      },
+      valueFormatter: function (value) {
+        return value + " 个";
+      },
+      confine: true
+    },
+    series: [
+      {
+        name: "医疗机构床位数",
+        data: [7208, 7200, 5396],
+        type: "bar",
+        barWidth: "60",
+      },
+    ],
+  };
+
+  option && myChart.setOption(option);
+
+  var chartDom = document.getElementById("ylryEchar");
+  var myChart = echarts.init(chartDom);
+  myChart.clear();
+  var option;
+
+  option = {
+    xAxis: {
+      type: "category",
+      data: ["2021年", "2022年", "2023年"],
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        formatter: "{value} 家",
+      },
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: true,
+    },
+    legend: {
+      show: true,
+      type: "scroll",
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+      backgroundColor: "rgb(0 0 0 / 40%)",
+      borderColor: "transparent",
+      textStyle: {
+        color: "#fff",
+      },
+      valueFormatter: function (value) {
+        return value + " 家";
+      },
+      confine: true
+    },
+    series: [
+      {
+        name: "医院",
+        data: [24, 24, 24],
+        type: "bar",
+        itemStyle: {
+          color: "#27C2C1",
+        },
+      },
+      {
+        name: "卫生院",
+        data: [7, 7, 6],
+        type: "bar",
+        itemStyle: {
+          color: "#3377D6",
+        },
+      },
+      {
+        name: "社区卫生服务中心（站）",
+        data: [46, 46, 45],
+        type: "bar",
+        itemStyle: {
+          color: "#5470C6",
+        },
+      },
+      {
+        name: "村卫生室",
+        data: [33, 31, 28],
+        type: "bar",
+        itemStyle: {
+          color: "#91CC75",
+        },
+      },
+      {
+        name: "疾控中心",
+        data: [1, 1, 1],
+        type: "bar",
+        itemStyle: {
+          color: "#FAC03E",
+        },
+      },
+      {
+        name: "妇幼保健院",
+        data: [1, 1, 1],
+        type: "bar",
+        itemStyle: {
+          color: "#FA8319",
+        },
+      },
+    ],
+  };
+
+  option && myChart.setOption(option);
+
+  var chartDom = document.getElementById("zlrsEchar");
+  var myChart = echarts.init(chartDom);
+  myChart.clear();
+  var option;
+
+  option = {
+    xAxis: {
+      type: "category",
+      data: ["2021年", "2022年", "2023年"],
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        formatter: "{value} 人",
+      },
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: true,
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+      backgroundColor: "rgb(0 0 0 / 40%)",
+      borderColor: "transparent",
+      textStyle: {
+        color: "#fff",
+      },
+      valueFormatter: function (value) {
+        return value + " 人";
+      },
+      confine: true
+    },
+    legend: {
+      show: true,
+      type: "scroll",
+    },
+    series: [
+      {
+        name: "卫生技术人员",
+        data: [10856, 10435, 11596],
+        type: "bar",
+        itemStyle: {
+          color: "#3377D6",
+        },
+      },
+      {
+        name: "执业（助理）医师",
+        data: [4267, 3360, 4554],
+        type: "bar",
+        itemStyle: {
+          color: "#FA8319",
+        },
+      },
+      {
+        name: "注册护士",
+        data: [6589, 4054, 7042],
+        type: "bar",
+        itemStyle: {
+          color: "#2294FF",
+        },
+      },
+      {
+        name: "每千人口执业（助理）医师",
+        data: [3.36, 2.8, 3.79],
+        type: "bar",
+        itemStyle: {
+          color: "#91CC75",
+        },
+      },
+      {
+        name: "每千人口注册护士",
+        data: [5.19, 3.38, 5.86],
+        type: "bar",
+        itemStyle: {
+          color: "#27C2C1",
+        },
+      },
+    ],
+  };
+
+  option && myChart.setOption(option);
+
+  var chartDom = document.getElementById("zlrs");
+  var myChart = echarts.init(chartDom);
+  myChart.clear();
+  var option;
+
+  option = {
+    xAxis: {
+      type: "category",
+      data: ["2021年", "2022年", "2023年"],
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        formatter: "{value} 万人",
+      },
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: true,
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+      backgroundColor: "rgb(0 0 0 / 40%)",
+      borderColor: "transparent",
+      textStyle: {
+        color: "#fff",
+      },
+      valueFormatter: function (value) {
+        return value + " 万人";
+      },
+      confine: true
+    },
+    legend: {
+      show: true,
+      type: "scroll",
+    },
+    series: [
+      {
+        name: "总诊疗人次",
+        data: [576.8, 564.99, 342.5],
+        type: "bar",
+        itemStyle: {
+          color: "#3377D6",
+        },
+      },
+      {
+        name: "门急诊人次",
+        data: [529.7, 530.2, 342.6],
+        type: "bar",
+        itemStyle: {
+          color: "#27C2C1",
+        },
+      },
+      {
+        name: "入院人次",
+        data: [11.3, 11.3, "一年统计一次"],
+        type: "bar",
+        itemStyle: {
+          color: "#2294FF",
+        },
+      },
+      {
+        name: "出院人次",
+        data: [11.3, 11.2, 12],
+        type: "bar",
+        itemStyle: {
+          color: "#91CC75",
+        },
+      },
+    ],
+  };
+
+  option && myChart.setOption(option);
+}