申述

src/css/appealCheck.less

@@ -30,18 +30,39 @@ h2{
     padding: 0 5px;
     cursor: pointer;
 }
-.review{
-    color: #D9001B;
+.review {
     cursor: pointer;
-}
-.rejected{
-    color: #D7D7D7;
+    & i {
+      width: 6px;
+      height: 6px;
+      background: #f48138;
+      display: inline-block;
+      border-radius: 50%;
+      margin-right: 5px;
+    }
+  }
+  .rejected {
     cursor: pointer;
-}
-.approved{
-    color: #70B603;
+    & i {
+      width: 6px;
+      height: 6px;
+      background: #E3505B;
+      display: inline-block;
+      border-radius: 50%;
+      margin-right: 5px;
+    }
+  }
+  .approved {
     cursor: pointer;
-}
+    & i {
+      width: 6px;
+      height: 6px;
+      background: #22AC76;
+      display: inline-block;
+      border-radius: 50%;
+      margin-right: 5px;
+    }
+  }
 .qctable{
     .table;
     min-width: 1090px;

src/css/appealExamine.less

@@ -29,6 +29,7 @@ h2 {
 .appeal-info,
 .appeal-content,
 .appeal-history {
+  margin-top: 20px;
   .title {
     font-size: 20px;
     font-weight: bold;
@@ -57,6 +58,18 @@ h2 {
       border-radius: 4px;
     }
   }
+  .history {
+    overflow: hidden;
+    .box {
+      width: 31%;
+      float: left;
+      margin: 0 12px;
+      margin-top: 15px;
+      & span {
+        padding-right: 15px;
+      }
+    }
+  }
 }
 .bot {
   text-align: center;
@@ -74,18 +87,17 @@ h2 {
     line-height: 32px;
     cursor: pointer;
     margin-right: 15px;
-    & span{
-        color: #fff;
-        pointer-events: none;
+    & span {
+      color: #fff;
+      pointer-events: none;
     }
-    
   }
-  & ul{
+  & ul {
     position: absolute;
     background: #fff;
     display: none;
-}
-  .btn-cancel{
+  }
+  .btn-cancel {
     width: 90px;
     height: 30px;
     background: #fff;
@@ -96,3 +108,26 @@ h2 {
     line-height: 30px;
   }
 }
+
+.appeal-box {
+  .item {
+    padding: 5px 0;
+    .radio {
+      margin: 0 5px;
+    }
+    .title {
+      width: 70px;
+      text-align: right;
+      display: inline-block;
+    }
+    .inp {
+      border: 1px solid #e2e5ef;
+      height: 24px;
+      padding: 0 5px;
+    }
+    .textarea,
+    .textarea2 {
+      border: 1px solid #e2e5ef;
+    }
+  }
+}

src/css/appealHistory.less

@@ -1,452 +1,575 @@
 @import "./reset.less";
-.container{
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-    background: #fff;
-    border-bottom: 10px @disColor solid;
-    box-sizing: border-box;
-}
-ul,li{
-    list-style: none;
-}
-h2{
-    .h2;
-    border-bottom: 10px @disColor solid;
-    position: fixed;
-    top: 0
-}
-.main-body{
-    .main-body-com;
-    border: none;
-    border-left:10px @disColor solid;
-    margin: 54px 0 0;
-    min-width: 1090px;
-    min-height: calc(100% - 84px);
-    /*width: 100%;*/
-}
-.appealBtn{
-    color: #00A1FF;
-    padding: 0 5px;
-    cursor: pointer;
+.container {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background: #fff;
+  border-bottom: 10px @disColor solid;
+  box-sizing: border-box;
+}
+ul,
+li {
+  list-style: none;
+}
+h2 {
+  .h2;
+  border-bottom: 10px @disColor solid;
+  position: fixed;
+  top: 0;
+}
+.main-body {
+  .main-body-com;
+  border: none;
+  border-left: 10px @disColor solid;
+  margin: 54px 0 0;
+  min-width: 1090px;
+  min-height: calc(100% - 84px);
+  /*width: 100%;*/
+}
+.appealBtn {
+  color: #00a1ff;
+  padding: 0 5px;
+  cursor: pointer;
 }
-.review{
-    color: #D9001B;
-    cursor: pointer;
+.review {
+  cursor: pointer;
+  & i {
+    width: 6px;
+    height: 6px;
+    background: #f48138;
+    display: inline-block;
+    border-radius: 50%;
+    margin-right: 5px;
+  }
 }
-.rejected{
-    color: #D7D7D7;
-    cursor: pointer;
+.rejected {
+  cursor: pointer;
+  & i {
+    width: 6px;
+    height: 6px;
+    background: #E3505B;
+    display: inline-block;
+    border-radius: 50%;
+    margin-right: 5px;
+  }
 }
-.approved{
-    color: #70B603;
+.approved {
+  cursor: pointer;
+  & i {
+    width: 6px;
+    height: 6px;
+    background: #22AC76;
+    display: inline-block;
+    border-radius: 50%;
+    margin-right: 5px;
+  }
+}
+.qctable {
+  .table;
+  min-width: 1090px;
+  th,
+  td {
+    padding: 5px 10px;
+  }
+  th {
+    white-space: nowrap;
+  }
+  th[code] {
     cursor: pointer;
-}
-.qctable{
-    .table;
-    min-width: 1090px;
-    th,td{
-        padding:5px 10px;
-    }
-    th{
-        white-space: nowrap;
+    &:after {
+      content: "";
+      display: inline-block;
+      width: 11px;
+      height: 14px;
+      margin-left: 4px;
+      vertical-align: middle;
+      background: url("../images/grey.png");
     }
-    th[code]{
-        cursor: pointer;
-        &:after{
-            content:"";
-            display:inline-block;
-            width: 11px;
-            height: 14px;
-            margin-left: 4px;
-            vertical-align: middle;
-            background: 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%;
-        }
+    &.asc:after {
+      background: url("../images/up_blue.png");
+      background-size: 100%;
     }
-    td{
-        white-space: nowrap;
+    &.desc:after {
+      background: url("../images/down_blue.png");
+      background-size: 100%;
     }
-    .moduleNumber{
-        text-align: center;
-    }
-    .scoreOperaItem{
-        width: 50px;
-        cursor: pointer;
-    }
-    .tabTitle   {
-        background: #EFF0F9 !important;
-      }
-    
-}
-.tabFoot{
-    height: 40px;
-    /*border: 1px solid #E2E5EF;
+  }
+  td {
+    white-space: nowrap;
+  }
+  .moduleNumber {
+    text-align: center;
+  }
+  .scoreOperaItem {
+    width: 50px;
+    cursor: pointer;
+  }
+  .tabTitle {
+    background: #eff0f9 !important;
+  }
+}
+.tabFoot {
+  height: 40px;
+  /*border: 1px solid #E2E5EF;
     border-top: none;
     box-sizing: border-box;*/
 }
-.scoreOpera{
-    height: 50px;
-    line-height: 50px;
-    margin: 0 20px 0 0;
-    cursor: pointer;
-    img{
-        margin: 0 10px 0 0;
-        vertical-align: middle;
-    }
+.scoreOpera {
+  height: 50px;
+  line-height: 50px;
+  margin: 0 20px 0 0;
+  cursor: pointer;
+  img {
+    margin: 0 10px 0 0;
+    vertical-align: middle;
+  }
 }
 
-.recordScoreOperaBtn{
-    cursor: pointer;
-    color: @activeColor;
-}
-.recordScoreBtn{
-    cursor: pointer;
-    display: inline-block;
-    width:68px;
-    height:30px;
-    line-height: 30px;
-    text-align: center;
-    border-radius:4px;
-    box-sizing: border-box;
-    border: 1px solid @activeColor;
-    color: #fff;
-    background: @activeColor;
-}
-.filterBox{
-    position: relative;
-}
-.overAuto{
-    display: table;
-    padding-right: 20px;
-    width: 100%;
-}
-.toggle-item{
-    display: none;
+.recordScoreOperaBtn {
+  cursor: pointer;
+  color: @activeColor;
 }
-.filter-toggler{
-    position: absolute;
-    left: 1048px;
-    top: 8px;
-    color: #777;
-    white-space: nowrap;
-    font-size: 14px;
-    background: url("../images/arrow_up.png") 60px center no-repeat;
-    padding-right: 15px;
+.recordScoreBtn {
+  cursor: pointer;
+  display: inline-block;
+  width: 68px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  border-radius: 4px;
+  box-sizing: border-box;
+  border: 1px solid @activeColor;
+  color: #fff;
+  background: @activeColor;
+}
+.filterBox {
+  position: relative;
+}
+.overAuto {
+  display: table;
+  padding-right: 20px;
+  width: 100%;
+}
+.toggle-item {
+  display: none;
+}
+.filter-toggler {
+  position: absolute;
+  left: 1048px;
+  top: 8px;
+  color: #777;
+  white-space: nowrap;
+  font-size: 14px;
+  background: url("../images/arrow_up.png") 60px center no-repeat;
+  padding-right: 15px;
+  background-size: 10px 6px;
+  &.up {
+    background: url("../images/arrow_down.png") 60px center no-repeat;
     background-size: 10px 6px;
-    &.up{
-        background: url("../images/arrow_down.png") 60px center no-repeat;
-        background-size: 10px 6px;
-    }
+  }
 }
-.filterItem{
-    position: relative;
+.filterItem {
+  position: relative;
+  display: inline-block;
+  float: left;
+  height: 40px;
+  line-height: 40px;
+  margin: 0 20px 20px 0;
+  span {
     display: inline-block;
-    float: left;
-    height: 40px;
-    line-height: 40px;
-    margin: 0 20px 20px 0;
-    span{
-        display: inline-block;
-        line-height: 32px;
-        position: relative;
-    }
-    input{
-        width:120px;
-        height:32px;
-        border-radius:4px;
-        border: 1px solid #E2E5EF;
-        outline: none;
-        margin-right: 10px;
-        padding: 0 10px;
-        box-sizing: border-box;
-    }
-    input:focus{
-        border: 1px solid @activeColor ;
-        outline: 0;
-        -webkit-box-shadow:@activeColor  0px 0px 2px;
-        -moz-box-shadow: @activeColor  0px 0px 2px;
-        box-shadow: @activeColor  0px 0px 2px;
-    }
-}
-
-.filterDropList{
-    position: absolute;
-    right: 0;
-    max-height: 200px;
-    overflow-y: auto;
-    background: #fff;
-    display: none;
-    border: 1px solid #e4e7ed;
-    box-shadow: 0 2px 12px 0 #e4e7ed;
-    z-index: 2;
-    li{
-        padding: 0 10px;
-    }
-}
-.deptList{
-    width: 160px;
-    max-height: 400px;
-}
-.modularList,.typeList,.qcCheckList{
+    line-height: 32px;
+    position: relative;
+  }
+  input {
     width: 120px;
-    // height: 200px;
-    li:hover{
-        background-color: #EEF4FF;
-        cursor: pointer;
-    }
+    height: 32px;
+    border-radius: 4px;
+    border: 1px solid #e2e5ef;
+    outline: none;
+    margin-right: 10px;
+    padding: 0 10px;
+    box-sizing: border-box;
+  }
+  input:focus {
+    border: 1px solid @activeColor;
+    outline: 0;
+    -webkit-box-shadow: @activeColor 0px 0px 2px;
+    -moz-box-shadow: @activeColor 0px 0px 2px;
+    box-shadow: @activeColor 0px 0px 2px;
+  }
 }
 
-.selectModular,.selectDept,.selectType,.qcSelectCheck{
-    display: inline-block;
-    position: relative;
-    width:120px;
+.filterDropList {
+  position: absolute;
+  right: 0;
+  max-height: 200px;
+  overflow-y: auto;
+  background: #fff;
+  display: none;
+  border: 1px solid #e4e7ed;
+  box-shadow: 0 2px 12px 0 #e4e7ed;
+  z-index: 2;
+  li {
     padding: 0 10px;
-    height:32px;
-    border-radius:4px;
-    border: 1px solid #E2E5EF;
-    box-sizing: border-box;
+  }
+}
+.deptList {
+  width: 160px;
+  max-height: 400px;
+}
+.modularList,
+.typeList,
+.qcCheckList {
+  width: 120px;
+  // height: 200px;
+  li:hover {
+    background-color: #eef4ff;
     cursor: pointer;
+  }
 }
-.selectDept{
-    width: 160px;
+
+.selectModular,
+.selectDept,
+.selectType,
+.qcSelectCheck {
+  display: inline-block;
+  position: relative;
+  width: 120px;
+  padding: 0 10px;
+  height: 32px;
+  border-radius: 4px;
+  border: 1px solid #e2e5ef;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.selectDept {
+  width: 160px;
 }
 
-.filter,.reset,.export{
-    display: inline-block;
-    width:60px;
-    height:32px;
-    background:@activeColor;
-    border-radius:4px;
-    color: #fff;
-    text-align: center;
-    line-height: 32px;
-    position: relative;
-    top: 2px;
-    cursor: pointer;
-    float: left;
-    margin: 0 0px 22px 0;
+.filter,
+.reset,
+.export {
+  display: inline-block;
+  width: 60px;
+  height: 32px;
+  background: @activeColor;
+  border-radius: 4px;
+  color: #fff;
+  text-align: center;
+  line-height: 32px;
+  position: relative;
+  top: 2px;
+  cursor: pointer;
+  float: left;
+  margin: 0 0px 22px 0;
 }
-.export{
-    height:34px;
-    
-    background: #fff;
-    border-radius: 4px;
-    color: #777;
-    border: 1px solid #777;
-    box-sizing: border-box;
-    cursor: pointer;
-    margin-left: 10px;
-    float: left;
-    top: 0px;
+.export {
+  height: 34px;
+
+  background: #fff;
+  border-radius: 4px;
+  color: #777;
+  border: 1px solid #777;
+  box-sizing: border-box;
+  cursor: pointer;
+  margin-left: 10px;
+  float: left;
+  top: 0px;
 }
-.arrow{
-    position: absolute;
-    width: 10px;
-    top: 12px;
-    right: 10px;
+.arrow {
+  position: absolute;
+  width: 10px;
+  top: 12px;
+  right: 10px;
 }
-.iconCheck{
-    width: 14px;
+.iconCheck {
+  width: 14px;
 }
-.fl{
-    float: left;
+.fl {
+  float: left;
 }
 .clearfix:after {
-    content: '';
-    height: 0;
-    line-height: 0;
-    display: block;
-    visibility: hidden;
-    clear: both;
+  content: "";
+  height: 0;
+  line-height: 0;
+  display: block;
+  visibility: hidden;
+  clear: both;
 }
-.clearfix{
-    zoom:1
+.clearfix {
+  zoom: 1;
 }
-.divide{
-    margin: 0 10px;
+.divide {
+  margin: 0 10px;
 }
-.datapickerBox{
-    position: relative;
-    display: inline-block;
-    width: 120px;
-    height: 32px;
-    input{
-        position: absolute;
-    }
+.datapickerBox {
+  position: relative;
+  display: inline-block;
+  width: 120px;
+  height: 32px;
+  input {
+    position: absolute;
+  }
 }
-.setCol{
-    color: #777;
-    cursor: pointer;
+.setCol {
+  color: #777;
+  cursor: pointer;
 }
-.iconSetting{
-    width: 18px;
-    position: relative;
-    top: 3px;
-    margin: 0 3px 0 0;
+.iconSetting {
+  width: 18px;
+  position: relative;
+  top: 3px;
+  margin: 0 3px 0 0;
 }
-.iconCalen{
-    position: absolute;
-    width: 15px;
-    top: 8px;
-    right: 10px;
+.iconCalen {
+  position: absolute;
+  width: 15px;
+  top: 8px;
+  right: 10px;
 }
-.textCenter{
-    text-align: center;
+.textCenter {
+  text-align: center;
 }
-.patientNameSpan{
-    color: @activeColor;
-    cursor: pointer;
+.patientNameSpan {
+  color: @activeColor;
+  cursor: pointer;
 }
 
-.deptItem:hover{
-    background-color: #EEF4FF;
-    cursor: pointer;
-}
-.ellipsis{
-    overflow: hidden;
-    text-overflow:ellipsis;
-    white-space: nowrap;
+.deptItem:hover {
+  background-color: #eef4ff;
+  cursor: pointer;
 }
-.unSelect{
-    color: #cfccd6
- }
-
-
-.pagination{
-    margin: 35px 0 20px 0  ;
-    text-align: right;
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.totalSum{
-    font-size:12px;
-    line-height:17px;
-    color: #777777;
-    margin-right: 20px;
+.unSelect {
+  color: #cfccd6;
 }
-.pageNum,.prePage,.nextPage, .more{
-    display: inline-block;
-    width: 20px;
-    cursor: pointer;
-    margin: 0 20px 0 0;
-    text-align: center;
-    color: #777;
+
+.pagination {
+  margin: 35px 0 20px 0;
+  text-align: right;
+}
+.totalSum {
+  font-size: 12px;
+  line-height: 17px;
+  color: #777777;
+  margin-right: 20px;
+}
+.pageNum,
+.prePage,
+.nextPage,
+.more {
+  display: inline-block;
+  width: 20px;
+  cursor: pointer;
+  margin: 0 20px 0 0;
+  text-align: center;
+  color: #777;
 }
-.prePage,.nextPage{
-    img{
-        position: relative;
-        top: 0px   ;
-    }
+.prePage,
+.nextPage {
+  img {
+    position: relative;
+    top: 0px;
+  }
 }
- .more{
-    cursor: not-allowed;
+.more {
+  cursor: not-allowed;
 }
-.arrowPage{
-    width: 6px;
+.arrowPage {
+  width: 6px;
 }
-.activePage{
-    color: @activeColor;
+.activePage {
+  color: @activeColor;
 }
 
-
-
 .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;
+  padding: 0;
+  height: auto;
+  color: #657180;
 }
-.ui-datepicker td span, .ui-datepicker td a {
-    text-align: center;
-    height: 30px;
-    line-height: 30px;
+.ui-datepicker td span,
+.ui-datepicker td a {
+  text-align: center;
+  height: 30px;
+  line-height: 30px;
 }
 
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
-    border: 0;
-    background-color: #fff;
-    &:hover {
-        background-color: #c4d8fe;
-    }
-}
-.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-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+  border: 0;
+  background-color: #fff;
+  &:hover {
+    background-color: #c4d8fe;
+  }
+}
+.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;
 }
- 
+
 input[type="number"] {
-    -moz-appearance: textfield;
+  -moz-appearance: textfield;
 }
-.tipIcon{
+.tipIcon {
   color: #777;
   cursor: pointer;
   display: inline-block;
   margin-left: 6px;
   margin-right: 2px;
 }
-.toolTipIcon{
-    width: 18px;
-    position: relative;
-    top: 3px;
+.toolTipIcon {
+  width: 18px;
+  position: relative;
+  top: 3px;
 }
 
-.tooltip{
-    visibility: hidden;
-    position: relative;
-    padding: 7px 10px;
-    border-radius: 4px;
-    margin: 100px auto;
-    background-color: #4D4D4D;
-    text-align: center;
-    color: #fff;
-    font-size: 14px;
+.tooltip {
+  visibility: hidden;
+  position: relative;
+  padding: 7px 10px;
+  border-radius: 4px;
+  margin: 100px auto;
+  background-color: #4d4d4d;
+  text-align: center;
+  color: #fff;
+  font-size: 14px;
+}
+.tooltip:before {
+  content: "";
+  display: block;
+  position: absolute;
+  bottom: 9px;
+  left: -12px;
+  border-bottom: 6px solid transparent;
+  border-top: 6px solid transparent;
+  border-left: 6px solid transparent;
+  border-right: 6px solid #4d4d4d;
 }
-.tooltip:before{
-    content: '';
-    display: block;
+
+.appeal-box {
+  .item {
+    padding: 5px 0;
+    .radio {
+      margin: 0 5px;
+    }
+    .title {
+      display: inline-block;
+      margin-right: 50px;
+    }
+    .inp {
+      border: 1px solid #e2e5ef;
+      height: 24px;
+      padding: 0 5px;
+    }
+    .textarea,
+    .textarea2 {
+      width: 70%;
+      height: 80px;
+      border: 1px solid #e2e5ef;
+      overflow-y: auto;
+    }
+  }
+}
+.drop-box {
+  position: relative;
+  margin-bottom: 10px;
+  &:after {
+    content: "";
+    display: inline-block;
+    width: 13px;
+    height: 7px;
+    background: url("../images/arrow_down.png") no-repeat;
+    background-size: 13px 7px;
     position: absolute;
-    bottom: 9px;
-    left: -12px;
-    border-bottom: 6px solid transparent;
-    border-top: 6px solid transparent;
-    border-left: 6px solid transparent;
-    border-right: 6px solid #4D4D4D;
-}
+    right: 17px;
+    top: 10px;
+  }
+}
+ul {
+  display: none;
+  position: absolute;
+  right: 15px;
+  width: 70%;
+  background: #fff;
+  border: 1px @tableBorderColor solid;
+  max-height: 205px;
+  overflow: auto;
+  box-sizing: border-box;
+  z-index: 1;
+  li {
+    line-height: 25px;
+    padding: 0 5px;
+    cursor: pointer;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    &:hover {
+      background: @tableBorderColor;
+    }
+  }
+}
+.checker-drop-input {
+  height: 24px;
+  border: 1px #e2e5ef solid;
+  width: 70%;
+  vertical-align: middle;
+  text-align: left;
+  line-height: 24px;
+  text-indent: 5px;
+  display: inline-block;
+}
+.required {
+  color: #e3505b;
+}
+p {
+  .red {
+    display: inline-block;
+    width: auto;
+    text-indent: 5px;
+  }
+}
+.warning {
+  display: none;
+}

src/html/appealExamine.html

@@ -6,7 +6,41 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>病历质控申诉发起</title>
+    <script type="text/html" id="appealDel">
+        <div class="appeal-box">
+            <div class="item">
+                <span class="title">处理方式: </span>
+                <input type="radio" name="sex" value="2" class="radio" checked/>删除 
+                <input type="radio" name="sex" value="1" class="radio" />修改
+            </div>
+            <p class="item"><span class="title">质控条目：</span><input class="inp" disabled value="${casesEntryName}" /></p>
+            <p class="item"><span class="title">提示信息：</span><input class="inp" disabled value="${casesEntryMsg}" /></p>
+            <p class="item"><span class="title">分值：</span><input class="inp" disabled value="${value}" /></p>
+            <p class="item"><span class="title">备注：</span><input class="inp" disabled value="${explainInfo}"/></p>
+        </div>
+    </script>
+
+    <script type="text/html" id="appealAdd">
+        <div class="appeal-box">
+            <p class="item"><span class="title">处理方式：</span>新增</p>
+            <p class="item"><span class="title">质控条目：</span><input class="inp" disabled value="${casesEntryName}" /></p>
+            <p class="item"><span class="title">提示信息：</span><input class="inp" disabled value="${casesEntryMsg}" /></p>
+            <p class="item"><span class="title">分值：</span><input class="inp" disabled value="${value}" /></p>
+            <p class="item"><span class="title">备注：</span><input class="inp" disabled value="${explainInfo}"/></p>
+        </div>
+    </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>
+    </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>
+    </script>
 </head>
 
 <body>
@@ -34,12 +68,12 @@
             <div class="bot">
                 <div class="btn-sure">
                     <span class="sure">审核通过</span>
-                    
+
                 </div>
                 <ul>
-                    <li>审核删改</li>
-                    <li>审核已有新增</li>
-                    <li>审核缺失新增</li>
+                    <li class="appealDel">审核删改</li>
+                    <li class="appealAdd">审核已有新增</li>
+                    <li class="appealDef">审核缺失新增</li>
                 </ul>
                 <p class="btn-cancel">驳回</p>
             </div>
@@ -51,7 +85,7 @@
         <div class="cover"></div>
         <div class="modal-box">
             <div class="modal-header clearfix">
-                <span class="title">提示</span>
+                <span class="title">审核通过</span>
                 <a class="close" href="javascript:void(0);">×</a>
             </div>
             <div class="modal-body">

src/html/appealHistory.html

@@ -6,7 +6,28 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>病历质控申诉发起</title>
-
+    <script type="text/html" id="appealDef">
+        <div class="appeal-box">
+            <p class="item">
+                <span class="title">来源：${casesName}1</span>
+                <span class="title">扣分：${casesName}1</span>
+                <span>操作类型：</span><span>${appealOperationType}</span>
+            </p>
+            <p class="item"><span style="width:70px;text-align:right">缺陷详情：</span><span>${qcresultDetailMsg}</span></p>
+            <div class="drop-box checker-drop-box">
+            <span style="width:70px;text-align:right;display:inline-block"><i class="required">*</i>审核人：</span>
+                <p class="checker-drop-input" code=${casesEntryId}>${checkName}</p>
+                <ul></ul>
+            </div>
+            <p class="item"><span ><i class="required">*</i>申述说明：</span><textarea class="textarea" ></textarea></p>
+            <p class="warning"><span></span><span class="red">申诉说明不能为空~</span></p>
+        </div>
+    </script>
+    <script type="text/html" id="flawDropTmpl">
+        {{each(i,it) info}}
+        <li class="infoItem" idx="${i}" name="${it.entryName||it.userName}" code="${it.id}" title="${it.entryName||it.userName}">${it.entryName||it.userName}</li>
+        {{/each}}
+    </script>
 </head>
 
 <body>
@@ -97,8 +118,25 @@
             </div>
             <div class="pagination"></div>
         </div>
-
+        
     </div>
+    <div id="mainBox"></div>
+        <div class="modal" id="delModal">
+            <div class="cover"></div>
+            <div class="modal-box">
+                <div class="modal-header clearfix">
+                    <span class="title">审核通过</span>
+                    <a class="close" href="javascript:void(0);">×</a>
+                </div>
+                <div class="modal-body">
+                    <!--<p>确定要删除该评分记录吗？</p>-->
+                </div>
+                <div class="modal-footer">
+                    <a class="close cancel" href="javascript:void(0);">取消</a>
+                    <a class="confirm" href="javascript:void(0);">保存</a>
+                </div>
+            </div>
+        </div>
 </body>
 
 </html>

src/js/api.js

@@ -211,12 +211,15 @@ const api = {
   getWorkById:'/qc/appealInfo/getWorkById',   //申诉发起列表
   addAppealInfo:'/qc/appealInfo/addAppealInfo', //发起申诉
   rejected:'/qc/appealExamineInfo/rejected',  //申诉驳回
-  getReviewer:'/qc/appealInfo/getReviewer', //申诉驳回
+  getReviewer:'/qc/appealInfo/getReviewer', //获取审核人
   getComplaintRecord:'/qc/appealExamineInfo/getComplaintRecord', //申诉记录列表
   getApprovedView:'/qc/appealExamineInfo/getApprovedView',    //获取申诉详情
   getAppealReview:'/qc/appealExamineInfo/getAppealReview', //申诉审核列表
-  getAudit:'/qc/appealExamineInfo/getAudit', //申诉审核详情
-  getApprovedView:'/qc/appealExamineInfo/getApprovedView', //申诉审核详情
+  approved:'/qc/appealExamineInfo/approved', //审核通过
+  getAppealInfo:'/qc/appealInfo/getAppealInfo', //申述记录
+  cancelAppealInfo:'/qc/appealInfo/cancelAppealInfo', //撤回申述
+  getAppealOperationType:'/qc/appealInfo/getAppealOperationType', //再次申述
+
 }
 const ywCheckApi = {
   addMedCheckInfo: '/qc/medCheckInfo/addMedCheckInfo',   //核查

src/js/appealCheck.js

@@ -244,8 +244,8 @@ 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">待审核</span>' : item.exampleStatus == 1 ? '<span class="rejected">已驳回</span>' : '<span class="approved">审核通过</span>'}</td>
-                <td data-id="${item.id || ""}">
+                <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 || ""}">
                     ${item.exampleStatus == 0 ? `<span class="appealBtn goExamine">审核</span><span class="appealBtn goHomeDetail1">查看</span>` : ''}
                     ${item.exampleStatus == 1 || item.exampleStatus == 2 ? `<span class="appealBtn goHomeDetail1">查看</span>` : ''}
                 </td>
@@ -255,10 +255,22 @@ function renderTab(data) {
     $('.tbody').html(str)
     $(".goExamine").click(function () {
         let id = $(this).parent().attr("data-id")
-        console.log(id);
-        $(parent.document).find("#contentIframe").attr("src", "appealExamine.html?id=" + id)
-      })
-    
+        let hospitalId = $(this).parent().attr("data-hos")
+        let behospitalCode = $(this).parent().attr("data-behospitalCode")
+        let casesEntryId = $(this).parent().attr("data-casesEntryId")
+        let qcresultDetailId = $(this).parent().attr("data-qcresultDetailId")
+        let appealOperationType = $(this).parent().attr("data-appealOperationType")
+        $(parent.document).find("#contentIframe").attr("src", "appealExamine.html?id=" + id + "&hospitalId=" + hospitalId + "&behospitalCode=" + behospitalCode + "&casesEntryId=" + casesEntryId + "&qcresultDetailId=" + qcresultDetailId + "&appealOperationType=" + appealOperationType + "&form=" + 1)
+    })
+    $(".goHomeDetail1").click(function () {
+        let id = $(this).parent().attr("data-id")
+        let hospitalId = $(this).parent().attr("data-hos")
+        let behospitalCode = $(this).parent().attr("data-behospitalCode")
+        let casesEntryId = $(this).parent().attr("data-casesEntryId")
+        let qcresultDetailId = $(this).parent().attr("data-qcresultDetailId")
+        let appealOperationType = $(this).parent().attr("data-appealOperationType")
+        $(parent.document).find("#contentIframe").attr("src", "appealExamine.html?id=" + id + "&hospitalId=" + hospitalId + "&behospitalCode=" + behospitalCode + "&casesEntryId=" + casesEntryId + "&qcresultDetailId=" + qcresultDetailId + "&appealOperationType=" + appealOperationType + "&form=" + 2)
+    })
 }
 
 //选择病历等级

src/js/appealExamine.js

@@ -1,6 +1,7 @@
 const $ = require('jquery');
 require("../css/appealExamine.less");
 require('./modal.js');
+require('jquery-templates');
 const { api } = require('./api.js')
 const { post, getCookie, getLocal, getUrlArgObjectNew, emptyBox, downloadExportedData, expJson, getLogoParam, listenScroll, getPickerDate, exportTimeLimit } = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
@@ -20,20 +21,53 @@ const goDownG = require("./../images/arrow_down_grey.png")
 const goDownB = require("./../images/arrow_down_blue.png")
 listenScroll()
 let srcUrl = $("#contentIframe", parent.document).attr("src")
-let id = getUrlArgObjectNew("id", srcUrl) || "";
+const id = getUrlArgObjectNew("id", srcUrl) || "";
+const hospitalId = getUrlArgObjectNew("hospitalId", srcUrl) || "";
+const behospitalCode = getUrlArgObjectNew("behospitalCode", srcUrl) || "";
+const casesEntryId = getUrlArgObjectNew("casesEntryId", srcUrl) || "";
+const qcresultDetailId = getUrlArgObjectNew("qcresultDetailId", srcUrl) || "";
+const appealOperationType = getUrlArgObjectNew("appealOperationType", srcUrl) || "";
+const form = getUrlArgObjectNew("form", srcUrl) || "";
+let appealInfo;
 (function () {
-    getAudit()
+    getApprovedView()
+    if (form == 2) {
+        $(".bot").hide();
+        $('.appealExamine h2').html('申诉信息 > 申诉审核 > 查看');
+    }else if(form == 3){
+        $(".bot").hide();
+        $('.appealExamine h2').html('申诉信息 > 申诉记录 > 查看');
+    }
 })();
 //获取审核详情
-function getAudit() {
+function getApprovedView() {
     const param = {
         id: id,
+        behospitalCode: behospitalCode,
+        casesEntryId: casesEntryId,
+        hospitalId: hospitalId,
+        qcresultDetailId: qcresultDetailId,
     }
-    return post(api.getAudit, param).then(res => {
+    return post(api.getApprovedView, param).then(res => {
         if (res.data.code == '0') {
-            tabList = res.data.data.data
-            getInfo(tabList)
-            getCon(tabList)
+            data = res.data.data.data
+            appealInfo = {
+                exampleOperation: 2,
+                casesEntryName: data.casesEntryName,
+                casesEntryMsg: data.casesEntryMsg,
+                value: data.qcresultDetaiValue,
+                remark: data.remark,
+                behospitalCode: data.behospitalCode,
+                qcResultAlgVO: {
+                    casesEntryId: casesEntryId,
+                    casesId: data.casesId,
+                    id: data.qcresultDetailId,
+                    exampleOperation:appealOperationType
+                }
+            }
+            getInfo(data)
+            getCon(data)
+            getAppealInfo(id, behospitalCode, casesEntryId, hospitalId, qcresultDetailId)
         } else {
             const token = localStorage.getItem('accessToken');
             if (!token && window.location.href.indexOf('login') == -1) {
@@ -46,7 +80,30 @@ function getAudit() {
 
     })
 }
+function getAppealInfo(id, behospitalCode, casesEntryId, hospitalId, qcresultDetailId) {
+    const param = {
+        id: id,
+        behospitalCode: behospitalCode,
+        casesEntryId: casesEntryId,
+        hospitalId: hospitalId,
+        qcresultDetailId: qcresultDetailId,
+    }
+    return post(api.getAppealInfo, param).then(res => {
+        if (res.data.code == '0') {
+            data = res.data.data.appealExamineRecordDTOList
+            getHistory(data)
+        } else {
+            const token = localStorage.getItem('accessToken');
+            if (!token && window.location.href.indexOf('login') == -1) {
+                //alert('无token判断，跳回登录')
+            } else {
+                $.alerModal({ "message": res.data.msg, type: "tip", time: '1000', isFather: true, fatherWrapper: $("#mainBox", parent.document) });
+            }
+        }
+    }).catch((e) => {
 
+    })
+}
 
 function getInfo(data) {
     let str = ''
@@ -65,18 +122,119 @@ function getCon(data) {
     str += `<p class="con-title">申述模块：${data.casesName || '-'}</p>
         <p class="con-title">病历内容：${data.defectContent || '-'}</p>
         <p class="con-title">缺陷详情：${data.qcresultDetailMsg || '-'}</p>
-        <p class="con-title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评分：${data.value || '-'}</p>
+        <p class="con-title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评分：${data.qcresultDetaiValue || '-'}</p>
         <p class="con-title">病案详情：<span class="goDetail">查看</span></p>`;
     $('.content').append(str);
 }
 
+function getHistory(data) {
+    let str = ''
+    for (let i = 0; i < data.length; i++) {
+        const item = data[i]
+        str += `<div class="box">
+            <p class="con-title"><span>申述时间：${item.appealCreateDate || '-'}</span><span>申述人：${item.claimantName || '-'}</span><span>审核人：${item.checkName || '-'}</span></p>
+            <p class="con-title">操作类型：${item.appealOperationType == 0 ? '删改条目' : item.appealOperationType == 1 ? '新增已有条目' : item.appealOperationType == 2 ? '新增缺失条目' : '恢复条目'}</p>
+            <p class="con-title">申述说明：${item.appealExplain || '-'}</p>
+        </div>`;
+    }
+    $('.history').append(str);
+}
+
+$(document).on("click", ".goDetail", (e) => {
+    $(parent.document).find("#contentIframe").attr("src", "checkTaskList.html")
+});
 
 $(document).on("click", ".btn-sure", (e) => {
-    console.log(e.clientX);
-    console.log(document.body.scrollLeft);
+    $("#delModal .modal-body").html("");
+    $("#delModal").show();
+    if (appealOperationType == 0) {
+        $("#appealDel").tmpl(appealInfo).appendTo("#delModal .modal-body");
+        $("#delModal .confirm").text("确定").unbind("click").click(function () {
+            approved(1)
+        });
+    } else if (appealOperationType == 1) {
+
+        $("#appealAdd").tmpl(appealInfo).appendTo("#delModal .modal-body");
+        $("#delModal .confirm").text("确定").unbind("click").click(function () {
+            approved(2)
+        });
+    } else if (appealOperationType == 2) {
+
+        $("#appealDef").tmpl(appealInfo).appendTo("#delModal .modal-body");
+        $("#delModal .confirm").text("确定").unbind("click").click(function () {
+            approved(3)
+        });
+    }
+    console.log(appealOperationType);
+});
+
+
+
+$(document).on("click", ".btn-cancel", (e) => {
+    $("#delModal .modal-body").html("");
     $('.bot ul').css({
-        "display": 'block',
-        "left": e.clientX + 1,
-        "top": e.clientY + 10
+        "display": 'none',
+    });
+    $("#delModal").show();
+    $("#delModal .modal-header .title").html('驳回');
+
+    $("#appealReject").tmpl(appealInfo).appendTo("#delModal .modal-body");
+    $("#delModal .confirm").text("确定").unbind("click").click(function () {
+        rejected()
+    });
+});
+
+//审核
+function approved(type) {
+    if (type == 1) {
+        appealInfo.exampleOperation = $('input:radio:checked').val()
+        if($('input:radio:checked').val() == 2){
+            appealInfo.delStatus == 0
+        }
+    } else if (type == 2) {
+        appealInfo.exampleOperation = 3
+    } else if (type == 3) {
+        appealInfo.exampleOperation = 4
+        appealInfo.processResult = $(".textarea").val()
+    }
+    const param = {
+        ...appealInfo,
+        'id': id,
+    };
+    post(api.approved, param).then(function (res) {
+        if (res.data.code === '0') {
+            $("#delModal").hide();
+            $.alerModal({ "message": "审核成功", type: "tip", time: '1000', win: true });
+        } else {
+            $.alerModal({ "message": res.data.msg || '失败,请重试~', type: "tip", time: '1000', win: 'default' });
+
+        }
+    }).catch(() => {
+        $.alerModal({ "message": '失败,请重试~', type: "tip", time: '1000', win: 'default' });
+
+    });
+}
+
+//驳回
+function rejected() {
+    const param = {
+        // 'behospitalCode':behospitalCode,
+        'id': id,
+        // rejectedReason:$(".textarea2").val()
+    };
+    post(api.rejected, param).then(function (res) {
+        console.log(res.data.data.code);
+        if (res.data.data.code === '0') {
+            $("#delModal").hide();
+            $("#anchor" + info.pageKeyList[0]).removeClass("active");
+            $.alerModal({ "message": "驳回成功", type: "tip", time: '1000', win: true });
+        } else {
+            console.log(123);
+            $.alerModal({ "message": res.data.data.msg || '失败,请重试~', type: "tip", time: '1000', win: 'default' });
+
+        }
+    }).catch(() => {
+        $.alerModal({ "message": '失败,请重试~', type: "tip", time: '1000', win: 'default' });
+
     });
-});
+}

src/js/appealHistory.js

@@ -1,6 +1,7 @@
 const $ = require('jquery');
 require("../css/appealHistory.less");
 require('./modal.js');
+require('jquery-templates');
 const { api } = require('./api.js')
 const { post, getCookie, getLocal, getUrlArgObjectNew, emptyBox, downloadExportedData, expJson, getLogoParam, listenScroll, getPickerDate, exportTimeLimit } = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
@@ -17,7 +18,8 @@ const arrowRight = require("./../images/arrow_right.png")
 const goUpG = require("./../images/arrow_up_grey.png")
 const goUpB = require("./../images/arrow_up_blue.png")
 const goDownG = require("./../images/arrow_down_grey.png")
-const goDownB = require("./../images/arrow_down_blue.png")
+const goDownB = require("./../images/arrow_down_blue.png");
+const ret = require('bluebird/js/release/util');
 listenScroll()
 let pageSet = [], pageSetCopy = [], showNum = 0, scrollTop = 0;
 $(".selectModular").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
@@ -29,10 +31,10 @@ let srcUrl = $("#contentIframe", parent.document).attr("src")
 let statisticsType = getUrlArgObjectNew("dateType", srcUrl) || getUrlArgObjectNew("shijian", srcUrl) || ""
 let startDateParam = getUrlArgObjectNew("startDateParam", srcUrl) || ""
 let endDateParam = getUrlArgObjectNew("endDateParam", srcUrl) || ""
-let tabList = [], name = "", behospitalCode = "", deptName = "", deptNameTemp = "", behosDateStart = "", level = "", behosDateEnd = "",  nameTemp = "",moduleName = "",operationType="",
+let tabList = [], name = "", behospitalCode = "", deptName = "", deptNameTemp = "", behosDateStart = "", level = "", behosDateEnd = "", nameTemp = "", moduleName = "", operationType = "",
     behospitalCodeTemp = "", levelTemp = "", deptId = "", deptIdTemp = "", doctorName = "", doctorNameTemp = "", doctorNum = "", doctorNumTemp = "",
     fpCheckStatus = "", fpCheckStatusTemp = "", fpCheckName = "", fpCheckNameTemp = "", qcCheckName = "", qcCheckNameTemp = "", qcCheckMain = "", qcCheckStatus = "", state = "",
-    data_desc = ["leave_hospital_date"], data_asc = [];
+    data_desc = ["leave_hospital_date"], data_asc = [], global_checkers = [];    //审核人列表;
 let isPlacefile = getCookie('isPlacefile') || 1
 
 $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
@@ -58,11 +60,11 @@ function getTabData(activePage) {
         asc: data_asc,     //升序
         desc: data_desc,       //降序
         deptName: deptName == "全部" ? "" : deptName || '',
-        casesName:moduleName,
-        operationType:operationType,
-        state:state,
+        casesName: moduleName,
+        operationType: operationType,
+        state: state,
         size: 15,
-        name:$('.patientNameInp').val(),
+        name: $('.patientNameInp').val(),
         complaintDateEnd: behosDateEnd.replaceAll("/", "-"),
         complaintDateStart: behosDateStart.replaceAll("/", "-"),
     }
@@ -224,6 +226,36 @@ $(".abnormalClear").on("click", function (e) {
     getTabData(1)
 })
 
+//获取审核人下拉列表
+function getCheckUser() {
+    const param = {};
+    post(api.getReviewer, param).then(function (res) {
+        if (res.data.code === '0') {
+            const data = res.data.data;
+            global_checkers = data;
+            $("#flawDropTmpl").tmpl({ info: data }).appendTo("#delModal .checker-drop-box ul");
+            userDropEvent(".checker-drop-input", selectChecker);
+        }
+    });
+}
+function userDropEvent(domSelector, selectEvent) {
+    $("body").on("click", domSelector, function () {
+        $(domSelector).parents(".drop-box").toggleClass("show");
+    });
+    $("body").on("click", ".checker-drop-box li", function () {
+        $(".add-box .warning").hide();
+        const n = $(this).attr("idx");
+        selectEvent(domSelector, n);
+        $(domSelector).parents(".drop-box").find(".warning").hide();
+        $(domSelector).parents(".drop-box").removeClass("show");
+    });
+}
+//审核人下拉选中
+function selectChecker(domSelector, n) {
+    const flaw = global_checkers[n];
+    const { id, userName } = flaw;
+    $(domSelector).text(userName).attr({ "code": id, "title": userName });
+}
 function renderTab(data) {
     let str = ``
     if (data.length === 0) {
@@ -233,7 +265,7 @@ function renderTab(data) {
     for (let i = 0; i < data.length; i++) {
         const item = data[i]
         str += `
-            <tr  data-index=${i} data-doc="${item.doctorName || ""}" data-docId="${item.doctorId || ""}">
+            <tr>
                 <td >${item.claimantName || "-"}</td>
                 <td >${item.behDeptName || "-"}</td>
                 <td >${item.claimantGmtCreate}</td>
@@ -244,18 +276,111 @@ 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">待审核</span>' : item.exampleStatus == 1 ? '<span class="rejected">已驳回</span>' : '<span class="approved">审核通过</span>'}</td>
-                <td >
-                    ${item.exampleStatus == 0 ? `<span class="appealBtn">查看</span><span class="appealBtn">撤回</span>` : ''}
-                    ${item.exampleStatus == 1 || item.exampleStatus == 2 ? `<span class="appealBtn">再次申述</span>` : ''}
+                <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>` : ''}
                 </td>
             </tr>
         `
     }
-
     $('.tbody').html(str)
+    $(".withdraw").click(function () {
+        let id = $(this).parent().attr("data-id")
+        console.log(id);
+        cancelAppealInfo(id)
+    })
+    $(".appealAgain").click(function () {
+        let i = $(this).parent().attr("data-index")
+        $("#delModal .modal-body").html("");
+        $("#delModal").show();
+        getCheckUser()
+        $(".checker-drop-input").html('123')
+        console.log(data[i].checkName);
+        $("#appealDef").tmpl(data[i]).appendTo("#delModal .modal-body");
+        $("#delModal .confirm").text("确定").unbind("click").click(function () {
+            addAppealInfo(data[i])
+        });
+    })
+    $(".goHomeDetail1").click(function () {
+        let id = $(this).parent().attr("data-id")
+        let hospitalId = $(this).parent().attr("data-hos")
+        let behospitalCode = $(this).parent().attr("data-behospitalCode")
+        let casesEntryId = $(this).parent().attr("data-casesEntryId")
+        let qcresultDetailId = $(this).parent().attr("data-qcresultDetailId")
+        let appealOperationType = $(this).parent().attr("data-appealOperationType")
+        $(parent.document).find("#contentIframe").attr("src", "appealExamine.html?id=" + id + "&hospitalId=" + hospitalId + "&behospitalCode=" + behospitalCode + "&casesEntryId=" + casesEntryId + "&qcresultDetailId=" + qcresultDetailId + "&appealOperationType=" + appealOperationType + "&form=" + 3)
+    })
+}
+
+function cancelAppealInfo(id) {
+    post(api.cancelAppealInfo, { id: id }).then(function (res) {
+        if (res.data.code === '0') {
+            getTabData(1)
+            $.alerModal({ "message": "撤回成功", type: "tip", time: '1000', win: true });
+        } else {
+            $.alerModal({ "message": res.data.msg || '失败,请重试~', type: "tip", time: '1000', win: 'default' });
+
+        }
+    }).catch(() => {
+        $.alerModal({ "message": '失败,请重试~', type: "tip", time: '1000', win: 'default' });
+
+    });
 }
 
+//再次申述
+function addAppealInfo(data) {
+    if (data.appealOperationType == 1) {
+        if (data.exampleStatus == 2) {
+            data.appealOperationType = 0
+        } else {
+            data.appealOperationType = 1
+        }
+    } else if (data.appealOperationType == 3) {
+        data.appealOperationType = 0
+    }
+    $(".warning").hide();
+    let val = $(".textarea").val()
+    let num = 500
+    if (!val) {
+        $(".warning .red").text("申诉说明不能为空~");
+        $(".warning").show();
+        return
+    } else if (val.length > num) {
+        $(".warning .red").text("申诉说明不能超过" + num + "个字~");
+        $(".warning").show();
+        return
+    }
+    const param = {
+        appealExplain: $(".textarea").val(),
+        appealOperationType: data.appealOperationType,
+        behospitalCode: data.behospitalCode,
+        checkId: $(".checker-drop-input").attr("code"),
+        appealType: 1,
+    }
+    post(api.addAppealInfo, param).then(function (res) {
+        if (res.data.code === '0') {
+            getTabData(1)
+            $("#delModal").hide();
+            $.alerModal({ "message": "申述成功", type: "tip", time: '1000', win: true });
+        } else {
+            $.alerModal({ "message": res.data.msg || '失败,请重试~', type: "tip", time: '1000', win: 'default' });
+
+        }
+    }).catch(() => {
+        $.alerModal({ "message": '失败,请重试~', type: "tip", time: '1000', win: 'default' });
+
+    });
+}
+$(document).on("click", ".checker-drop-input", (e) => {
+    e.stopPropagation()
+    $("#delModal ul").css("display", "block")
+});
+$(document).on("click", ".infoItem", (e) => {
+    e.stopPropagation()
+    const name = $(this).attr("data-name")
+    $("#delModal ul").css("display", "none")
+});
 //选择病历等级
 $('.selectModular').on("click", function (e) {
     e.stopPropagation()
@@ -791,6 +916,7 @@ $(document).on("click", function () {
     $(".selectCheck .arrow").attr("src", iconDown)
     $(".fpSelectCheck .arrow").attr("src", iconDown)
     $(".qcSelectCheck .arrow").attr("src", iconDown)
+    $("#delModal ul").css("display", "none")
 })