审核

src/css/appealExamine.less

@@ -131,3 +131,9 @@ h2 {
     }
   }
 }
+.required {
+  color: #e3505b;
+}
+.warning {
+  display: none;
+}

src/css/common.less

@@ -1,325 +1,347 @@
-@import './reset.less';
-.ellipsis{
-    overflow: hidden;
-    text-overflow:ellipsis;
-    white-space: nowrap;
+@import "./reset.less";
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .partTitle p a {
-    color: #8592B9;
-    opacity: 1;
+  color: #8592b9;
+  opacity: 1;
 }
 input:disabled {
-    background-color: @disColor;
+  background-color: @disColor;
 }
 
-.main-body-com{
-    background: #fff;
-    margin: 0;
-    padding: 20px 25px;
-    border:10px @disColor solid;
-    box-sizing: border-box;
+.main-body-com {
+  background: #fff;
+  margin: 0;
+  padding: 20px 25px;
+  border: 10px @disColor solid;
+  box-sizing: border-box;
 }
 
-.exportData{
-    display: inline-block;
-    width:60px;
-    height:34px;
-    line-height: 34px;
-    background: #fff;
-    border-radius: 4px;
-    color: #777;
-    text-align: center;
-    border: 1px solid #777;
-    box-sizing: border-box;
-    cursor: pointer;
-    margin-left: 10px;
-    margin-bottom: 20px;
-    float: left;
-    top: 0px;
+.exportData {
+  display: inline-block;
+  width: 60px;
+  height: 34px;
+  line-height: 34px;
+  background: #fff;
+  border-radius: 4px;
+  color: #777;
+  text-align: center;
+  border: 1px solid #777;
+  box-sizing: border-box;
+  cursor: pointer;
+  margin-left: 10px;
+  margin-bottom: 20px;
+  float: left;
+  top: 0px;
 }
 .export {
-    margin-bottom: 20px !important;
-}
-th[code]{
-    cursor: pointer;
-    &:after{
-        content:"";
-        display:inline-block;
-        width: 11px;
-        height: 14px;
-        margin-left: 4px;
-        vertical-align: middle;
-        background-size: 100%;
-        background-image: url("../images/grey.png");
-    }
-    &.asc:after{
-        background: url("../images/up_blue.png");
-        background-size: 100%;
-    }
-    &.desc:after{
-        background: url("../images/down_blue.png");
-        background-size: 100%;
-    }
+  margin-bottom: 20px !important;
+}
+th[code] {
+  cursor: pointer;
+  &:after {
+    content: "";
+    display: inline-block;
+    width: 11px;
+    height: 14px;
+    margin-left: 4px;
+    vertical-align: middle;
+    background-size: 100%;
+    background-image: url("../images/grey.png");
+  }
+  &.asc:after {
+    background: url("../images/up_blue.png");
+    background-size: 100%;
+  }
+  &.desc:after {
+    background: url("../images/down_blue.png");
+    background-size: 100%;
+  }
 }
 
 .dataSelectLight {
-    .partDetailControl .filterItem input {
-        width: 120px;
-        height: 34px;
-        border-radius: 4px;
-        border: 1px solid #E2E5EF;
-        outline: none;
-        margin-right: 10px;
-        padding: 0 10px;
-        box-sizing: border-box;
-    }
-    .partDetailControl .filterItem span {
-        display: inline-block;
-        line-height: 34px;
-        position: relative;
-    }
-    .datapickerBox input {
-        margin-right: 0px !important;
-    }
-    .iconCalen{
-        position: absolute;
-        width: 15px;
-        top: 10px !important;
-        right: 10px;
-    }
-    .divide {
-        margin: 0 10px;
-    }
+  .partDetailControl .filterItem input {
+    width: 120px;
+    height: 34px;
+    border-radius: 4px;
+    border: 1px solid #e2e5ef;
+    outline: none;
+    margin-right: 10px;
+    padding: 0 10px;
+    box-sizing: border-box;
+  }
+  .partDetailControl .filterItem span {
+    display: inline-block;
+    line-height: 34px;
+    position: relative;
+  }
+  .datapickerBox input {
+    margin-right: 0px !important;
+  }
+  .iconCalen {
+    position: absolute;
+    width: 15px;
+    top: 10px !important;
+    right: 10px;
+  }
+  .divide {
+    margin: 0 10px;
+  }
 }
 .dataSelectDark {
-    // position: relative;
-    // display: inline-block;
-    margin: 4px 20px 10px 0;
-    top: 0px !important;
+  // position: relative;
+  // display: inline-block;
+  margin: 4px 20px 10px 0;
+  top: 0px !important;
+  height: 34px !important;
+  line-height: 34px !important;
+  float: right !important;
+  span {
+    position: relative;
+    display: inline-block;
     height: 34px !important;
     line-height: 34px !important;
-    float: right !important;
-    span {
-        position: relative;
-        display: inline-block;
-        height: 34px !important;
-        line-height: 34px !important;
-        float: left;
-    }
-    input {
-        width: 120px;
-        height: 32px;
-        border-radius: 4px;
-        border: 1px solid @themeBorderClr;
-        outline: none;
-        padding: 0 10px;
-        box-sizing: border-box;
-        background-color: @themeColor;
-        color: @secColor;
-    }
-    .iconCalen{
-        position: absolute;
-        width: 15px;
-        top: 8px;
-        right: 10px;
-    }
-    .divide {
-        margin: 0 10px;
-        color: #fff;
-    }
+    float: left;
+  }
+  input {
+    width: 120px;
+    height: 32px;
+    border-radius: 4px;
+    border: 1px solid @themeBorderClr;
+    outline: none;
+    padding: 0 10px;
+    box-sizing: border-box;
+    background-color: @themeColor;
+    color: @secColor;
+  }
+  .iconCalen {
+    position: absolute;
+    width: 15px;
+    top: 8px;
+    right: 10px;
+  }
+  .divide {
+    margin: 0 10px;
+    color: #fff;
+  }
 }
-.managerContainer .filter,.filterclear.abnormalClear {
-    margin-bottom: 20px;
+.managerContainer .filter,
+.filterclear.abnormalClear {
+  margin-bottom: 20px;
 }
 .ui-datepicker-calendar {
-    border: 0 none;
-    min-width: 0;
+  border: 0 none;
+  min-width: 0;
 }
 .ui-datepicker thead {
-    background-color: #fff;
-    color: #c3cbd6;
+  background-color: #fff;
+  color: #c3cbd6;
 }
 .ui-datepicker td {
-    padding: 0;
-    height: auto;
-    color: #657180;
-}
-.ui-datepicker td span, .ui-datepicker td a {
-    text-align: center;
-    height: 30px;
-    line-height: 30px;
-}
-.ui-widget{
-    z-index: 9999 !important;
-}
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
-    border: 0;
-    background-color: #fff;
-    &:hover {
-        background-color: #c4d8fe;
-    }
+  padding: 0;
+  height: auto;
+  color: #657180;
+}
+.ui-datepicker td span,
+.ui-datepicker td a {
+  text-align: center;
+  height: 30px;
+  line-height: 30px;
+}
+.ui-widget {
+  z-index: 9999 !important;
+}
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+  border: 0;
+  background-color: #fff;
+  &:hover {
+    background-color: #c4d8fe;
+  }
 }
 
-.iconCalen{
-    position: absolute;
-    width: 15px;
-    top: 10px;
-    right: 10px;
-}
-.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
-    color: #333;
-    font-weight: normal;
-    height: 30px;
-    line-height: 30px;
-    margin: 0 5px;
-    width: 40%;
-    border-radius: 3px;
-}
-.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
-    top: 5px;
-}
-.ui-state-active, .ui-widget-content .ui-state-active {
-    background-color: @activeColor !important;
-    color: #fff;
-}
-.ui-state-highlight, .ui-widget-content .ui-state-highlight {
-    background-color: #fff5bf !important;
-    color: #657180;
+.iconCalen {
+  position: absolute;
+  width: 15px;
+  top: 10px;
+  right: 10px;
+}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+  color: #333;
+  font-weight: normal;
+  height: 30px;
+  line-height: 30px;
+  margin: 0 5px;
+  width: 40%;
+  border-radius: 3px;
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+  top: 5px;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active {
+  background-color: @activeColor !important;
+  color: #fff;
+}
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight {
+  background-color: #fff5bf !important;
+  color: #657180;
 }
 .ui-widget-header {
-    background-color: #fff;
-    border: 0 none;
+  background-color: #fff;
+  border: 0 none;
 }
 
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
+  -webkit-appearance: none;
 }
 .datapickerBox input {
-    height: 34px !important;
-    line-height: 34px !important;
-    box-sizing: border-box;
+  height: 34px !important;
+  line-height: 34px !important;
+  box-sizing: border-box;
 }
 input[type="number"] {
-    -moz-appearance: textfield;
+  -moz-appearance: textfield;
 }
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-    /* WebKit browsers */
-    color: #aaa;
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
+  color: #aaa;
 }
