feat: 滚动优化、查看当事人报错、事件流转静态

zhangyongtian

2024-09-04 3a188607647cbf05c08e7675186ec48764cc657c

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

@@ -57,9 +57,11 @@

   width: 100%;
   border-color: #E5E6EB;
   margin-bottom: 20px;

   &-title {
      color: #86909C;
      text-align: center;
   }
}

@@ -71,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;
@@ -90,11 +92,13 @@
}

.dataSync {
   position: relative;

   &-page {
      background-color: #fff;
      margin: 8px 8px 0px 16px;
      margin: 0px 8px 0px 16px;
      padding: 12px 16px 16px 16px;
      height: calc(100vh - 211px);
      height: calc(100vh - 228px);
      overflow-y: scroll;
   }

@@ -123,11 +127,337 @@
      box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
      z-index: 1;
   }

   &-hasTabPage {
      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;
      }
   }
}

.applyDialog {
   .dialogTitle {
      margin-bottom: 8px;
    padding-left: 8px;
      padding-left: 8px;
   }
}
}

.dialogTag {
   line-height: 22px;
   padding: 0 8px;
   border-radius: 4px;
   margin-top: 4px;
   color: #fff;
}

.visitTableClass {
   color: #1A6FB8;

   .ant-table-thead>tr>th {
      color: #fff;
      background-color: #1a6fb8 !important;
   }

   .ant-table-tbody>tr>td {
      background-color: #f2f3f5;
   }

   .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th {
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   }

   .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td {
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   }

   .ant-table.ant-table-bordered>.ant-table-container {
      border-left: 1px solid rgba(0, 0, 0, 0.2);
   }
}

.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;

}

.unitDialogResult {
   font-size: 16px;
   font-family: PingFang SC, PingFang SC-400;
   font-weight: 400;
   text-align: LEFT;
   color: #1d2129;
   line-height: 24px;
   margin-bottom: 20px;
}

// .arco-steps-item-process .arco-steps-icon{
//    background-color: #1A6FB8;
// }

// .arco-steps-mode-navigation .arco-steps-item-active::after{
//    background-color: #1A6FB8;

// }

// .arco-radio-checked .arco-radio-mask {
//    background-color: #1A6FB8;
//     border-color: #1A6FB8;
// }

.must {
   font-size: 12px;
   color: rgb(245, 63, 63);
   background-color: rgb(255, 236, 232);
   line-height: 20px;
   padding: 0px 4px;
   border-radius: 2px;
   margin-left: 8px;
}

.mapPopconfirm {
   width: 300px;
   min-height: 90px;
   background: #fff;
   border-radius: 4px;
   box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
   padding: 15px;

   &::after {
      content: " ";
      position: absolute;
      height: 0;
      width: 0;
      border: solid transparent;
      top: 100%;
      right: 50px;
      border-top-color: white;
      border-width: 10px;
   }

   .mapPopconfirm-btn {
      background-color: #1A6FB8;
      color: #fff;
      cursor: pointer;
      padding: 3px 10px;
      width: 80px;
      text-align: center;
   }
}

.mapVicinity {
   margin-bottom: 5px;
   cursor: pointer;
   display: flex;
   align-items: center;

   &:hover {
      color: #1A6FB8;
   }

   .mapVicinityIcon {}

   .mapVicinityIcon {
      background: url('../../assets/images/icon/selectIcon.png') no-repeat center center;
      width: 14px;
      height: 14px;
      background-size: contain;
      border: 1px dashed #1A6FB8;
   }
}

.steps {
   background-color: rgb(255, 255, 255);
   margin: 0px 16px;
   padding-top: 16px;
   padding-left: 75px;
}

.container {
   background-color: rgb(242, 243, 245);
   height: calc(-293px + 100vh);
   overflow-y: scroll;

   &-top {
      background-color: #fff;
      margin: 8px 8px 8px 16px;
      padding: 12px 0px 12px 16px;

   }

   &-bottom {
      display: flex;
      flex-direction: row;
      column-gap: 8px;
      margin: 0px 8px 22px 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;
            border-radius: 8px;
            margin-right: 16px;
            margin-top: 8px;

            &-top {
               padding: 12px;
               display: flex;
               align-items: center;
               background-color: #FAFAFA;
               border-radius: 8px;


               &-icon {
                  width: 12px;
                  height: 12px;
                  margin-right: 12px;
               }

               &-remark {
                  border: 1px solid #FFD591;
                  padding: 0px 8px;
                  color: #FA8C16;
                  background-color: #FFF7E6;
                  border-radius: 4px;
                  margin-left: 8px;
               }

               &-hostOrg {
                  border: 1px solid #89C2E3;
                  padding: 0px 8px;
                  color: #1A6FB8;
                  background-color: #E8F8FF;
                  border-radius: 4px;
                  margin-left: 8px;

               }
            }

            &-bottom {
               margin: 16px 12px;

               &-table {
                  border: 1px solid #d9d9d9;
                  width: 100%;
               }
            }
         }
      }

      &-right {
         flex: 1 1 0%;
         background-color: rgb(255, 255, 255);
      }
   }
}

.Form {
   padding: 12px 16px 16px 16px;
   border: 1px dashed #1a6fb8;
   border-radius: 10px;
   margin-top: 16px;
   margin-right: 16px;
}

.tabs-container {
   .arco-tabs-header {
      position: relative;
      display: inline-block;
      transition: transform .2s cubic-bezier(.34, .69, .1, 1);
      white-space: nowrap;
      transform: translateX(0px);
      width: 300px;
      flex: 1;
      display: flex;
      justify-content: space-evenly;
   }

   .arco-tabs-header-ink {
      left: 83.988px;
      width: 82px;
   }
}

.progress {
   margin: 16px 0px 0px 16px;
}

.myTabContent {
   .arco-tabs-header-nav {
      margin-left: 16px
   }

   .arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
      margin-left: 0;
   }

   .arco-tabs-header-nav-line .arco-tabs-header-title {
      margin: 0 16px 0 0;
   }
}

.caseResult {
   &-title {
      padding-top: 4px;
      margin-bottom: 8px;
   }

   &-tabs {
      display: flex;
      margin-bottom: 18px;
   }

   &-tips {
      padding: 9px 16px;
      background-color: #E8F3FF;
      border-radius: 2px;
      margin-top: 8px;
   }

   &-textarea {
      border: 1px solid #1a6fb8;
      border-radius: 2px;
      padding: 0px 8px;
      color: #1A6FB8;
      width: fit-content;
      margin: 4px 0px 8px 0px;
   }
}

.tabs1 {
   display: flex;
   gap: 8px;
   margin-bottom: 8px;
}

.MyDrawer{
   position:absolute;
   z-index: 9999;
}