work-order-form.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .form-content {
  2. padding: 10px;
  3. background-color: #fff;
  4. height: 100%;
  5. overflow-y: auto;
  6. border-radius: 6px;
  7. position: relative;
  8. box-sizing: border-box;
  9. }
  10. .uni-forms{
  11. margin-bottom: 20px;
  12. }
  13. .form-item {
  14. display: flex;
  15. align-items: center;
  16. flex: 1;
  17. }
  18. .item-title{
  19. text-align: right;
  20. min-width: max-content;
  21. }
  22. .item-title-width {
  23. display: block;
  24. min-width: max-content;
  25. }
  26. .uni-forms-item{
  27. margin-bottom: 0;
  28. border-bottom: 1px dashed #CACCCF;
  29. }
  30. :deep(.uni-forms-item__label){
  31. height: 44px;
  32. // line-height: 44px;
  33. font-weight: 500;
  34. font-size: 16px;
  35. color: #333333 !important;
  36. width: max-content !important;
  37. }
  38. :deep(.uni-select){
  39. border: none;
  40. text-align: right;
  41. padding-right: 0;
  42. .uniui-bottom:before {
  43. content: "\e6b5" !important;
  44. font-size: 16px !important;
  45. }
  46. }
  47. :deep(.uni-stat-box){
  48. background-color: transparent;
  49. }
  50. :deep(.uni-select--disabled){
  51. color: inherit;
  52. background-color: transparent;
  53. // background-color: #fff;
  54. }
  55. :deep(.uni-date-editor--x__disabled){
  56. opacity: 1;
  57. }
  58. :deep(.uni-date-x){
  59. text-align: right;
  60. color: inherit;
  61. font-size: inherit;
  62. background-color: transparent;
  63. padding-right: 10px;
  64. .icon-calendar{
  65. display: none;
  66. font-size: 0;
  67. }
  68. .uni-date__x-input{
  69. // color: #999999;
  70. font-size: inherit;
  71. padding-right: 0;
  72. }
  73. }
  74. :deep(.uni-easyinput__content-input){
  75. padding-right: 0;
  76. }
  77. :deep(.uni-easyinput__content-textarea){
  78. min-height: inherit;
  79. margin: 10px;
  80. }
  81. :deep(.content-clear-icon){
  82. padding: 0;
  83. font-size: 16px !important;
  84. }
  85. .mini-btn {
  86. padding: 0;
  87. width: 45px;
  88. height: 25px;
  89. font-size: 10px;
  90. }