初版编写交叉评查页面，增加非范围日期选择器

2025-07-16 19:01:13 +08:00
parent 328f326db3
commit 277c54f34d
4 changed files with 687 additions and 174 deletions
@@ -272,4 +272,72 @@
    left: 60px;
    width: calc(100% - 20px);
  }
+} 
+
+.form-input[type="date"]::-webkit-calendar-picker-indicator {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.form-input[type="date"] {
+  position: relative;
+  z-index: 1;
+} 
+
+.group-multiselect {
+  width: 100%;
+  max-width: 350px;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+  padding: 0.5rem 1.5rem 1rem 1.5rem;
+  margin-top: 0.5rem;
+}
+.group-select-header {
+  display: flex;
+  align-items: center;
+  font-size: 1rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+  cursor: pointer;
+  user-select: none;
+}
+.group-select-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.group-select-item {
+  display: flex;
+  align-items: center;
+  font-size: 1rem;
+  margin-left: 0.5rem;
+  user-select: none;
+}
+.group-select-item input[type="checkbox"] {
+  width: 20px;
+  height: 20px;
+  accent-color: #059669;
+  border-radius: 4px;
+  margin-right: 0.5rem;
+  border: 1.5px solid #d1d5db;
+  transition: border 0.2s;
+}
+.group-select-item input[type="checkbox"]:hover {
+  border: 1.5px solid #059669;
+}
+.group-select-item label {
+  font-size: 1rem;
+  color: #374151;
+  cursor: pointer;
+  margin-bottom: 0;
+}
+@media (max-width: 600px) {
+  .group-multiselect {
+    max-width: 100%;
+    padding: 0.5rem 0.5rem 1rem 0.5rem;
+  }
+  .group-select-item label {
+    font-size: 0.95rem;
+  }
 }