-input:-moz-placeholder, textarea:-moz-placeholder {
-    /* Mozilla Firefox 4 to 18 */
-    color: #aaa;
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+  /* Mozilla Firefox 4 to 18 */
+  color: #aaa;
 }
-input::-moz-placeholder, textarea::-moz-placeholder {
-    /* Mozilla Firefox 19+ */
-    color: #aaa;
+input::-moz-placeholder,
+textarea::-moz-placeholder {
+  /* Mozilla Firefox 19+ */
+  color: #aaa;
 }
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-    /* Internet Explorer 10+ */
-    color: #aaa;
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+  /* Internet Explorer 10+ */
+  color: #aaa;
 }
 
 .modaltipSuc {
-    position: fixed;
-    top: 40%;
-    left: 50%;
-    padding: 15px 0;
-    width: 180px;
-    border-radius: 3px;
-    color: #fff;
-    background: rgba(0, 0, 0, .6);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
+  position: fixed;
+  top: 40%;
+  left: 50%;
+  padding: 15px 0;
+  width: 180px;
+  border-radius: 3px;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.6);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
+  text-align: center;
+  img {
+    display: block;
+    width: 40px;
     text-align: center;
-    img {
-      display: block;
-      width: 40px;
-      text-align: center;
-      position: relative;
-      left: 50%;
-      transform: translateX(-50%);
-      margin-bottom: 8px;
-    }
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+    margin-bottom: 8px;
   }
