feat: 办理结果无数据不显示、流转督办可滚动

zhangyongtian

2024-09-11 8617a79951c9c45d60ffdf84d1627062408c131c

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

@@ -85,15 +85,19 @@
   }

   &-file {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    margin-top: 4px;
      width: 14px;
      height: 14px;
      margin-right: 4px;
      margin-top: -2px;
   }

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

   &-downUp {
      width: 24px
   }
}

@@ -106,6 +110,12 @@
      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,21 +141,16 @@
      align-items: center;
      justify-content: space-between;
      box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
      z-index: 1;
      z-index: 2;
   }

   &-hasTabPage {
      background-color: #fff;
      margin: 8px 16px 0px 16px;
      padding: 12px 16px 64px 16px;
      height: calc(100vh - 288px);
      padding: 12px 16px 16px 16px;

      .arco-tabs-header-nav {
         margin-left: 0 !important;
      }

      .scrollTabContent {
         overflow-y: scroll;
      }
   }

@@ -316,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;
@@ -337,6 +341,7 @@
               align-items: center;
               background-color: #FAFAFA;
               border-radius: 8px;
               position: relative;


               &-icon {
@@ -348,8 +353,9 @@
               &-edit {
                  position: absolute;
                  right: 25px;
                  top: 45px;
                  top: 15px;
                  width: 18px;
                  cursor: pointer;
               }

               &-remark {
@@ -459,7 +465,7 @@
      padding: 0px 8px;
      color: #1A6FB8;
      width: fit-content;
      margin: 4px 0px 8px 0px;
      margin: 12px 0px 8px 0px;
   }
}

@@ -467,6 +473,7 @@
   display: flex;
   gap: 8px;
   margin-bottom: 8px;
   margin-top: 12px;
}

.MyDrawer {
@@ -551,20 +558,26 @@
      display: flex;
      margin-bottom: 4px;

      &-file {
         width: 16px;
         height: 16px;
         margin-top: 4px;
      }

      &-title {
         color: #86909C;
      }

   }

   &-info{
   &-info {
      display: flex;

      &-time{
      &-time {
         margin-right: 8px;
      }

      &-detail{
      &-detail {
         color: #1A6FB8;
      }
   }
@@ -583,27 +596,343 @@
   justify-content: center;
   margin-bottom: 24px;

   &-mark{
   &-mark {
      color: rgb(26, 111, 184);
    border: 1px solid rgb(26, 111, 184);
    padding: 0px 8px;
    margin-right: 8px;
      border: 1px solid rgb(26, 111, 184);
      padding: 0px 8px;
      margin-right: 8px;
      border-radius: 4px;
   }

   &-title{
   &-title {
      color: #1D2129;
      font-size: 16px;
      font-weight: 500;
   }
}

.icon{
// width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px'
   &-register{
.icon {

   // width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px'
   &-register {
      width: 14px;
      height: 14px;
      margin-left: 8px;
      margin-top: -2px;
   }
}

.applyInfoClass {
   width: 100%;
   min-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;
      z-index: 1;
   }

   .ant-row {
      margin: 16px 0;
   }
}

.auditView {
   background: #ffffff;
   margin: 0px 16px 8px 16px;
   padding: 12px 0px 12px 16px;
}

.title {
   display: flex;
   align-items: center;
   margin-bottom: 4px;

}

.gradient-box {
   position: absolute;
   right: 0;
   top: 60%;
}

.aiBox {
   flex: 1 1 0%;
   background-color: rgb(242, 243, 245);
   height: 100vh;
   overflow-y: auto;

   &-case {
      display: flex;
      margin: 16px;
      gap: 10px;

      &-logo {
         width: 30px;
         padding-top: 3px;

         &-img {
            width: 26px;
            height: 26px;
         }
      }
   }

   &-list {

      &-item {
         display: flex;
         background-color: #fff;
         width: fit-content;
         padding: 8px 12px;
         border-radius: 8px;
         margin-bottom: 8px;
         margin-right: 16px;
         align-items: center;


         &-type {
            border: 1px solid #1A6FB8;
            padding: 0px 8px;
            color: #1A6FB8;
            border-radius: 4px;
            width: 79px;
            height: 24px;
         }

         &-name {
            margin: 0px 16px 0px 8px;
            max-width: 828px;
            width: fit-content;
         }

         &-btn {
            color: #1A6FB8;
            width: 30px;
            cursor: pointer;
         }
      }
   }
}

.marginLeft {
   margin-left: 55px;


   //fontWeight: '600', marginBottom: '16px'
   &-title {
      font-weight: 600;
      margin-bottom: 16px;
   }
}

.layerDetail {
   margin-top: -8px;

   &-title {
      color: rgb(26, 111, 184);
      margin-bottom: 16px;
   }

   &-name {
      font-size: 16px;
      margin-bottom: 16px;
      max-width: 400px;
   }

   &-littleTitle {
      margin-bottom: 16px;
   }

   &-content {
      margin-bottom: 16px;
   }
}

.VisitWorkBench {
   margin: 16px;

   &-top {
      background: #ffffff;
      padding: 12px 16px 16px 16px;

      &-list {
         display: flex;
         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 {
      background: #ffffff;
      padding: 12px 16px 16px 16px;
      margin-top: 12px;
      height: 54vh;
   }

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

}

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