@zjhc/ui 0.0.0-stage → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (207) hide show
  1. package/LICENSE +51 -0
  2. package/NOTICE +23 -0
  3. package/README.md +177 -2
  4. package/dist/component.d.ts +3 -0
  5. package/dist/components/autocomplete/index.d.ts +5 -0
  6. package/dist/components/autocomplete/src/autoComplete.vue.d.ts +511 -0
  7. package/dist/components/autocomplete/src/autocomplete.d.ts +50 -0
  8. package/dist/components/collapse-container/index.d.ts +6 -0
  9. package/dist/components/collapse-container/src/collapseContainer.vue.d.ts +47 -0
  10. package/dist/components/collapse-container/src/instance.d.ts +2 -0
  11. package/dist/components/collapse-panel/index.d.ts +6 -0
  12. package/dist/components/collapse-panel/src/collapsePanel.vue.d.ts +68 -0
  13. package/dist/components/collapse-panel/src/instance.d.ts +2 -0
  14. package/dist/components/complex-table/index.d.ts +7 -0
  15. package/dist/components/complex-table/src/ComplexTable.vue.d.ts +1428 -0
  16. package/dist/components/complex-table/src/TableOperator.vue.d.ts +41 -0
  17. package/dist/components/complex-table/src/instance.d.ts +4 -0
  18. package/dist/components/dialog/index.d.ts +5 -0
  19. package/dist/components/dialog/src/dialog-content.d.ts +20 -0
  20. package/dist/components/dialog/src/dialog.d.ts +76 -0
  21. package/dist/components/dialog/src/dialog.vue.d.ts +456 -0
  22. package/dist/components/dialog/src/dialogContent.vue.d.ts +74 -0
  23. package/dist/components/dialog/src/use-dialog.d.ts +23 -0
  24. package/dist/components/edit-table-column/EditTableColumn.vue.d.ts +79 -0
  25. package/dist/components/edit-table-column/index.d.ts +6 -0
  26. package/dist/components/edit-table-column/registerComp.d.ts +3 -0
  27. package/dist/components/edit-table-column/type.d.ts +14 -0
  28. package/dist/components/group-container/index.d.ts +6 -0
  29. package/dist/components/group-container/src/groupContainer.vue.d.ts +43 -0
  30. package/dist/components/group-container/src/instance.d.ts +2 -0
  31. package/dist/components/index.d.ts +13 -0
  32. package/dist/components/loading/index.d.ts +11 -0
  33. package/dist/components/loading/src/directive.d.ts +13 -0
  34. package/dist/components/loading/src/loading.d.ts +27 -0
  35. package/dist/components/loading/src/service.d.ts +3 -0
  36. package/dist/components/loading/src/types.d.ts +61 -0
  37. package/dist/components/search-layout/index.d.ts +6 -0
  38. package/dist/components/search-layout/src/instance.d.ts +2 -0
  39. package/dist/components/search-layout/src/searchLayout.vue.d.ts +22 -0
  40. package/dist/components/search-panel/index.d.ts +6 -0
  41. package/dist/components/search-panel/src/instance.d.ts +2 -0
  42. package/dist/components/search-panel/src/searchPanel.vue.d.ts +17 -0
  43. package/dist/components/search-panel-layout/index.d.ts +6 -0
  44. package/dist/components/search-panel-layout/src/layout.d.ts +95 -0
  45. package/dist/components/sticky-toolbar/index.d.ts +6 -0
  46. package/dist/components/sticky-toolbar/src/instance.d.ts +2 -0
  47. package/dist/components/sticky-toolbar/src/stickyToolbar.vue.d.ts +43 -0
  48. package/dist/components/switch-mode/index.d.ts +7 -0
  49. package/dist/components/switch-theme/index.d.ts +7 -0
  50. package/dist/components/table-toolbar/index.d.ts +7 -0
  51. package/dist/components/table-toolbar/src/buttonGroup.vue.d.ts +79 -0
  52. package/dist/components/table-toolbar/src/interface.d.ts +21 -0
  53. package/dist/components/table-toolbar/src/tableToolbar.vue.d.ts +71 -0
  54. package/dist/constants/aria.d.ts +17 -0
  55. package/dist/constants/date.d.ts +3 -0
  56. package/dist/constants/event.d.ts +3 -0
  57. package/dist/constants/index.d.ts +5 -0
  58. package/dist/constants/key.d.ts +1 -0
  59. package/dist/constants/size.d.ts +7 -0
  60. package/dist/defaults.d.ts +5 -0
  61. package/dist/hooks/complex-table/index.d.ts +33 -0
  62. package/dist/hooks/get-cookie/index.d.ts +4 -0
  63. package/dist/hooks/index.d.ts +6 -0
  64. package/dist/hooks/oper-modal/index.d.ts +8 -0
  65. package/dist/hooks/post-message/index.d.ts +19 -0
  66. package/dist/hooks/set-theme/index.d.ts +2 -0
  67. package/dist/hooks/use-draggable-resize/index.d.ts +10 -0
  68. package/dist/hooks/use-loading/index.d.ts +4 -0
  69. package/dist/hooks/use-namespace/index.d.ts +20 -0
  70. package/dist/icons/arrow-down.vue.d.ts +2 -0
  71. package/dist/icons/arrow-up.vue.d.ts +2 -0
  72. package/dist/icons/check.vue.d.ts +2 -0
  73. package/dist/icons/close.vue.d.ts +2 -0
  74. package/dist/icons/copy-document.vue.d.ts +2 -0
  75. package/dist/icons/filter.vue.d.ts +2 -0
  76. package/dist/icons/full-screen.vue.d.ts +2 -0
  77. package/dist/icons/index.d.ts +9 -0
  78. package/dist/icons/loading.vue.d.ts +2 -0
  79. package/dist/icons/minus.vue.d.ts +2 -0
  80. package/dist/index.cjs +3985 -0
  81. package/dist/index.css +2661 -0
  82. package/dist/index.d.ts +10 -0
  83. package/dist/index.mjs +3985 -0
  84. package/dist/make-installer.d.ts +5 -0
  85. package/dist/plugin.d.ts +3 -0
  86. package/dist/types/enhance/accessory.d.ts +45 -0
  87. package/dist/types/enhance/biztrace.d.ts +75 -0
  88. package/dist/types/enhance/form.d.ts +83 -0
  89. package/dist/types/enhance/heai.d.ts +47 -0
  90. package/dist/types/enhance/workflow.d.ts +385 -0
  91. package/dist/types/extension/extension.d.ts +58 -0
  92. package/dist/types/extension/frame.d.ts +48 -0
  93. package/dist/types/extension/job.d.ts +36 -0
  94. package/dist/types/framework/auth.d.ts +38 -0
  95. package/dist/types/framework/config.d.ts +13 -0
  96. package/dist/types/framework/core.d.ts +24 -0
  97. package/dist/types/index.d.ts +11 -0
  98. package/dist/utils/index.d.ts +6 -0
  99. package/dist/utils/style.d.ts +10 -0
  100. package/dist/utils/tools/istype.d.ts +11 -0
  101. package/dist/utils/tools/security.d.ts +2 -0
  102. package/dist/utils/tools/throw-error.d.ts +1 -0
  103. package/dist/utils/tools/tree.d.ts +2 -0
  104. package/dist/utils/vue/index.d.ts +2 -0
  105. package/dist/utils/vue/install.d.ts +6 -0
  106. package/dist/utils/vue/shared.d.ts +10 -0
  107. package/dist/utils/vue/typescript.d.ts +5 -0
  108. package/dist/version.d.ts +1 -0
  109. package/package.json +76 -4
  110. package/theme-chalk/autocomplete.css +144 -0
  111. package/theme-chalk/base-var.css +1037 -0
  112. package/theme-chalk/base.css +120 -0
  113. package/theme-chalk/collapse-container.css +71 -0
  114. package/theme-chalk/collapse-panel.css +49 -0
  115. package/theme-chalk/complextable.css +72 -0
  116. package/theme-chalk/dark.css +134 -0
  117. package/theme-chalk/dialog.css +0 -0
  118. package/theme-chalk/document-tables.css +175 -0
  119. package/theme-chalk/group-container.css +159 -0
  120. package/theme-chalk/index.css +2661 -0
  121. package/theme-chalk/loading.css +86 -0
  122. package/theme-chalk/page.css +34 -0
  123. package/theme-chalk/pub-class.css +417 -0
  124. package/theme-chalk/reset.css +152 -0
  125. package/theme-chalk/search-panel.css +31 -0
  126. package/theme-chalk/searchlayout.css +125 -0
  127. package/theme-chalk/src/autocomplete.scss +103 -0
  128. package/theme-chalk/src/base-var.scss +489 -0
  129. package/theme-chalk/src/base.scss +1 -0
  130. package/theme-chalk/src/black/index.scss +4 -0
  131. package/theme-chalk/src/collapse-container.scss +44 -0
  132. package/theme-chalk/src/collapse-panel.scss +26 -0
  133. package/theme-chalk/src/common/var.scss +154 -0
  134. package/theme-chalk/src/complextable.scss +47 -0
  135. package/theme-chalk/src/dark/css-vars.scss +35 -0
  136. package/theme-chalk/src/dark/var.scss +198 -0
  137. package/theme-chalk/src/dialog.scss +0 -0
  138. package/theme-chalk/src/document-tables.scss +133 -0
  139. package/theme-chalk/src/group-container.scss +139 -0
  140. package/theme-chalk/src/index.scss +17 -0
  141. package/theme-chalk/src/light/css-vars.scss +4 -0
  142. package/theme-chalk/src/light/var.scss +158 -0
  143. package/theme-chalk/src/loading.scss +68 -0
  144. package/theme-chalk/src/mixins/_var.scss +48 -0
  145. package/theme-chalk/src/mixins/config.scss +5 -0
  146. package/theme-chalk/src/mixins/function.scss +133 -0
  147. package/theme-chalk/src/mixins/mixins.scss +211 -0
  148. package/theme-chalk/src/page.scss +8 -0
  149. package/theme-chalk/src/pub-class.scss +127 -0
  150. package/theme-chalk/src/reset.scss +155 -0
  151. package/theme-chalk/src/search-panel.scss +10 -0
  152. package/theme-chalk/src/searchlayout.scss +114 -0
  153. package/theme-chalk/src/sticky-toolbar.scss +59 -0
  154. package/theme-chalk/src/table-toolbar.scss +36 -0
  155. package/theme-chalk/src/var.scss +32 -0
  156. package/theme-chalk/src/zjhc/alert.scss +16 -0
  157. package/theme-chalk/src/zjhc/anchor.scss +10 -0
  158. package/theme-chalk/src/zjhc/autocomplete.scss +11 -0
  159. package/theme-chalk/src/zjhc/backtop.scss +8 -0
  160. package/theme-chalk/src/zjhc/breadcrumb.scss +3 -0
  161. package/theme-chalk/src/zjhc/button.scss +82 -0
  162. package/theme-chalk/src/zjhc/calendar.scss +5 -0
  163. package/theme-chalk/src/zjhc/card.scss +5 -0
  164. package/theme-chalk/src/zjhc/cascader.scss +26 -0
  165. package/theme-chalk/src/zjhc/checkbox.scss +59 -0
  166. package/theme-chalk/src/zjhc/collapse.scss +8 -0
  167. package/theme-chalk/src/zjhc/dateEditor.scss +14 -0
  168. package/theme-chalk/src/zjhc/descriptions.scss +32 -0
  169. package/theme-chalk/src/zjhc/dialog.scss +148 -0
  170. package/theme-chalk/src/zjhc/drawer.scss +4 -0
  171. package/theme-chalk/src/zjhc/dropdown.scss +16 -0
  172. package/theme-chalk/src/zjhc/empty.scss +3 -0
  173. package/theme-chalk/src/zjhc/fontsize.scss +42 -0
  174. package/theme-chalk/src/zjhc/form.scss +33 -0
  175. package/theme-chalk/src/zjhc/index.scss +48 -0
  176. package/theme-chalk/src/zjhc/input.scss +47 -0
  177. package/theme-chalk/src/zjhc/link.scss +20 -0
  178. package/theme-chalk/src/zjhc/main.scss +3 -0
  179. package/theme-chalk/src/zjhc/mention.scss +9 -0
  180. package/theme-chalk/src/zjhc/menu.scss +0 -0
  181. package/theme-chalk/src/zjhc/message-box.scss +57 -0
  182. package/theme-chalk/src/zjhc/message.scss +13 -0
  183. package/theme-chalk/src/zjhc/notification.scss +4 -0
  184. package/theme-chalk/src/zjhc/number.scss +9 -0
  185. package/theme-chalk/src/zjhc/overlay.scss +3 -0
  186. package/theme-chalk/src/zjhc/page.scss +3 -0
  187. package/theme-chalk/src/zjhc/pagination.scss +64 -0
  188. package/theme-chalk/src/zjhc/picker.scss +85 -0
  189. package/theme-chalk/src/zjhc/popover.scss +13 -0
  190. package/theme-chalk/src/zjhc/popper.scss +13 -0
  191. package/theme-chalk/src/zjhc/radio.scss +49 -0
  192. package/theme-chalk/src/zjhc/scrollbar.scss +5 -0
  193. package/theme-chalk/src/zjhc/segmented.scss +18 -0
  194. package/theme-chalk/src/zjhc/select.scss +49 -0
  195. package/theme-chalk/src/zjhc/steps.scss +40 -0
  196. package/theme-chalk/src/zjhc/switch.scss +11 -0
  197. package/theme-chalk/src/zjhc/table-v2.scss +16 -0
  198. package/theme-chalk/src/zjhc/table.scss +44 -0
  199. package/theme-chalk/src/zjhc/tabs.scss +15 -0
  200. package/theme-chalk/src/zjhc/tags.scss +25 -0
  201. package/theme-chalk/src/zjhc/timeline.scss +16 -0
  202. package/theme-chalk/src/zjhc/tour.scss +9 -0
  203. package/theme-chalk/src/zjhc/tree.scss +6 -0
  204. package/theme-chalk/src/zjhc/upload.scss +6 -0
  205. package/theme-chalk/sticky-toolbar.css +71 -0
  206. package/theme-chalk/table-toolbar.css +53 -0
  207. package/theme-chalk/var.css +120 -0
