来访登记

dminyi

2024-08-13 5985afbb3372881cf867ed32eed5bec8434e8182

 gz-customerSystem/src/styles/public.less

@@ -505,6 +505,172 @@
   }
}

//来访登记当事人
.public-personCard {
   display: flex;
   padding: 8px;

   &-card {
      position: relative;
      width: 66px;
      height: 66px;
      border-radius: 10px;
      font-size: 30px;
      line-height: 66px;
      text-align: center;
      color: #ffffff;
      margin-right: 16px;

      &-blue {
         background: @main-color;

         .public-personCard-card-check,
         .public-personCard-card-bottomRight {
            color: #1890ff;
         }
      }

      &-orange {
         background: linear-gradient(135deg, #ff5500, rgba(255, 85, 0, 0.65) 100%);

         .public-personCard-card-check,
         .public-personCard-card-bottomRight {
            color: #ff5500;
         }
      }

      &:hover {
         .public-personCard-card-check {
            height: 32px;
         }
      }

      &-check {
         position: absolute;
         bottom: 0;
         width: 100%;
         font-size: 12px;
         height: 0;
         transition: height 0.5s;
         line-height: 32px;
         text-align: center;
         background-color: rgba(255, 255, 255, 0.9);
         overflow: hidden;
      }

      &-bottomRight {
         position: absolute;
         bottom: 0;
         right: 0;
         background-color: rgba(255, 255, 255, 0.9);
         overflow: hidden;
         height: 18px;
         font-size: 12px;
         line-height: 14px;
         border-top-left-radius: 10px;
         padding: 2px 4px;
      }
   }

   &-card-mini {
      position: relative;
      width: 24px;
      height: 24px;
      border-radius: 5px;
      font-size: 12px;
      line-height: 24px;
      text-align: center;
      color: #ffffff;

      &-blue {
         background: linear-gradient(138deg, #1890ff 0%, rgba(24, 144, 255, 0.75) 100%);

         .public-personCard-card-check,
         .public-personCard-card-bottomRight {
            color: #1890ff;
         }
      }

      &-orange {
         background: linear-gradient(135deg, #ff5500, rgba(255, 85, 0, 0.65) 100%);

         .public-personCard-card-check,
         .public-personCard-card-bottomRight {
            color: #ff5500;
         }
      }

      &:hover {
         .public-personCard-card-check {
            height: 32px;
         }
      }

      &-check {
         position: absolute;
         bottom: 0;
         width: 100%;
         font-size: 12px;
         height: 0;
         transition: height 0.5s;
         line-height: 32px;
         text-align: center;
         background-color: rgba(255, 255, 255, 0.9);
         overflow: hidden;
      }

      &-bottomRight {
         position: absolute;
         bottom: 0;
         right: 0;
         background-color: rgba(255, 255, 255, 0.9);
         overflow: hidden;
         height: 18px;
         font-size: 12px;
         line-height: 14px;
         border-top-left-radius: 10px;
         padding: 2px 4px;
      }
   }

   &-content {
      flex: 1;
      overflow: hidden;
   }

   &-title {
      display: flex;
      align-items: center;
   }

   &-tag {
      font-size: 12px;
      line-height: 20px;
      border-radius: 2px;
      padding: 0 4px;
      display: flex;
      align-items: center;

      &-blue {
         background: #e6f7ff;
         color: #1890ff;
         border: 1px solid #91d5ff;
      }

      &-grey {
         background: #fafafa;
         color: rgba(0, 0, 0, 0.85);
         border: 1px solid #d9d9d9;
      }

      &-orange {
         background: #fff2e8;
         color: #fa541c;
         border: 1px solid #ffbb96;
      }
   }
}

// 警告颜色
.public-danger {
   color: @error-color;