feat: 事件流转改变

zhangyongtian

2024-09-06 336a519d0481f9f1678e84bd47d46b66942b1ae0

 gz-customerSystem/src/views/register/index.less

@@ -85,9 +85,15 @@
   }

   &-file {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    margin-top: 4px;
   }

   &-register {
      width: 12px;
      margin-right: 4px;
      margin-top: -5px;
      margin-left: 4px;
   }
}

@@ -100,6 +106,12 @@
      padding: 12px 16px 16px 16px;
      height: calc(100vh - 228px);
      overflow-y: scroll;
   }

   &-noScrollPage {
      background-color: #fff;
      margin: 0px 16px 0px 16px;
      padding: 12px 16px 16px 16px;
   }

   &-addBtn {
@@ -132,14 +144,9 @@
      background-color: #fff;
      margin: 8px 16px 0px 16px;
      padding: 12px 16px 64px 16px;
      height: calc(100vh - 288px);

      .arco-tabs-header-nav {
         margin-left: 0 !important;
      }

      .scrollTabContent {
         overflow-y: scroll;
      }
   }

@@ -310,14 +317,13 @@
      display: flex;
      flex-direction: row;
      column-gap: 8px;
      margin: 0px 8px 22px 16px;
      margin: 0px 8px 0 16px;


      &-left {
         flex: 3 1 0%;
         background-color: rgb(255, 255, 255);
         padding: 12px 0px 12px 16px;
         margin-bottom: -25px;

         &-record {
            border: 1px solid #D9D9D9;
@@ -331,6 +337,7 @@
               align-items: center;
               background-color: #FAFAFA;
               border-radius: 8px;
               position: relative;


               &-icon {
@@ -342,8 +349,9 @@
               &-edit {
                  position: absolute;
                  right: 25px;
                  top: 45px;
                  top: 15px;
                  width: 18px;
                  cursor: pointer;
               }

               &-remark {
@@ -468,10 +476,70 @@
   z-index: 9999;
}

.myTag {
   border: 1px solid rgb(229, 230, 235);
   border-radius: 2px;
   display: inline-block;
   padding: 3px 6px;
   cursor: pointer;

   &:hover {
      border: 1px solid #1A6FB8;
      color: #1A6FB8;
   }
}

.gap {
   height: 8px;
   background-color: #F2F3F5;
   margin: 16px -18px 0px -16px;
}

.reviewProgress {
   .reviewCircle {
      width: 14px;
      height: 14px;
      border: 2px solid #3491fa;
      border-radius: 50%;
      margin-top: 4px;
   }

   .reviewLine {
      height: calc(100% - 19px);
      width: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;

      &::before {
         content: '';
         height: 100%;
         width: 1px;
         background-color: #e5e6eb;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
      }
   }

   .deepTitle {
      font-size: 14px;
      font-family: PingFang SC, PingFang SC-400;
      font-weight: 400;
      text-align: LEFT;
      color: #1d2129;
      line-height: 22px;
   }

   .shallowTitle {
      font-size: 14px;
      font-family: PingFang SC, PingFang SC-400;
      font-weight: 400;
      text-align: LEFT;
      color: #86909c;
      line-height: 22px;
   }
}

.Supervising {
@@ -491,6 +559,18 @@

   }

   &-info{
      display: flex;

      &-time{
         margin-right: 8px;
      }

      &-detail{
         color: #1A6FB8;
      }
   }

   &-btn {
      margin-top: 12px;
      color: rgb(26, 111, 184);
@@ -498,4 +578,34 @@
      background-color: rgb(255, 255, 255);
   }

}

.modal {
   display: flex;
   justify-content: center;
   margin-bottom: 24px;

   &-mark{
      color: rgb(26, 111, 184);
    border: 1px solid rgb(26, 111, 184);
    padding: 0px 8px;
    margin-right: 8px;
      border-radius: 4px;
   }

   &-title{
      color: #1D2129;
      font-size: 16px;
      font-weight: 500;
   }
}

.icon{
// width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px'
   &-register{
      width: 14px;
      height: 14px;
      margin-left: 8px;
      margin-top: -2px;
      }
}