forked from gzzfw/frontEnd/gzDyh

zhangyongtian
2024-09-06 3c3ac0c2c225f763fffb05ad669d76b50b4f6e45
gz-customerSystem/src/views/register/index.less
@@ -57,6 +57,7 @@
   width: 100%;
   border-color: #E5E6EB;
   margin-bottom: 20px;
   &-title {
      color: #86909C;
@@ -72,9 +73,9 @@
   }
   &-personRemark {
      color: rgb(26, 111, 184);
      color: #879AAB;
      background-color: #EDEEF0;
      padding: 0px 8px;
      border: 1px solid rgb(26, 111, 184);
      border-radius: 4px;
      font-size: 14px;
      margin-left: 8px;
@@ -84,9 +85,19 @@
   }
   &-file {
      width: 12px;
      width: 14px;
      height: 14px;
      margin-right: 4px;
      margin-top: -5px;
      margin-top: 4px;
   }
   &-register {
      width: 12px;
      margin-left: 4px;
   }
   &-downUp {
      width: 24px
   }
}
@@ -95,10 +106,16 @@
   &-page {
      background-color: #fff;
      margin: 8px 8px 0px 16px;
      margin: 0px 8px 0px 16px;
      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 {
@@ -131,14 +148,19 @@
      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;
   &-noBackTabPage {
      margin: 0 16px 0px 16px;
      height: calc(100vh - 219px);
      .whiteBox {
         background-color: #fff;
         padding: 12px;
      }
   }
}
@@ -187,7 +209,7 @@
.arco-upload-list-type-text .arco-upload-list-item:first-of-type,
.arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type {
   margin-top: 34px;
   // margin-top: 34px;
}
@@ -299,14 +321,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;
@@ -320,12 +341,21 @@
               align-items: center;
               background-color: #FAFAFA;
               border-radius: 8px;
               position: relative;
               &-icon {
                  width: 12px;
                  height: 12px;
                  margin-right: 12px;
               }
               &-edit {
                  position: absolute;
                  right: 25px;
                  top: 15px;
                  width: 18px;
                  cursor: pointer;
               }
               &-remark {
@@ -445,8 +475,225 @@
   margin-bottom: 8px;
}
.MyDrawer{
   position:absolute;
.MyDrawer {
   position: absolute;
   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 {
   background: #ffffff;
   border: 1px solid #e5e6eb;
   border-radius: 8px;
   margin: 12px 16px 0px 16px;
   padding: 12px 16px;
   &-item {
      display: flex;
      margin-bottom: 4px;
      &-file {
         width: 16px;
         height: 16px;
         margin-top: 4px;
      }
      &-title {
         color: #86909C;
      }
   }
   &-info {
      display: flex;
      &-time {
         margin-right: 8px;
      }
      &-detail {
         color: #1A6FB8;
      }
   }
   &-btn {
      margin-top: 12px;
      color: rgb(26, 111, 184);
      border: 1px solid rgb(26, 111, 184);
      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;
   }
}
.applyInfoClass {
   width: 100%;
   height: 82px;
   background: #ffffff;
   border-radius: 4px;
   padding: 12px;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   margin-bottom: 16px;
   position: relative;
   &-title {
      display: flex;
      align-items: center;
      &-txt {
         font-size: 16px;
         font-family: PingFang SC, PingFang SC-400;
         font-weight: 400;
         text-align: LEFT;
         color: #1d2129;
         line-height: 24px;
         margin-right: 8px;
      }
      &-tag {
         &-1 {
            height: 24px;
            border: 1px solid #00b42a;
            border-radius: 2px;
            padding: 0 8px;
            text-align: center;
            color: #00b42a;
         }
         &-2 {
            height: 24px;
            border: 1px solid #3491FA;
            border-radius: 2px;
            padding: 0 8px;
            text-align: center;
            color: #3491FA;
         }
         &-3 {
            height: 24px;
            border: 1px solid #F53F3F;
            border-radius: 2px;
            padding: 0 8px;
            text-align: center;
            color: #F53F3F;
         }
      }
   }
   &-img {
      position: absolute;
      right: 16px;
      cursor: pointer;
      top: 28px;
   }
}
.auditView {
   background: #ffffff;
   margin: 0px 16px 8px 16px;
   padding: 12px 0px 12px 16px;
}
.title {
   display: flex;
   align-items: center;
   margin-bottom: 4px;
}