forked from gzzfw/frontEnd/gzDyh

liuwh
2024-09-14 221546808c11df777199def992e4abbf1fc31b5a
gz-customerSystem/src/views/register/index.less
@@ -88,7 +88,7 @@
      width: 14px;
      height: 14px;
      margin-right: 4px;
      margin-top: 4px;
      margin-top: -2px;
   }
   &-register {
@@ -108,7 +108,7 @@
      background-color: #fff;
      margin: 0px 8px 0px 16px;
      padding: 12px 16px 16px 16px;
      height: calc(100vh - 228px);
      height: calc(100vh - 231px);
      overflow-y: scroll;
   }
@@ -140,14 +140,14 @@
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
      z-index: 1;
      box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.12);
      z-index: 2;
   }
   &-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;
@@ -322,6 +322,10 @@
      flex-direction: row;
      column-gap: 8px;
      margin: 0px 8px 0 16px;
      // max-height: 600px;
    // min-height: fit-content;
    // overflow-y: auto;
      &-left {
@@ -331,7 +335,7 @@
         &-record {
            border: 1px solid #D9D9D9;
            border-radius: 8px;
            // border-radius: 8px;
            margin-right: 16px;
            margin-top: 8px;
@@ -340,7 +344,7 @@
               display: flex;
               align-items: center;
               background-color: #FAFAFA;
               border-radius: 8px;
               // border-radius: 8px 8px 0px 0px;
               position: relative;
@@ -348,6 +352,7 @@
                  width: 12px;
                  height: 12px;
                  margin-right: 12px;
                  cursor: pointer;
               }
               &-edit {
@@ -392,6 +397,7 @@
      &-right {
         flex: 1 1 0%;
         background-color: rgb(255, 255, 255);
         // height: fit-content;
      }
   }
}
@@ -457,6 +463,7 @@
      background-color: #E8F3FF;
      border-radius: 2px;
      margin-top: 8px;
      margin-bottom: -2px;
   }
   &-textarea {
@@ -465,7 +472,7 @@
      padding: 0px 8px;
      color: #1A6FB8;
      width: fit-content;
      margin: 4px 0px 8px 0px;
      margin: 12px 0px 8px 0px;
   }
}
@@ -473,6 +480,7 @@
   display: flex;
   gap: 8px;
   margin-bottom: 8px;
   margin-top: 12px;
}
.MyDrawer {
@@ -491,6 +499,12 @@
      border: 1px solid #1A6FB8;
      color: #1A6FB8;
   }
}
.highlighted {
   color: #1a6fb8;
   border: 1px solid #1a6fb8;
   border-radius: 2px;
}
.gap {
@@ -578,6 +592,7 @@
      &-detail {
         color: #1A6FB8;
         cursor: pointer;
      }
   }
@@ -704,15 +719,10 @@
}
.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%;
   cursor: pointer;
}
.aiBox {
@@ -748,6 +758,7 @@
         margin-bottom: 8px;
         margin-right: 16px;
         align-items: center;
         font-size: 14px;
         &-type {
@@ -759,74 +770,218 @@
            height: 24px;
         }
         &-name{
         &-name {
            margin: 0px 16px 0px 8px;
            max-width: 828px;
            width: fit-content;
         }
         &-btn{
         &-btn {
            color: #1A6FB8;
            width: 30px;
            cursor: pointer;
         }
      }
   }
}
.marginLeft{
.marginLeft {
   margin-left: 55px;
   &-tip {
      margin-top: -12px;
      margin-bottom: 12px;
      margin-left: 55px;
   }
   //fontWeight: '600', marginBottom: '16px'
   &-title{
   &-title {
      font-weight: 600;
      margin-bottom: 16px;
   }
}
.layerDetail{
.layerDetail {
   margin-top: -8px;
   &-title{
   &-title {
      color: rgb(26, 111, 184);
      margin-bottom: 16px;
   }
   &-name{
   &-name {
      font-size: 16px;
      margin-bottom: 16px;
      max-width: 400px;
   }
   &-littleTitle{
   &-littleTitle {
      margin-bottom: 16px;
   }
   &-content{
   &-content {
      margin-bottom: 16px;
   }
}
.VisitWorkBench{
   &-top{
      background: #ffffff;
    padding: 12px 16px 16px 16px;
.VisitWorkBench {
   margin: 16px;
      &-list{
   &-top {
      background: #ffffff;
      padding: 12px 16px 16px 16px;
      &-list {
         display: flex;
         &-tabsItem{
         gap: 24px;
         margin-top: 16px;
         cursor: pointer;
         &-tabsItem {
            display: flex;
            padding: 12px 16px;
            flex: 1;
            justify-content: space-between;
            &-title {
               font-size: 18px;
               margin-right: 4px;
            }
            &-imgView {
               width: 48px;
               height: 48px;
            }
         }
      }
   }
   &-middle{
   &-middle {
      background: #ffffff;
      padding: 12px 16px 16px 16px;
      margin-top: 12px;
      position: relative;
      &-search {
         position: absolute;
         right: 16px;
         top: 12px;
         .arco-form-item {
            margin-right: 16px;
         }
         .arco-form-layout-vertical>.arco-form-label-item {
            margin-bottom: 0;
         }
      }
      &-select {
         position: absolute;
         left: 0;
         bottom: 12px;
         .linkBtnColor {
            color: #1A6FB8;
            cursor: pointer;
            margin-left: 16px;
         }
      }
   }
   &-bottom{}
   &-bottom {
      background-color: #fff;
      padding: 12px 16px 16px 16px;
      margin-top: 12px;
      &-title {
         width: 140px;
         font-family: DingTalk;
         font-size: 30px;
      }
      &-img {
         width: 72px;
         height: 72px;
      }
   }
}
.modeMore {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.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;
   cursor: pointer;
}
.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 3px 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 3px 0;
      }
   }
}