Domů Procházet Nápověda
Registrovat se Přihlásit se
front
/
processQCDemo
2
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Procházet zdrojové kódy

v1.1.0

zhouna před 4 roky
rodič
0046121e08
revize
eb892aed00
10 změnil soubory, kde provedl 105 přidání a 21 odebrání
Jednotné zobrazení Ukázat statistiku rozdílových dat
  1. binární
      dist.rar
  2. 43 6
      src/css/index.less
  3. 2 2
      src/css/reset.less
  4. binární
      src/images/detail.png
  5. binární
      src/images/home.png
  6. binární
      src/images/iselect.png
  7. binární
      src/images/select.png
  8. 55 8
      src/index.html
  9. 4 4
      src/index.js
  10. 1 1
      src/js/api.js

binární
dist.rar
Zobrazit soubor


+ 43 - 6
src/css/index.less
Zobrazit soubor 

@@ -1,12 +1,42 @@
 
 @import './reset.less';
 
 @import './reset.less';
 
+.red{
 
+  color: #FF4D4F;
 
+}
 
+.blue{
 
+  color: #5B8FEE;
 
+}
 
 .container{
 
 .container{
 
-  padding: 10px;
 
   // min-width: 360px;
 
   // min-width: 360px;
 
-  overflow-y: hidden;
 
 }
 
 }
 
 .content{
 
 .content{
 
+  background: #E2E5EF;
 
+  margin: 6px 10px;
 
   border: 1px solid #E2E5EF;
 
   border: 1px solid #E2E5EF;
 
 }
 
 }
 
+.flawSumup{
 
+  padding-bottom: 10px;
 
+  .label-name{
 
+    font-weight: bold;
 
+  }
 
+  img{
 
+    width: 16px;
 
+    height: 18px;
 
+    vertical-align: middle;
 
+  }
 
+  table{
 
+    width: 360px;
 
+    margin:10px 15px 0;
 
+  };
 
+  td{
 
+    height: 40px;
 
+    line-height: 40px;
 
+  }
 
+}
 
+.box{
 
+  /*border: 1px solid #E2E5EF;*/
 
+  margin-bottom: 8px;
 
+  background: #fff;
 
+}
 
 .title{
 
 .title{
 
   height: 44px;
 
   height: 44px;
 
   line-height: 44px;
 
   line-height: 44px;
 
@@ -25,16 +55,23 @@
 
     font-weight:bold;
 
     font-weight:bold;
 
     color: #333;
 
     color: #333;
 
   }
 
   }
 
