Home Explore Help
Register Sign In
front
/
AIPlatform
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

样式调整

luolei 5 years ago
parent
7008b36969
commit
c0665ccdad
4 changed files with 30 additions and 24 deletions
Unified View Show Diff Stats
  1. 24 20
      src/css/console.less
  2. 2 3
      src/html/console.html
  3. 3 0
      src/js/console.js
  4. 1 1
      src/js/index.js

+ 24 - 20
src/css/console.less
View File 

@@ -1,34 +1,38 @@
 
 .echarts {
 
 .echarts {
 
   width: 100%;
 
   width: 100%;
 
-  height: 400px;
 
+  height: 300px;
 
   padding: 0 15px;
 
   padding: 0 15px;
 
 }
 
 }
 
 .barChartPay {
 
 .barChartPay {
 
   width: 100%;
 
   width: 100%;
 
-  height: 400px;
 
+  height: 300px;
 
   padding: 0 15px;
 
   padding: 0 15px;
 
 }
 
 }
 
 .emptyCircle {
 
 .emptyCircle {
 
   width: 45%;
 
   width: 45%;
 
   height: 200px;
 
   height: 200px;
 
   float: left;
 
   float: left;
 
-  margin-top: 95px;
 
+  margin-top: 56px;
 
+}
 
+.partAll {
 
+  background-color: #fff;
 
 }
 
 }
 
 .partWrap {
 
 .partWrap {
 
   overflow-x: hidden;
 
   overflow-x: hidden;
 
   overflow-y: auto;
 
   overflow-y: auto;
 
-  height: 100%;
 
+  height: auto;
 
+  background: #f5f5f5;
 
   ul {
 
   ul {
 
     padding: 0 40px;
 
     padding: 0 40px;
 
   }
 
   }
 
   .partLi {
 
   .partLi {
 
     float: left;
 
     float: left;
 
-    margin: 30px 0;
 
+    margin: 15px 0;
 
     width: 20%;
 
     width: 20%;
 
-    height: 114px;
 
+    height: 100px;
 
     overflow: hidden;
 
     overflow: hidden;
 
     .partIn {
 
     .partIn {
 
-      height: 114px;
 
+      height: 100px;
 
       box-sizing: border-box;
 
       box-sizing: border-box;
 
       border-radius: 3px;
 
       border-radius: 3px;
 
       padding: 10px 15px;
 
       padding: 10px 15px;
 
@@ -40,7 +44,7 @@
 
       color: #51649C;
 
       color: #51649C;
 
     }
 
     }
 
     .top {
 
     .top {
 
-      margin-bottom: 20px;
 
+      margin-bottom: 12px;
 
     }
 
     }
 
     .btm {
 
     .btm {
 
       padding-bottom: 4px;
 
       padding-bottom: 4px;
 
@@ -60,8 +64,8 @@
 
     font-size: 16px;
 
     font-size: 16px;
 
     font-weight: bold;
 
     font-weight: bold;
 
     border-bottom: 1px solid #E2E5EF;
 
     border-bottom: 1px solid #E2E5EF;
 
-    height: 44px;
 
-    line-height: 44px;
 
+    height: 36px;
 
+    line-height: 36px;
 
     padding-left: 15px;
 
     padding-left: 15px;
 
   }
 
   }
 
 }
 
 }
 
@@ -74,9 +78,9 @@
 
   background-color: #f5f5f5;
 
   background-color: #f5f5f5;
 
 }
 
 }
 
 .partTitle {
 
 .partTitle {
 
-  position: fixed;
 
+  position: relative;
 
   top: 0;
 
   top: 0;
 
-  right: 18px;
 
+  right: 0;
 
   width: 100%;
 
   width: 100%;
 
   box-sizing: border-box;
 
   box-sizing: border-box;
 
   background-color: #fff;
 
   background-color: #fff;
 
@@ -122,13 +126,13 @@
 
   height: 44px;
 
   height: 44px;
 
   line-height: 44px;
 
   line-height: 44px;
 
   padding-left: 10px;
 
   padding-left: 10px;
 
-  margin-right: 18px;
 
+  margin-right: 0;
 
 }
 
 }
 
 .pubEchart {
 
 .pubEchart {
 
   width: 50%;
 
   width: 50%;
 
   display: inline-block;
 
   display: inline-block;
 
-  border-bottom: 10px solid #f5f5f5;
 
-
 
+  margin-bottom: 10px;
 
+  background-color: #fff;
 
 }
 
 }
 
 .paymoney {
 
 .paymoney {
 
   border-right: 5px solid #f5f5f5;
 
   border-right: 5px solid #f5f5f5;
 
@@ -139,19 +143,19 @@
 
   box-sizing: border-box;
 
   box-sizing: border-box;
 
 }
 
 }
 
 .defect {
 
 .defect {
 
-  border-bottom: 10px solid #f5f5f5;
 
   border-right: 5px solid #f5f5f5;
 
   border-right: 5px solid #f5f5f5;
 
+  background-color: #fff;
 
   box-sizing: border-box;
 
   box-sizing: border-box;
 
   width: 45%;
 
   width: 45%;
 
   display: inline-block;
 
   display: inline-block;
 
-  height: 455px;
 
+  height: 350px;
 
   overflow: hidden;
 
   overflow: hidden;
 
   .list {
 
   .list {
 
     padding: 15px 30px;
 
     padding: 15px 30px;
 
     width: 100%;
 
     width: 100%;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     overflow: auto;
 
     overflow: auto;
 
-    height: 405px;
 
+    height: 308px;
 
   }
 
   }
 
   .thead {
 
   .thead {
 
     td {
 
     td {
 
@@ -194,11 +198,11 @@
 
   }
 
   }
 
 }
 
 }
 
 .circle {
 
 .circle {
 
-  height: 455px;
 
+  height: 350px;
 
   width: 55%;
 
   width: 55%;
 
   display: inline-block;
 
   display: inline-block;
 
-  border-bottom: 10px solid #f5f5f5;
 
   border-left: 5px solid #f5f5f5;
 
   border-left: 5px solid #f5f5f5;
 
+  background-color: #fff;
 
   box-sizing: border-box;
 
   box-sizing: border-box;
 
   position: relative;
 
   position: relative;
 
 }
 
 }

+ 2 - 3
src/html/console.html
View File 

@@ -7,8 +7,6 @@
 
   <title>Document</title>
 
   <title>Document</title>
 
 </head>
 
 </head>
 
 <body >
 
 <body >
 
-  <div class="partWrap clearfix">
 
-    <div class="partTitles"></div>
 
     <div class="partTitle">
 
     <div class="partTitle">
 
       <p>住院病案首页数据质量管理与控制指标</p>
 
       <p>住院病案首页数据质量管理与控制指标</p>
 
       <div class="monthYear">
 
       <div class="monthYear">
 
@@ -16,6 +14,8 @@
 
         <span class="year">本年</span>
 
         <span class="year">本年</span>
 
       </div> 
       </div> 
     </div>
 
     </div>
 
+  <div class="partWrap clearfix">
 
+    <!-- <div class="partTitles"></div> -->
 
     <ul class="clearfix partAll">
 
     <ul class="clearfix partAll">
 
 
 
     </ul>
 
     </ul>
 
@@ -58,7 +58,6 @@
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
-    <br><br><br>
 
   </div>
 
   </div>
 
   <!-- <script src="./resource/swiper.min.js"></script> -->
 
   <!-- <script src="./resource/swiper.min.js"></script> -->
 
 </body>
 
 </body>

+ 3 - 0
src/js/console.js
View File 

@@ -13,6 +13,9 @@ $(function(){
 
 //     loop : true,//可选选项，开启循环
 
 //     loop : true,//可选选项，开启循环
 
 //     slidesPerView : 3,
 
 //     slidesPerView : 3,
 
 //   })
 
 //   })
 
+    $(".partWrap").css({
 
+        height:$(window).height()-38+'px'
 
+    })
 
   initConsole()//质控列表
 
   initConsole()//质控列表
 
   getBarData()//图标数据获取
 
   getBarData()//图标数据获取
 
   dateChange()
 
   dateChange()

+ 1 - 1
src/js/index.js
View File 

@@ -10,7 +10,7 @@ $(function(){
 
   //菜单展开收起
 
   //菜单展开收起
 
   sureChangeWord()
 
   sureChangeWord()
 
   $(".main").css({
 
   $(".main").css({
 
-    height:$(window).height()-60+'px'
 
+    height:$(window).height()-70+'px'
 
   })
 
   })
 
 });
 
 });