@@ -0,0 +1,2661 @@
1
+ @charset "UTF-8";
2
+ /**
3
+ * 该@mixin用于根据指定的颜色类型、级别和混合模式,创建一个新颜色等级并将其添加到全局颜色地图中。
4
+ * @param $type {string} - 颜色的类型(例如:primary, success等)。
5
+ * @param $number {int} - 颜色的级别,用于计算颜色的混合程度。
6
+ * @param $mode {string} - 混合模式,默认为'light'。可用于指定颜色是明度混合还是饱和度混合等。
7
+ * @param $mix-color {color} - 用于混合的颜色,默认为白色($color-white)。
8
+ */
9
+ /**
10
+ * 该函数将选择器转化为字符串,并截取指定位置的字符。
11
+ * @param $selector - 需要转换的选择器对象。
12
+ * @return 返回转换后的选择器字符串。
13
+ */
14
+ /**
15
+ * 判断父级选择器是否包含'--'
16
+ * @param $selector - 需要检查的选择器,可以是列表或字符串。
17
+ * @returns 如果选择器包含修饰符,则返回 true;否则返回 false。
18
+ */
19
+ /**
20
+ * 判断父级选择器是否包含'.is-'
21
+ * @param $selector - 需要检查的选择器,可以是任何形式的选择器。
22
+ * @return 返回一个布尔值,如果选择器包含状态前缀则为true,否则为false。
23
+ */
24
+ /**
25
+ * 判断父级是否包含 ':' (用于判断伪类和伪元素)
26
+ * @param $selector - 需要检查的选择器,可以是任何形式的选择器,函数会将其转换为字符串形式。
27
+ * @return 返回一个布尔值,如果选择器包含伪类,则返回 true;否则返回 false。
28
+ */
29
+ /*
30
+ * 判断父级选择器是否包含`--` `.is-` `:`这三种字符
31
+ * @param {String} $selector 选择器
32
+ * @return {String} 如果父级选择器包含以上三种字符中的任意一种,返回true;否则返回false
33
+ */
34
+ /**
35
+ * 函数用于将给定列表中的项目连接成一个变量名。
36
+ * @param $list - 一个包含要连接的字符串的列表。
37
+ * @return $name - 连接后的变量名,以"--"和配置中的命名空间开头,每个列表项之间用"-"连接。
38
+ */
39
+ /**
40
+ * 设置分组的CSS变量
41
+ * @param $name - 分组名称,用于生成CSS变量名。
42
+ * @param $variables - 一个映射表,包含要设置的变量名和其值。
43
+ * 该mixin遍历$variables映射表,为每个键值对生成相应的CSS变量。如果键是"default",
44
+ * 则设置基础的CSS变量;否则,设置带有特定后缀的CSS变量。
45
+ */
46
+ html.dark {
47
+ color-scheme: dark;
48
+ --zjhc-color-primary: #094194;
49
+ --zjhc-color-primary-light-3: rgb(4.8235294118%, 20.1960784314%, 42.9803921569%);
50
+ --zjhc-color-primary-light-5: rgb(5.6862745098%, 16.6666666667%, 32.9411764706%);
51
+ --zjhc-color-primary-light-7: rgb(6.5490196078%, 13.137254902%, 22.9019607843%);
52
+ --zjhc-color-primary-light-8: rgb(6.9803921569%, 11.3725490196%, 17.8823529412%);
53
+ --zjhc-color-primary-light-9: rgb(7.4117647059%, 9.6078431373%, 12.862745098%);
54
+ --zjhc-color-primary-dark-2: rgb(22.8235294118%, 40.3921568627%, 66.431372549%);
55
+ --zjhc-color-success: #1ebcaf;
56
+ --zjhc-color-success-light-3: rgb(10.5882352941%, 53.9607843137%, 50.3921568627%);
57
+ --zjhc-color-success-light-5: rgb(9.8039215686%, 40.7843137255%, 38.2352941176%);
58
+ --zjhc-color-success-light-7: rgb(9.0196078431%, 27.6078431373%, 26.0784313725%);
59
+ --zjhc-color-success-light-8: rgb(8.6274509804%, 21.0196078431%, 20%);
60
+ --zjhc-color-success-light-9: rgb(8.2352941176%, 14.431372549%, 13.9215686275%);
61
+ --zjhc-color-success-dark-2: rgb(29.4117647059%, 78.9803921569%, 74.9019607843%);
62
+ --zjhc-color-warning: #ffc23e;
63
+ --zjhc-color-warning-light-3: rgb(72.3529411765%, 55.6078431373%, 19.3725490196%);
64
+ --zjhc-color-warning-light-5: rgb(53.9215686275%, 41.9607843137%, 16.0784313725%);
65
+ --zjhc-color-warning-light-7: rgb(35.4901960784%, 28.3137254902%, 12.7843137255%);
66
+ --zjhc-color-warning-light-8: rgb(26.2745098039%, 21.4901960784%, 11.137254902%);
67
+ --zjhc-color-warning-light-9: rgb(17.0588235294%, 14.6666666667%, 9.4901960784%);
68
+ --zjhc-color-warning-dark-2: rgb(100%, 80.862745098%, 39.4509803922%);
69
+ --zjhc-color-danger: #fa5e45;
70
+ --zjhc-color-danger-light-3: rgb(70.9803921569%, 28.1568627451%, 21.2941176471%);
71
+ --zjhc-color-danger-light-5: rgb(52.9411764706%, 22.3529411765%, 17.4509803922%);
72
+ --zjhc-color-danger-light-7: rgb(34.9019607843%, 16.5490196078%, 13.6078431373%);
73
+ --zjhc-color-danger-light-8: rgb(25.8823529412%, 13.6470588235%, 11.6862745098%);
74
+ --zjhc-color-danger-light-9: rgb(16.862745098%, 10.7450980392%, 9.7647058824%);
75
+ --zjhc-color-danger-dark-2: rgb(98.431372549%, 49.4901960784%, 41.6470588235%);
76
+ --zjhc-color-error: #fa5e45;
77
+ --zjhc-color-error-light-3: rgb(70.9803921569%, 28.1568627451%, 21.2941176471%);
78
+ --zjhc-color-error-light-5: rgb(52.9411764706%, 22.3529411765%, 17.4509803922%);
79
+ --zjhc-color-error-light-7: rgb(34.9019607843%, 16.5490196078%, 13.6078431373%);
80
+ --zjhc-color-error-light-8: rgb(25.8823529412%, 13.6470588235%, 11.6862745098%);
81
+ --zjhc-color-error-light-9: rgb(16.862745098%, 10.7450980392%, 9.7647058824%);
82
+ --zjhc-color-error-dark-2: rgb(98.431372549%, 49.4901960784%, 41.6470588235%);
83
+ --zjhc-color-info: #909399;
84
+ --zjhc-color-info-light-3: rgb(41.8823529412%, 42.7058823529%, 44.3529411765%);
85
+ --zjhc-color-info-light-5: rgb(32.1568627451%, 32.7450980392%, 33.9215686275%);
86
+ --zjhc-color-info-light-7: rgb(22.431372549%, 22.7843137255%, 23.4901960784%);
87
+ --zjhc-color-info-light-8: rgb(17.568627451%, 17.8039215686%, 18.2745098039%);
88
+ --zjhc-color-info-light-9: rgb(12.7058823529%, 12.8235294118%, 13.0588235294%);
89
+ --zjhc-color-info-dark-2: rgb(65.1764705882%, 66.1176470588%, 68%);
90
+ --zjhc-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);
91
+ --zjhc-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.72);
92
+ --zjhc-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.72);
93
+ --zjhc-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
94
+ --zjhc-bg-color-page: #0a0a0a;
95
+ --zjhc-bg-color: #141414;
96
+ --zjhc-bg-color-overlay: #1d1e1f;
97
+ --zjhc-text-color-primary: mix-overlay-color(rgba(240, 245, 255, 0.95), #141414);
98
+ --zjhc-text-color-regular: mix-overlay-color(rgba(240, 245, 255, 0.85), #141414);
99
+ --zjhc-text-color-secondary: mix-overlay-color(rgba(240, 245, 255, 0.65), #141414);
100
+ --zjhc-text-color-placeholder: mix-overlay-color(rgba(240, 245, 255, 0.55), #141414);
101
+ --zjhc-text-color-disabled: mix-overlay-color(rgba(240, 245, 255, 0.4), #141414);
102
+ --zjhc-border-color-darker: mix-overlay-color(rgba(245, 248, 255, 0.35), #141414);
103
+ --zjhc-border-color-dark: mix-overlay-color(rgba(245, 248, 255, 0.3), #141414);
104
+ --zjhc-border-color: mix-overlay-color(rgba(245, 248, 255, 0.25), #141414);
105
+ --zjhc-border-color-light: mix-overlay-color(rgba(245, 248, 255, 0.2), #141414);
106
+ --zjhc-border-color-lighter: mix-overlay-color(rgba(245, 248, 255, 0.15), #141414);
107
+ --zjhc-border-color-extra-light: mix-overlay-color(rgba(245, 248, 255, 0.1), #141414);
108
+ --zjhc-fill-color-darker: mix-overlay-color(rgba(250, 252, 255, 0.2), #141414);
109
+ --zjhc-fill-color-dark: mix-overlay-color(rgba(250, 252, 255, 0.16), #141414);
110
+ --zjhc-fill-color: mix-overlay-color(rgba(250, 252, 255, 0.12), #141414);
111
+ --zjhc-fill-color-light: mix-overlay-color(rgba(250, 252, 255, 0.08), #141414);
112
+ --zjhc-fill-color-lighter: mix-overlay-color(rgba(250, 252, 255, 0.04), #141414);
113
+ --zjhc-fill-color-extra-light: mix-overlay-color(rgba(250, 252, 255, 0.02), #141414);
114
+ --zjhc-fill-color-blank: transparent;
115
+ --zjhc-mask-color: rgba(0, 0, 0, 0.8);
116
+ --zjhc-mask-color-extra-light: rgba(0, 0, 0, 0.3);
117
+ }
118
+
119
+ html.dark .zjhc-card {
120
+ --zjhc-card-bg-color: var(--zjhc-bg-color-overlay);
121
+ }
122
+
123
+ html.dark .zjhc-empty {
124
+ --zjhc-empty-fill-color-0: var(--zjhc-color-black);
125
+ --zjhc-empty-fill-color-1: #4b4b52;
126
+ --zjhc-empty-fill-color-2: #36383d;
127
+ --zjhc-empty-fill-color-3: #1e1e20;
128
+ --zjhc-empty-fill-color-4: #262629;
129
+ --zjhc-empty-fill-color-5: #202124;
130
+ --zjhc-empty-fill-color-6: #212224;
131
+ --zjhc-empty-fill-color-7: #1b1c1f;
132
+ --zjhc-empty-fill-color-8: #1c1d1f;
133
+ --zjhc-empty-fill-color-9: #18181a;
134
+ }
135
+
136
+ :root {
137
+ --zjhc-color-white: #ffffff;
138
+ --zjhc-color-black: #000000;
139
+ }
140
+
141
+ :root {
142
+ color-scheme: light;
143
+ --zjhc-color-primary: #094194;
144
+ --zjhc-color-primary-light-3: rgb(32.4705882353%, 47.8431372549%, 70.6274509804%);
145
+ --zjhc-color-primary-light-5: rgb(51.7647058824%, 62.7450980392%, 79.0196078431%);
146
+ --zjhc-color-primary-light-7: rgb(71.0588235294%, 77.6470588235%, 87.4117647059%);
147
+ --zjhc-color-primary-light-8: rgb(80.7058823529%, 85.0980392157%, 91.6078431373%);
148
+ --zjhc-color-primary-light-9: rgb(90.3529411765%, 92.5490196078%, 95.8039215686%);
149
+ --zjhc-color-primary-dark-2: rgb(2.8235294118%, 20.3921568627%, 46.431372549%);
150
+ --zjhc-color-success: #1ebcaf;
151
+ --zjhc-color-success-light-3: rgb(38.2352941176%, 81.6078431373%, 78.0392156863%);
152
+ --zjhc-color-success-light-5: rgb(55.8823529412%, 86.862745098%, 84.3137254902%);
153
+ --zjhc-color-success-light-7: rgb(73.5294117647%, 92.1176470588%, 90.5882352941%);
154
+ --zjhc-color-success-light-8: rgb(82.3529411765%, 94.7450980392%, 93.7254901961%);
155
+ --zjhc-color-success-light-9: rgb(91.1764705882%, 97.3725490196%, 96.862745098%);
156
+ --zjhc-color-success-dark-2: rgb(9.4117647059%, 58.9803921569%, 54.9019607843%);
157
+ --zjhc-color-warning: #ffc23e;
158
+ --zjhc-color-warning-light-3: rgb(100%, 83.2549019608%, 47.0196078431%);
159
+ --zjhc-color-warning-light-5: rgb(100%, 88.0392156863%, 62.1568627451%);
160
+ --zjhc-color-warning-light-7: rgb(100%, 92.8235294118%, 77.2941176471%);
161
+ --zjhc-color-warning-light-8: rgb(100%, 95.2156862745%, 84.862745098%);
162
+ --zjhc-color-warning-light-9: rgb(100%, 97.6078431373%, 92.431372549%);
163
+ --zjhc-color-warning-dark-2: rgb(80%, 60.862745098%, 19.4509803922%);
164
+ --zjhc-color-danger: #fa5e45;
165
+ --zjhc-color-danger-light-3: rgb(98.6274509804%, 55.8039215686%, 48.9411764706%);
166
+ --zjhc-color-danger-light-5: rgb(99.0196078431%, 68.431372549%, 63.5294117647%);
167
+ --zjhc-color-danger-light-7: rgb(99.4117647059%, 81.0588235294%, 78.1176470588%);
168
+ --zjhc-color-danger-light-8: rgb(99.6078431373%, 87.3725490196%, 85.4117647059%);
169
+ --zjhc-color-danger-light-9: rgb(99.8039215686%, 93.6862745098%, 92.7058823529%);
170
+ --zjhc-color-danger-dark-2: rgb(78.431372549%, 29.4901960784%, 21.6470588235%);
171
+ --zjhc-color-error: #fa5e45;
172
+ --zjhc-color-error-light-3: rgb(98.6274509804%, 55.8039215686%, 48.9411764706%);
173
+ --zjhc-color-error-light-5: rgb(99.0196078431%, 68.431372549%, 63.5294117647%);
174
+ --zjhc-color-error-light-7: rgb(99.4117647059%, 81.0588235294%, 78.1176470588%);
175
+ --zjhc-color-error-light-8: rgb(99.6078431373%, 87.3725490196%, 85.4117647059%);
176
+ --zjhc-color-error-light-9: rgb(99.8039215686%, 93.6862745098%, 92.7058823529%);
177
+ --zjhc-color-error-dark-2: rgb(78.431372549%, 29.4901960784%, 21.6470588235%);
178
+ --zjhc-color-info: #909399;
179
+ --zjhc-color-info-light-3: rgb(69.5294117647%, 70.3529411765%, 72%);
180
+ --zjhc-color-info-light-5: rgb(78.2352941176%, 78.8235294118%, 80%);
181
+ --zjhc-color-info-light-7: rgb(86.9411764706%, 87.2941176471%, 88%);
182
+ --zjhc-color-info-light-8: rgb(91.2941176471%, 91.5294117647%, 92%);
183
+ --zjhc-color-info-light-9: rgb(95.6470588235%, 95.7647058824%, 96%);
184
+ --zjhc-color-info-dark-2: rgb(45.1764705882%, 46.1176470588%, 48%);
185
+ --zjhc-text-color-primary: #333133;
186
+ --zjhc-text-color-regular: #606266;
187
+ --zjhc-text-color-secondary: #909399;
188
+ --zjhc-text-color-placeholder: #a8abb2;
189
+ --zjhc-text-color-disabled: #c0c4cc;
190
+ --zjhc-border-color: #dcdfe6;
191
+ --zjhc-border-color-light: #e4e7ed;
192
+ --zjhc-border-color-lighter: #ebeef5;
193
+ --zjhc-border-color-extra-light: #f2f6fc;
194
+ --zjhc-border-color-dark: #d4d7de;
195
+ --zjhc-border-color-darker: #cdd0d6;
196
+ --zjhc-fill-color: #f0f2f5;
197
+ --zjhc-fill-color-light: #f5f7fa;
198
+ --zjhc-fill-color-lighter: #fafafa;
199
+ --zjhc-fill-color-extra-light: #fafcff;
200
+ --zjhc-fill-color-dark: #ebedf0;
201
+ --zjhc-fill-color-darker: #e6e8eb;
202
+ --zjhc-fill-color-blank: #ffffff;
203
+ --zjhc-bg-color: #ffffff;
204
+ --zjhc-bg-color-page: #f2f3f5;
205
+ --zjhc-bg-color-overlay: #ffffff;
206
+ --zjhc-search-sidebar-width: 200px;
207
+ --zjhc-group-header-title-color: #000000;
208
+ --zjhc-group-header-title-size: 14px;
209
+ --zjhc-page-container-bg-color: #ffffff;
210
+ }
211
+
212
+ html:root {
213
+ color-scheme: light;
214
+ --zjhc-border-radius-base: 6px;
215
+ --zjhc-border-radius-small: 3px;
216
+ --zjhc-border-radius-middle: 8px;
217
+ --zjhc-light-backgound-color: #f7f8fb;
218
+ --el-primary-opactiy01: rgba(9, 65, 148, 0.1);
219
+ --el-primary-opactiy05: rgba(9, 65, 148, 0.5);
220
+ --el-primary-opactiy005: rgba(9, 65, 148, 0.05);
221
+ --el-primary-opactiy007: rgba(9, 65, 148, 0.07);
222
+ --el-selected-bg-color: #e7f2fc;
223
+ --el-table-check-bg: var(--el-selected-bg-color);
224
+ --el-color-white: #ffffff;
225
+ --el-color-black: #000000;
226
+ --el-color-primary-rgb: 9, 65, 148;
227
+ --el-color-success-rgb: 30, 188, 175;
228
+ --el-color-warning-rgb: 255, 194, 62;
229
+ --el-color-danger-rgb: 250, 94, 69;
230
+ --el-color-error-rgb: 250, 94, 69;
231
+ --el-color-info-rgb: 144, 147, 153;
232
+ --el-font-size-base: var(--font-size-s);
233
+ --el-font-size-large: var(--font-size-m);
234
+ --el-font-size-extra-large: var(--font-size-xxxl);
235
+ --el-font-size-medium: var(--font-size-l);
236
+ --el-font-size-small: var(--font-size-s);
237
+ --el-font-size-extra-small: var(--font-size-xs);
238
+ --el-font-size-title: var(--font-size-base);
239
+ --el-tag-height: var(--font-size-xxxl);
240
+ --el-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial,
241
+ sans-serif;
242
+ --el-font-weight-primary: 500;
243
+ --el-font-line-height-primary: 24px;
244
+ --el-index-normal: 1;
245
+ --el-index-top: 1000;
246
+ --el-index-popper: 2000;
247
+ --el-border-radius-base: var(--zjhc-border-radius-small);
248
+ --el-border-radius-small: var(--zjhc-border-radius-small);
249
+ --el-border-radius-round: 20px;
250
+ --el-border-radius-circle: 100%;
251
+ --el-transition-duration: 0.3s;
252
+ --el-transition-duration-fast: 0.2s;
253
+ --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
254
+ --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
255
+ --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
256
+ --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
257
+ --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),
258
+ opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
259
+ --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
260
+ --el-transition-border: border-color var(--el-transition-duration-fast)
261
+ var(--el-transition-function-ease-in-out-bezier);
262
+ --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast)
263
+ var(--el-transition-function-ease-in-out-bezier);
264
+ --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
265
+ --el-color-primary: #094194;
266
+ --el-color-primary-secondary: #00b0f0;
267
+ --el-color-primary-light-3: #0064c1;
268
+ --el-color-primary-light-5: #809ec9;
269
+ --el-color-primary-light-7: #b7d8f5;
270
+ --el-color-primary-light-8: #cfe5f9;
271
+ --el-color-primary-light-9: #e5f2f9;
272
+ --el-color-primary-dark-2: #0c65b2;
273
+ --el-color-success: #1ebcaf;
274
+ --el-color-success-light-3: #12ada0;
275
+ --el-color-success-light-5: #8fded7;
276
+ --el-color-success-light-7: #bcebe7;
277
+ --el-color-success-light-8: #d2f2ef;
278
+ --el-color-success-light-9: #e9f8f7;
279
+ --el-color-success-dark-2: #18968c;
280
+ --el-color-warning: #ffc23e;
281
+ --el-color-warning-light-3: #f4b733;
282
+ --el-color-warning-light-5: #ffe19f;
283
+ --el-color-warning-light-7: #ffedc5;
284
+ --el-color-warning-light-8: #fff3d8;
285
+ --el-color-warning-light-9: #fff9ec;
286
+ --el-color-warning-dark-2: #cc9b32;
287
+ --el-color-danger: #fa5e45;
288
+ --el-color-danger-light-3: #ed523a;
289
+ --el-color-danger-light-5: #fdafa2;
290
+ --el-color-danger-light-7: #fecfc7;
291
+ --el-color-danger-light-8: #fedfda;
292
+ --el-color-danger-light-9: #ffefec;
293
+ --el-color-danger-dark-2: #c84b37;
294
+ --el-color-error: #fa5e45;
295
+ --el-color-error-light-3: #ed523a;
296
+ --el-color-error-light-5: #fdafa2;
297
+ --el-color-error-light-7: #fecfc7;
298
+ --el-color-error-light-8: #fedfda;
299
+ --el-color-error-light-9: #ffefec;
300
+ --el-color-error-dark-2: #c84b37;
301
+ --el-color-info: #999999;
302
+ --el-color-info-light-3: #b2b3b8;
303
+ --el-color-info-light-5: #c8c9cc;
304
+ --el-color-info-light-7: #dedfe0;
305
+ --el-color-info-light-8: #e9e9eb;
306
+ --el-color-info-light-9: #f4f4f5;
307
+ --el-color-info-dark-2: #73767a;
308
+ --el-bg-color: #ffffff;
309
+ --el-bg-color-page: #fafbfc;
310
+ --el-bg-color-overlay: #ffffff;
311
+ --el-text-color-primary: #333333;
312
+ --el-text-color-regular: #666666;
313
+ --el-text-color-secondary: #999999;
314
+ --el-text-color-placeholder: #a8abb2;
315
+ --el-text-color-disabled: #c0c4cc;
316
+ --el-border-color: #dcdfe6;
317
+ --el-border-color-light: #e4e7ed;
318
+ --el-border-color-lighter: #ebeef5;
319
+ --el-border-color-extra-light: #f2f6fc;
320
+ --el-border-color-dark: #d4d7de;
321
+ --el-border-color-darker: #cdd0d6;
322
+ --el-fill-color: #f0f2f5;
323
+ --el-fill-color-light: #f5f7fa;
324
+ --el-fill-color-lighter: #fafafa;
325
+ --el-fill-color-extra-light: #fafcff;
326
+ --el-fill-color-dark: #ebedf0;
327
+ --el-fill-color-darker: #e6e8eb;
328
+ --el-fill-color-blank: #ffffff;
329
+ --el-fill-color-base: #cce6f4;
330
+ --el-box-shadow: 10px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
331
+ --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
332
+ --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
333
+ --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12),
334
+ 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
335
+ --el-disabled-bg-color: var(--el-fill-color-light);
336
+ --el-disabled-text-color: var(--el-text-color-secondary);
337
+ --el-disabled-border-color: var(--el-border-color-light);
338
+ --el-overlay-color: rgba(0, 0, 0, 0.8);
339
+ --el-overlay-color-light: rgba(0, 0, 0, 0.7);
340
+ --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
341
+ --el-mask-color: rgba(255, 255, 255, 0.9);
342
+ --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
343
+ --el-border-width: 1px;
344
+ --el-border-style: solid;
345
+ --el-border-color-hover: var(--el-text-color-disabled);
346
+ --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
347
+ --el-svg-monochrome-grey: var(--el-border-color);
348
+ --el-dialog-border-radius: var(--zjhc-border-radius-middle);
349
+ --el-dialog-header-divider-color: #eee;
350
+ --el-message-close-size: 22px;
351
+ --el-dialog-header-button-bg-color:#f5f5f5;
352
+ --el-dialog-header-button-bg-hover-color:#eeeeee;
353
+ --el-table-label-bg-color: #f1f2f7;
354
+ --el-table-value-bg-color: #f7f8fb;
355
+ --el-table-sub-label-bg-color: #fef9e5;
356
+ --el-table-sub-value-bg-color: #fefbef;
357
+ --el-table-selected-bg: var(--el-selected-bg-color);
358
+ --el-table-header-bg-color: #f1f2f7;
359
+ --el-form-required-bg-color: #fef7de;
360
+ --el-pagination-button-hover-color: #f1f2f7;
361
+ --el-select-font-size: var(--el-font-size-base);
362
+ }
363
+
364
+ .zjhc-search__layout {
365
+ width: 100%;
366
+ height: 100%;
367
+ display: flex;
368
+ flex-direction: column;
369
+ overflow: hidden;
370
+ padding: 16px;
371
+ }
372
+
373
+ .zjhc-search__panel {
374
+ padding: 15px 20px 0;
375
+ margin-bottom: 16px;
376
+ background-color: var(--el-fill-color-blank);
377
+ border-radius: 5px;
378
+ border: 1px solid var(--el-border-color);
379
+ width: 100%;
380
+ }
381
+ .zjhc-search__panel .el-col > .el-button {
382
+ margin-bottom: 15px;
383
+ }
384
+ .zjhc-search__panel .el-date-editor.el-input,
385
+ .zjhc-search__panel .el-date-editor.el-input__wrapper {
386
+ width: var(--el-input-width);
387
+ }
388
+ .zjhc-search__panel .zjhc-collapse__toggle {
389
+ margin-bottom: 15px;
390
+ height: var(--el-button--height) !important;
391
+ }
392
+
393
+ .zjhc-search__content {
394
+ background-color: var(--el-fill-color-blank);
395
+ border-radius: 5px;
396
+ border: 1px solid var(--el-border-color);
397
+ display: flex;
398
+ overflow: hidden;
399
+ flex: 1;
400
+ }
401
+
402
+ .zjhc-search__sidebar {
403
+ width: var(--zjhc-search-sidebar-width);
404
+ padding: 15px 0 15px 20px;
405
+ }
406
+
407
+ .zjhc-search__toolbar {
408
+ margin-bottom: 12px;
409
+ padding: 0 20px;
410
+ }
411
+ .zjhc-search__toolbar .el-dropdown + .el-button,
412
+ .zjhc-search__toolbar .el-dropdown + .el-dropdown,
413
+ .zjhc-search__toolbar .el-button + .el-dropdown {
414
+ margin-left: 12px;
415
+ }
416
+
417
+ .zjhc-search__main {
418
+ flex: 1;
419
+ display: flex;
420
+ flex-direction: column;
421
+ overflow: hidden;
422
+ padding: 15px 0;
423
+ }
424
+ .zjhc-search__main .zjhc-advance__layout {
425
+ padding: 0 20px;
426
+ }
427
+
428
+ .zjhc-search__grid {
429
+ padding: 0 20px;
430
+ flex: 1;
431
+ display: flex;
432
+ flex-direction: column;
433
+ overflow: hidden;
434
+ }
435
+
436
+ .zjhc-search__pagination {
437
+ margin-top: 16px;
438
+ padding: 0 20px;
439
+ }
440
+
441
+ .zjhc-search__dropdown-active {
442
+ background-color: var(--el-primary-opactiy01);
443
+ }
444
+ .zjhc-search__dropdown-active.el-dropdown-menu__item {
445
+ color: var(--el-color-primary);
446
+ }
447
+ .zjhc-search__dropdown-active.el-dropdown-menu__item:not(.is-disabled):focus, .zjhc-search__dropdown-active.el-dropdown-menu__item:not(.is-disabled):hover {
448
+ background-color: var(--el-primary-opactiy01) !important;
449
+ color: var(--el-color-primary) !important;
450
+ }
451
+
452
+ .zjhc-search__row-active td.el-table__cell {
453
+ background: var(--el-table-check-bg) !important;
454
+ }
455
+ .zjhc-search__row-active.hover-row > td.el-table__cell {
456
+ background: var(--el-table-check-bg) !important;
457
+ }
458
+
459
+ .zjhc-collapse--panel {
460
+ overflow: hidden;
461
+ max-height: 0;
462
+ }
463
+
464
+ .zjhc-collapse--footer {
465
+ position: relative;
466
+ }
467
+
468
+ .zjhc-collapse__toggle {
469
+ position: absolute;
470
+ right: 0;
471
+ bottom: 0;
472
+ z-index: 5;
473
+ }
474
+ .zjhc-collapse__toggle .el-icon {
475
+ font-size: 16px;
476
+ }
477
+
478
+ .zjhc-collapse__container {
479
+ border: 1px solid var(--el-border-color);
480
+ border-radius: 5px;
481
+ }
482
+
483
+ .zjhc-collapse__header {
484
+ height: 38px;
485
+ padding: 0 var(--zjhc-padding-space-l);
486
+ background-color: var(--el-fill-color-light);
487
+ font-size: var(--font-size-m);
488
+ display: flex;
489
+ align-items: center;
490
+ justify-content: space-between;
491
+ border-radius: 5px 5px 0 0;
492
+ }
493
+ .zjhc-collapse__header--arrow {
494
+ padding: 3px;
495
+ font-size: var(--font-size-m);
496
+ cursor: pointer;
497
+ width: auto;
498
+ height: auto;
499
+ }
500
+ .zjhc-collapse__header--arrow:hover {
501
+ background-color: rgba(50, 58, 77, 0.1);
502
+ }
503
+
504
+ .zjhc-collapse__arrow {
505
+ padding: 3px;
506
+ font-size: var(--font-size-m);
507
+ cursor: pointer;
508
+ width: auto;
509
+ height: auto;
510
+ }
511
+ .zjhc-collapse__arrow:hover {
512
+ background-color: rgba(50, 58, 77, 0.1);
513
+ }
514
+
515
+ .zjhc-collapse__content {
516
+ padding: var(--zjhc-padding-space-l);
517
+ }
518
+
519
+ .zjhc-sticky__toolbar {
520
+ padding: 10px 15px;
521
+ position: sticky;
522
+ left: 0;
523
+ top: 0;
524
+ z-index: 30;
525
+ display: flex;
526
+ align-items: flex-start;
527
+ background: #fff;
528
+ }
529
+
530
+ .zjhc-sticky__main {
531
+ flex: 1;
532
+ position: relative;
533
+ }
534
+
535
+ .zjhc-sticky__wrap {
536
+ display: flex;
537
+ flex-wrap: wrap;
538
+ overflow: hidden;
539
+ max-height: 0;
540
+ padding-right: 44px;
541
+ }
542
+ .zjhc-sticky__wrap > .el-button + .el-button {
543
+ margin-left: 0;
544
+ }
545
+ .zjhc-sticky__wrap > * {
546
+ margin-right: var(--zjhc-margin-space-m);
547
+ margin-bottom: 10px;
548
+ }
549
+
550
+ .zjhc-sticky__toggle {
551
+ position: absolute;
552
+ right: 0;
553
+ top: 0;
554
+ z-index: 5;
555
+ width: 32px;
556
+ padding: 8px 0;
557
+ min-width: 0 !important;
558
+ }
559
+
560
+ .zjhc-complex__table {
561
+ min-width: 1422px;
562
+ display: flex;
563
+ }
564
+ .zjhc-complex__table .el-row {
565
+ border-left: 1px solid var(--el-border-color);
566
+ border-top: 1px solid var(--el-border-color);
567
+ font-size: var(--el-font-size-base);
568
+ position: relative;
569
+ }
570
+ .zjhc-complex__table .el-row + .el-row {
571
+ border-left: none;
572
+ }
573
+ .zjhc-complex__table .el-col {
574
+ border-right: 1px solid var(--el-border-color);
575
+ border-bottom: 1px solid var(--el-border-color);
576
+ padding: 0 10px;
577
+ height: var(--el-height-size-base);
578
+ line-height: var(--el-height-size-base);
579
+ white-space: nowrap; /* 保持文本在一行内 */
580
+ overflow: hidden; /* 隐藏溢出的内容 */
581
+ text-overflow: ellipsis;
582
+ color: #000;
583
+ }
584
+
585
+ .zjhc-complex__nesting--col {
586
+ padding: 0 !important;
587
+ height: auto !important;
588
+ border-bottom: none !important;
589
+ border-right: none !important;
590
+ }
591
+
592
+ .zjhc-complex__nesting--row {
593
+ border-left: none !important;
594
+ border-top: none !important;
595
+ }
596
+
597
+ .zjhc-complex__coltext--disabled {
598
+ color: #aaa !important;
599
+ }
600
+
601
+ .zjhc-complex__labellink--disabled {
602
+ color: var(--el-primary-opactiy05) !important;
603
+ }
604
+ .zjhc-complex__labellink--disabled .el-icon {
605
+ vertical-align: middle;
606
+ margin-right: 6px;
607
+ margin-top: -4px;
608
+ font-size: 16px;
609
+ }
610
+
611
+ .zjhc-complex__label--title {
612
+ background: var(--el-table-label-bg-color);
613
+ color: var(--el-text-color-regular) !important;
614
+ }
615
+
616
+ .zjhc-complex__label--yellow {
617
+ background: var(--el-table-sub-label-bg-color);
618
+ color: var(--el-text-color-regular) !important;
619
+ }
620
+
621
+ .zjhc-complex__label--link {
622
+ color: var(--el-color-primary) !important;
623
+ cursor: pointer;
624
+ }
625
+ .zjhc-complex__label--link:hover {
626
+ text-decoration: underline;
627
+ }
628
+ .zjhc-complex__label--link .el-icon {
629
+ vertical-align: middle;
630
+ margin-right: 6px;
631
+ font-size: 18px;
632
+ margin-top: -4px;
633
+ }
634
+
635
+ .zjhc-complex__value--yellow01 {
636
+ background: var(--el-table-sub-value-bg-color);
637
+ }
638
+
639
+ .zjhc-complex__value--grey01 {
640
+ background: var(--el-table-value-bg-color);
641
+ }
642
+
643
+ .zjhc-group__container {
644
+ padding: 8px 16px;
645
+ }
646
+ .zjhc-group__container.is-border {
647
+ border: 1px solid var(--el-border-color);
648
+ border-radius: 5px;
649
+ padding: 15px;
650
+ }
651
+ .zjhc-group__container .zjhc-advance__layout {
652
+ padding: 0;
653
+ }
654
+
655
+ .zjhc-group__header {
656
+ margin-bottom: 12px;
657
+ display: flex;
658
+ align-items: center;
659
+ }
660
+
661
+ .zjhc-group__box {
662
+ border: 1px solid var(--el-border-color);
663
+ background-color: var(--el-bg-color);
664
+ border-radius: 5px;
665
+ padding: 8px 0;
666
+ }
667
+
668
+ .zjhc-group__title {
669
+ font-size: var(--zjhc-group-header-title-size);
670
+ font-weight: bold;
671
+ border-left: 4px solid var(--el-color-primary);
672
+ color: var(--zjhc-group-header-title-color);
673
+ position: relative;
674
+ line-height: 1;
675
+ padding-left: 8px;
676
+ margin-right: 24px;
677
+ }
678
+
679
+ .zjhc-group__toolbar {
680
+ display: flex;
681
+ }
682
+ .zjhc-group__toolbar .el-button--text {
683
+ padding: 0;
684
+ }
685
+ .zjhc-group__toolbar .el-button--text + .el-button--text {
686
+ margin-left: 12px;
687
+ }
688
+
689
+ .zjhc-page__container {
690
+ background-color: var(--zjhc-page-container-bg-color);
691
+ }
692
+
693
+ .zjhc-table__toolbar .zjhc-button__group {
694
+ line-height: 1;
695
+ overflow: hidden;
696
+ }
697
+
698
+ .zjhc-button__group--popper {
699
+ min-width: 80px;
700
+ }
701
+
702
+ .zjhc-button__group .el-dropdown + .el-button,
703
+ .zjhc-button__group .el-dropdown + .el-dropdown,
704
+ .zjhc-button__group .el-button + .el-dropdown {
705
+ margin-left: 12px;
706
+ }
707
+ .zjhc-button__group .el-button.el-button--text {
708
+ padding: 0;
709
+ }
710
+ .zjhc-button__group .el-button--text + .el-button--text,
711
+ .zjhc-button__group .el-dropdown + .el-button--text,
712
+ .zjhc-button__group .el-button--text + .el-dropdown {
713
+ margin-left: 20px;
714
+ }
715
+
716
+ .zjhc-advance__layout {
717
+ width: 100%;
718
+ height: 100%;
719
+ display: flex;
720
+ flex-direction: column;
721
+ overflow: hidden;
722
+ }
723
+
724
+ .zjhc-advance__toolbar {
725
+ margin-bottom: 12px;
726
+ }
727
+ .zjhc-advance__toolbar.is-line {
728
+ display: flex;
729
+ align-items: center;
730
+ }
731
+ .zjhc-advance__toolbar.is-line .zjhc-table__toolbar {
732
+ flex: 1;
733
+ }
734
+
735
+ .zjhc-advance__grid {
736
+ display: flex;
737
+ flex: 1;
738
+ flex-direction: column;
739
+ overflow: hidden;
740
+ }
741
+ .zjhc-advance__grid .el-table {
742
+ height: 100%;
743
+ }
744
+ .zjhc-advance__grid .el-table .el-link + .el-link {
745
+ margin-left: 0;
746
+ }
747
+ .zjhc-advance__grid .el-table .el-link {
748
+ margin-right: 12px;
749
+ }
750
+ .zjhc-advance__grid .el-table .el-link:last-child {
751
+ margin-right: 0;
752
+ }
753
+
754
+ .zjhc-advance__pagination {
755
+ margin-top: 16px;
756
+ }
757
+
758
+ .zjhc-autocomplete {
759
+ width: var(--el-input-width);
760
+ position: relative;
761
+ display: inline-block;
762
+ }
763
+ .zjhc-autocomplete__popper {
764
+ max-width: 810px;
765
+ }
766
+ .zjhc-autocomplete__popper.el-popper {
767
+ background: var(--el-bg-color-overlay);
768
+ border: 1px solid var(--el-border-color-light);
769
+ box-shadow: none;
770
+ }
771
+ .zjhc-autocomplete__popper.el-popper .el-popper__arrow::before {
772
+ border: 1px solid var(--el-border-color-light);
773
+ }
774
+ .zjhc-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
775
+ border-top-color: transparent;
776
+ border-left-color: transparent;
777
+ }
778
+ .zjhc-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
779
+ border-bottom-color: transparent;
780
+ border-right-color: transparent;
781
+ }
782
+ .zjhc-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
783
+ border-left-color: transparent;
784
+ border-bottom-color: transparent;
785
+ }
786
+ .zjhc-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
787
+ border-right-color: transparent;
788
+ border-top-color: transparent;
789
+ }
790
+
791
+ .zjhc-autocomplete-suggestion {
792
+ border-radius: var(--el-border-radius-base);
793
+ box-sizing: border-box;
794
+ }
795
+ .zjhc-autocomplete-suggestion__wrap {
796
+ max-height: 280px;
797
+ padding: 6px 0;
798
+ box-sizing: border-box;
799
+ }
800
+
801
+ .zjhc-autocomplete-suggestion__list {
802
+ margin: 0;
803
+ padding: 0;
804
+ }
805
+
806
+ .zjhc-autocomplete-suggestion li {
807
+ padding: 0 30px 0 10px;
808
+ margin: 0 0 1px;
809
+ line-height: var(--el-input-height);
810
+ cursor: pointer;
811
+ color: var(--el-text-color-regular);
812
+ font-size: var(--el-font-size-base);
813
+ list-style: none;
814
+ text-align: left;
815
+ white-space: nowrap;
816
+ overflow: hidden;
817
+ text-overflow: ellipsis;
818
+ position: relative;
819
+ }
820
+ .zjhc-autocomplete-suggestion li:hover {
821
+ background-color: var(--el-fill-color-light);
822
+ }
823
+ .zjhc-autocomplete-suggestion li.highlighted {
824
+ background-color: var(--el-fill-color-light);
825
+ }
826
+ .zjhc-autocomplete-suggestion li.divider {
827
+ margin-top: 6px;
828
+ border-top: 1px solid var(--el-color-black);
829
+ }
830
+ .zjhc-autocomplete-suggestion li.divider:last-child {
831
+ margin-bottom: -6px;
832
+ }
833
+ .zjhc-autocomplete-suggestion li.is-selected {
834
+ background: var(--el-primary-opactiy01);
835
+ color: var(--el-color-primary);
836
+ }
837
+ .zjhc-autocomplete-suggestion li.is-selected .selected-icon {
838
+ display: block;
839
+ }
840
+ .zjhc-autocomplete-suggestion li .selected-icon {
841
+ position: absolute;
842
+ right: 10px;
843
+ top: 50%;
844
+ margin-top: -7px;
845
+ font-size: 14px;
846
+ display: none;
847
+ }
848
+ .zjhc-autocomplete-suggestion.is-loading li {
849
+ text-align: center;
850
+ height: 100px;
851
+ line-height: 100px;
852
+ font-size: 20px;
853
+ color: var(--el-text-color-secondary);
854
+ }
855
+ .zjhc-autocomplete-suggestion.is-loading li::after {
856
+ display: inline-block;
857
+ content: "";
858
+ height: 100%;
859
+ vertical-align: middle;
860
+ }
861
+ .zjhc-autocomplete-suggestion.is-loading li:hover {
862
+ background-color: var(--el-bg-color-overlay);
863
+ }
864
+
865
+ .zjhc-loading-parent--relative {
866
+ position: relative !important;
867
+ }
868
+
869
+ .zjhc-loading-parent--hidden {
870
+ overflow: hidden !important;
871
+ }
872
+
873
+ .zjhc-loading-mask {
874
+ position: absolute;
875
+ z-index: 2000;
876
+ background-color: var(--el-mask-color);
877
+ margin: 0;
878
+ top: 0;
879
+ right: 0;
880
+ bottom: 0;
881
+ left: 0;
882
+ transition: opacity var(--el-transition-duration);
883
+ }
884
+ .zjhc-loading-mask.is-fullscreen {
885
+ position: fixed;
886
+ }
887
+ .zjhc-loading-mask.is-fullscreen .zjhc-loading-spinner {
888
+ margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2);
889
+ }
890
+ .zjhc-loading-mask.is-fullscreen .zjhc-loading-spinner .circular {
891
+ height: var(--el-loading-fullscreen-spinner-size);
892
+ width: var(--elloading-fullscreen-spinner-size);
893
+ }
894
+
895
+ .zjhc-loading-spinner {
896
+ top: 50%;
897
+ margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
898
+ width: 100%;
899
+ text-align: center;
900
+ position: absolute;
901
+ }
902
+ .zjhc-loading-spinner .circular {
903
+ display: inline;
904
+ height: var(--el-loading-fullscreen-spinner-size);
905
+ width: var(--el-loading-fullscreen-spinner-size);
906
+ }
907
+ .zjhc-loading-spinner .zjhc-loading-text {
908
+ color: var(--el-color-primary);
909
+ margin: 3px 0;
910
+ font-size: 14px;
911
+ }
912
+ .zjhc-loading-spinner i {
913
+ color: var(--el-color-primary);
914
+ }
915
+
916
+ .zjhc-loading-fade-enter-from,
917
+ .zjhc-loading-fade-leave-to {
918
+ opacity: 0;
919
+ }
920
+
921
+ .el-button--primary.is-plain {
922
+ --el-button-bg-color: white;
923
+ --el-button-hover-bg-color: var(--el-color-primary-light-9);
924
+ --el-button-border-color: var(--el-color-primary);
925
+ --el-button-hover-text-color: var(--el-color-primary);
926
+ --el-button-active-text-color: var(--el-color-primary);
927
+ --el-button-active-bg-color: var(--el-color-primary-light-9);
928
+ }
929
+
930
+ .el-button--success.is-plain {
931
+ --el-button-bg-color: white;
932
+ --el-button-hover-bg-color: var(--el-color-success-light-9);
933
+ --el-button-border-color: var(--el-color-success);
934
+ --el-button-hover-text-color: var(--el-color-success);
935
+ --el-button-active-text-color: var(--el-color-success);
936
+ --el-button-active-bg-color: var(--el-color-success-light-9);
937
+ }
938
+
939
+ .el-button--warning.is-plain {
940
+ --el-button-bg-color: white;
941
+ --el-button-hover-bg-color: var(--el-color-warning-light-9);
942
+ --el-button-border-color: var(--el-color-warning);
943
+ --el-button-hover-text-color: var(--el-color-warning);
944
+ --el-button-active-text-color: var(--el-color-warning);
945
+ --el-button-active-bg-color: var(--el-color-warning-light-9);
946
+ }
947
+
948
+ .el-button--danger.is-plain {
949
+ --el-button-bg-color: white;
950
+ --el-button-hover-bg-color: var(--el-color-danger-light-9);
951
+ --el-button-border-color: var(--el-color-danger);
952
+ --el-button-hover-text-color: var(--el-color-danger);
953
+ --el-button-active-text-color: var(--el-color-danger);
954
+ --el-button-active-bg-color: var(--el-color-danger-light-9);
955
+ }
956
+
957
+ .el-button--error.is-plain {
958
+ --el-button-bg-color: white;
959
+ --el-button-hover-bg-color: var(--el-color-error-light-9);
960
+ --el-button-border-color: var(--el-color-error);
961
+ --el-button-hover-text-color: var(--el-color-error);
962
+ --el-button-active-text-color: var(--el-color-error);
963
+ --el-button-active-bg-color: var(--el-color-error-light-9);
964
+ }
965
+
966
+ .el-button--info.is-plain {
967
+ --el-button-bg-color: white;
968
+ --el-button-hover-bg-color: var(--el-color-info-light-9);
969
+ --el-button-border-color: var(--el-color-info);
970
+ --el-button-hover-text-color: var(--el-color-info);
971
+ --el-button-active-text-color: var(--el-color-info);
972
+ --el-button-active-bg-color: var(--el-color-info-light-9);
973
+ }
974
+
975
+ .el-button.el-button--large {
976
+ --el-button-size: var(--el-button-height-large);
977
+ height: var(--el-button-size);
978
+ font-size: var(--el-font-size-large);
979
+ }
980
+
981
+ .el-button {
982
+ padding: 8px 15px;
983
+ height: var(--el-button--height);
984
+ font-size: var(--el-font-size-base);
985
+ }
986
+ .el-button.is-circle {
987
+ width: var(--el-button--height);
988
+ min-width: var(--el-button--height);
989
+ }
990
+ .el-button:has(.el-icon) {
991
+ padding: 6px 5.5px;
992
+ }
993
+ .el-button .el-icon {
994
+ font-size: 16px;
995
+ }
996
+
997
+ .el-button.is-link {
998
+ padding: 2px;
999
+ height: auto;
1000
+ min-width: auto;
1001
+ }
1002
+
1003
+ .el-button.is-link + .el-button.is-link {
1004
+ margin-left: 16px;
1005
+ }
1006
+
1007
+ .el-button--info {
1008
+ --el-button-bg-info: #edf6ff;
1009
+ --el-button-hover-bg-info: #e2f1ff;
1010
+ --el-button-text-color: var(--el-text-color-primary);
1011
+ --el-button-hover-text-color: var(--el-text-color-primary);
1012
+ --el-button-bg-color: var(--el-button-bg-info);
1013
+ --el-button-border-color: var(--el-button-bg-info);
1014
+ --el-button-hover-border-color: var(--el-button-hover-bg-info);
1015
+ --el-button-hover-bg-color: var(--el-button-hover-bg-info);
1016
+ --el-button-active-bg-color: var(--el-button-hover-bg-info);
1017
+ --el-button-active-border-color: var(--el-button-hover-bg-info);
1018
+ }
1019
+ .el-button--info.is-plain.el-button {
1020
+ --el-button-border-color: #cdd0d6;
1021
+ --el-button-hover-text-color: var(--el-text-color-primary);
1022
+ --el-button-active-border-color: #cdd0d6;
1023
+ --el-button-hover-bg-info: #f6f7fb;
1024
+ --el-button-hover-bg-color: #f6f7fb;
1025
+ --el-button-hover-border-color: #cdd0d6;
1026
+ }
1027
+
1028
+ .el-button.el-button--text {
1029
+ padding-top: 0;
1030
+ padding-bottom: 0;
1031
+ min-width: auto;
1032
+ height: auto;
1033
+ }
1034
+
1035
+ .el-button--text:hover {
1036
+ color: var(--el-color-primary);
1037
+ text-decoration: underline;
1038
+ }
1039
+
1040
+ .el-button--text + .el-button--text {
1041
+ margin-left: 12px;
1042
+ }
1043
+
1044
+ .el-button:focus-visible {
1045
+ outline: none;
1046
+ }
1047
+
1048
+ .el-button--text.is-disabled {
1049
+ color: var(--el-color-primary-light-5);
1050
+ }
1051
+
1052
+ .el-button--text.is-disabled:hover {
1053
+ color: var(--el-color-primary-light-5);
1054
+ }
1055
+
1056
+ html {
1057
+ --font-size-xs: 12px;
1058
+ --font-size-s: 13px;
1059
+ --font-size-base: 14px;
1060
+ --font-size-m: 15px;
1061
+ --font-size-l: 16px;
1062
+ --font-size-xl: 17px;
1063
+ --font-size-xxl: 18px;
1064
+ --font-size-xxxl: 20px;
1065
+ }
1066
+
1067
+ html:root {
1068
+ --font-size-extra-large: var(--font-size-xxxl);
1069
+ --font-size-large: var(--font-size-xxl);
1070
+ --font-size-medium: var(--font-size-l);
1071
+ --font-size-small: var(--font-size-s);
1072
+ --font-size-extra-small: var(--font-size-xs);
1073
+ --el-height-size-base: 28px;
1074
+ --el-input-height: var(--el-height-size-base);
1075
+ --el-component-size: var(--el-input-height);
1076
+ --el-button--height: var(--el-height-size-base);
1077
+ --el-checkbox-height: var(--el-height-size-base);
1078
+ --el-component-size-small: var(--el-height-size-base);
1079
+ --el-input-clear-icon: var(--font-size-l);
1080
+ --el-button-height-large: 32px;
1081
+ --el-component-size-large: 32px;
1082
+ --el-table-height: var(--font-size-xxl);
1083
+ }
1084
+
1085
+ html.zjhc-caremode {
1086
+ --font-size-xs: 14px;
1087
+ --font-size-s: 15px;
1088
+ --font-size-base: 16px;
1089
+ --font-size-m: 17px;
1090
+ --font-size-l: 18px;
1091
+ --font-size-xl: 19px;
1092
+ --font-size-xxl: 20px;
1093
+ --font-size-xxxl: 22px;
1094
+ --el-height-size-base: 32px;
1095
+ --el-button-height-large: 34px;
1096
+ --el-component-size-large: 34px;
1097
+ }
1098
+
1099
+ .el-slider__runway.show-input {
1100
+ margin-right: 20px;
1101
+ }
1102
+
1103
+ .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
1104
+ .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
1105
+ margin-right: 6px;
1106
+ }
1107
+
1108
+ .el-form-item.is-required .el-input.is-disabled .el-input__wrapper {
1109
+ background-color: var(--el-disabled-bg-color);
1110
+ }
1111
+
1112
+ .el-form-item__label {
1113
+ height: var(--el-input-height);
1114
+ line-height: var(--el-input-height);
1115
+ padding: 0 10px 0 0;
1116
+ }
1117
+
1118
+ .el-rate {
1119
+ --el-rate-fill-color: var(--el-color-warning);
1120
+ }
1121
+
1122
+ .el-form-item {
1123
+ margin-bottom: 16px;
1124
+ }
1125
+
1126
+ .el-form-item.is-required .el-select__wrapper,
1127
+ .el-form-item.is-required .el-input__wrapper,
1128
+ .el-form-item.is-required .el-textarea__inner {
1129
+ background: var(--el-form-required-bg-color);
1130
+ }
1131
+
1132
+ .el-form-item__content {
1133
+ line-height: var(--el-input-height);
1134
+ }
1135
+
1136
+ .el-calendar {
1137
+ --el-calendar-selected-bg-color:var(--el-table-check-bg);
1138
+ font-size: var(--el-font-size-base);
1139
+ color: var(--el-text-color-primary);
1140
+ }
1141
+
1142
+ .el-card {
1143
+ --el-card-border-radius: 4px;
1144
+ --el-card-padding: var(--zjhc-padding-space-m);
1145
+ font-size: var(--el-font-size-base);
1146
+ }
1147
+
1148
+ .el-collapse {
1149
+ --el-collapse-header-height: 36px;
1150
+ --el-collapse-content-font-size: var(--font-size-s);
1151
+ --el-collapse-header-font-size: var(--font-size-s);
1152
+ }
1153
+
1154
+ .el-collapse-item__content {
1155
+ padding-bottom: 12px;
1156
+ }
1157
+
1158
+ .el-empty__description {
1159
+ margin-top: 8px;
1160
+ }
1161
+
1162
+ .el-pagination {
1163
+ --el-pagination-button-width: 28px;
1164
+ --el-pagination-button-height: 28px;
1165
+ --el-pagination-item-gap: 12px;
1166
+ --el-pagination-font-size: var(--font-size-s);
1167
+ --el-pagination-border-radius: 3px;
1168
+ --el-pagination-button-width-large: 32px;
1169
+ --el-pagination-button-height-large: 32px;
1170
+ --el-pagination-button-bg-color: var(--zjhc-light-backgound-color);
1171
+ --el-pagination-button-disabled-color: rgba(102, 102, 102, 0.5);
1172
+ --el-pagination-button-disabled-bg-color: rgba(247, 248, 251, 0.5);
1173
+ }
1174
+
1175
+ .el-pagination.is-background .btn-next,
1176
+ .el-pagination.is-background .btn-prev,
1177
+ .el-pagination.is-background .el-pager li {
1178
+ margin: 0 4px;
1179
+ padding: 0 5px;
1180
+ }
1181
+
1182
+ .el-pagination .el-select {
1183
+ width: 100px;
1184
+ }
1185
+
1186
+ .el-pagination.is-background .el-pager li {
1187
+ border: 1px solid var(--el-border-color);
1188
+ --el-pagination-button-bg-color: var(--el-fill-color-blank);
1189
+ }
1190
+
1191
+ .el-pagination.is-background .el-pager li:hover {
1192
+ --el-pagination-button-bg-color: var(--zjhc-light-backgound-color);
1193
+ border: 1px solid var(--el-border-color-hover);
1194
+ color: var(--el-text-color-primary);
1195
+ }
1196
+
1197
+ .el-pagination.is-background .el-pager li.is-active {
1198
+ border: 1px solid var(--el-color-primary);
1199
+ }
1200
+
1201
+ .el-pagination.is-background .el-pager li.is-active:hover {
1202
+ color: var(--el-fill-color-blank);
1203
+ }
1204
+
1205
+ .el-pagination.is-background .btn-next,
1206
+ .el-pagination.is-background .btn-prev {
1207
+ color: var(--el-text-color-regular);
1208
+ }
1209
+
1210
+ .el-pagination.is-background .btn-next:hover,
1211
+ .el-pagination.is-background .btn-prev:hover {
1212
+ background: var(--el-pagination-button-hover-color);
1213
+ }
1214
+
1215
+ .el-pagination.is-background .btn-next.is-disabled,
1216
+ .el-pagination.is-background .btn-next:disabled,
1217
+ .el-pagination.is-background .btn-prev.is-disabled,
1218
+ .el-pagination.is-background .btn-prev:disabled,
1219
+ .el-pagination.is-background .el-pager li.is-disabled,
1220
+ .el-pagination.is-background .el-pager li:disabled {
1221
+ color: var(--el-pagination-button-disabled-color);
1222
+ background: var(--el-pagination-button-disabled-bg-color);
1223
+ }
1224
+
1225
+ .el-pagination--large {
1226
+ font-size: var(--el-font-size-large);
1227
+ }
1228
+
1229
+ .el-pagination .el-select--large {
1230
+ width: 104px;
1231
+ }
1232
+
1233
+ .el-pagination--large .el-pager li {
1234
+ font-size: var(--el-font-size-large);
1235
+ }
1236
+
1237
+ .el-select__wrapper {
1238
+ font-size: var(--font-size-base);
1239
+ line-height: var(--el-input-height);
1240
+ min-height: var(--el-input-height);
1241
+ padding: 4px 10px;
1242
+ }
1243
+
1244
+ .el-select--large .el-select__wrapper {
1245
+ min-height: var(--el-button-height-large);
1246
+ font-size: var(--el-font-size-large);
1247
+ }
1248
+
1249
+ .el-select {
1250
+ --el-select-input-font-size: var(--font-size-base);
1251
+ }
1252
+ .el-select .el-select__clear {
1253
+ font-size: var(--el-input-clear-icon);
1254
+ }
1255
+ .el-select .el-input__prefix-icon {
1256
+ font-size: var(--el-input-clear-icon);
1257
+ }
1258
+
1259
+ .el-select-dropdown__item {
1260
+ height: var(--el-input-height);
1261
+ line-height: var(--el-input-height);
1262
+ padding: 0 10px;
1263
+ font-size: var(--font-size-base);
1264
+ }
1265
+
1266
+ .el-select__selection.is-near {
1267
+ margin-left: -3px;
1268
+ }
1269
+
1270
+ .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
1271
+ width: 16px;
1272
+ height: 16px;
1273
+ right: 12px;
1274
+ }
1275
+
1276
+ .el-select__suffix .el-icon {
1277
+ font-size: var(--el-input-clear-icon);
1278
+ }
1279
+
1280
+ .el-select-dropdown__item.is-selected {
1281
+ background: var(--el-primary-opactiy01);
1282
+ font-weight: normal;
1283
+ }
1284
+
1285
+ .el-select__popper.el-popper {
1286
+ box-shadow: none;
1287
+ }
1288
+
1289
+ .el-select__input {
1290
+ height: 20px;
1291
+ }
1292
+
1293
+ .el-tag {
1294
+ --el-tag-border-radius: var(--el-border-radius-base);
1295
+ --el-tag-height-large: 24px;
1296
+ --el-tag-font-size: var(--el-font-size-base);
1297
+ height: var(--el-tag-height);
1298
+ padding: 0 4px;
1299
+ }
1300
+ .el-tag .el-tag__close {
1301
+ margin-left: 8px;
1302
+ }
1303
+
1304
+ .el-tag--large {
1305
+ height: var(--el-tag-height-large);
1306
+ font-size: var(--font-size-base);
1307
+ }
1308
+
1309
+ .el-check-tag {
1310
+ height: var(--el-tag-height);
1311
+ line-height: var(--el-tag-height);
1312
+ padding: 0 4px;
1313
+ font-weight: normal;
1314
+ }
1315
+
1316
+ .el-tag--plain,
1317
+ .el-tag--plain.el-tag--primary {
1318
+ --el-tag-bg-color: transparent;
1319
+ }
1320
+
1321
+ .el-timeline-item__node:before {
1322
+ content: "";
1323
+ width: calc(var(--el-timeline-node-size-normal) + 6px);
1324
+ height: calc(var(--el-timeline-node-size-normal) + 6px);
1325
+ border: 3px solid #fff;
1326
+ background: transparent;
1327
+ border-radius: 50%;
1328
+ position: absolute;
1329
+ top: 50%;
1330
+ left: 50%;
1331
+ transform: translate(-50%, -50%);
1332
+ }
1333
+
1334
+ .el-timeline-item__node--large:before {
1335
+ width: calc(var(--el-timeline-node-size-large) + 6px);
1336
+ height: calc(var(--el-timeline-node-size-large) + 6px);
1337
+ }
1338
+
1339
+ .el-tree {
1340
+ --el-tree-node-content-height: var(--el-height-size-base);
1341
+ }
1342
+
1343
+ .el-tree .custom-tree-node {
1344
+ font-size: var(--el-font-size-base);
1345
+ }
1346
+
1347
+ .el-segmented {
1348
+ min-height: var(--el-height-size-base);
1349
+ font-size: var(--el-font-size-base);
1350
+ padding: 0;
1351
+ }
1352
+
1353
+ .el-segmented--large {
1354
+ min-height: var(--el-button-height-large);
1355
+ font-size: var(--el-font-size-large);
1356
+ }
1357
+
1358
+ .el-segmented--large .el-segmented__item,
1359
+ .el-segmented__item,
1360
+ .el-segmented__item-selected,
1361
+ .el-segmented--large .el-segmented__item-selected,
1362
+ .el-segmented--small .el-segmented__item,
1363
+ .el-segmented--small .el-segmented__item-selected {
1364
+ border-radius: var(--el-border-radius-base);
1365
+ }
1366
+
1367
+ .el-anchor {
1368
+ --el-anchor-line-height: 20px;
1369
+ --el-anchor-font-size:var(--el-font-size-base);
1370
+ }
1371
+
1372
+ .el-anchor.el-anchor--vertical .el-anchor__marker {
1373
+ width: 3px;
1374
+ }
1375
+
1376
+ .el-anchor__marker {
1377
+ border-radius: 0;
1378
+ }
1379
+
1380
+ .el-backtop {
1381
+ box-shadow: none;
1382
+ border: 1px solid var(--el-border-color);
1383
+ --el-backtop-hover-bg-color: var(--el-color-primary);
1384
+ }
1385
+
1386
+ .el-backtop:hover {
1387
+ --el-backtop-text-color: #fff;
1388
+ }
1389
+
1390
+ .el-breadcrumb {
1391
+ font-size: var(--el-font-size-base);
1392
+ }
1393
+
1394
+ .el-dropdown .el-dropdown__caret-button {
1395
+ width: var(--el-height-size-base);
1396
+ min-width: auto;
1397
+ }
1398
+
1399
+ .el-dropdown-menu__item {
1400
+ padding: 3px 10px;
1401
+ }
1402
+
1403
+ .el-dropdown-menu__item:not(.is-disabled):focus,
1404
+ .el-dropdown-menu__item:not(.is-disabled):hover {
1405
+ background-color: var(--el-fill-color-light);
1406
+ color: var(--el-text-color-regular);
1407
+ }
1408
+
1409
+ .el-dropdown__popper.el-popper {
1410
+ box-shadow: none;
1411
+ }
1412
+
1413
+ .el-step__icon {
1414
+ --el-step-icon-height: 24px;
1415
+ width: var(--el-step-icon-height);
1416
+ height: var(--el-step-icon-height);
1417
+ position: relative;
1418
+ }
1419
+
1420
+ .el-step__icon.is-text:before {
1421
+ content: "";
1422
+ width: calc(var(--el-step-icon-height) + 6px);
1423
+ height: calc(var(--el-step-icon-height) + 6px);
1424
+ position: absolute;
1425
+ left: 50%;
1426
+ top: 50%;
1427
+ transform: translate(-50%, -50%);
1428
+ border: 3px solid #fff;
1429
+ display: block;
1430
+ border-radius: 50%;
1431
+ }
1432
+
1433
+ .el-step.is-simple .el-step__icon:before {
1434
+ display: none;
1435
+ }
1436
+
1437
+ .el-step__head.is-process {
1438
+ color: var(--el-color-primary);
1439
+ border-color: var(--el-color-primary);
1440
+ }
1441
+
1442
+ .el-step__title.is-process {
1443
+ color: var(--el-color-primary);
1444
+ }
1445
+
1446
+ .el-step.is-horizontal .el-step__line {
1447
+ height: 1px;
1448
+ top: 13px;
1449
+ }
1450
+
1451
+ .el-step__title {
1452
+ font-size: var(--font-size-l);
1453
+ line-height: 30px;
1454
+ }
1455
+
1456
+ .el-step.is-vertical .el-step__line {
1457
+ width: 1px;
1458
+ left: 11px;
1459
+ }
1460
+
1461
+ .el-tabs {
1462
+ --el-tab-items-text: var(--font-size-base);
1463
+ }
1464
+
1465
+ .el-tabs__nav-wrap:after {
1466
+ height: 1px;
1467
+ }
1468
+
1469
+ .el-tabs__item {
1470
+ line-height: 40px;
1471
+ font-size: var(--el-tab-items-text);
1472
+ padding: 0 15px;
1473
+ }
1474
+
1475
+ .el-tabs__item.is-active {
1476
+ font-weight: bold;
1477
+ }
1478
+
1479
+ .el-table {
1480
+ --el-table-header-bg-color: #f1f2f7;
1481
+ --el-table-header-text-color: var(--el-text-color-regular);
1482
+ --el-table-text-color: var(--el-text-color-regular);
1483
+ }
1484
+
1485
+ .el-table .el-table__cell {
1486
+ padding: 7px 0;
1487
+ }
1488
+
1489
+ .el-table .cell {
1490
+ line-height: var(--el-table-height);
1491
+ }
1492
+
1493
+ .el-table {
1494
+ line-height: 18px;
1495
+ font-size: var(--el-font-size-base);
1496
+ }
1497
+
1498
+ .custom-tabs-label .el-icon {
1499
+ font-size: 15px;
1500
+ }
1501
+
1502
+ .el-table .sort-caret.ascending {
1503
+ top: -4px;
1504
+ }
1505
+
1506
+ .el-table__header-wrapper .el-table-column--selection > .cell,
1507
+ .el-table__body-wrapper .el-table-column--selection > .cell {
1508
+ height: var(--el-table-height);
1509
+ vertical-align: inherit;
1510
+ }
1511
+
1512
+ .el-table__body-wrapper .el-radio,
1513
+ .el-table__header-wrapper .el-radio {
1514
+ height: unset;
1515
+ vertical-align: middle;
1516
+ }
1517
+ .el-table__body-wrapper .el-radio .el-radio__label,
1518
+ .el-table__header-wrapper .el-radio .el-radio__label {
1519
+ display: none;
1520
+ }
1521
+
1522
+ .el-table__row.is-selected .el-table__cell {
1523
+ background-color: var(--el-table-selected-bg) !important;
1524
+ }
1525
+
1526
+ .el-table__body-wrapper tbody {
1527
+ outline: none;
1528
+ }
1529
+
1530
+ .el-descriptions {
1531
+ --el-descriptions-item-bordered-label-background: #f1f2f7;
1532
+ }
1533
+
1534
+ .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
1535
+ padding: 0 11px;
1536
+ height: var(--el-height-size-base);
1537
+ line-height: var(--el-height-size-base);
1538
+ }
1539
+
1540
+ .el-descriptions__label.el-descriptions__cell.is-bordered-label {
1541
+ font-weight: normal;
1542
+ }
1543
+
1544
+ .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
1545
+ font-size: var(--el-font-size-base);
1546
+ }
1547
+
1548
+ .el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
1549
+ padding: 2px 15px;
1550
+ }
1551
+
1552
+ .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
1553
+ font-size: var(--el-font-size-large);
1554
+ }
1555
+
1556
+ .el-message-box {
1557
+ --el-messagebox-padding-primary: 28px;
1558
+ --el-message-close-size: var(--font-size-xxl);
1559
+ --el-messagebox-font-size: var(--font-size-xxl);
1560
+ --el-font-line-height-primary: 30px;
1561
+ --el-messagebox-error-font-size: var(--el-font-size-base);
1562
+ --el-messagebox-border-radius: var(--zjhc-border-radius-middle);
1563
+ --el-messagebox-header-top: var(--zjhc-padding-space-l);
1564
+ --el-messagebox-header-bottom: var(--zjhc-padding-space-m);
1565
+ padding-top: var(--el-messagebox-header-top);
1566
+ }
1567
+
1568
+ .el-message-box__header {
1569
+ padding-bottom: var(--el-messagebox-header-bottom);
1570
+ }
1571
+
1572
+ .el-message-box__headerbtn {
1573
+ top: 10px;
1574
+ right: 10px;
1575
+ }
1576
+
1577
+ .el-message-box__status {
1578
+ font-size: 28px;
1579
+ }
1580
+
1581
+ .el-message-box__title {
1582
+ font-weight: 700;
1583
+ }
1584
+
1585
+ .el-message-box__headerbtn:focus .el-message-box__close,
1586
+ .el-message-box__headerbtn:hover .el-message-box__close {
1587
+ color: #333;
1588
+ }
1589
+
1590
+ .el-message-box::before {
1591
+ content: "";
1592
+ height: 1px;
1593
+ position: absolute;
1594
+ left: 0;
1595
+ right: 0;
1596
+ top: 64px;
1597
+ background-color: var(--el-dialog-header-divider-color);
1598
+ }
1599
+
1600
+ .el-message-box__headerbtn .el-message-box__close {
1601
+ width: 32px;
1602
+ height: 32px;
1603
+ border-radius: 50%;
1604
+ background: var(--el-dialog-header-button-bg-color);
1605
+ font-size: 16px;
1606
+ color: var(--el-text-color-placeholder);
1607
+ }
1608
+
1609
+ .el-message-box__headerbtn .el-message-box__close:hover {
1610
+ background: var(--el-dialog-header-button-bg-hover-color);
1611
+ }
1612
+
1613
+ .el-message-box__content {
1614
+ padding-top: 30px;
1615
+ padding-bottom: var(--zjhc-padding-space-l);
1616
+ font-size: var(--font-size-m);
1617
+ }
1618
+
1619
+ .el-popover {
1620
+ --el-popover-padding: 15px;
1621
+ --el-popover-title-font-size: var(--font-size-l);
1622
+ }
1623
+
1624
+ .el-popover.el-popper {
1625
+ --el-popper-border-radius: var(--el-border-radius-base);
1626
+ box-shadow: none;
1627
+ }
1628
+ .el-popover.el-popper .el-popconfirm .el-button {
1629
+ min-width: auto;
1630
+ }
1631
+
1632
+ .el-popper.is-dark,
1633
+ .el-popper.is-dark > .el-popper__arrow::before {
1634
+ --el-text-color-primary: #1c4970;
1635
+ border-radius: var(--el-border-radius-base);
1636
+ }
1637
+
1638
+ .el-popper.is-light,
1639
+ .el-popper.is-light > .el-popper__arrow:before {
1640
+ border: 1px solid var(--el-border-color);
1641
+ }
1642
+
1643
+ .el-popper {
1644
+ outline: none;
1645
+ }
1646
+
1647
+ .el-tour {
1648
+ --el-tour-padding-primary: 20px;
1649
+ --el-tour-font-size: var(--font-size-base);
1650
+ --el-tour-title-font-size: var(--font-size-l);
1651
+ }
1652
+
1653
+ .el-tour__closebtn {
1654
+ top: 8px;
1655
+ right: 6px;
1656
+ }
1657
+
1658
+ .el-table-v2 {
1659
+ --el-table-header-bg-color: #f1f2f7;
1660
+ --el-table-header-text-color: var(--el-text-color-regular);
1661
+ --el-table-text-color: var(--el-text-color-regular);
1662
+ font-size: var(--el-font-size-base);
1663
+ color: var(--el-table-text-color);
1664
+ }
1665
+ .el-table-v2 .el-table-v2__cell {
1666
+ padding: 7px 0;
1667
+ }
1668
+ .el-table-v2 .custom-tabs-label .el-icon {
1669
+ font-size: 15px;
1670
+ }
1671
+ .el-table-v2 .sort-caret.ascending {
1672
+ top: -4px;
1673
+ }
1674
+
1675
+ .el-alert {
1676
+ --el-alert-padding: 8px 20px;
1677
+ --el-alert-icon-size: var(--font-size-xxl);
1678
+ --el-alert-close-font-size: var(--font-size-xxl);
1679
+ --el-alert-description-font-size: var(--font-size-base);
1680
+ --el-alert-close-customed-font-size: var(--font-size-base);
1681
+ --el-alert-title-font-size: var(--font-size-base);
1682
+ --el-alert-title-with-description-font-size: var(--font-size-l);
1683
+ }
1684
+
1685
+ .el-alert--info.is-light {
1686
+ background-color: #eaf5ff;
1687
+ color: var(--el-color-primary);
1688
+ }
1689
+
1690
+ .el-alert--info.is-dark {
1691
+ background-color: var(--el-color-primary);
1692
+ }
1693
+
1694
+ .el-dialog {
1695
+ --el-dialog-title-font-size: var(--font-size-xxl);
1696
+ --el-dialog-border-radius: var(--zjhc-border-radius-middle);
1697
+ --el-dialog-padding-primary: 28px;
1698
+ --el-dialog-header-bottom: 15px;
1699
+ --el-dialog-header-top: var(--zjhc-padding-space-l);
1700
+ --el-dialog-content-font-size: var(--font-size-base);
1701
+ --el-font-line-height-primary: 30px;
1702
+ pointer-events: auto;
1703
+ max-width: 100%;
1704
+ padding-top: var(--el-dialog-header-top);
1705
+ }
1706
+
1707
+ .el-dialog::before {
1708
+ content: "";
1709
+ height: 1px;
1710
+ position: absolute;
1711
+ left: 0;
1712
+ right: 0;
1713
+ top: 64px;
1714
+ background-color: var(--el-dialog-header-divider-color);
1715
+ }
1716
+
1717
+ .el-dialog.is-draggable {
1718
+ position: fixed;
1719
+ }
1720
+
1721
+ .el-dialog.is-resizable {
1722
+ --el-message-close-size: 30px;
1723
+ height: var(--el-dialog-height);
1724
+ max-height: 100%;
1725
+ overflow: hidden;
1726
+ display: flex;
1727
+ flex-direction: column;
1728
+ border: 1px solid var(--el-border-color);
1729
+ }
1730
+
1731
+ .el-dialog__header {
1732
+ padding-bottom: var(--el-dialog-header-bottom);
1733
+ }
1734
+
1735
+ .el-dialog.is-resizable .el-dialog__header {
1736
+ padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px) * 3);
1737
+ }
1738
+
1739
+ .el-dialog.is-resizable .el-dialog__header.show-close {
1740
+ padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px) * 4);
1741
+ }
1742
+
1743
+ .el-dialog.is-resizable .el-dialog__body {
1744
+ flex: 1;
1745
+ overflow: hidden;
1746
+ }
1747
+
1748
+ .el-dialog__headerbtn {
1749
+ font-size: var(--font-size-xxxl);
1750
+ }
1751
+
1752
+ .el-dialog__title {
1753
+ font-weight: bold;
1754
+ }
1755
+
1756
+ .el-dialog.is-resizable .el-dialog__title {
1757
+ overflow: hidden;
1758
+ white-space: nowrap;
1759
+ text-overflow: ellipsis;
1760
+ display: block;
1761
+ }
1762
+
1763
+ .el-dialog__headerbtn .el-dialog__minus,
1764
+ .el-dialog__headerbtn .el-dialog__close {
1765
+ width: 32px;
1766
+ height: 32px;
1767
+ border-radius: 50%;
1768
+ background: var(--el-dialog-header-button-bg-color);
1769
+ font-size: 16px;
1770
+ color: var(--el-text-color-placeholder);
1771
+ }
1772
+
1773
+ .el-dialog__headerbtn:focus .el-dialog__close,
1774
+ .el-dialog__headerbtn:hover .el-dialog__close {
1775
+ color: var(--el-text-color-primary) !important;
1776
+ background: var(--el-dialog-header-button-bg-hover-color);
1777
+ }
1778
+
1779
+ .el-dialog .el-dialog__button {
1780
+ width: 32px;
1781
+ height: 32px;
1782
+ border-radius: 50%;
1783
+ background: var(--el-dialog-header-button-bg-color);
1784
+ font-size: 16px;
1785
+ cursor: pointer;
1786
+ color: var(--el-text-color-placeholder);
1787
+ }
1788
+
1789
+ .el-dialog .el-dialog__button:hover {
1790
+ background: var(--el-dialog-header-button-bg-hover-color);
1791
+ }
1792
+
1793
+ .el-dialog.is-resizable .el-dialog__headerbtns {
1794
+ position: absolute;
1795
+ height: 36px;
1796
+ right: 18px;
1797
+ top: 18px;
1798
+ display: flex;
1799
+ align-items: center;
1800
+ }
1801
+
1802
+ .el-dialog.is-resizable .el-dialog__headerbtn {
1803
+ position: static;
1804
+ width: 36px;
1805
+ height: 36px;
1806
+ }
1807
+
1808
+ .el-dialog .el-dialog__headerbtn {
1809
+ right: 7px;
1810
+ top: 12px;
1811
+ margin-left: var(--zjhc-margin-space-l);
1812
+ }
1813
+
1814
+ .el-dialog.is-fullscreen {
1815
+ margin: 0;
1816
+ --el-dialog-height: 100% !important;
1817
+ --el-dialog-width: 100% !important;
1818
+ }
1819
+
1820
+ .el-dialog.is-minus {
1821
+ width: 200px;
1822
+ height: 56px;
1823
+ left: 0;
1824
+ top: 0;
1825
+ position: absolute;
1826
+ margin: 0;
1827
+ --el-dialog-padding-primary: 12px;
1828
+ --el-dialog-header-top: 12px;
1829
+ --el-dialog-header-bottom: 0;
1830
+ }
1831
+
1832
+ .el-dialog.is-minus .el-dialog__header .el-input {
1833
+ display: none;
1834
+ }
1835
+
1836
+ .el-dialog.is-minus .el-dialog__header.show-close {
1837
+ padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px) * 3);
1838
+ }
1839
+
1840
+ .el-dialog.is-resizable.is-minus .el-dialog__headerbtns {
1841
+ top: 7px;
1842
+ }
1843
+
1844
+ .el-dialog.is-minus .el-dialog__body,
1845
+ .el-dialog.is-minus .el-dialog__footer {
1846
+ display: none;
1847
+ }
1848
+
1849
+ .el-dialog__body {
1850
+ padding-top: var(--zjhc-padding-space-l);
1851
+ }
1852
+
1853
+ .el-drawer__close-btn:focus i,
1854
+ .el-drawer__close-btn:hover i {
1855
+ color: var(--el-text-color-primary);
1856
+ }
1857
+
1858
+ .el-message--info {
1859
+ --el-message-bg-color: var(--el-color-primary-light-9);
1860
+ --el-message-border-color: var(--el-color-primary-light-8);
1861
+ --el-message-text-color: var(--el-color-primary);
1862
+ --el-message-padding: 8px 15px;
1863
+ }
1864
+
1865
+ .el-message {
1866
+ --el-message-close-size: var(--font-size-xxl);
1867
+ }
1868
+
1869
+ .el-message__icon {
1870
+ font-size: var(--font-size-xxl);
1871
+ }
1872
+
1873
+ .el-main {
1874
+ --el-main-padding: 0;
1875
+ }
1876
+
1877
+ .el-notification {
1878
+ --el-notification-title-font-size: var(--font-size-l);
1879
+ --el-notification-group-margin-left: 8px;
1880
+ }
1881
+
1882
+ .el-picker-panel {
1883
+ line-height: var(--el-input-height);
1884
+ }
1885
+
1886
+ .el-date-range-picker {
1887
+ --el-datepicker-inner-border-color: var(--el-border-color);
1888
+ }
1889
+
1890
+ .el-date-picker__time-header,
1891
+ .el-date-range-picker__time-header {
1892
+ padding: 8px 5px 8px;
1893
+ }
1894
+
1895
+ .el-date-picker__header {
1896
+ padding: 12px 20px 0;
1897
+ }
1898
+
1899
+ .el-date-picker__header div,
1900
+ .el-date-range-picker__header div {
1901
+ font-size: var(--el-font-size-title);
1902
+ }
1903
+ .el-date-picker__header .el-date-picker__header-label,
1904
+ .el-date-range-picker__header .el-date-picker__header-label {
1905
+ font-size: var(--el-font-size-title);
1906
+ }
1907
+ .el-date-picker__header .el-picker-panel__icon-btn,
1908
+ .el-date-range-picker__header .el-picker-panel__icon-btn {
1909
+ margin-top: 4px;
1910
+ font-size: var(--el-input-clear-icon);
1911
+ }
1912
+
1913
+ .el-picker__popper .el-picker-panel__shortcut {
1914
+ padding: 0 10px;
1915
+ }
1916
+
1917
+ .el-picker__popper .el-time-spinner__item {
1918
+ font-size: var(--el-font-size-base);
1919
+ }
1920
+ .el-picker__popper .el-time-panel__footer {
1921
+ padding: 10px;
1922
+ height: auto;
1923
+ line-height: normal;
1924
+ }
1925
+ .el-picker__popper .el-time-panel__btn {
1926
+ font-size: var(--el-font-size-base);
1927
+ margin: 0;
1928
+ }
1929
+ .el-picker__popper .el-time-panel__btn + .el-time-panel__btn {
1930
+ margin-left: 20px;
1931
+ margin-right: 5px;
1932
+ }
1933
+
1934
+ .el-picker__popper .el-month-table,
1935
+ .el-picker__popper .el-year-table {
1936
+ font-size: var(--el-font-size-base);
1937
+ }
1938
+
1939
+ .el-color-picker__trigger {
1940
+ height: var(--el-input-height);
1941
+ width: var(--el-input-height);
1942
+ }
1943
+
1944
+ .el-picker-panel__content {
1945
+ margin-top: 5px;
1946
+ }
1947
+
1948
+ .el-date-range-picker .el-picker-panel__content {
1949
+ margin-top: 0px;
1950
+ }
1951
+
1952
+ .el-color-picker__panel {
1953
+ box-shadow: none;
1954
+ }
1955
+
1956
+ .el-color-picker__panel.el-popper {
1957
+ padding: 10px;
1958
+ }
1959
+ .el-color-picker__panel.el-popper .el-color-dropdown__btns {
1960
+ margin-top: 6px;
1961
+ }
1962
+ .el-color-picker__panel.el-popper .el-button {
1963
+ min-width: auto;
1964
+ }
1965
+ .el-color-picker__panel.el-popper .el-button + .el-button {
1966
+ margin-left: 10px;
1967
+ }
1968
+
1969
+ .el-picker__popper.el-popper {
1970
+ box-shadow: none;
1971
+ }
1972
+
1973
+ .el-switch--large .el-switch__label * {
1974
+ font-size: var(--el-font-size-large);
1975
+ }
1976
+
1977
+ .el-switch__label * {
1978
+ font-size: var(--el-font-size-base);
1979
+ }
1980
+
1981
+ .el-switch__label,
1982
+ .el-switch__core .el-switch__inner .is-icon,
1983
+ .el-switch__core .el-switch__inner .is-text {
1984
+ font-size: var(--el-font-size-base);
1985
+ }
1986
+
1987
+ .el-input__inner {
1988
+ --el-input-inner-height: var(--el-input-height);
1989
+ }
1990
+
1991
+ .el-input {
1992
+ --el-input-text-color: #333;
1993
+ height: var(--el-input-height);
1994
+ }
1995
+
1996
+ .el-textarea__inner {
1997
+ padding: 5px 10px;
1998
+ }
1999
+
2000
+ .el-input .el-button:has(.el-icon) {
2001
+ min-width: auto;
2002
+ padding: 6px 15px;
2003
+ }
2004
+ .el-input .el-input-group__append,
2005
+ .el-input .el-input-group__prepend,
2006
+ .el-input .el-input-group__append .el-button {
2007
+ padding: 0 15px;
2008
+ }
2009
+ .el-input .el-input-group__append .el-select,
2010
+ .el-input .el-input-group__append .el-button,
2011
+ .el-input .el-input-group__prepend .el-select,
2012
+ .el-input .el-input-group__prepend .el-button {
2013
+ margin: 0 -15px;
2014
+ }
2015
+
2016
+ .el-input-group__append .el-button {
2017
+ font-size: var(--font-size-l);
2018
+ }
2019
+
2020
+ .el-input__wrapper {
2021
+ padding: 0 10px;
2022
+ }
2023
+
2024
+ .el-input--large .el-input__wrapper {
2025
+ height: var(--el-button-height-large);
2026
+ }
2027
+
2028
+ .el-input--small .el-input__inner {
2029
+ height: var(--el-input-height);
2030
+ }
2031
+ .el-input--small .el-input__wrapper {
2032
+ padding: 0 7px;
2033
+ }
2034
+
2035
+ .el-input .el-icon {
2036
+ font-size: var(--el-input-clear-icon);
2037
+ }
2038
+
2039
+ .el-mention-dropdown__item {
2040
+ padding: 0 15px;
2041
+ }
2042
+
2043
+ .el-mention__popper.el-popper {
2044
+ box-shadow: none;
2045
+ }
2046
+
2047
+ .el-mention-dropdown {
2048
+ --el-mention-option-height: var(--el-input-height);
2049
+ }
2050
+
2051
+ .el-date-editor .el-icon {
2052
+ font-size: var(--el-input-clear-icon);
2053
+ }
2054
+
2055
+ .el-date-editor.el-input,
2056
+ .el-date-editor.el-input__wrapper {
2057
+ height: var(--el-input-height);
2058
+ }
2059
+
2060
+ .el-date-table {
2061
+ font-size: var(--el-font-size-base);
2062
+ }
2063
+
2064
+ .el-date-editor .el-range-input {
2065
+ height: var(--el-input-height);
2066
+ line-height: var(--el-input-height);
2067
+ }
2068
+
2069
+ .el-input-number.is-controls-right[class*=large] [class*=increase],
2070
+ .el-input-number.is-controls-right[class*=large] [class*=decrease] {
2071
+ --el-input-number-controls-height: var(--el-input-clear-icon);
2072
+ }
2073
+
2074
+ .el-input-number.is-controls-right .el-input-number__increase,
2075
+ .el-input-number.is-controls-right .el-input-number__decrease {
2076
+ --el-input-number-controls-height: var(--el-font-size-title);
2077
+ }
2078
+
2079
+ .el-autocomplete-suggestion {
2080
+ padding: 6px 0;
2081
+ }
2082
+
2083
+ .el-autocomplete-suggestion li {
2084
+ padding: 0 10px;
2085
+ line-height: var(--el-input-height);
2086
+ }
2087
+
2088
+ .el-autocomplete__popper.el-popper {
2089
+ box-shadow: none;
2090
+ }
2091
+
2092
+ .el-checkbox .el-checkbox__label {
2093
+ font-size: var(--el-font-size-base);
2094
+ }
2095
+
2096
+ .el-checkbox {
2097
+ --el-checkbox-font-size: var(--el-font-size-base);
2098
+ }
2099
+ .el-checkbox .el-checkbox__inner::after {
2100
+ border-right-width: 1.6px;
2101
+ border-bottom-width: 1.6px;
2102
+ }
2103
+
2104
+ .el-checkbox-button.el-checkbox-button--large .el-checkbox-button__inner,
2105
+ .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
2106
+ font-size: var(--el-font-size-large);
2107
+ padding: 8px 19px;
2108
+ }
2109
+
2110
+ .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
2111
+ padding: 8px;
2112
+ }
2113
+
2114
+ .el-checkbox.el-checkbox--large {
2115
+ height: var(--el-button-height-large);
2116
+ }
2117
+
2118
+ .el-checkbox-button .el-checkbox-button__inner {
2119
+ font-size: var(--el-font-size-base);
2120
+ padding: 7px 15px;
2121
+ }
2122
+
2123
+ .el-checkbox.is-bordered.el-checkbox--large {
2124
+ padding: 0 8px 0 11px;
2125
+ }
2126
+
2127
+ .el-checkbox.el-checkbox--large .el-checkbox__inner,
2128
+ .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
2129
+ width: var(--el-input-clear-icon);
2130
+ height: var(--el-input-clear-icon);
2131
+ }
2132
+ .el-checkbox.el-checkbox--large .el-checkbox__inner::after,
2133
+ .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner::after {
2134
+ height: 8px;
2135
+ left: 5px;
2136
+ }
2137
+ .el-checkbox.el-checkbox--large .el-checkbox__label,
2138
+ .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
2139
+ font-size: var(--el-font-size-large);
2140
+ }
2141
+
2142
+ .el-checkbox {
2143
+ margin-right: 24px;
2144
+ height: var(--el-input-height);
2145
+ }
2146
+
2147
+ .el-checkbox .el-checkbox__inner::after {
2148
+ border-right-width: 1.6px;
2149
+ border-bottom-width: 1.6px;
2150
+ }
2151
+
2152
+ .el-radio__label {
2153
+ font-size: var(--el-font-size-base);
2154
+ }
2155
+
2156
+ .el-radio-button.el-radio-button--large .el-radio-button__inner {
2157
+ font-size: var(--el-font-size-large);
2158
+ padding: 8px 19px;
2159
+ }
2160
+
2161
+ .el-radio.is-bordered.el-radio-large .el-radio__label {
2162
+ padding: 8px;
2163
+ }
2164
+
2165
+ .el-radio.el-radio--large {
2166
+ height: var(--el-button-height-large);
2167
+ }
2168
+
2169
+ .el-radio-button .el-radio-button__inner {
2170
+ font-size: var(--el-font-size-base);
2171
+ padding: 7px 15px;
2172
+ }
2173
+
2174
+ .el-radio.is-bordered.el-radio--large {
2175
+ padding: 0 8px 0 11px;
2176
+ }
2177
+
2178
+ .el-radio__inner::after {
2179
+ height: 5px;
2180
+ width: 5px;
2181
+ }
2182
+
2183
+ .el-radio.el-radio--large .el-radio__inner,
2184
+ .el-radio.is-bordered.el-radio--large .el-radio__inner {
2185
+ width: var(--el-input-clear-icon);
2186
+ height: var(--el-input-clear-icon);
2187
+ }
2188
+ .el-radio.el-radio--large .el-radio__inner::after,
2189
+ .el-radio.is-bordered.el-radio--large .el-radio__inner::after {
2190
+ height: 6px;
2191
+ width: 6px;
2192
+ }
2193
+ .el-radio.el-radio--large .el-radio__label,
2194
+ .el-radio.is-bordered.el-radio--large .el-radio__label {
2195
+ font-size: var(--el-font-size-large);
2196
+ }
2197
+
2198
+ .el-radio.el-radio--large .el-radio__label {
2199
+ font-size: var(--el-font-size-large);
2200
+ }
2201
+
2202
+ .el-radio {
2203
+ margin-right: 24px;
2204
+ }
2205
+
2206
+ .el-radio {
2207
+ height: var(--el-input-height);
2208
+ }
2209
+
2210
+ .el-link .el-icon + span {
2211
+ margin-left: 6px;
2212
+ }
2213
+ .el-link .el-icon {
2214
+ font-size: 16px;
2215
+ }
2216
+ .el-link.is-underline::after {
2217
+ display: none;
2218
+ }
2219
+ .el-link.is-underline:hover {
2220
+ text-decoration: underline;
2221
+ text-decoration-color: var(--el-link-hover-text-color);
2222
+ }
2223
+
2224
+ .el-link + .el-link {
2225
+ margin-left: 20px;
2226
+ }
2227
+
2228
+ .el-cascader-node__label {
2229
+ padding: 0 10px;
2230
+ }
2231
+
2232
+ .el-cascader-node .el-cascader-node__prefix {
2233
+ font-size: var(--el-input-clear-icon);
2234
+ left: 8px;
2235
+ }
2236
+
2237
+ .el-cascader__dropdown.el-popper {
2238
+ box-shadow: none;
2239
+ }
2240
+
2241
+ .el-cascader .el-input {
2242
+ height: auto;
2243
+ min-height: var(--el-input-height);
2244
+ }
2245
+
2246
+ .el-cascader-node.in-active-path,
2247
+ .el-cascader-node.is-selectable.in-checked-path,
2248
+ .el-cascader-node.is-active {
2249
+ background-color: var(--el-primary-opactiy01);
2250
+ }
2251
+ .el-cascader-node.in-active-path:hover,
2252
+ .el-cascader-node.is-selectable.in-checked-path:hover,
2253
+ .el-cascader-node.is-active:hover {
2254
+ background-color: var(--el-primary-opactiy01);
2255
+ }
2256
+
2257
+ .el-upload--picture-card {
2258
+ background-color: #fff;
2259
+ }
2260
+ .el-upload--picture-card .el-icon {
2261
+ color: inherit;
2262
+ }
2263
+
2264
+ .el-overlay {
2265
+ --el-overlay-color-lighter: rgba(0, 0, 0, 0.25);
2266
+ }
2267
+
2268
+ .el-page-header__content {
2269
+ font-size: var(--font-size-m);
2270
+ }
2271
+
2272
+ html.zjhc-greymode {
2273
+ filter: grayscale(100%);
2274
+ }
2275
+
2276
+ :root {
2277
+ --zjhc-margin-space-xs: 4px;
2278
+ --zjhc-margin-space-s: 8px;
2279
+ --zjhc-margin-space-m: 12px;
2280
+ --zjhc-margin-space-l: 16px;
2281
+ --zjhc-margin-space-xl: 20px;
2282
+ --zjhc-margin-space-xxl: 24px;
2283
+ --zjhc-padding-space-xs: 5px;
2284
+ --zjhc-padding-space-s: 10px;
2285
+ --zjhc-padding-space-m: 15px;
2286
+ --zjhc-padding-space-l: 20px;
2287
+ --zjhc-padding-space-xl: 25px;
2288
+ --zjhc-padding-space-xxl: 30px;
2289
+ }
2290
+
2291
+ .zjhc-mb-xs {
2292
+ margin-bottom: var(--zjhc-margin-space-xs);
2293
+ }
2294
+
2295
+ .zjhc-ml-xs {
2296
+ margin-left: var(--zjhc-margin-space-xs);
2297
+ }
2298
+
2299
+ .zjhc-mr-xs {
2300
+ margin-right: var(--zjhc-margin-space-xs);
2301
+ }
2302
+
2303
+ .zjhc-mt-xs {
2304
+ margin-top: var(--zjhc-margin-space-xs);
2305
+ }
2306
+
2307
+ .zjhc-mv-xs {
2308
+ margin-top: var(--zjhc-margin-space-xs);
2309
+ margin-bottom: var(--zjhc-margin-space-xs);
2310
+ }
2311
+
2312
+ .zjhc-mh-xs {
2313
+ margin-left: var(--zjhc-margin-space-xs);
2314
+ margin-bottom: var(--zjhc-margin-space-xs);
2315
+ }
2316
+
2317
+ .zjhc-margin-xs {
2318
+ margin: var(--zjhc-margin-space-xs);
2319
+ }
2320
+
2321
+ .zjhc-mb-s {
2322
+ margin-bottom: var(--zjhc-margin-space-s);
2323
+ }
2324
+
2325
+ .zjhc-ml-s {
2326
+ margin-left: var(--zjhc-margin-space-s);
2327
+ }
2328
+
2329
+ .zjhc-mr-s {
2330
+ margin-right: var(--zjhc-margin-space-s);
2331
+ }
2332
+
2333
+ .zjhc-mt-s {
2334
+ margin-top: var(--zjhc-margin-space-s);
2335
+ }
2336
+
2337
+ .zjhc-mv-s {
2338
+ margin-top: var(--zjhc-margin-space-s);
2339
+ margin-bottom: var(--zjhc-margin-space-s);
2340
+ }
2341
+
2342
+ .zjhc-mh-s {
2343
+ margin-left: var(--zjhc-margin-space-s);
2344
+ margin-bottom: var(--zjhc-margin-space-s);
2345
+ }
2346
+
2347
+ .zjhc-margin-s {
2348
+ margin: var(--zjhc-margin-space-s);
2349
+ }
2350
+
2351
+ .zjhc-mb-m {
2352
+ margin-bottom: var(--zjhc-margin-space-m);
2353
+ }
2354
+
2355
+ .zjhc-ml-m {
2356
+ margin-left: var(--zjhc-margin-space-m);
2357
+ }
2358
+
2359
+ .zjhc-mr-m {
2360
+ margin-right: var(--zjhc-margin-space-m);
2361
+ }
2362
+
2363
+ .zjhc-mt-m {
2364
+ margin-top: var(--zjhc-margin-space-m);
2365
+ }
2366
+
2367
+ .zjhc-mv-m {
2368
+ margin-top: var(--zjhc-margin-space-m);
2369
+ margin-bottom: var(--zjhc-margin-space-m);
2370
+ }
2371
+
2372
+ .zjhc-mh-m {
2373
+ margin-left: var(--zjhc-margin-space-m);
2374
+ margin-bottom: var(--zjhc-margin-space-m);
2375
+ }
2376
+
2377
+ .zjhc-margin-m {
2378
+ margin: var(--zjhc-margin-space-m);
2379
+ }
2380
+
2381
+ .zjhc-mb-l {
2382
+ margin-bottom: var(--zjhc-margin-space-l);
2383
+ }
2384
+
2385
+ .zjhc-ml-l {
2386
+ margin-left: var(--zjhc-margin-space-l);
2387
+ }
2388
+
2389
+ .zjhc-mr-l {
2390
+ margin-right: var(--zjhc-margin-space-l);
2391
+ }
2392
+
2393
+ .zjhc-mt-l {
2394
+ margin-top: var(--zjhc-margin-space-l);
2395
+ }
2396
+
2397
+ .zjhc-mv-l {
2398
+ margin-top: var(--zjhc-margin-space-l);
2399
+ margin-bottom: var(--zjhc-margin-space-l);
2400
+ }
2401
+
2402
+ .zjhc-mh-l {
2403
+ margin-left: var(--zjhc-margin-space-l);
2404
+ margin-bottom: var(--zjhc-margin-space-l);
2405
+ }
2406
+
2407
+ .zjhc-margin-l {
2408
+ margin: var(--zjhc-margin-space-l);
2409
+ }
2410
+
2411
+ .zjhc-mb-xl {
2412
+ margin-bottom: var(--zjhc-margin-space-xl);
2413
+ }
2414
+
2415
+ .zjhc-ml-xl {
2416
+ margin-left: var(--zjhc-margin-space-xl);
2417
+ }
2418
+
2419
+ .zjhc-mr-xl {
2420
+ margin-right: var(--zjhc-margin-space-xl);
2421
+ }
2422
+
2423
+ .zjhc-mt-xl {
2424
+ margin-top: var(--zjhc-margin-space-xl);
2425
+ }
2426
+
2427
+ .zjhc-mv-xl {
2428
+ margin-top: var(--zjhc-margin-space-xl);
2429
+ margin-bottom: var(--zjhc-margin-space-xl);
2430
+ }
2431
+
2432
+ .zjhc-mh-xl {
2433
+ margin-left: var(--zjhc-margin-space-xl);
2434
+ margin-bottom: var(--zjhc-margin-space-xl);
2435
+ }
2436
+
2437
+ .zjhc-margin-xl {
2438
+ margin: var(--zjhc-margin-space-xl);
2439
+ }
2440
+
2441
+ .zjhc-mb-xxl {
2442
+ margin-bottom: var(--zjhc-margin-space-xxl);
2443
+ }
2444
+
2445
+ .zjhc-ml-xxl {
2446
+ margin-left: var(--zjhc-margin-space-xxl);
2447
+ }
2448
+
2449
+ .zjhc-mr-xxl {
2450
+ margin-right: var(--zjhc-margin-space-xxl);
2451
+ }
2452
+
2453
+ .zjhc-mt-xxl {
2454
+ margin-top: var(--zjhc-margin-space-xxl);
2455
+ }
2456
+
2457
+ .zjhc-mv-xxl {
2458
+ margin-top: var(--zjhc-margin-space-xxl);
2459
+ margin-bottom: var(--zjhc-margin-space-xxl);
2460
+ }
2461
+
2462
+ .zjhc-mh-xxl {
2463
+ margin-left: var(--zjhc-margin-space-xxl);
2464
+ margin-bottom: var(--zjhc-margin-space-xxl);
2465
+ }
2466
+
2467
+ .zjhc-margin-xxl {
2468
+ margin: var(--zjhc-margin-space-xxl);
2469
+ }
2470
+
2471
+ .zjhc-pb-xs {
2472
+ padding-bottom: var(--zjhc-padding-space-xs);
2473
+ }
2474
+
2475
+ .zjhc-pl-xs {
2476
+ padding-left: var(--zjhc-padding-space-xs);
2477
+ }
2478
+
2479
+ .zjhc-pr-xs {
2480
+ padding-right: var(--zjhc-padding-space-xs);
2481
+ }
2482
+
2483
+ .zjhc-pt-xs {
2484
+ padding-top: var(--zjhc-padding-space-xs);
2485
+ }
2486
+
2487
+ .zjhc-pv-xs {
2488
+ padding-top: var(--zjhc-padding-space-xs);
2489
+ padding-bottom: var(--zjhc-padding-space-xs);
2490
+ }
2491
+
2492
+ .zjhc-ph-xs {
2493
+ padding-left: var(--zjhc-padding-space-xs);
2494
+ padding-right: var(--zjhc-padding-space-xs);
2495
+ }
2496
+
2497
+ .zjhc-pd-xs {
2498
+ padding: var(--zjhc-padding-space-xs);
2499
+ }
2500
+
2501
+ .zjhc-pb-s {
2502
+ padding-bottom: var(--zjhc-padding-space-s);
2503
+ }
2504
+
2505
+ .zjhc-pl-s {
2506
+ padding-left: var(--zjhc-padding-space-s);
2507
+ }
2508
+
2509
+ .zjhc-pr-s {
2510
+ padding-right: var(--zjhc-padding-space-s);
2511
+ }
2512
+
2513
+ .zjhc-pt-s {
2514
+ padding-top: var(--zjhc-padding-space-s);
2515
+ }
2516
+
2517
+ .zjhc-pv-s {
2518
+ padding-top: var(--zjhc-padding-space-s);
2519
+ padding-bottom: var(--zjhc-padding-space-s);
2520
+ }
2521
+
2522
+ .zjhc-ph-s {
2523
+ padding-left: var(--zjhc-padding-space-s);
2524
+ padding-right: var(--zjhc-padding-space-s);
2525
+ }
2526
+
2527
+ .zjhc-pd-s {
2528
+ padding: var(--zjhc-padding-space-s);
2529
+ }
2530
+
2531
+ .zjhc-pb-m {
2532
+ padding-bottom: var(--zjhc-padding-space-m);
2533
+ }
2534
+
2535
+ .zjhc-pl-m {
2536
+ padding-left: var(--zjhc-padding-space-m);
2537
+ }
2538
+
2539
+ .zjhc-pr-m {
2540
+ padding-right: var(--zjhc-padding-space-m);
2541
+ }
2542
+
2543
+ .zjhc-pt-m {
2544
+ padding-top: var(--zjhc-padding-space-m);
2545
+ }
2546
+
2547
+ .zjhc-pv-m {
2548
+ padding-top: var(--zjhc-padding-space-m);
2549
+ padding-bottom: var(--zjhc-padding-space-m);
2550
+ }
2551
+
2552
+ .zjhc-ph-m {
2553
+ padding-left: var(--zjhc-padding-space-m);
2554
+ padding-right: var(--zjhc-padding-space-m);
2555
+ }
2556
+
2557
+ .zjhc-pd-m {
2558
+ padding: var(--zjhc-padding-space-m);
2559
+ }
2560
+
2561
+ .zjhc-pb-l {
2562
+ padding-bottom: var(--zjhc-padding-space-l);
2563
+ }
2564
+
2565
+ .zjhc-pl-l {
2566
+ padding-left: var(--zjhc-padding-space-l);
2567
+ }
2568
+
2569
+ .zjhc-pr-l {
2570
+ padding-right: var(--zjhc-padding-space-l);
2571
+ }
2572
+
2573
+ .zjhc-pt-l {
2574
+ padding-top: var(--zjhc-padding-space-l);
2575
+ }
2576
+
2577
+ .zjhc-pv-l {
2578
+ padding-top: var(--zjhc-padding-space-l);
2579
+ padding-bottom: var(--zjhc-padding-space-l);
2580
+ }
2581
+
2582
+ .zjhc-ph-l {
2583
+ padding-left: var(--zjhc-padding-space-l);
2584
+ padding-right: var(--zjhc-padding-space-l);
2585
+ }
2586
+
2587
+ .zjhc-pd-l {
2588
+ padding: var(--zjhc-padding-space-l);
2589
+ }
2590
+
2591
+ .zjhc-pb-xl {
2592
+ padding-bottom: var(--zjhc-padding-space-xl);
2593
+ }
2594
+
2595
+ .zjhc-pl-xl {
2596
+ padding-left: var(--zjhc-padding-space-xl);
2597
+ }
2598
+
2599
+ .zjhc-pr-xl {
2600
+ padding-right: var(--zjhc-padding-space-xl);
2601
+ }
2602
+
2603
+ .zjhc-pt-xl {
2604
+ padding-top: var(--zjhc-padding-space-xl);
2605
+ }
2606
+
2607
+ .zjhc-pv-xl {
2608
+ padding-top: var(--zjhc-padding-space-xl);
2609
+ padding-bottom: var(--zjhc-padding-space-xl);
2610
+ }
2611
+
2612
+ .zjhc-ph-xl {
2613
+ padding-left: var(--zjhc-padding-space-xl);
2614
+ padding-right: var(--zjhc-padding-space-xl);
2615
+ }
2616
+
2617
+ .zjhc-pd-xl {
2618
+ padding: var(--zjhc-padding-space-xl);
2619
+ }
2620
+
2621
+ .zjhc-pb-xxl {
2622
+ padding-bottom: var(--zjhc-padding-space-xxl);
2623
+ }
2624
+
2625
+ .zjhc-pl-xxl {
2626
+ padding-left: var(--zjhc-padding-space-xxl);
2627
+ }
2628
+
2629
+ .zjhc-pr-xxl {
2630
+ padding-right: var(--zjhc-padding-space-xxl);
2631
+ }
2632
+
2633
+ .zjhc-pt-xxl {
2634
+ padding-top: var(--zjhc-padding-space-xxl);
2635
+ }
2636
+
2637
+ .zjhc-pv-xxl {
2638
+ padding-top: var(--zjhc-padding-space-xxl);
2639
+ padding-bottom: var(--zjhc-padding-space-xxl);
2640
+ }
2641
+
2642
+ .zjhc-ph-xxl {
2643
+ padding-left: var(--zjhc-padding-space-xxl);
2644
+ padding-right: var(--zjhc-padding-space-xxl);
2645
+ }
2646
+
2647
+ .zjhc-pd-xxl {
2648
+ padding: var(--zjhc-padding-space-xxl);
2649
+ }
2650
+
2651
+ .zjhc-al {
2652
+ text-align: left;
2653
+ }
2654
+
2655
+ .zjhc-ac {
2656
+ text-align: center;
2657
+ }
2658
+
2659
+ .zjhc-ar {
2660
+ text-align: right;
2661
+ }