feat: 大厅来访完善

zhangyongtian

2024-09-12 2c947a24d56801c4c48c5d6ac7c43f1ede04d3d7

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

@@ -147,7 +147,7 @@
   &-hasTabPage {
      background-color: #fff;
      margin: 8px 16px 0px 16px;
      padding: 12px 16px 64px 16px;
      padding: 12px 16px 16px 16px;

      .arco-tabs-header-nav {
         margin-left: 0 !important;
@@ -342,12 +342,13 @@
               background-color: #FAFAFA;
               border-radius: 8px;
               position: relative;

					

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

               &-edit {
@@ -705,15 +706,9 @@
}

.gradient-box {
   position: fixed;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   background: linear-gradient(to right, #6a1b9a, #e040fb);
   display: flex;
   align-items: center;
   padding: 12px 8px;
   border-radius: 12px 0px 0px 12px;
   top: 60%;
}

.aiBox {
@@ -769,6 +764,7 @@
         &-btn {
            color: #1A6FB8;
            width: 30px;
            cursor: pointer;
         }
      }
   }
@@ -776,6 +772,12 @@

.marginLeft {
   margin-left: 55px;

   &-tip{
      margin-top: -12px;
    margin-bottom: 12px;
    margin-left: 55px;
   }


   //fontWeight: '600', marginBottom: '16px'
@@ -819,6 +821,7 @@
         display: flex;
         gap: 24px;
         margin-top: 16px;
         cursor: pointer;

         &-tabsItem {
            display: flex;
@@ -845,7 +848,7 @@
      background: #ffffff;
      padding: 12px 16px 16px 16px;
      margin-top: 12px;
    height: 54vh;
      // height: 54vh;
   }

   &-bottom {
@@ -853,10 +856,10 @@
      padding: 12px 16px 16px 16px;
      margin-top: 12px;

      &-title{
      &-title {
         width: 140px;
         font-family: DingTalk;
         font-size: 22px;
         font-size: 30px;
      }

      &-img {
@@ -873,16 +876,70 @@
   align-items: center;
}

.bottomTab1{
.bottomTab1 {
   // display: 'flex',   background: linear-gradient(to right, #6a1b9a, #e040fb)
   display: flex;
   background: linear-gradient(to right, #E8F7FF, #9FD4FD);
   flex: 1;
   padding: 12px 16px 16px 16px;
   justify-content: center;

}

.bottomTab2{
.bottomTab2 {
   display: flex;
   background: linear-gradient(to right, #FFF7E6, #FFD591);
   padding: 12px 16px 16px 16px;
   flex: 1;
justify-content: center;

}

.timeTip {
   display: inline-block;

   &-red {
      color: #F53F3F;
      background: #ffece8;
      border-radius: 4px;
      padding: 2px 8px 4px 8px;

      &-drop {
         display: inline-block;
         width: 6px;
         height: 6px;
         background: #F53F3F;
         border-radius: 2px;
         margin: 0 5px 2px 0;
      }

      &-tips {
         display: inline-block;
         width: 24px;
         height: 24px;
         background: #f53f3f;
         border-radius: 6px;
         color: #fff;
         text-align: center;
         margin-left: 5px;
         font-size: 12px;
         line-height: 24px;
      }
   }

   &-green {
      color: #00b42a;
      background: #E8FFEA;
      border-radius: 4px;
      padding: 2px 8px 4px 8px;

      &-drop {
         display: inline-block;
         width: 6px;
         height: 6px;
         background: #00b42a;
         border-radius: 2px;
         margin: 0 5px 2px 0;
      }
   }
}