init

2025-06-19 17:33:18 +08:00
commit f8f31dc4d9
437 changed files with 103080 additions and 0 deletions
@@ -0,0 +1,169 @@
+.container {
+  min-height: 100vh;
+  background: #fff;
+  .calendar-container {
+    min-height: 138px;
+    background: #ffffff;
+    .top {
+      padding: 12px 8px;
+      margin-bottom: 4px;
+      border-bottom: 1px solid #DDDDDD;
+      display: flex;
+      justify-content: space-between;
+      .th {
+        width: calc(100% / 7);
+        height: 20px;
+        text-align: center;
+      }
+    }
+    .week {
+      padding: 0px 8px;
+      display: flex;
+      justify-content: space-between;
+      .td {
+        width: calc(100% / 7);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        .date-box {
+          width: 100%;
+          padding: calc(50% - 10.5px) 0;
+          box-sizing: border-box;
+          border-radius: 50%;
+          .val {
+            font-weight: 500;
+            text-align: center;
+          }
+          .isSignIn {
+            width: 8px;
+            height: 8px;
+            background: #7CD47B;
+            border-radius: 50%;
+            position: absolute;
+            bottom: 4px;
+            left: 50%;
+            transform: translateX(-50%);
+          }
+        }
+        .select {
+          background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
+          color: #fff;
+        }
+      }
+    }
+    .btn-show {
+      height: 44px;
+      padding: 6px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #DDDDDD;
+      display: flex;
+      justify-content: center;
+      align-items: flex-end;
+      .btn {
+        font-size: 16px;
+      }
+    }
+  }
+  >.date {
+    height: 36px;
+    line-height: 36px;
+    background: #EBEFF6;
+    color: #2E3A4F;
+    font-size: 16px;
+    font-weight: bold;
+    text-align: center;
+  }
+  .record-list {
+    min-height: calc(100vh - 36px -138px);
+    background: #fff;
+    .record-item {
+      width: calc(100% - 42px);
+      min-height: 94px;
+      margin-left: 12px;
+      padding: 6px 15px;
+      color: #2E3A4F;
+      position: relative;
+      // display: flex;
+      // justify-content: flex-end;
+      .r-left {
+        height: 100%;
+        position: absolute;
+        top: 14px;
+        left: 0;
+        .step {
+          width: 8px;
+          height: 8px;
+          background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
+          border-radius: 50%;
+        }
+        .line {
+          width: 2px;
+          height: 84%;
+          margin: 5px auto 0;
+          background: #B5CEFF;
+        }
+      }
+      .r-inf {
+        margin-left: 12px;
+        border-bottom: 1px solid #DDDDDD;
+        .date {
+          margin-bottom: 4px;
+          display: flex;
+          .status {
+            padding: 0 4px;
+            margin-right: 8px;
+            height: 20px;
+            border-radius: 2px;
+            color: #fff;
+            font-size: 14px;
+          }
+          .status-in {
+            background: linear-gradient(to right, #3B7CFC , #548BFC);
+          }
+          .status-out {
+            background: linear-gradient(to right, #16DBB4 , #16DBB4);
+          }
+          .time {
+            font-size: 15px;
+          }
+        }
+        .inf-row {
+          margin-bottom: 4px;
+          font-size: 14px;
+          display: flex;
+          // align-items: center;
+          .icon {
+            width: 12px;
+            height: 12px;
+            margin: 4px 4px 4px 0;
+            image {
+              width: 100%;
+              height: 100%;
+              display: block;
+            }
+          }
+          .val {
+
+          }
+        }
+      }
+    }
+    .no-data {
+      padding: 76px 0;
+      image {
+        width: 74vw;
+        height: 37vw;
+        margin: 0 auto;
+        display: block;
+      }
+      .tips {
+        margin: 4px auto;
+        color: #374256;
+        font-size: 16px;
+        font-weight: bold;
+        text-align: center;
+      }
+    }
+  }
+}