Explorar o código

柱状图 显示异常bug 页面切换闪一下bug

morphone1995 %!s(int64=4) %!d(string=hai) anos
pai
achega
f54b777727
Modificáronse 2 ficheiros con 33 adicións e 7 borrados
  1. 2 6
      src/html/console.html
  2. 31 1
      src/js/console.js

+ 2 - 6
src/html/console.html

@@ -37,7 +37,7 @@
                       <span class="personNum">总人数:</span>
                     </p>
                     <div class="chuyuan" id="chuyuan">
-                      <ul class="clearfix" style="cursor: default;">
+                      <!-- <ul class="clearfix" style="cursor: default;">
                         <li class="topLis chuyuannum" data-type="1">
                           <p class="numShow died"></p>
                           <p class="explainNum">死亡人数</p>
@@ -58,11 +58,7 @@
                           <p class="numShow againNum"></p>
                           <p class="explainNum">31日再入院病人数</p>
                         </li>
-                        <!-- <li class="li05 li04again" data-type="5">
-                          <p class="numShow againNum"></p>
-                          <p class="explainNum">31日再入院病人数</p>
-                        </li> -->
-                      </ul>
+                      </ul> -->
                     </div>
                     <div class="chuyuanEmpty"></div>
                     <div class="defect">

+ 31 - 1
src/js/console.js

@@ -52,6 +52,7 @@ $(function(){
     // getBarData(2)//图标数据获取
     dateChange()
     $(window).resize(function(){
+        console.log('窗口大小改变');
         resizeBox()
     })
     $(window).click(function(){
@@ -601,6 +602,31 @@ function personNum(data){
         $(".chuyuanEmpty").css("display","none")
         $(".chuyuan,.personNum").css("display","block")
     }
+    $('.chuyuan').html(`
+        <ul class="clearfix" style="cursor: default;">
+        <li class="topLis chuyuannum" data-type="1">
+            <p class="numShow died"></p>
+            <p class="explainNum">死亡人数</p>
+        </li>
+        <li class="li02 topLis chuyuannum" data-type="2">
+            <p class="numShow newborn"></p>
+            <p class="explainNum">新生儿患者</p>
+        </li>
+        <li class="li03 topLis chuyuannum" data-type="3">
+            <p class="numShow patientNum"></p>
+            <p class="explainNum">手术病人数</p>
+        </li>
+        <li class="li04 chuyuannum" data-type="4">
+            <p class="numShow goAwayNum"></p>
+            <p class="explainNum">非医嘱离院病人数</p>
+        </li>
+        <li class="li04 li04again" data-type="5">
+            <p class="numShow againNum"></p>
+            <p class="explainNum">31日再入院病人数</p>
+        </li>
+        </ul>
+    
+    `)
     $(".personNum").html("总人数:"+data['总人数']).parent(".chuyuannum").attr("data-num",'全部')
     $(".died").html(data['死亡人数']).parent(".chuyuannum").attr("data-num",'死亡人数')
     $(".newborn").html(data['新生儿人数']).parent(".chuyuannum").attr("data-num",'新生儿患者')
@@ -1280,10 +1306,13 @@ function barChartLevel(dataX,dataY){
         $("#barChart,.part02 .toggleSlide").css("display","none")
         picEmptyData('.barChartPayEmpty')
     }else{
-        $("#barChart,.part02 .toggleSlide").css("display","block")
+        // $("#barChart,.part02 .toggleSlide").css("display","block")
+        $("#barChart,.part02 .toggleSlide").show()
         $(".barChartPayEmpty").css("display","none")
     }
     var myCharts = echarts.init(document.getElementById('barChart'));
+    // console.log(myCharts,'myCharts');
+    setTimeout(function () { myCharts.resize()},0)  // 处理 #5737bug,暂时处理方法,需后续优化
     $(window).resize(function(){
         myCharts.resize()
     });
@@ -1378,6 +1407,7 @@ function barChartLevel(dataX,dataY){
             }
         ]
     };
+    // setTimeout(function () { myCharts.setOption(option);},200)
     myCharts.setOption(option);
 }
 function barChart(data,type){