+}
 
-.filterItem{
-    margin-right: 30px !important;
-    input {
-        margin-right: 0 !important;
-    }
+.filterItem {
+  margin-right: 30px !important;
+  input {
+    margin-right: 0 !important;
+  }
 }
 
-.filterHide{
-    display: none!important;
+.filterHide {
+  display: none !important;
 }
 input.canEditDept {
-    width: 160px !important;
+  width: 160px !important;
 }
 
 /*******弹窗*******/
-.modal-container{
-    display: none;
+.modal-container {
+  display: none;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 99;
+  .cover {
     position: fixed;
     width: 100%;
     height: 100%;
-    top:0;
-    left: 0;
-    z-index: 99;
-    .cover{
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        background: #000;
-        opacity: 0.16;
-
-    }
-    .modal-box{
-        position: fixed;
-        width: 50%;
-        left: 25%;
-        top:100px;
-        background: #fff;
-        border-radius: 4px;
-        min-width: 615px;
+    background: #000;
+    opacity: 0.16;
+  }
+  .modal-box {
+    position: fixed;
+    width: 50%;
+    left: 25%;
+    top: 100px;
+    background: #fff;
+    border-radius: 4px;
+    min-width: 615px;
+  }
+  .modal-title {
+    border-bottom: 1px #e2e5ef solid;
+    height: 40px;
+    line-height: 42px;
+    padding: 0 20px;
+    .close {
+      color: #8c8c8c;
+      font-size: 20px;
+      cursor: pointer;
     }
-    .modal-title{
-        border-bottom: 1px #E2E5EF solid;
-        height: 40px;
-        line-height: 42px;
-        padding: 0 20px;
-        .close{
-            color: #8C8C8C;
-            font-size: 20px;
-            cursor: pointer;
-        }
+  }
+  .modal-body {
+    padding: 32px 38px;
+  }
+  .footer {
+    text-align: center;
+    button {
+      width: 80px;
+      height: 32px;
+      background: #00a1ff;
+      border-radius: 4px;
+      color: #fff;
+      text-align: center;
+      line-height: 32px;
+      position: relative;
+      margin-bottom: 32px;
+      cursor: pointer;
     }
-    .modal-body{
-        padding:32px 38px;
-
+    .confirm {
     }
-    .footer{
-        text-align: center;
-        button{
-            width: 80px;
-            height: 32px;
-            background: #00A1FF;
-            border-radius: 4px;
-            color: #fff;
-            text-align: center;
-            line-height: 32px;
-            position: relative;
-            margin-bottom: 32px;
-            cursor: pointer;
-        }
-        .confirm{
-
-        }
-        .cancel{
-            margin-left: 20px;
-            color: #00A1FF;
-            border:1px #00A1FF solid;
-            background: #fff;
-        }
+    .cancel {
+      margin-left: 20px;
+      color: #00a1ff;
+      border: 1px #00a1ff solid;
+      background: #fff;
     }
-
-}
+  }
+}
+.reds {
+  background: #E34D59;
+  padding: 0 5px;
+  border-radius: 22px;
+  color: #fff;
+}
+.dian {
+  width: 6px;
+  height: 6px;
+  background: #e34d59;
+  display: inline-block;
+  border-radius: 50%;
+  margin-bottom: 5px;
+}

src/html/appealExamine.html

@@ -31,14 +31,16 @@
     </script>
 
     <script type="text/html" id="appealDef">
-        <div class="appeal-box">
-            <p class="item"><span class="title">处理结果：</span><textarea class="textarea" rows="3" cols="20"></textarea></p>
+        <div class="appeal-box appealDef">
+            <p class="item"><span class="title"><i class="required">*</i>处理结果：</span><textarea class="textarea" rows="3" cols="20"></textarea></p>
+            <p class="warning"><span></span><span class="red">处理结果不能为空~</span></p>
         </div>
     </script>
 
     <script type="text/html" id="appealReject">
-        <div class="appeal-box">
-            <p class="item"><span class="title">驳回理由：</span><textarea class="textarea2" rows="3" cols="20"></textarea></p>
+        <div class="appeal-box appealReject">
+            <p class="item"><span class="title"><i class="required">*</i>驳回理由：</span><textarea class="textarea2" rows="3" cols="20"></textarea></p>
+            <p class="warning"><span></span><span class="red">驳回理由不能为空~</span></p>
         </div>
     </script>
 </head>

src/html/index.html

@@ -14,8 +14,9 @@
     {{else}}
     {{if subMenuList.length}}
         <li class="list-1 ${code}"><p>${name}
-
-            <span class="red">${num}</span>
+            {{if num}}
+                <span class="dian"></span>
+            {{/if}}
         </p>
     {{else}}
         {{if showStatus==1}}
@@ -37,7 +38,13 @@
                             <li class="page" code="${code}">终末病历稽查表</li>
                         {{else}}
                         {{/if}} -->
-                        <li class="page" code="${code}">${name}</li>
+                        <li class="page" code="${code}">${name}
+                            {{if code=='YH-SSXX-SSSH'}}
+                            {{if num}}
+                            <span class="reds">${num}</span>
+                            {{/if}}
+                            {{/if}}
+                        </li>
                     {{/if}}
                 {{/if}}
             {{/each}}

src/js/appealExamine.js

@@ -34,7 +34,7 @@ let appealInfo;
     if (form == 2) {
         $(".bot").hide();
         $('.appealExamine h2').html('申诉信息 > 申诉审核 > 查看');
-    }else if(form == 3){
+    } else if (form == 3) {
         $(".bot").hide();
         $('.appealExamine h2').html('申诉信息 > 申诉记录 > 查看');
     }
@@ -62,7 +62,7 @@ function getApprovedView() {
                     casesEntryId: casesEntryId,
                     casesId: data.casesId,
                     id: data.qcresultDetailId,
-                    exampleOperation:appealOperationType
+                    exampleOperation: appealOperationType
                 }
             }
             getInfo(data)
@@ -188,7 +188,7 @@ $(document).on("click", ".btn-cancel", (e) => {
 function approved(type) {
     if (type == 1) {
         appealInfo.exampleOperation = $('input:radio:checked').val()
-        if($('input:radio:checked').val() == 2){
+        if ($('input:radio:checked').val() == 2) {
             appealInfo.delStatus == 0
         }
     } else if (type == 2) {
@@ -196,6 +196,17 @@ function approved(type) {
     } else if (type == 3) {
         appealInfo.exampleOperation = 4
         appealInfo.processResult = $(".textarea").val()
+        let val = $(".textarea").val()
+        let num = 500
+        if (!val) {
+            $(".appealDef .warning .red").text("处理结果不能为空~");
+            $(".appealDef .warning").show();
+            return
+        } else if (val.length > num) {
+            $(".appealDef .warning .red").text("处理结果不能超过" + num + "个字~");
+            $(".appealDef .warning").show();
+            return
+        }
     }
     const param = {
         ...appealInfo,
@@ -217,10 +228,21 @@ function approved(type) {
 
 //驳回
 function rejected() {
+    let val = $(".textarea2").val()
+    let num = 500
+    if (!val) {
+        $(".appealReject .warning .red").text("驳回理由不能为空~");
+        $(".appealReject .warning").show();
+        return
+    } else if (val.length > num) {
+        $(".appealReject .warning .red").text("驳回理由不能超过" + num + "个字~");
+        $(".appealReject .warning").show();
+        return
+    }
     const param = {
-        // 'behospitalCode':behospitalCode,
+        'behospitalCode': behospitalCode,
         'id': id,
-        // rejectedReason:$(".textarea2").val()
+        rejectedReason: $(".textarea2").val()
     };
     post(api.rejected, param).then(function (res) {
         console.log(res.data.data.code);

src/js/appealHistory.js

@@ -276,7 +276,7 @@ function renderTab(data) {
                 <td >${item.checkName || "-"}</td>
                 <td >${item.checkGmtCreate || "-"}</td>
                 <td >${item.appealOperationType == 0 ? '删改条目' : item.appealOperationType == 1 ? '新增已有条目' : item.appealOperationType == 2 ? '新增缺失条目' : '恢复条目'}</td>
-                <td >${item.exampleStatus == 0 ? '<span class="review"><i></i>待审核</span>' : item.exampleStatus == 1 ? '<span class="rejected"><i></i>已驳回</span>' : '<span class="approved"<i></i>>审核通过</span>'}</td>
+                <td >${item.exampleStatus == 0 ? '<span class="review"><i></i>待审核</span>' : item.exampleStatus == 1 ? '<span class="rejected"><i></i>已驳回</span>' : '<span class="approved"><i></i>审核通过</span>'}</td>
                 <td data-id="${item.id || ""}" data-hos="${item.hospitalId || ""}" data-behospitalCode="${item.behospitalCode || ""}" data-casesEntryId="${item.casesEntryId || ""}" data-qcresultDetailId="${item.qcresultDetailId || ""}" data-appealOperationType="${item.appealOperationType || ""}" data-index=${i}>
                     ${item.exampleStatus == 0 ? `<span class="appealBtn goHomeDetail1">查看</span><span class="appealBtn withdraw" >撤回</span>` : ''}
                     ${item.exampleStatus == 1 || item.exampleStatus == 2 ? `<span class="appealBtn appealAgain">再次申述</span>` : ''}

src/js/index.js

@@ -333,7 +333,7 @@ getAuditNumber()
 function getAuditNumber() {
   return post(api.getAuditNumber, {}).then(res => {
     if (res.data.code == '0') {
-      auditNumber = res.data.data.data>99?'99+':res.data.data.data
+      auditNumber = res.data.data.data > 99 ? '99+' : res.data.data.data
     } else {
       const token = localStorage.getItem('accessToken');
       if (!token && window.location.href.indexOf('login') == -1) {
@@ -465,7 +465,11 @@ function getMenu() {
         }
         if (data.menuWrappers[i].code === 'YH-SSXX') {
           data.menuWrappers[i].num = auditNumber
-
+          for (let j = 0; j < data.menuWrappers[i].subMenuList.length; j++) {
+            if (data.menuWrappers[i].subMenuList[j].code === 'YH-SSXX-SSSH') {
+              data.menuWrappers[i].subMenuList[j].num = auditNumber
+            }
+          }
         }
       }
       initMenu(data.menuWrappers, data.userLoginDTO);