-  .numBox{
 
-    font-size: 14px;
 
-    color: #AAA;
 
-  }
 
 }
 
 }
 
 .flawList{
 
 .flawList{
 
   padding: 0 15px 20px;
 
   padding: 0 15px 20px;
 
   overflow-y: auto;
 
   overflow-y: auto;
 
   table{
 
   table{
 
     width: 100%;
 
     width: 100%;
 
+    margin-top: 9px;
 
+    thead th{
 
+      background: #5B8FEE;
 
+      color: #fff;
 
+      height: 49px;
 
+      border-right: 1px #fff solid;
 
+      font-size: 16px;
 
+      &:last-child{
 
+        border-right: none;
 
+      }
 
+    }
 
     td{
 
     td{
 
       padding:10px 0;
 
       padding:10px 0;
 
       border-bottom: 1px solid #E2E5EF;
 
       border-bottom: 1px solid #E2E5EF;

+ 2 - 2
src/css/reset.less
Zobrazit soubor 

@@ -32,9 +32,9 @@ input {
 
 }
 
 }
 
 
 
 html,
 
 html,
 
-body {
 
+body,td,span,div {
 
   font-family: 'Microsoft YaHei', arial, tahoma, sans-serif;
 
   font-family: 'Microsoft YaHei', arial, tahoma, sans-serif;
 
-  color: #000;
 
+  color: #333;
 
 }
 
 }
 
 
 
 ol,
 
 ol,

binární
src/images/detail.png
Zobrazit soubor


binární
src/images/home.png
Zobrazit soubor


binární
src/images/iselect.png
Zobrazit soubor


binární
src/images/select.png
Zobrazit soubor


+ 55 - 8
src/index.html
Zobrazit soubor 

@@ -20,20 +20,67 @@
 
 <body>
 
 <body>
 
   <div class="container">
 
   <div class="container">
 
     <div class="content">
 
     <div class="content">
 
+    <div class="box">
 
       <div class="title clearfix">
 
       <div class="title clearfix">
 
         <span class="line"></span>
 
         <span class="line"></span>
 
-        <span class="titleTxt">缺陷详情</span>
 
-        <span class="numBox fr">
 
-          <span class="flawNum">*</span>
 
-          <span>条</span>
 
-        </span>
 
-        
+        <span class="titleTxt">质控概况</span>
 
+      </div>
 
+      <div class="flawSumup">
 
+        <table>
 
+          <tr>
 
+            <td>
 
+              <div class="item">
 
+                <img src="./images/select.png" alt="" class="icon"/>
 
+                <span class="label-name">病历等级:</span>
 
+                <span class="blue" id="level">已</span>
 
+              </div>
 
+            </td>
 
+            <td>
 
+              <div class="item">
 
+                <img src="./images/detail.png" alt="" class="icon"/>
 
+                <span class="label-name">病历评分:</span>
 
+                <span class="blue" id="score">75</span>
 
+              </div>
 
+            </td>
 
+          </tr>
 
+          <tr>
 
+            <td>
 
+              <div class="item">
 
+                <img src="./images/home.png" alt="" class="icon"/>
 
+                <span class="label-name">缺陷总数:</span>
 
+                <span class="red" id="num">3</span>
 
+              </div>
 
+            </td>
 
+            <td>
 
+              <div class="item">
 
+                <img src="./images/iselect.png" alt="" class="icon"/>
 
+                <span class="label-name">缺陷总扣分:</span>
 
+                <span class="red" id="flawMark">27</span>
 
+              </div>
 
+            </td>
 
+          </tr>
 
+        </table>
 
+      </div>
 
+    </div>
 
+    <div class="box">
 
+      <div class="title clearfix">
 
+        <span class="line"></span>
 
+        <span class="titleTxt">缺陷总览</span>
 
       </div>
 
       </div>
 
       <div class="flawList">
 
       <div class="flawList">
 
-
 
+        <table>
 
+          <thead>
 
+            <tr>
 
+              <th>来源</th>
 
+              <th>缺陷详情</th>
 
+              <th>扣分</th>
 
+            </tr>
 
+          </thead>
 
+          <tbody></tbody>
 
+        </table>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
-      
+    </div>
 
   </div>
 
   </div>
 
 </body>
 
 </body>

+ 4 - 4
src/index.js
Zobrazit soubor 

@@ -18,7 +18,7 @@ setListHei()
 
 
 
 
 
 function getFLawList(){
 
 function getFLawList(){
 
-    post(api.analyzeRun,{behospitalCode:behospitalCode,hospitalId:hospitalId, modeId:modeId}).then(function(res){
 
+    post(api.flawTotal,{behospitalCode:behospitalCode,isPlacefile:'1'}).then(function(res){
 
       if(res.data.code==='0'){
 
       if(res.data.code==='0'){
 
         const data = res.data.data&&res.data.data.msgDTOList;
 
         const data = res.data.data&&res.data.data.msgDTOList;
 
         renderFlawList(data)
 
         renderFlawList(data)
 
@@ -34,7 +34,7 @@ function getFLawList(){
 
 getFLawList()
 
 getFLawList()
 
 
 
 function renderFlawList(flawList){
 
 function renderFlawList(flawList){
 
-    let str = `<table>`;
 
+    let str = ``;
 
     for(let i = 0; i < flawList.length; i++){
 
     for(let i = 0; i < flawList.length; i++){
 
         /*let flawItem = `<div class="flawItem">
 
         /*let flawItem = `<div class="flawItem">
 
             <span class="flawItemIconBox"><img class="flawItemIcon" src="${iconWarn}" /></span>
 
             <span class="flawItemIconBox"><img class="flawItemIcon" src="${iconWarn}" /></span>
 
@@ -48,7 +48,7 @@ function renderFlawList(flawList){
 
         str += flawItem;
 
         str += flawItem;
 
         
         
     }
 
     }
 
-    str+="</table>";
 
+    //str+="</table>";
 
     if(flawList.length === 0){
 
     if(flawList.length === 0){
 
         str = `
 
         str = `
 
             <div class="empty">
 
             <div class="empty">
 
@@ -57,7 +57,7 @@ function renderFlawList(flawList){
 
             </div>
 
             </div>
 
         `;
 
         `;
 
     }
 
     }
 
-    $('.flawList').html(str);
 
+    $('.flawList tbody').html(str);
 
     replaceSrc();
 
     replaceSrc();
 
     $('.flawNum').html(flawList.length)
 
     $('.flawNum').html(flawList.length)
 
 }
 
 }

+ 1 - 1
src/js/api.js
Zobrazit soubor 

@@ -1,5 +1,5 @@
 
 const api = {
 
 const api = {
 
-    analyzeRun:'/qc/behospitalInfo/analyze_run',
 
+  flawTotal:'/qc/behospitalInfo/getByBehospitalCode',
 
 }
 
 }
 
 module.exports = {
 
 module.exports = {
 
     api
 
     api