feat: 分档打分标记

src/assets/styles/marker.less

@@ -1,1124 +1,1130 @@
-.marker-grading {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  z-index: auto;
-  color: @color-text;
-}
-// marker-header
-.marker-header {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 9;
-
-  .header-main {
-    height: 40px;
-    padding: 5px 0;
-    line-height: 30px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: @color-background-light;
-  }
-
-  .header-part {
-    display: inline-block;
-    vertical-align: top;
-    padding: 0 10px;
-    margin-left: 5px;
-    background: @color-background;
-    border-radius: 5px;
-    cursor: pointer;
-    &:hover {
-      background-color: shade(@color-background, 20%);
-      color: @color-text-act;
-    }
-  }
-  .header-page {
-    .page-total {
-      display: inline-block;
-      vertical-align: middle;
-      margin: 0 5px;
-    }
-
-    .page-item {
-      display: inline-block;
-      vertical-align: middle;
-      margin: 0 2px;
-      min-width: 24px;
-      height: 24px;
-      line-height: 24px;
-      text-align: center;
-      background-color: @color-background;
-      border-radius: 2px;
-      cursor: pointer;
-      &:hover {
-        background-color: shade(@color-background, 20%);
-      }
-    }
-    .page-cpage {
-      padding: 0 5px;
-      span {
-        margin: 0 1px;
-      }
-    }
-    .page-size {
-      padding: 0 10px;
-    }
-  }
-  .header-step {
-    color: @color-text-act;
-  }
-  .header-selection {
-    padding: 0;
-    background-color: transparent;
-
-    &:hover {
-      background-color: transparent;
-    }
-
-    .image-checkbox {
-      display: inline-block;
-      vertical-align: middle;
-      height: 20px;
-      width: 20px;
-      margin-right: 2px;
-      border-radius: 5px;
-      background-color: @color-background;
-      color: @color-text-act;
-      font-size: 14px;
-      text-align: center;
-      line-height: 20px;
-      cursor: pointer;
-
-      &:hover,
-      &.image-selected {
-        box-shadow: 0 0 3px inset @color-background-light;
-      }
-    }
-  }
-  .header-history {
-    margin-right: 5px;
-  }
-  .header-user {
-    display: inline-block;
-    vertical-align: top;
-    width: 281px;
-    border-left: 1px solid @color-background;
-    margin: -5px 0;
-    padding: 5px 10px;
-
-    .ivu-dropdown {
-      display: block;
-    }
-
-    .user-name {
-      background: @color-background;
-      border-radius: 15px;
-      padding: 0 15px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      cursor: pointer;
-      > i {
-        color: #bec3d1;
-        &:last-child {
-          display: block;
-          float: right;
-          margin-top: 8px;
-        }
-      }
-      &:hover {
-        background-color: shade(@color-background, 20%);
-        color: @color-text-act;
-      }
-    }
-  }
-
-  .fast-nav {
-    padding: 4px 10px 5px;
-    background-color: @color-background-light;
-    margin-right: 280px;
-    border-top: 1px solid @color-background-light2;
-    border-right: 1px solid @color-background;
-    text-align: center;
-
-    &-list {
-      font-size: 0;
-    }
-
-    &-item {
-      display: inline-block;
-      vertical-align: middle;
-      min-width: 30px;
-      text-align: center;
-      padding: 0 8px;
-      border-radius: 5px;
-      height: 30px;
-      line-height: 30px;
-      margin: 0 5px;
-      background: @color-background;
-      font-size: 14px;
-      cursor: pointer;
-
-      &.is-active,
-      &:hover {
-        background-color: @color-act1;
-        color: @color-text-act;
-      }
-
-      &.is-danger:hover {
-        background-color: @color-act2;
-      }
-    }
-
-    &-close {
-      border-radius: 50%;
-      padding: 0;
-      margin-left: 20px;
-    }
-  }
-}
-.header-step-dropdown {
-  .header-step-item {
-    > i {
-      color: @color-text-act;
-      &:last-child {
-        color: @color-text;
-      }
-    }
-  }
-}
-.header-filter-body {
-  .filter-part {
-    padding: 15px 0 7px;
-
-    &:not(:last-child) {
-      border-bottom: 1px dashed @color-text;
-    }
-
-    &-title {
-      line-height: 1;
-      margin-bottom: 10px;
-    }
-  }
-
-  .filter-select {
-    display: inline-block;
-    vertical-align: top;
-    width: 100px;
-    min-width: auto;
-    margin-right: 10px;
-    margin-bottom: 8px;
-  }
-  .filter-input {
-    display: inline-block;
-    vertical-align: top;
-    width: 150px;
-    margin-right: 10px;
-    margin-bottom: 8px;
-  }
-  .filter-btn {
-    display: inline-block;
-    vertical-align: top;
-    width: 60px;
-    height: 30px;
-  }
-  .filter-label {
-    display: inline-block;
-    vertical-align: top;
-    line-height: 32px;
-  }
-}
-
-// .marker-body
-.marker-body {
-  position: absolute;
-  left: 0;
-  top: 40px;
-  right: 280px;
-  bottom: 0;
-  overflow: auto;
-  padding: 5px;
-  background: @color-background;
-  z-index: 7;
-
-  &-low {
-    top: 80px;
-  }
-}
-.marker-image-list {
-  height: 100%;
-
-  .marker-image-item {
-    display: inline-block;
-    vertical-align: top;
-    width: 25%;
-    height: 50%;
-    padding: 5px;
-    font-size: 0;
-
-    &-act {
-      .marker-image-content::before {
-        content: "";
-        display: block;
-        position: absolute;
-        width: 20px;
-        height: 20px;
-        top: 0;
-        right: 0;
-        border-top-right-radius: 5px;
-        border-bottom-left-radius: 20px;
-        background-color: @color-act1;
-      }
-    }
-  }
-  .marker-image-content {
-    position: relative;
-    background-color: @color-background-light;
-    height: 100%;
-    padding: 10px;
-    border-radius: 5px;
-  }
-
-  &-1 {
-    .marker-image-item {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  &-2 {
-    .marker-image-item {
-      width: 50%;
-      height: 100%;
-    }
-  }
-  &-3 {
-    .marker-image-item {
-      width: 33.33%;
-      height: 100%;
-    }
-  }
-  &-4 {
-    .marker-image-item {
-      width: 50%;
-      height: 50%;
-    }
-  }
-  &-6 {
-    .marker-image-item {
-      width: 33.33%;
-      height: 50%;
-    }
-  }
-  &-8 {
-    .marker-image-item {
-      width: 25%;
-      height: 50%;
-    }
-  }
-  &-9 {
-    .marker-image-item {
-      width: 33.33%;
-      height: 33.33%;
-    }
-  }
-  &-10 {
-    .marker-image-item {
-      width: 20%;
-      height: 50%;
-    }
-  }
-  &-12 {
-    .marker-image-item {
-      width: 25%;
-      height: 33.33%;
-    }
-  }
-  &-15 {
-    .marker-image-item {
-      width: 20%;
-      height: 33.33%;
-    }
-  }
-  &-16 {
-    .marker-image-item {
-      width: 25%;
-      height: 25%;
-    }
-  }
-  &-20 {
-    .marker-image-item {
-      width: 20%;
-      height: 25%;
-    }
-  }
-  &-24 {
-    .marker-image-item {
-      width: 16.66%;
-      height: 25%;
-    }
-  }
-  &-25 {
-    .marker-image-item {
-      width: 20%;
-      height: 20%;
-    }
-  }
-}
-.marker-image-view {
-  position: relative;
-  height: 100%;
-  font-size: 14px;
-
-  .image-view-contain {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 36px;
-  }
-  .image-view-footer {
-    position: absolute;
-    width: 100%;
-    bottom: 0;
-    left: 0;
-    height: 26px;
-    line-height: 26px;
-    padding: 0;
-    display: flex;
-    justify-content: space-between;
-  }
-  .image-info {
-    flex-grow: 0;
-    flex-shrink: 0;
-    > div {
-      display: inline-block;
-      vertical-align: top;
-    }
-  }
-  .image-sample {
-    height: 26px;
-    width: 26px;
-    border-radius: 5px;
-    background-color: @color-act1;
-    color: @color-text;
-    font-size: 16px;
-    text-align: center;
-    line-height: 26px;
-  }
-  .image-checkbox {
-    height: 26px;
-    width: 26px;
-
-    border-radius: 5px;
-    background-color: @color-background;
-    color: @color-text-act;
-    font-size: 20px;
-    text-align: center;
-    line-height: 26px;
-    cursor: pointer;
-
-    &:hover,
-    &.image-selected {
-      box-shadow: 0 0 3px inset @color-background-light;
-    }
-  }
-  .image-level {
-    height: 26px;
-    min-width: 26px;
-    margin-right: 5px;
-    border-radius: 5px;
-    background-color: @color-background;
-    font-size: 18px;
-    text-align: center;
-  }
-  .image-title {
-    height: 26px;
-    padding-left: 5px;
-    flex-grow: 2;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    cursor: pointer;
-
-    &:hover {
-      color: @color-text-act;
-    }
-  }
-  .image-action {
-    flex-grow: 0;
-    flex-shrink: 0;
-    .ivu-btn {
-      width: 26px;
-      height: 26px;
-      padding: 0;
-      font-size: 12px;
-      border-radius: 50%;
-      border: 0;
-      .ivu-icon {
-        color: @color-text-act;
-      }
-    }
-
-    &-li {
-      display: inline-block;
-      vertical-align: top;
-
-      height: 26px;
-      font-size: 26px;
-      cursor: pointer;
-
-      &:not(:first-child) {
-        margin-left: 5px;
-      }
-
-      &:hover {
-        color: @color-text-act;
-      }
-
-      &.is-disabled {
-        color: tint(@color-text, 20%);
-        cursor: not-allowed;
-      }
-    }
-    .mark-act {
-      color: @warning-color;
-      &.is-disabled {
-        color: tint(@warning-color, 20%);
-        cursor: not-allowed;
-      }
-    }
-  }
-  .image-sn {
-    padding-left: 10px;
-    flex-grow: 2;
-    text-align: right;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-.marker-image-none {
-  padding-top: 150px;
-  font-size: 16px;
-  text-align: center;
-  color: @color-text;
-}
-
-// marker-action
-.marker-action {
-  position: fixed;
-  width: 280px;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 8;
-  padding: 60px 0 50px;
-  background-color: @color-background-light;
-  color: @color-text;
-
-  &-fullscreen {
-    z-index: 2000;
-  }
-
-  .grade-action {
-    padding: 0 10px;
-    height: 100%;
-    overflow-y: auto;
-    overflow-x: hidden;
-  }
-  // action-history-mark
-  .action-history-mark {
-    position: absolute;
-    top: 15px;
-    left: 50%;
-    transform: translateX(-50%);
-    padding: 5px 10px;
-    line-height: 20px;
-    border-radius: 5px;
-    background-color: @color-text;
-    color: @font-color-main;
-    cursor: pointer;
-
-    &:hover,
-    &.mark-act {
-      background-color: @brown-color;
-      color: #fff;
-    }
-  }
-
-  .action-search {
-    border-top: 1px dashed @color-text;
-  }
-  .action-paper-state {
-    color: @color-text;
-    .paper-state-cont {
-      background: @color-background;
-    }
-  }
-
-  .action-paper-info {
-    color: @color-text;
-    span:last-child {
-      color: @color-text-act;
-    }
-  }
-  .action-grade-change {
-    background-color: @color-background;
-    color: @color-text;
-  }
-  .action-grade-info {
-    background-color: @color-act1;
-    color: @color-text;
-    &-title {
-      color: @color-text;
-    }
-    .grade-info-name {
-      color: @color-text-act;
-    }
-  }
-  .action-grade-item {
-    color: @color-text;
-
-    &-content {
-      background: @color-background;
-
-      &.is-active,
-      &:hover {
-        background-color: @color-act1;
-        color: @color-text-act;
-      }
-    }
-  }
-  .action-item-content-disabled {
-    background: shade(@color-background-light, 30%) !important;
-    color: @color-background-light!important;
-  }
-
-  .action-grade-keyboard {
-    margin-bottom: 20px;
-    color: @color-text-act;
-    .keyboard-input {
-      display: inline-block;
-      vertical-align: top;
-      border: 1px solid @color-act1;
-      background-color: @color-background;
-      line-height: 28px;
-      height: 30px;
-      text-align: center;
-      width: 80%;
-      border-top-left-radius: 5px;
-      border-bottom-left-radius: 5px;
-    }
-    .keyboard-clear {
-      display: inline-block;
-      vertical-align: top;
-      background-color: @color-act1;
-      height: 30px;
-      line-height: 30px;
-      text-align: center;
-      font-size: 20px;
-      width: 20%;
-      cursor: pointer;
-      border-top-right-radius: 5px;
-      border-bottom-right-radius: 5px;
-
-      &:hover {
-        background-color: shade(@color-act1, 10%);
-      }
-    }
-  }
-  .action-grade-history {
-    .grade-history-item {
-      background-color: @color-background;
-      color: @color-text;
-
-      p:last-child {
-        background-color: @color-act1;
-        color: @color-text-act;
-      }
-    }
-  }
-  .action-grade-pass {
-    background: @color-background;
-    color: @color-text;
-
-    &:hover {
-      background-color: shade(@color-background, 20%);
-    }
-  }
-
-  // marking
-  .action-mark-item {
-    color: @color-text;
-
-    &-content {
-      background: @color-background;
-
-      &.is-active,
-      &:hover {
-        background-color: @color-act1;
-        color: @color-text-act;
-      }
-    }
-  }
-}
-.grade-ribbon {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  z-index: 8;
-  padding: 10px;
-  background-color: #3d3f55;
-
-  .ribbon-list {
-    font-size: 0;
-    text-align: right;
-    height: 30px;
-  }
-
-  .ribbon-item {
-    display: inline-block;
-    vertical-align: middle;
-    text-align: center;
-    width: 30px;
-    height: 30px;
-    line-height: 30px;
-    font-size: 20px;
-    cursor: pointer;
-    transition: all linear 0.1s;
-
-    &:hover {
-      color: #bec3d1;
-      transform: scale(1.1, 1.1);
-    }
-  }
-}
-.dark-mark {
-  // iview-ui
-  .ivu-btn-primary {
-    color: @color-text-act;
-    background-color: @color-act1;
-    border-color: @color-act1;
-
-    &:hover {
-      background-color: shade(@color-act1, 10%);
-      border-color: shade(@color-act1, 10%);
-    }
-  }
-  .ivu-input {
-    background-color: @color-background!important;
-    border-color: @color-background;
-    color: @color-text;
-    box-shadow: none !important;
-  }
-  .ivu-select-selection {
-    background-color: @color-background;
-    color: @color-text;
-    border-color: @color-background;
-  }
-  .ivu-select-dropdown {
-    background-color: @color-background;
-    color: @color-text;
-
-    .ivu-select-item {
-      color: @color-text;
-      border-top: 1px solid @color-background-light;
-      &:hover,
-      &-focus {
-        background-color: @color-act1;
-      }
-    }
-  }
-  .ivu-form .ivu-form-item-label {
-    color: @color-text;
-  }
-}
-
-// marker-history
-.marker-history {
-  .image-view-footer {
-    color: @color-text;
-  }
-  .image-action-name {
-    height: 26px;
-    padding-left: 5px;
-  }
-  .ivu-modal {
-    width: 100% !important;
-    top: 0 !important;
-  }
-}
-.history-image-list {
-  height: 360px;
-
-  .marker-image-item {
-    width: 20%;
-    height: 100%;
-  }
-}
-// marker-standard
-.marker-standard {
-  .level-list {
-    text-align: center;
-    margin-bottom: 30px;
-  }
-  .level-item {
-    display: inline-block;
-    vertical-align: top;
-    width: 40px;
-    height: 26px;
-    line-height: 26px;
-    padding: 0 5px;
-    margin: 0 10px;
-    border-radius: 5px;
-    background-color: @color-background-light;
-    color: @color-text;
-    text-align: center;
-    cursor: pointer;
-    &:hover,
-    &-act {
-      color: @color-text-act;
-      background-color: @color-act1;
-    }
-  }
-  .standard-image-list {
-    height: auto;
-  }
-
-  .image-view-footer {
-    color: @color-text;
-  }
-  .marker-image-item {
-    width: 20%;
-    height: 300px;
-  }
-  .standard-image-none {
-    padding-top: 150px;
-    font-size: 16px;
-    text-align: center;
-    color: @color-text;
-  }
-}
-.change-standard {
-  .level-list {
-    margin-bottom: 50px;
-  }
-  .level-item {
-    display: inline-block;
-    vertical-align: top;
-    margin: 5px;
-    height: 30px;
-    line-height: 30px;
-    width: 40px;
-    text-align: center;
-    border-radius: 5px;
-    color: @color-text;
-    background-color: @color-background-light;
-    border-color: @color-background-light;
-    cursor: pointer;
-
-    &:hover,
-    &-act {
-      background-color: @color-act1;
-      border-color: @color-act1;
-    }
-
-    &-disabled {
-      cursor: not-allowed;
-      color: @color-text;
-      background-color: shade(@color-background-light, 20%) !important;
-    }
-  }
-}
-// marker-statistics
-.marker-statistics {
-  color: @color-text;
-  &-chart {
-    > h3 {
-      font-size: 16px;
-    }
-    .chart-box {
-      background-color: @color-background;
-    }
-  }
-}
-
-// leader-progress
-.leader-progress {
-  .ivu-modal {
-    width: 660px !important;
-  }
-  .progress-line {
-    color: @color-text;
-    background-color: tint(@color-background, 5%);
-    max-width: 230px;
-    min-width: 100px;
-
-    .progress-rate {
-      background-color: @color-act1;
-      color: @color-text-act;
-    }
-  }
-
-  &-part {
-    margin-bottom: 20px;
-  }
-}
-// modify-leader-grading
-.marker-modal {
-  .leader-grading {
-    color: @color-text;
-    .leader-level {
-      h3 {
-        background-color: @color-background-light;
-        color: @color-text-act;
-      }
-    }
-    .leader-aciton {
-      color: @color-text;
-    }
-    .leader-markers {
-      background-color: @color-background-light;
-    }
-  }
-  .ivu-btn-primary {
-    .marker-btn-primary;
-  }
-  .ivu-radio-inner:after,
-  .ivu-checkbox-checked .ivu-checkbox-inner {
-    background-color: @color-act1;
-  }
-}
-
-// custom iview ui ----------------->
-// marker-modal
-.marker-modal {
-  color: @color-text;
-  .ivu-modal-mask {
-    background-color: rgba(55, 55, 55, 0.7);
-  }
-
-  .ivu-modal-content {
-    background-color: @color-background;
-    border-radius: 0;
-  }
-  .ivu-modal-header {
-    border-color: @color-background-light;
-    &-inner {
-      color: @color-text;
-      text-align: left;
-    }
-  }
-  .ivu-modal-body {
-    padding: 15px;
-  }
-}
-// marker-dropdown
-.marker-dropdown {
-  background-color: @color-background;
-  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-
-  .ivu-dropdown-item {
-    margin-top: 0;
-    color: @color-text;
-    border-top: 1px solid @color-background-light;
-    &:hover {
-      background-color: @color-act1;
-    }
-  }
-}
-// marker-popper
-.marker-popper {
-  &.ivu-poptip-popper {
-    .ivu-poptip-arrow {
-      border-bottom-color: @color-act1;
-      &::after {
-        border-bottom-color: @color-act1;
-      }
-    }
-  }
-  .ivu-poptip-inner {
-    background-color: @color-background-light2;
-    color: @color-text;
-
-    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-  }
-}
-// btn
-.marker-btn-primary {
-  color: @color-text-act;
-  background-color: @color-act1;
-  border-color: @color-act1;
-
-  &:hover {
-    background-color: shade(@color-act1, 10%);
-    border-color: shade(@color-act1, 10%);
-  }
-}
-
-.ribbon-set-dialog {
-  .ribbon-set-form {
-    padding-bottom: 30px;
-  }
-  .ivu-form-item {
-    margin-bottom: 5px;
-  }
-  .ivu-form-item-label {
-    color: #9d9c9c;
-  }
-  .ivu-switch-checked {
-    border-color: @color-act1;
-    background-color: @color-act1;
-  }
-}
-
-// notice-dialog
-.notice-dialog {
-  color: @color-text-act;
-  .ivu-modal-body {
-    padding: 0;
-  }
-
-  .notice-container {
-    height: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: stretch;
-  }
-  .notice-users {
-    width: 260px;
-    flex-grow: 0;
-    flex-shrink: 0;
-    overflow: auto;
-    padding: 0 10px;
-    border-right: 1px solid @color-background-light;
-  }
-  .notice-body {
-    flex-grow: 2;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-  }
-
-  .user-item {
-    padding: 5px 10px;
-    line-height: 30px;
-    display: flex;
-    justify-content: space-between;
-    align-items: stretch;
-    cursor: pointer;
-
-    &:hover {
-      background-color: @color-background-light;
-    }
-  }
-  .user-all {
-    padding: 5px 10px;
-    border-bottom: 1px solid @color-background-light;
-    cursor: auto;
-    &:hover {
-      background-color: transparent;
-    }
-  }
-  .user-name {
-    flex-grow: 2;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .user-avatar {
-    flex-grow: 0;
-    flex-shrink: 0;
-    width: 30px;
-    font-size: 24px;
-    color: @color-text;
-  }
-  .user-selection {
-    flex-grow: 0;
-    flex-shrink: 0;
-    width: 30px;
-    font-size: 26px;
-    text-align: right;
-    color: @color-text;
-    cursor: pointer;
-
-    &.is-active {
-      color: #168bcf;
-    }
-  }
-
-  .notice-content {
-    flex-grow: 2;
-  }
-  .notice-send {
-    flex-grow: 0;
-    flex-shrink: 0;
-    height: 220px;
-    border-top: 1px solid @color-background-light;
-  }
-  .notice-send {
-    textarea {
-      outline: none;
-      border: none;
-      resize: none;
-      background-color: transparent;
-      width: 100%;
-      height: 150px;
-      padding: 10px;
-      font-size: 16px;
-      color: @color-text-act;
-    }
-  }
-  .notice-send-footer {
-    padding: 0 15px;
-    text-align: right;
-  }
-
-  .notice-content {
-    padding: 15px;
-    overflow: auto;
-  }
-  .notice-more {
-    text-align: center;
-    width: 150px;
-    color: tint(@color-act1, 20%);
-    margin: 0 auto;
-    cursor: pointer;
-
-    &:hover {
-      color: @color-act1;
-    }
-  }
-  .notice-item {
-    margin-bottom: 30px;
-  }
-  .notice-item-head {
-    margin-bottom: 5px;
-
-    > span {
-      display: inline-block;
-      vertical-align: middle;
-      font-size: 14px;
-      color: @color-text;
-    }
-  }
-  .notice-head-time {
-    display: inline-block;
-    vertical-align: middle;
-    margin-left: 10px;
-  }
-  .notice-item-content {
-    padding: 10px;
-    color: #f0f0f0;
-    line-height: 24px;
-    background-color: @color-background-light;
-    border-radius: 5px;
-    display: inline-block;
-    max-width: 80%;
-  }
-}
+.marker-grading {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: auto;
+  color: @color-text;
+}
+// marker-header
+.marker-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 9;
+
+  .header-main {
+    height: 40px;
+    padding: 5px 0;
+    line-height: 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: @color-background-light;
+  }
+
+  .header-part {
+    display: inline-block;
+    vertical-align: top;
+    padding: 0 10px;
+    margin-left: 5px;
+    background: @color-background;
+    border-radius: 5px;
+    cursor: pointer;
+    &:hover {
+      background-color: shade(@color-background, 20%);
+      color: @color-text-act;
+    }
+  }
+  .header-page {
+    .page-total {
+      display: inline-block;
+      vertical-align: middle;
+      margin: 0 5px;
+    }
+
+    .page-item {
+      display: inline-block;
+      vertical-align: middle;
+      margin: 0 2px;
+      min-width: 24px;
+      height: 24px;
+      line-height: 24px;
+      text-align: center;
+      background-color: @color-background;
+      border-radius: 2px;
+      cursor: pointer;
+      &:hover {
+        background-color: shade(@color-background, 20%);
+      }
+    }
+    .page-cpage {
+      padding: 0 5px;
+      span {
+        margin: 0 1px;
+      }
+    }
+    .page-size {
+      padding: 0 10px;
+    }
+  }
+  .header-step {
+    color: @color-text-act;
+  }
+  .header-selection {
+    padding: 0;
+    background-color: transparent;
+
+    &:hover {
+      background-color: transparent;
+    }
+
+    .image-checkbox {
+      display: inline-block;
+      vertical-align: middle;
+      height: 20px;
+      width: 20px;
+      margin-right: 2px;
+      border-radius: 5px;
+      background-color: @color-background;
+      color: @color-text-act;
+      font-size: 14px;
+      text-align: center;
+      line-height: 20px;
+      cursor: pointer;
+
+      &:hover,
+      &.image-selected {
+        box-shadow: 0 0 3px inset @color-background-light;
+      }
+    }
+  }
+  .header-history {
+    margin-right: 5px;
+  }
+  .header-user {
+    display: inline-block;
+    vertical-align: top;
+    width: 281px;
+    border-left: 1px solid @color-background;
+    margin: -5px 0;
+    padding: 5px 10px;
+
+    .ivu-dropdown {
+      display: block;
+    }
+
+    .user-name {
+      background: @color-background;
+      border-radius: 15px;
+      padding: 0 15px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      cursor: pointer;
+      > i {
+        color: #bec3d1;
+        &:last-child {
+          display: block;
+          float: right;
+          margin-top: 8px;
+        }
+      }
+      &:hover {
+        background-color: shade(@color-background, 20%);
+        color: @color-text-act;
+      }
+    }
+  }
+
+  .fast-nav {
+    padding: 4px 10px 5px;
+    background-color: @color-background-light;
+    margin-right: 280px;
+    border-top: 1px solid @color-background-light2;
+    border-right: 1px solid @color-background;
+    text-align: center;
+
+    &-list {
+      font-size: 0;
+    }
+
+    &-item {
+      display: inline-block;
+      vertical-align: middle;
+      min-width: 30px;
+      text-align: center;
+      padding: 0 8px;
+      border-radius: 5px;
+      height: 30px;
+      line-height: 30px;
+      margin: 0 5px;
+      background: @color-background;
+      font-size: 14px;
+      cursor: pointer;
+
+      &.is-active,
+      &:hover {
+        background-color: @color-act1;
+        color: @color-text-act;
+      }
+
+      &.is-danger:hover {
+        background-color: @color-act2;
+      }
+    }
+
+    &-close {
+      border-radius: 50%;
+      padding: 0;
+      margin-left: 20px;
+    }
+  }
+}
+.header-step-dropdown {
+  .header-step-item {
+    > i {
+      color: @color-text-act;
+      &:last-child {
+        color: @color-text;
+      }
+    }
+  }
+}
+.header-filter-body {
+  .filter-part {
+    padding: 15px 0 7px;
+
+    &:not(:last-child) {
+      border-bottom: 1px dashed @color-text;
+    }
+
+    &-title {
+      line-height: 1;
+      margin-bottom: 10px;
+    }
+  }
+
+  .filter-select {
+    display: inline-block;
+    vertical-align: top;
+    width: 100px;
+    min-width: auto;
+    margin-right: 10px;
+    margin-bottom: 8px;
+  }
+  .filter-input {
+    display: inline-block;
+    vertical-align: top;
+    width: 150px;
+    margin-right: 10px;
+    margin-bottom: 8px;
+  }
+  .filter-btn {
+    display: inline-block;
+    vertical-align: top;
+    width: 60px;
+    height: 30px;
+  }
+  .filter-label {
+    display: inline-block;
+    vertical-align: top;
+    line-height: 32px;
+  }
+}
+
+// .marker-body
+.marker-body {
+  position: absolute;
+  left: 0;
+  top: 40px;
+  right: 280px;
+  bottom: 0;
+  overflow: auto;
+  padding: 5px;
+  background: @color-background;
+  z-index: 7;
+
+  &-low {
+    top: 80px;
+  }
+}
+.marker-image-list {
+  height: 100%;
+
+  .marker-image-item {
+    display: inline-block;
+    vertical-align: top;
+    width: 25%;
+    height: 50%;
+    padding: 5px;
+    font-size: 0;
+
+    &-act {
+      .marker-image-content::before {
+        content: "";
+        display: block;
+        position: absolute;
+        width: 20px;
+        height: 20px;
+        top: 0;
+        right: 0;
+        border-top-right-radius: 5px;
+        border-bottom-left-radius: 20px;
+        background-color: @color-act1;
+      }
+    }
+  }
+  .marker-image-content {
+    position: relative;
+    background-color: @color-background-light;
+    height: 100%;
+    padding: 10px;
+    border-radius: 5px;
+  }
+
+  &-1 {
+    .marker-image-item {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  &-2 {
+    .marker-image-item {
+      width: 50%;
+      height: 100%;
+    }
+  }
+  &-3 {
+    .marker-image-item {
+      width: 33.33%;
+      height: 100%;
+    }
+  }
+  &-4 {
+    .marker-image-item {
+      width: 50%;
+      height: 50%;
+    }
+  }
+  &-6 {
+    .marker-image-item {
+      width: 33.33%;
+      height: 50%;
+    }
+  }
+  &-8 {
+    .marker-image-item {
+      width: 25%;
+      height: 50%;
+    }
+  }
+  &-9 {
+    .marker-image-item {
+      width: 33.33%;
+      height: 33.33%;
+    }
+  }
+  &-10 {
+    .marker-image-item {
+      width: 20%;
+      height: 50%;
+    }
+  }
+  &-12 {
+    .marker-image-item {
+      width: 25%;
+      height: 33.33%;
+    }
+  }
+  &-15 {
+    .marker-image-item {
+      width: 20%;
+      height: 33.33%;
+    }
+  }
+  &-16 {
+    .marker-image-item {
+      width: 25%;
+      height: 25%;
+    }
+  }
+  &-20 {
+    .marker-image-item {
+      width: 20%;
+      height: 25%;
+    }
+  }
+  &-24 {
+    .marker-image-item {
+      width: 16.66%;
+      height: 25%;
+    }
+  }
+  &-25 {
+    .marker-image-item {
+      width: 20%;
+      height: 20%;
+    }
+  }
+}
+.marker-image-view {
+  position: relative;
+  height: 100%;
+  font-size: 14px;
+
+  .image-view-contain {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 36px;
+  }
+  .image-view-footer {
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    height: 26px;
+    line-height: 26px;
+    padding: 0;
+    display: flex;
+    justify-content: space-between;
+  }
+  .image-info {
+    flex-grow: 0;
+    flex-shrink: 0;
+    > div {
+      display: inline-block;
+      vertical-align: top;
+    }
+  }
+  .image-sample {
+    height: 26px;
+    width: 26px;
+    border-radius: 5px;
+    background-color: @color-act1;
+    color: @color-text;
+    font-size: 16px;
+    text-align: center;
+    line-height: 26px;
+  }
+  .image-checkbox {
+    height: 26px;
+    width: 26px;
+
+    border-radius: 5px;
+    background-color: @color-background;
+    color: @color-text-act;
+    font-size: 20px;
+    text-align: center;
+    line-height: 26px;
+    cursor: pointer;
+
+    &:hover,
+    &.image-selected {
+      box-shadow: 0 0 3px inset @color-background-light;
+    }
+  }
+  .image-level {
+    height: 26px;
+    min-width: 26px;
+    margin-right: 5px;
+    border-radius: 5px;
+    background-color: @color-background;
+    font-size: 18px;
+    text-align: center;
+  }
+  .image-title {
+    height: 26px;
+    padding-left: 5px;
+    flex-grow: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+
+    &:hover {
+      color: @color-text-act;
+    }
+  }
+  .image-action {
+    flex-grow: 0;
+    flex-shrink: 0;
+    .ivu-btn {
+      width: 26px;
+      height: 26px;
+      padding: 0;
+      font-size: 12px;
+      border-radius: 50%;
+      border: 0;
+      .ivu-icon {
+        color: @color-text-act;
+      }
+    }
+
+    &-li {
+      display: inline-block;
+      vertical-align: top;
+
+      height: 26px;
+      font-size: 26px;
+      cursor: pointer;
+
+      &:not(:first-child) {
+        margin-left: 5px;
+      }
+
+      &:hover {
+        color: @color-text-act;
+      }
+
+      &.is-disabled {
+        color: tint(@color-text, 20%);
+        cursor: not-allowed;
+      }
+    }
+    .mark-act {
+      color: @warning-color;
+      &.is-disabled {
+        color: tint(@warning-color, 20%);
+        cursor: not-allowed;
+      }
+    }
+  }
+  .image-sn {
+    padding-left: 10px;
+    flex-grow: 2;
+    text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+.marker-image-none {
+  padding-top: 150px;
+  font-size: 16px;
+  text-align: center;
+  color: @color-text;
+}
+
+// marker-action
+.marker-action {
+  position: fixed;
+  width: 280px;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 8;
+  padding: 60px 0 50px;
+  background-color: @color-background-light;
+  color: @color-text;
+
+  &-fullscreen {
+    z-index: 2000;
+    .grade-action {
+      .action-history-mark {
+        display: block;
+      }
+    }
+  }
+
+  .grade-action {
+    padding: 0 10px;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+  // action-history-mark
+  .action-history-mark {
+    display: none;
+    position: absolute;
+    top: 15px;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 5px 10px;
+    line-height: 20px;
+    border-radius: 5px;
+    background-color: @color-text;
+    color: @font-color-main;
+    cursor: pointer;
+
+    &:hover,
+    &.mark-act {
+      background-color: @brown-color;
+      color: #fff;
+    }
+  }
+
+  .action-search {
+    border-top: 1px dashed @color-text;
+  }
+  .action-paper-state {
+    color: @color-text;
+    .paper-state-cont {
+      background: @color-background;
+    }
+  }
+
+  .action-paper-info {
+    color: @color-text;
+    span:last-child {
+      color: @color-text-act;
+    }
+  }
+  .action-grade-change {
+    background-color: @color-background;
+    color: @color-text;
+  }
+  .action-grade-info {
+    background-color: @color-act1;
+    color: @color-text;
+    &-title {
+      color: @color-text;
+    }
+    .grade-info-name {
+      color: @color-text-act;
+    }
+  }
+  .action-grade-item {
+    color: @color-text;
+
+    &-content {
+      background: @color-background;
+
+      &.is-active,
+      &:hover {
+        background-color: @color-act1;
+        color: @color-text-act;
+      }
+    }
+  }
+  .action-item-content-disabled {
+    background: shade(@color-background-light, 30%) !important;
+    color: @color-background-light!important;
+  }
+
+  .action-grade-keyboard {
+    margin-bottom: 20px;
+    color: @color-text-act;
+    .keyboard-input {
+      display: inline-block;
+      vertical-align: top;
+      border: 1px solid @color-act1;
+      background-color: @color-background;
+      line-height: 28px;
+      height: 30px;
+      text-align: center;
+      width: 80%;
+      border-top-left-radius: 5px;
+      border-bottom-left-radius: 5px;
+    }
+    .keyboard-clear {
+      display: inline-block;
+      vertical-align: top;
+      background-color: @color-act1;
+      height: 30px;
+      line-height: 30px;
+      text-align: center;
+      font-size: 20px;
+      width: 20%;
+      cursor: pointer;
+      border-top-right-radius: 5px;
+      border-bottom-right-radius: 5px;
+
+      &:hover {
+        background-color: shade(@color-act1, 10%);
+      }
+    }
+  }
+  .action-grade-history {
+    .grade-history-item {
+      background-color: @color-background;
+      color: @color-text;
+
+      p:last-child {
+        background-color: @color-act1;
+        color: @color-text-act;
+      }
+    }
+  }
+  .action-grade-pass {
+    background: @color-background;
+    color: @color-text;
+
+    &:hover {
+      background-color: shade(@color-background, 20%);
+    }
+  }
+
+  // marking
+  .action-mark-item {
+    color: @color-text;
+
+    &-content {
+      background: @color-background;
+
+      &.is-active,
+      &:hover {
+        background-color: @color-act1;
+        color: @color-text-act;
+      }
+    }
+  }
+}
+.grade-ribbon {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  z-index: 8;
+  padding: 10px;
+  background-color: #3d3f55;
+
+  .ribbon-list {
+    font-size: 0;
+    text-align: right;
+    height: 30px;
+  }
+
+  .ribbon-item {
+    display: inline-block;
+    vertical-align: middle;
+    text-align: center;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+    font-size: 20px;
+    cursor: pointer;
+    transition: all linear 0.1s;
+
+    &:hover {
+      color: #bec3d1;
+      transform: scale(1.1, 1.1);
+    }
+  }
+}
+.dark-mark {
+  // iview-ui
+  .ivu-btn-primary {
+    color: @color-text-act;
+    background-color: @color-act1;
+    border-color: @color-act1;
+
+    &:hover {
+      background-color: shade(@color-act1, 10%);
+      border-color: shade(@color-act1, 10%);
+    }
+  }
+  .ivu-input {
+    background-color: @color-background!important;
+    border-color: @color-background;
+    color: @color-text;
+    box-shadow: none !important;
+  }
+  .ivu-select-selection {
+    background-color: @color-background;
+    color: @color-text;
+    border-color: @color-background;
+  }
+  .ivu-select-dropdown {
+    background-color: @color-background;
+    color: @color-text;
+
+    .ivu-select-item {
+      color: @color-text;
+      border-top: 1px solid @color-background-light;
+      &:hover,
+      &-focus {
+        background-color: @color-act1;
+      }
+    }
+  }
+  .ivu-form .ivu-form-item-label {
+    color: @color-text;
+  }
+}
+
+// marker-history
+.marker-history {
+  .image-view-footer {
+    color: @color-text;
+  }
+  .image-action-name {
+    height: 26px;
+    padding-left: 5px;
+  }
+  .ivu-modal {
+    width: 100% !important;
+    top: 0 !important;
+  }
+}
+.history-image-list {
+  height: 360px;
+
+  .marker-image-item {
+    width: 20%;
+    height: 100%;
+  }
+}
+// marker-standard
+.marker-standard {
+  .level-list {
+    text-align: center;
+    margin-bottom: 30px;
+  }
+  .level-item {
+    display: inline-block;
+    vertical-align: top;
+    width: 40px;
+    height: 26px;
+    line-height: 26px;
+    padding: 0 5px;
+    margin: 0 10px;
+    border-radius: 5px;
+    background-color: @color-background-light;
+    color: @color-text;
+    text-align: center;
+    cursor: pointer;
+    &:hover,
+    &-act {
+      color: @color-text-act;
+      background-color: @color-act1;
+    }
+  }
+  .standard-image-list {
+    height: auto;
+  }
+
+  .image-view-footer {
+    color: @color-text;
+  }
+  .marker-image-item {
+    width: 20%;
+    height: 300px;
+  }
+  .standard-image-none {
+    padding-top: 150px;
+    font-size: 16px;
+    text-align: center;
+    color: @color-text;
+  }
+}
+.change-standard {
+  .level-list {
+    margin-bottom: 50px;
+  }
+  .level-item {
+    display: inline-block;
+    vertical-align: top;
+    margin: 5px;
+    height: 30px;
+    line-height: 30px;
+    width: 40px;
+    text-align: center;
+    border-radius: 5px;
+    color: @color-text;
+    background-color: @color-background-light;
+    border-color: @color-background-light;
+    cursor: pointer;
+
+    &:hover,
+    &-act {
+      background-color: @color-act1;
+      border-color: @color-act1;
+    }
+
+    &-disabled {
+      cursor: not-allowed;
+      color: @color-text;
+      background-color: shade(@color-background-light, 20%) !important;
+    }
+  }
+}
+// marker-statistics
+.marker-statistics {
+  color: @color-text;
+  &-chart {
+    > h3 {
+      font-size: 16px;
+    }
+    .chart-box {
+      background-color: @color-background;
+    }
+  }
+}
+
+// leader-progress
+.leader-progress {
+  .ivu-modal {
+    width: 660px !important;
+  }
+  .progress-line {
+    color: @color-text;
+    background-color: tint(@color-background, 5%);
+    max-width: 230px;
+    min-width: 100px;
+
+    .progress-rate {
+      background-color: @color-act1;
+      color: @color-text-act;
+    }
+  }
+
+  &-part {
+    margin-bottom: 20px;
+  }
+}
+// modify-leader-grading
+.marker-modal {
+  .leader-grading {
+    color: @color-text;
+    .leader-level {
+      h3 {
+        background-color: @color-background-light;
+        color: @color-text-act;
+      }
+    }
+    .leader-aciton {
+      color: @color-text;
+    }
+    .leader-markers {
+      background-color: @color-background-light;
+    }
+  }
+  .ivu-btn-primary {
+    .marker-btn-primary;
+  }
+  .ivu-radio-inner:after,
+  .ivu-checkbox-checked .ivu-checkbox-inner {
+    background-color: @color-act1;
+  }
+}
+
+// custom iview ui ----------------->
+// marker-modal
+.marker-modal {
+  color: @color-text;
+  .ivu-modal-mask {
+    background-color: rgba(55, 55, 55, 0.7);
+  }
+
+  .ivu-modal-content {
+    background-color: @color-background;
+    border-radius: 0;
+  }
+  .ivu-modal-header {
+    border-color: @color-background-light;
+    &-inner {
+      color: @color-text;
+      text-align: left;
+    }
+  }
+  .ivu-modal-body {
+    padding: 15px;
+  }
+}
+// marker-dropdown
+.marker-dropdown {
+  background-color: @color-background;
+  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
+
+  .ivu-dropdown-item {
+    margin-top: 0;
+    color: @color-text;
+    border-top: 1px solid @color-background-light;
+    &:hover {
+      background-color: @color-act1;
+    }
+  }
+}
+// marker-popper
+.marker-popper {
+  &.ivu-poptip-popper {
+    .ivu-poptip-arrow {
+      border-bottom-color: @color-act1;
+      &::after {
+        border-bottom-color: @color-act1;
+      }
+    }
+  }
+  .ivu-poptip-inner {
+    background-color: @color-background-light2;
+    color: @color-text;
+
+    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
+  }
+}
+// btn
+.marker-btn-primary {
+  color: @color-text-act;
+  background-color: @color-act1;
+  border-color: @color-act1;
+
+  &:hover {
+    background-color: shade(@color-act1, 10%);
+    border-color: shade(@color-act1, 10%);
+  }
+}
+
+.ribbon-set-dialog {
+  .ribbon-set-form {
+    padding-bottom: 30px;
+  }
+  .ivu-form-item {
+    margin-bottom: 5px;
+  }
+  .ivu-form-item-label {
+    color: #9d9c9c;
+  }
+  .ivu-switch-checked {
+    border-color: @color-act1;
+    background-color: @color-act1;
+  }
+}
+
+// notice-dialog
+.notice-dialog {
+  color: @color-text-act;
+  .ivu-modal-body {
+    padding: 0;
+  }
+
+  .notice-container {
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: stretch;
+  }
+  .notice-users {
+    width: 260px;
+    flex-grow: 0;
+    flex-shrink: 0;
+    overflow: auto;
+    padding: 0 10px;
+    border-right: 1px solid @color-background-light;
+  }
+  .notice-body {
+    flex-grow: 2;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .user-item {
+    padding: 5px 10px;
+    line-height: 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: stretch;
+    cursor: pointer;
+
+    &:hover {
+      background-color: @color-background-light;
+    }
+  }
+  .user-all {
+    padding: 5px 10px;
+    border-bottom: 1px solid @color-background-light;
+    cursor: auto;
+    &:hover {
+      background-color: transparent;
+    }
+  }
+  .user-name {
+    flex-grow: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .user-avatar {
+    flex-grow: 0;
+    flex-shrink: 0;
+    width: 30px;
+    font-size: 24px;
+    color: @color-text;
+  }
+  .user-selection {
+    flex-grow: 0;
+    flex-shrink: 0;
+    width: 30px;
+    font-size: 26px;
+    text-align: right;
+    color: @color-text;
+    cursor: pointer;
+
+    &.is-active {
+      color: #168bcf;
+    }
+  }
+
+  .notice-content {
+    flex-grow: 2;
+  }
+  .notice-send {
+    flex-grow: 0;
+    flex-shrink: 0;
+    height: 220px;
+    border-top: 1px solid @color-background-light;
+  }
+  .notice-send {
+    textarea {
+      outline: none;
+      border: none;
+      resize: none;
+      background-color: transparent;
+      width: 100%;
+      height: 150px;
+      padding: 10px;
+      font-size: 16px;
+      color: @color-text-act;
+    }
+  }
+  .notice-send-footer {
+    padding: 0 15px;
+    text-align: right;
+  }
+
+  .notice-content {
+    padding: 15px;
+    overflow: auto;
+  }
+  .notice-more {
+    text-align: center;
+    width: 150px;
+    color: tint(@color-act1, 20%);
+    margin: 0 auto;
+    cursor: pointer;
+
+    &:hover {
+      color: @color-act1;
+    }
+  }
+  .notice-item {
+    margin-bottom: 30px;
+  }
+  .notice-item-head {
+    margin-bottom: 5px;
+
+    > span {
+      display: inline-block;
+      vertical-align: middle;
+      font-size: 14px;
+      color: @color-text;
+    }
+  }
+  .notice-head-time {
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: 10px;
+  }
+  .notice-item-content {
+    padding: 10px;
+    color: #f0f0f0;
+    line-height: 24px;
+    background-color: @color-background-light;
+    border-radius: 5px;
+    display: inline-block;
+    max-width: 80%;
+  }
+}

src/modules/grading/components/GradeAction.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="grade-action">
     <div
-      v-if="IS_MARKER && curPaperOrTask.fontFrom === 'history'"
       :class="['action-history-mark', { 'mark-act': curPaperOrTask.mark }]"
       @click="toMark"
     >

src/modules/grading/components/GradeActionRough.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="grade-action">
     <div
-      v-if="IS_MARKER && curPaperOrTask.fontFrom === 'history'"
       :class="['action-history-mark', { 'mark-act': curPaperOrTask.mark }]"
       @click="toMark"
     >

src/modules/grading/marker/MarkerHistory.vue

@@ -123,7 +123,7 @@ export default {
         paper.actionName = this.IS_MARK_LEADER
           ? this.getLeaderActionName(paper)
           : "已评";
-        paper.fontFrom = "history";
+        // paper.fontFrom = "history";
       });
       return this.papers;
     },

src/modules/mark/components/MarkAction.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="mark-action grade-action">
     <div
-      v-if="IS_MARKER && curPaperOrTask.fontFrom === 'history'"
       :class="['action-history-mark', { 'mark-act': curPaperOrTask.mark }]"
       @click="toMark"
     >