You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.3 KiB
1 lines
7.3 KiB
[data-v-1ffeab47] .el-input__inner,[data-v-1ffeab47] .vue-treeselect--single .vue-treeselect__input,[data-v-1ffeab47] .vue-treeselect__control,[data-v-1ffeab47] .vue-treeselect__placeholder,[data-v-1ffeab47] .vue-treeselect__single-value{height:40px;line-height:40px}.header[data-v-1ffeab47]{background-color:#fff;border-radius:10px;padding:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.header .header-left[data-v-1ffeab47]{font-weight:800;font-size:36px;color:#fff}.header .header-right[data-v-1ffeab47]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .header-right .header-right-button-group[data-v-1ffeab47],.header .header-right[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex}.header .header-right .header-right-button-group .header-right-button[data-v-1ffeab47]{cursor:pointer;width:60px;height:40px;background:#e8f4fc;border-radius:6px 6px 6px 6px;border:1px solid #fff;color:#3498db;line-height:40px;text-align:center;margin-right:8px}.header .header-right .header-right-button-group .header-right-button.active[data-v-1ffeab47]{background:#3498db;color:#fff}.header .header-right .header-right-time[data-v-1ffeab47]{width:270px}.header .header-right .header-right-dept[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container[data-v-1ffeab47]{padding:20px}header[data-v-1ffeab47]{text-align:center;margin:20px 0 20px 0}h1[data-v-1ffeab47]{font-size:32px;color:#2c3e50;font-weight:600;margin-bottom:10px}.description[data-v-1ffeab47]{color:#7f8c8d;font-size:16px}.controls[data-v-1ffeab47]{background-color:#fff;border-radius:10px;padding:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);margin-bottom:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.control-group[data-v-1ffeab47],.controls[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-group[data-v-1ffeab47]{gap:15px}.dept-selector[data-v-1ffeab47],.time-selector[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.selector-label[data-v-1ffeab47]{font-size:18px;font-weight:500;color:#555}.btn[data-v-1ffeab47]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-time[data-v-1ffeab47]{background-color:#e8f4fc;color:#3498db}.btn-time.active[data-v-1ffeab47]{background-color:#3498db;color:#fff}.btn-time[data-v-1ffeab47]:hover{background-color:#d6eaf8}.btn-time.active[data-v-1ffeab47]:hover{background-color:#2980b9}select[data-v-1ffeab47]{padding:8px 15px;border:1px solid #ddd;border-radius:6px;background-color:#fff;min-width:180px}.btn-query[data-v-1ffeab47]{background-color:#2ecc71;color:#fff;padding:10px 25px;font-size:16px}.btn-query[data-v-1ffeab47]:hover{background-color:#27ae60}.btn-query[data-v-1ffeab47]:disabled{background-color:#95a5a6;cursor:not-allowed}.stats-container[data-v-1ffeab47]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.stat-card[data-v-1ffeab47]{background-color:#fff;border-radius:10px;padding:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1)}.stat-card h3[data-v-1ffeab47]{color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.stat-card h3 i[data-v-1ffeab47]{color:#3498db}.stat-item[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #f0f0f0}.stat-item[data-v-1ffeab47]:last-child{border-bottom:none}.stat-item.inline-item[data-v-1ffeab47]{border-bottom:none;padding:8px 0}.stat-label[data-v-1ffeab47]{color:#555;font-weight:500}.stat-value[data-v-1ffeab47]{color:#2c3e50;font-weight:600}.stat-value.clickable[data-v-1ffeab47]{color:#3498db;cursor:pointer;text-decoration:underline;-webkit-transition:all .2s;transition:all .2s}.stat-value.clickable[data-v-1ffeab47]:hover{color:#2980b9}.stat-value.highlight[data-v-1ffeab47]{color:#e74c3c}.stat-value.normal[data-v-1ffeab47]{color:#2ecc71}.divider[data-v-1ffeab47]{margin:0 10px}.result-row[data-v-1ffeab47]{width:100%}.result-item[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #f0f0f0}.result-item .normal[data-v-1ffeab47]{margin-right:10px}.date-range[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.date-range input[data-v-1ffeab47]{padding:8px;border:1px solid #ddd;border-radius:6px}.distribution-container[data-v-1ffeab47]{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.distribution-column[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.distribution-title[data-v-1ffeab47]{font-weight:600;color:#2c3e50;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #f0f0f0}.distribution-row[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 0;border-bottom:1px dotted #f0f0f0}.distribution-row[data-v-1ffeab47]:last-child{border-bottom:none}.distribution-label[data-v-1ffeab47]{color:#666}.distribution-value[data-v-1ffeab47]{color:#2c3e50;font-weight:500}.select-row[data-v-1ffeab47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:12px;border-top:1px dashed #f0f0f0}.select-row select[data-v-1ffeab47]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}footer[data-v-1ffeab47]{text-align:center;margin-top:40px;padding-top:20px;color:#95a5a6;font-size:14px;border-top:1px solid #e1e5eb}@media (max-width:768px){.controls[data-v-1ffeab47]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:20px}.control-group[data-v-1ffeab47]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stats-container[data-v-1ffeab47]{grid-template-columns:1fr}.date-range[data-v-1ffeab47]{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.result-row[data-v-1ffeab47]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.distribution-container[data-v-1ffeab47]{grid-template-columns:1fr;gap:15px}}
|