feat: 事件流转静态

zhangyongtian

2024-09-05 61f77fc8ebbfaa7cd516aa24e628da8fab9c8794

 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;
@@ -88,12 +89,19 @@
      margin-right: 4px;
      margin-top: -5px;
   }

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

.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 - 228px);
      overflow-y: scroll;
@@ -124,6 +132,31 @@
      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 {
@@ -131,14 +164,14 @@
      margin-bottom: 8px;
      padding-left: 8px;
   }
}

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

.visitTableClass {
@@ -320,7 +353,7 @@
                  margin-left: 8px;
               }

               &-hostOrg{
               &-hostOrg {
                  border: 1px solid #89C2E3;
                  padding: 0px 8px;
                  color: #1A6FB8;
@@ -349,30 +382,99 @@
   }
}

.Form{
.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;
}
.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;
   }

.tabs-container .arco-tabs-header-ink {
   left: 83.988px;
   width: 82px;
   .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;
}

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