follow-up.css 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. .followup-list{padding: 0px 20px;margin: 0;overflow: hidden;}
  2. .consultation-list-item{cursor: pointer;list-style: none;border: 1px solid #d7dce6;margin-top: 20px;min-height: 80px;border-radius: 8px;overflow: hidden;position: relative;}
  3. .follow-user-info{padding: 10px 40px 10px 15px;position: relative;overflow: hidden;height: 80px;}
  4. .follow-up-doctor{font-weight: 700;color: #333;font-size: 16px;border-bottom: 1px solid #d7dce6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;height: 40px;line-height: 40px;margin-bottom: 0;padding-right: 10px;}
  5. .follow-status[data-status="1"]:before{content: '已完成';background: #c8c8c8;}
  6. .follow-status[data-status="2"]:before{content: '计划中';background: #19D5C5;}
  7. .follow-status[data-status="3"]:before{content: '进行中';background: #fca701;}
  8. .start-time{font-weight: 100;font-size: 14px;}
  9. .edu-status,.follow-status{position: absolute;right: 10px;top: -1px;}
  10. .edu-status:before,.follow-status:before{content: '';width: 26px;height: auto;color: #fff;display: inline-block;line-height: 1.2;font-size: 13px;text-align: center;padding: 5px 5px 8px;border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;}
  11. .fu-tag{display: inline-block; background-color: #12b7f5; color: #fff; font-size: 12px; height: 20px; line-height: 20px; width: 50px; text-align: center; margin-left: 10px; font-weight: normal; border-radius: 10px;}
  12. .completion-time{margin-bottom: 0;font-size: 13px;}
  13. .act-type{margin-bottom: 20px;}
  14. .consultation-list-item:first-child{margin-top: 0px;}
  15. .pagination{margin: 20px 0px 15px;}
  16. /*通用*/
  17. .ib{display: inline-block;}
  18. .mt50{margin-top: 50px;}
  19. .verti-top{vertical-align: top;}
  20. .mr20{margin-right: 20px;}
  21. .mr10{margin-right: 10px;}
  22. .mt20{margin-top: 20px;}
  23. em{font-style: normal;}
  24. *{box-sizing: border-box;padding: 0;margin: 0;}
  25. .disabled-input input{pointer-events: none;}
  26. .disabled-input select{pointer-events: none;}
  27. .disabled-input .checkbox-inline{pointer-events: none;}
  28. .disabled-input .radio-inline{pointer-events: none;}
  29. .red{color: #FF2222;margin-right: 3px;}
  30. .w-100{width: 100px!important;}
  31. .w-200{width: 200px!important;}
  32. .w-210{width: 210px!important;}
  33. .w-120{width: 120px!important;}
  34. .w-114{width: 114px!important;}
  35. .w-138{width: 138px!important;}
  36. .w-210{width: 210px!important;}
  37. .w-110{width: 110px!important;}
  38. .w-70{width: 70px!important;}
  39. .c-100{width: 100%!important;}
  40. .ml20{margin-left: 20px;}
  41. .w-290{width: 290px!important;}
  42. .pt20{padding-top: 20px;}
  43. .mt15{margin-top: 15px;}
  44. .mr5{margin-right: 5px;}
  45. .ml0{margin-left: 0px!important;}
  46. .pt3{padding-top: 5px;}
  47. .red{color: #FF2222;margin-right: 3px;}
  48. .c-hide{display: none;}
  49. .ml20{margin-left: 20px;}
  50. .c-t-center{text-align: center;}
  51. /*注册*/
  52. .row-item{font-size: 14px;color: #333;margin-top: 20px;}
  53. .row-item input{width: 220px;background: #f5f5fa;border-radius: 0;padding: 2px 6px;line-height: 20px;height: 28px;}
  54. /*症状*/
  55. .page_title{font-size: 18px;padding: 10px;margin-bottom: 0;text-align: center;}
  56. .inline-container-l{padding: 0 60px;}
  57. .inline-container{padding: 0px 20px;}
  58. .row-line-item{width: 160px;display: inline-block;font-size: 14px;margin-top: 20px;}
  59. .row-line-item-2{width: 320px;}
  60. .checkbox-inline{padding-left: 24px;}
  61. .radio-inline{padding-left: 30px;}
  62. .radio-inline+.radio-inline{margin-left: 20px;}
  63. .checkbox-inline input[type='checkbox'],.radio-inline input[type='radio']{opacity: 0;}
  64. input[type='checkbox']+span:before{content: '';position: absolute;left: 0;top: 4px;background: url(../image/gouxuan_btn.png);width: 14px;height: 14px;display: inline-block;}
  65. input[type='checkbox']:checked+span:before{background: url(../image/gouxuan_pre.png);}
  66. input[type='radio']+span:before{content: '';position: absolute;left: 0;top: 0;background: url(../image/dianxuan_btn.png);width: 20px;height: 20px;display: inline-block;}
  67. input[type='radio']:checked+span:before{background: url(../image/dianxuan_pre.png);}
  68. .remark{display: inline-block;width: 220px;border-radius: 0;padding: 2px 6px;line-height: 20px;height: 28px;}
  69. /*健康教育*/
  70. .row-inline-item{display: inline-block;margin-left: 20px;margin-top: 20px;}
  71. .row-inline-item span{font-size: 14px;}
  72. .form-control{display: inline-block;margin: 0 5px;width: 64px;border-radius: 0;padding: 2px 6px;line-height: 20px;height: 28px;}
  73. .el-date-editor.el-input, .el-date-editor.el-input__inner{width: 228px;}
  74. .el-input__icon{line-height: 29px;}
  75. .el-input__inner{margin: 0 5px;width: 64px;border-radius: 0;padding: 2px 6px;line-height: 20px;height: 28px;}
  76. .input-groups{margin-top: 20px;}
  77. .input-groups textarea{width: 100%;padding: 6px 8px;margin: 0;width: 100%;overflow: hidden;}
  78. .input-group-addons{margin-bottom: 10px;}
  79. /*评价*/
  80. .slash{display: inline-block;width: 15px;text-align: center;}
  81. .form-control[disabled], .form-control[readonly]{background-color: #fff;}
  82. .form-control[disabled]:focus,.form-control[readonly]:focus{border-color:#ccc;outline: 0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
  83. /*实验室*/
  84. .notice{font-size: 12px;color: #909090;padding: 20px 30px 0px;}
  85. .notice span{color: #FF2222;}
  86. /*用药*/
  87. .medication .row-inline-item{margin-top: 10px;}
  88. .row-title{font-size: 14px;margin-left: 20px;color: #999;}
  89. /*转诊*/
  90. .fr-text{margin-left:105px;width: 450px;margin-top: 10px;}
  91. .form-control.c-hide{display: none;}
  92. .form-control.ib{display: inline-block;}
  93. .fr-reason{width: 450px;}
  94. /*tab*/
  95. .followup-tab{width: 120px;line-height: 42px;margin: 0;padding: 0;text-align: center;list-style: none;background: #f5f5f5;border-right: 1px solid #ddd;}
  96. .followup-tab li{padding-top: 10px;}
  97. .followup-tab li a{display: block;box-sizing: content-box;text-decoration: none;font-size: 14px;width: 100%;color: #666;}
  98. .followup-tab li.active a,.followup-tab li:hover a{background: #fff;color: #12b6f4;}
  99. .followup-tab li:hover a{border: none;}
  100. .followup-tab li.active a{line-height: 40px;border-right: 1px solid #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
  101. /*滚动条整体样式*/
  102. ::-webkit-scrollbar {width: 4px;height: 4px;}
  103. ::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.1);}
  104. ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}