2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
.diagnosis-h5[data-v-466b6db6]{max-width:500px;margin:0 auto;min-height:100vh;background:#f5f6fa;padding-bottom:80px}.h5-header[data-v-466b6db6]{background:#fff;padding:12px 16px;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #0000000f}.h5-search[data-v-466b6db6]{margin-bottom:8px}.h5-filter-row[data-v-466b6db6]{display:flex;gap:6px;align-items:center}.h5-filter-row .el-select[data-v-466b6db6]{flex:1;min-width:0}.h5-list[data-v-466b6db6]{padding:12px 16px}.h5-card[data-v-466b6db6]{background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.h5-card-header[data-v-466b6db6]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 0}.h5-card-name[data-v-466b6db6]{display:flex;align-items:center;gap:8px}.h5-card-name .name[data-v-466b6db6]{font-size:16px;font-weight:600;color:#303133}.h5-card-name .age[data-v-466b6db6]{font-size:12px;color:#909399}.h5-card-body[data-v-466b6db6]{padding:10px 16px;cursor:pointer}.info-line[data-v-466b6db6]{display:flex;font-size:13px;line-height:2}.info-line .label[data-v-466b6db6]{color:#909399;width:65px;flex-shrink:0}.info-line .value[data-v-466b6db6]{color:#606266;flex:1}.h5-card-footer[data-v-466b6db6]{padding:8px 12px;border-top:1px solid #f2f3f5;overflow-x:auto}.action-scroll[data-v-466b6db6]{display:flex;white-space:nowrap;gap:0}.h5-fab[data-v-466b6db6]{position:fixed;right:20px;bottom:40px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#409eff,#337ecc);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #409eff66;cursor:pointer;z-index:99;transition:transform .2s}.h5-fab[data-v-466b6db6]:active{transform:scale(.9)}.h5-load-more[data-v-466b6db6]{text-align:center;padding:16px;font-size:13px;color:#409eff;cursor:pointer}.h5-no-more[data-v-466b6db6]{text-align:center;padding:16px;font-size:12px;color:#c0c4cc}.h5-empty[data-v-466b6db6]{padding:40px 0}.h5-form[data-v-466b6db6] .el-form-item__label{font-weight:500}.record-list[data-v-466b6db6]{display:flex;flex-direction:column;gap:10px}.record-item[data-v-466b6db6]{background:#f9fafb;border-radius:8px;padding:10px;border:1px solid #f0f0f0}.record-header[data-v-466b6db6]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:4px}.record-content[data-v-466b6db6]{font-size:13px;line-height:1.6;color:#333;white-space:pre-wrap;word-break:break-all}[data-v-466b6db6] .el-drawer__footer{display:flex;gap:12px;padding:12px 16px;border-top:1px solid #f2f3f5}body.h5-mode .el-drawer{width:100%!important;max-width:100vw!important}body.h5-mode .el-drawer__body{padding:0 14px 14px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}body.h5-mode .el-drawer__header{padding:14px 16px!important;margin-bottom:0!important;border-bottom:1px solid #eee;background:#fff}body.h5-mode .el-drawer__header .el-drawer__title{font-size:17px;font-weight:600}body.h5-mode .el-drawer__footer{padding:10px 16px!important;border-top:1px solid #eee;background:#fff}body.h5-mode .el-overlay-dialog .el-dialog,body.h5-mode .el-dialog{width:92%!important;max-width:460px!important;margin:8vh auto!important;border-radius:12px!important}body.h5-mode .el-dialog__body{max-height:65vh;overflow-y:auto}body.h5-mode .dialog .el-dialog{width:100%!important;max-width:100%!important;margin:0!important;height:100vh;border-radius:0!important}body.h5-mode .dialog .el-dialog .el-dialog__body{max-height:calc(100vh - 110px);overflow-y:auto}body.h5-mode .edit-drawer .el-row{display:block!important;margin-left:0!important;margin-right:0!important}body.h5-mode .edit-drawer .el-col{max-width:100%!important;flex:0 0 100%!important;width:100%!important;padding-left:0!important;padding-right:0!important}body.h5-mode .diagnosis-drawer .el-drawer__body{padding-bottom:60px!important}body.h5-mode .diagnosis-drawer .el-form{padding-bottom:10px}body.h5-mode .diagnosis-drawer .el-form .el-form-item{flex-direction:column!important;align-items:flex-start!important;margin-bottom:10px!important;padding:0!important}body.h5-mode .diagnosis-drawer .el-form .el-form-item .el-form-item__label{width:auto!important;max-width:100%!important;min-width:0!important;text-align:left!important;padding:0 0 3px!important;font-size:16px!important;font-weight:500;color:#8c8c8c;line-height:1.4!important;height:auto!important;justify-content:flex-start!important;margin:8px}body.h5-mode .diagnosis-drawer .el-form .el-form-item .el-form-item__content{margin-left:0!important;width:100%!important}body.h5-mode .diagnosis-drawer .el-form .el-input,body.h5-mode .diagnosis-drawer .el-form .el-input-number,body.h5-mode .diagnosis-drawer .el-form .el-select,body.h5-mode .diagnosis-drawer .el-form .el-date-editor,body.h5-mode .diagnosis-drawer .el-form .el-textarea,body.h5-mode .diagnosis-drawer .el-form .el-input-number .el-input__wrapper{width:100%!important}body.h5-mode .diagnosis-drawer .el-form .el-input__wrapper,body.h5-mode .diagnosis-drawer .el-form .el-textarea__inner{border-radius:8px!important}body.h5-mode .diagnosis-drawer .el-form .el-radio-group{display:flex!important;flex-wrap:wrap!important;gap:8px!important}body.h5-mode .diagnosis-drawer .el-divider{margin:14px 0 8px!important;border-top:none!important}body.h5-mode .diagnosis-drawer .el-divider .el-divider__text{font-size:15px;font-weight:600;color:#303133;background:#fff;padding-left:0!important}body.h5-mode .diagnosis-drawer .el-divider:before{width:0!important}body.h5-mode .diagnosis-drawer .checkbox-form-item .el-checkbox-group,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-radio-group,body.h5-mode .diagnosis-drawer .compact-form-item .el-checkbox-group,body.h5-mode .diagnosis-drawer .compact-form-item .el-radio-group{display:flex!important;flex-wrap:wrap!important;gap:8px!important}body.h5-mode .diagnosis-drawer .checkbox-form-item .el-checkbox-button .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-checkbox-button .el-radio-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-radio-button .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-radio-button .el-radio-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-checkbox-button .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-checkbox-button .el-radio-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-radio-button .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-radio-button .el-radio-button__inner{padding:6px 14px!important;font-size:13px!important;border-radius:16px!important;border:1px solid #e0e0e0!important;background:#f9f9f9!important;color:#606266!important;transition:all .2s!important}body.h5-mode .diagnosis-drawer .checkbox-form-item .el-checkbox-button.is-checked .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-checkbox-button.is-checked .el-radio-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-radio-button.is-checked .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-radio-button.is-checked .el-radio-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-checkbox-button.is-checked .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-checkbox-button.is-checked .el-radio-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-radio-button.is-checked .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-radio-button.is-checked .el-radio-button__inner{background:#ecf5ff!important;border-color:#409eff!important;color:#409eff!important}body.h5-mode .diagnosis-drawer .checkbox-form-item .el-checkbox-button+.el-checkbox-button,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-radio-button+.el-radio-button,body.h5-mode .diagnosis-drawer .compact-form-item .el-checkbox-button+.el-checkbox-button,body.h5-mode .diagnosis-drawer .compact-form-item .el-radio-button+.el-radio-button{margin-left:0!important}body.h5-mode .diagnosis-drawer .checkbox-form-item .el-checkbox-button+.el-checkbox-button .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-checkbox-button+.el-checkbox-button .el-radio-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-radio-button+.el-radio-button .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .checkbox-form-item .el-radio-button+.el-radio-button .el-radio-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-checkbox-button+.el-checkbox-button .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-checkbox-button+.el-checkbox-button .el-radio-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-radio-button+.el-radio-button .el-checkbox-button__inner,body.h5-mode .diagnosis-drawer .compact-form-item .el-radio-button+.el-radio-button .el-radio-button__inner{border-left:1px solid #e0e0e0!important}body.h5-mode .diagnosis-drawer .form-tips{font-size:11px;color:#b0b0b0;line-height:1.4;margin-top:4px}body.h5-mode .diagnosis-tabs .el-tabs__header{position:sticky;top:0;z-index:10;background:#fff;margin:0 0 6px!important;padding-top:2px}body.h5-mode .diagnosis-tabs .el-tabs__nav-wrap:after{height:1px!important}body.h5-mode .diagnosis-tabs .el-tabs__item{font-size:14px!important}body.h5-mode .appointment-form .el-form-item{flex-direction:column!important;align-items:flex-start!important;margin-bottom:12px!important}body.h5-mode .appointment-form .el-form-item .el-form-item__label{width:auto!important;min-width:0!important;text-align:left!important;padding:0 0 4px!important;font-size:13px!important;font-weight:500;color:#8c8c8c;line-height:1.4!important;height:auto!important;justify-content:flex-start!important}body.h5-mode .appointment-form .el-form-item .el-form-item__content{margin-left:0!important;width:100%!important}body.h5-mode .appointment-form .el-radio-group{display:flex!important;flex-wrap:wrap!important;gap:8px!important}body.h5-mode .appointment-form .el-radio{margin-right:0!important}body.h5-mode .appointment-form .el-textarea__inner{border-radius:8px!important}body.h5-mode .appointment-time-container{width:100%!important}body.h5-mode .date-selector{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}body.h5-mode .date-selector>.el-button,body.h5-mode .date-selector>button{min-width:0!important;width:100%!important;height:40px!important;font-size:13px!important;padding:0 4px!important;border-radius:10px!important;box-sizing:border-box!important;margin-left:0}body.h5-mode .time-slots-container{padding:12px!important;border-radius:10px!important;background-color:#f7f8fa!important}body.h5-mode .time-slots-header{margin-bottom:10px!important}body.h5-mode .time-slots-header .header-title{font-size:14px!important;font-weight:600!important}body.h5-mode .time-slots-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;max-height:300px!important}body.h5-mode .time-slots-grid .time-slot-item{min-height:56px!important;padding:6px 4px!important;border-radius:10px!important;border-width:1.5px!important}body.h5-mode .time-slots-grid .time-slot-item .slot-time{font-size:14px!important;margin-bottom:2px!important}body.h5-mode .time-slots-grid .time-slot-item .slot-status{font-size:13px!important;padding:1px 8px!important}body.h5-mode .drawer-footer{padding:0!important}body.h5-mode .detail-popup .el-descriptions__body .el-descriptions__table,body.h5-mode .detail-popup .el-descriptions__body .el-descriptions__table tbody{display:block!important}body.h5-mode .detail-popup .el-descriptions__body .el-descriptions__table .el-descriptions-row{display:block!important;border-bottom:none!important}body.h5-mode .detail-popup .el-descriptions__body .el-descriptions__table .el-descriptions-row .el-descriptions__cell{display:block!important;width:100%!important;border:none!important}body.h5-mode .detail-popup .el-descriptions__body .el-descriptions__table .el-descriptions-row .el-descriptions__cell.el-descriptions__label{background:transparent;font-weight:500;font-size:13px;color:#999;padding:10px 0 2px!important;border-bottom:none!important}body.h5-mode .detail-popup .el-descriptions__body .el-descriptions__table .el-descriptions-row .el-descriptions__cell.el-descriptions__content{font-size:14px;color:#303133;padding:2px 0 10px!important;border-bottom:1px solid #f5f5f5!important}
|