@bdsoft/element 1.1.13 → 1.1.15

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 (157) hide show
  1. package/index.html +13 -0
  2. package/index.js +12 -12
  3. package/package.json +19 -23
  4. package/src/App.vue +28 -0
  5. package/src/assets/css/element.scss +196 -0
  6. package/src/assets/css/layout.scss +215 -0
  7. package/src/assets/css/tailwind.scss +67 -0
  8. package/src/assets/images/banner.gif +0 -0
  9. package/src/assets/images/banner.png +0 -0
  10. package/src/assets/images/bg1.svg +22 -0
  11. package/src/assets/images/bg2.png +0 -0
  12. package/src/assets/images/ff.png +0 -0
  13. package/src/assets/images/home-file1.png +0 -0
  14. package/src/assets/images/ky.png +0 -0
  15. package/src/assets/images/menu/add.png +0 -0
  16. package/src/assets/images/menu/del.png +0 -0
  17. package/src/assets/images/menu/down.png +0 -0
  18. package/src/assets/images/menu/dr.png +0 -0
  19. package/src/assets/images/menu/edit.png +0 -0
  20. package/src/assets/images/menu/kx.png +0 -0
  21. package/src/assets/images/menu/mb.png +0 -0
  22. package/src/assets/images/menu/pz.png +0 -0
  23. package/src/assets/images/menu/save.png +0 -0
  24. package/src/assets/images/menu/sj.png +0 -0
  25. package/src/assets/images/menu/sjk.png +0 -0
  26. package/src/assets/images/menu/up.png +0 -0
  27. package/src/assets/images/po-i.png +0 -0
  28. package/src/assets/images/po1-i1.png +0 -0
  29. package/src/assets/images/po1-i2.png +0 -0
  30. package/src/assets/images/po1-i3.png +0 -0
  31. package/src/assets/images/po1-i4.png +0 -0
  32. package/src/assets/images/po1-i5.png +0 -0
  33. package/src/assets/images/po1-i6.png +0 -0
  34. package/src/assets/images/po1-i7.png +0 -0
  35. package/src/assets/images/po1-i8.png +0 -0
  36. package/src/assets/images/po2-i1.png +0 -0
  37. package/src/assets/images/po2-i2.png +0 -0
  38. package/src/assets/images/po3-i1.png +0 -0
  39. package/src/assets/images/po4-i1.png +0 -0
  40. package/src/assets/images/po5-i1.png +0 -0
  41. package/src/assets/images/po6-i1.png +0 -0
  42. package/src/assets/images/po6-i2.png +0 -0
  43. package/src/assets/images/po7-i1.png +0 -0
  44. package/src/assets/images/tj1.png +0 -0
  45. package/src/assets/images/tj2.png +0 -0
  46. package/src/assets/images/tj3.png +0 -0
  47. package/src/components/3dcloudwords/index.js +346 -0
  48. package/src/components/3dcloudwords/index.vue +99 -0
  49. package/src/components/3dcloudwords/readme.md +66 -0
  50. package/src/components/badge/index.js +167 -0
  51. package/src/components/badge/index.scss +166 -0
  52. package/src/components/badge/index.vue +98 -0
  53. package/src/components/badge/readme.md +18 -0
  54. package/src/components/basic/Finish.vue +107 -0
  55. package/src/components/basic/button.vue +19 -0
  56. package/src/components/basic/readme.md +7 -0
  57. package/src/components/button/index.vue +48 -0
  58. package/src/components/button/readme.md +62 -0
  59. package/src/components/carousel/index.vue +104 -0
  60. package/src/components/carousel/readme.md +12 -0
  61. package/src/components/chartconfig/index.vue +141 -0
  62. package/src/components/chartconfig/readme.md +25 -0
  63. package/src/components/contextMenu/hookContxtMenu.js +41 -0
  64. package/src/components/contextMenu/index.vue +245 -0
  65. package/src/components/contextMenu/readme.md +55 -0
  66. package/src/components/contextMenu/useElementBounding.js +40 -0
  67. package/src/components/countup/countUp.js +196 -0
  68. package/src/components/countup/index.vue +114 -0
  69. package/src/components/countup/readme.md +9 -0
  70. package/src/components/empty/assets/build.png +0 -0
  71. package/src/components/empty/assets/emptybg.gif +0 -0
  72. package/src/components/empty/assets/emptybg.png +0 -0
  73. package/src/components/empty/assets/emptybg2.jpg +0 -0
  74. package/src/components/empty/assets/emptybg3.jpg +0 -0
  75. package/src/components/empty/assets/wuxiao.png +0 -0
  76. package/src/components/empty/assets/wuxiao.webp +0 -0
  77. package/src/components/empty/building.vue +117 -0
  78. package/src/components/empty/empty.vue +120 -0
  79. package/src/components/empty/index.js +12 -0
  80. package/src/components/empty/invalid.vue +56 -0
  81. package/src/components/error/Error.vue +79 -0
  82. package/src/components/error/readme.md +20 -0
  83. package/src/components/form/Form.vue +84 -0
  84. package/src/components/form/FormItem.vue +143 -0
  85. package/src/components/form/data.js +52 -0
  86. package/src/components/form/readme.md +69 -0
  87. package/src/components/layout/banner.vue +412 -0
  88. package/src/components/layout/bar.vue +43 -0
  89. package/src/components/layout/layout1.vue +60 -0
  90. package/src/components/layout/layout2.vue +134 -0
  91. package/src/components/layout/layout3.vue +107 -0
  92. package/src/components/layout/layout4.vue +66 -0
  93. package/src/components/layout/nav.vue +333 -0
  94. package/src/components/layout/readme.md +61 -0
  95. package/src/components/loading/index.vue +122 -0
  96. package/src/components/loading/readme.md +6 -0
  97. package/src/components/notice/NoticeList.vue +198 -0
  98. package/src/components/notice/NoticeListPaging.vue +281 -0
  99. package/src/components/notice/NoticeView.vue +92 -0
  100. package/src/components/notice/readme.md +1 -0
  101. package/src/components/pagination/index.vue +100 -0
  102. package/src/components/pagination/readme.md +19 -0
  103. package/src/components/pagination/scroll-to.js +51 -0
  104. package/src/components/progress/bar.vue +72 -0
  105. package/src/components/progress/progress.vue +58 -0
  106. package/src/components/screenfull/index.js +3 -0
  107. package/src/components/screenfull/index.vue +65 -0
  108. package/src/components/screenfull/package.json +15 -0
  109. package/src/components/screenfull/readme.md +6 -0
  110. package/src/components/statisticalCount/index.vue +80 -0
  111. package/src/components/statisticalCount/readme.md +21 -0
  112. package/src/components/username/index.vue +79 -0
  113. package/src/components/username/readme.md +22 -0
  114. package/src/components/username//346/225/210/346/236/234/345/233/276.png +0 -0
  115. package/src/global/index.ts +6 -0
  116. package/src/global/register-properties.ts +10 -0
  117. package/src/index.js +88 -0
  118. package/src/utils/coms/load.jsx +10 -0
  119. package/src/utils/func.js +62 -0
  120. package/src/utils/hookDialog.js +38 -0
  121. package/src/utils/hookPage.js +49 -0
  122. package/src/utils/index.js +5 -0
  123. package/src/utils/lib/console.js +39 -0
  124. package/src/utils/lib/debounce.js +19 -0
  125. package/src/utils/lib/deepextend.js +51 -0
  126. package/src/utils/lib/deepset.js +14 -0
  127. package/src/utils/lib/extend.js +28 -0
  128. package/src/utils/lib/index.js +13 -0
  129. package/src/utils/lib/json.js +90 -0
  130. package/src/utils/lib/mergeprops.js +62 -0
  131. package/src/utils/lib/mitt.js +43 -0
  132. package/src/utils/lib/modify.js +8 -0
  133. package/src/utils/lib/slot.js +19 -0
  134. package/src/utils/lib/toarray.js +5 -0
  135. package/src/utils/lib/tocase.js +11 -0
  136. package/src/utils/lib/todate.js +10 -0
  137. package/src/utils/lib/toline.js +10 -0
  138. package/src/utils/lib/tostring.js +7 -0
  139. package/src/utils/lib/type.js +45 -0
  140. package/src/utils/lib/unique.js +6 -0
  141. package/src/utils/message.js +164 -0
  142. package/src/utils/type.js +45 -0
  143. package/src/xm_components/HeadSearch/hook/hookSearch.js +96 -0
  144. package/src/xm_components/HeadSearch/index.vue +206 -0
  145. package/src/xm_components/HeadSearch/readme.md +12 -0
  146. package/src/xm_components/HeadSearch//346/220/234/347/264/242/345/210/227/350/241/250.png +0 -0
  147. package/src/xm_components/Milestone/index.vue +213 -0
  148. package/src/xm_components/Milestone/readme.md +15 -0
  149. package/src/xm_components/MultiStatisticalCard/image.png +0 -0
  150. package/src/xm_components/MultiStatisticalCard/index.vue +114 -0
  151. package/src/xm_components/MultiStatisticalCard/readme.md +29 -0
  152. package/src/xm_components/StatisticalCard/image.png +0 -0
  153. package/src/xm_components/StatisticalCard/index.vue +196 -0
  154. package/src/xm_components/StatisticalCard/readme.md +41 -0
  155. package/src/xm_components/readme.md +1 -0
  156. package/vite.config.js +58 -0
  157. package/dist/BdElement.js +0 -23432
package/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Vite + Vue</title>
8
+ </head>
9
+ <body>
10
+ <div id="app"></div>
11
+ <script type="module" src="/src/main.js"></script>
12
+ </body>
13
+ </html>
package/index.js CHANGED
@@ -5,10 +5,10 @@ const dayjs = dayjsModule.default || dayjsModule;
5
5
  import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
6
6
  window.ElementPlus = ElementPlus
7
7
 
8
- import '@/assets/css/element.scss'
8
+ import './src/assets/css/element.scss'
9
9
  import 'splitpanes/dist/splitpanes.css'
10
- import '@/assets/css/layout.scss'
11
- import '@/assets/css/tailwind.scss'
10
+ import './src/assets/css/layout.scss'
11
+ import './src/assets/css/tailwind.scss'
12
12
 
13
13
  // 添加分隔组件
14
14
  import { Splitpanes, Pane } from 'splitpanes'
@@ -16,10 +16,10 @@ import { Splitpanes, Pane } from 'splitpanes'
16
16
  import * as ElementPlusIconsVue from '@element-plus/icons-vue'
17
17
  window.ElementPlusIconVue = ElementPlusIconsVue
18
18
 
19
- import LoadComponent from 'utils/coms/load.jsx'
19
+ import LoadComponent from './src/utils/coms/load.jsx'
20
20
  // 自定义的所有组件
21
- import * as components from '@/index.js'
22
-
21
+ import * as components from './src/index.js'
22
+ debugger
23
23
  // 定义 useElement 为 Vue 插件
24
24
  const useElement = {
25
25
  install(app, options = {}) {
@@ -76,11 +76,11 @@ const useElement = {
76
76
  export default useElement
77
77
  export { useElement }
78
78
  // 功能 showwarning, showsuccess, showerror, showconfirm
79
- export * from 'utils/message.js'
80
- export * from 'utils/index.js'
81
- export * from 'global/index'
82
- export * from 'utils/hookDialog.js'
83
- export * from 'utils/hookPage.js' // 分页hook函数
79
+ export * from './src/utils/message.js'
80
+ export * from './src/utils/index.js'
81
+ export * from './src/global/index'
82
+ export * from './src/utils/hookDialog.js'
83
+ export * from './src/utils/hookPage.js' // 分页hook函数
84
84
  export { dayjs }
85
85
  // 导出所有组件
86
- export * from '@/index.js'
86
+ export * from './src/index.js'
package/package.json CHANGED
@@ -1,23 +1,19 @@
1
- {
2
- "name": "@bdsoft/element",
3
- "description": "内部UI组件",
4
- "version": "1.1.13",
5
- "type": "module",
6
- "main": "index.js",
7
- "files": [
8
- "dist",
9
- "package.json",
10
- "README.md"
11
- ],
12
- "scripts": {
13
- "dev": "vite",
14
- "build": "vite build",
15
- "preview": "vite preview"
16
- },
17
- "dependencies": {
18
- "@element-plus/icons-vue": "^2.3.2",
19
- "dayjs": "^1.11.19",
20
- "element-plus": "2.13.1",
21
- "splitpanes": "4.0.4"
22
- }
23
- }
1
+ {
2
+ "name": "@bdsoft/element",
3
+ "description": "内部UI组件",
4
+ "version": "1.1.15",
5
+ "type": "module",
6
+ "main": "index.js",
7
+
8
+ "scripts": {
9
+ "dev": "vite",
10
+ "build": "vite build",
11
+ "preview": "vite preview"
12
+ },
13
+ "dependencies": {
14
+ "@element-plus/icons-vue": "^2.3.2",
15
+ "dayjs": "^1.11.19",
16
+ "element-plus": "2.13.1",
17
+ "splitpanes": "4.0.4"
18
+ }
19
+ }
package/src/App.vue ADDED
@@ -0,0 +1,28 @@
1
+ <script setup>
2
+ </script>
3
+
4
+ <template>
5
+ <div>
6
+ <a href="https://vitejs.dev" target="_blank">
7
+ <img src="/vite.svg" class="logo" alt="Vite logo" />
8
+ </a>
9
+ <a href="https://vuejs.org/" target="_blank">
10
+ <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
11
+ </a>
12
+ </div>
13
+ </template>
14
+
15
+ <style scoped>
16
+ .logo {
17
+ height: 6em;
18
+ padding: 1.5em;
19
+ will-change: filter;
20
+ transition: filter 300ms;
21
+ }
22
+ .logo:hover {
23
+ filter: drop-shadow(0 0 2em #646cffaa);
24
+ }
25
+ .logo.vue:hover {
26
+ filter: drop-shadow(0 0 2em #42b883aa);
27
+ }
28
+ </style>
package/src/assets/css/element.scss ADDED
@@ -0,0 +1,196 @@
1
+ /* 覆盖elementui默认样式 */
2
+ @forward 'element-plus/theme-chalk/src/common/var.scss' with (
3
+ $colors: (
4
+ 'primary': (
5
+ 'base': #1677ff
6
+ )
7
+ )
8
+ );
9
+ @use 'element-plus/theme-chalk/src/index.scss' as *;
10
+
11
+ .bdalert-small {
12
+ color: #606266 !important;
13
+ --el-alert-padding: 3px 10px !important;
14
+ .el-alert__close-btn {
15
+ top: 8px !important;
16
+ }
17
+ }
18
+ .bdalert {
19
+ color: #606266 !important;
20
+ }
21
+ // el-alert样式重写
22
+ .bd-alert {
23
+ background-color: #fff !important;
24
+ .el-alert__content {
25
+ color: #606266 !important;
26
+ }
27
+ }
28
+
29
+ // tab样式重写--圆滑风格
30
+ .bdtabs.el-tabs {
31
+ & > .el-tabs__header {
32
+ margin: 0px !important;
33
+ height: 34px !important;
34
+ .el-tabs__nav-wrap {
35
+ margin-bottom: -3px;
36
+ }
37
+ .el-tabs__nav {
38
+ border: 0px !important;
39
+ }
40
+ .el-tabs__item {
41
+ padding: 0 10px;
42
+ height: 30px !important;
43
+ border-style: solid;
44
+ border-color: transparent !important;
45
+ }
46
+ .is-active {
47
+ background: #e5eeff !important;
48
+ z-index: 1;
49
+
50
+ -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEwMC4yMzYgOTkuODgzQzQ1LjAwOCAxMDAuMDEyLjEzMiA1NS4zNDQuMDAzLjExN2wuMjMzIDEwMCAxMDAtLjIzNHoiIG9wYWNpdHk9InVuZGVmaW5lZCIgc3Ryb2tlPSJudWxsIiBmaWxsPSIjRjhFQUU3Ii8+PHBhdGggZD0iTS0uNjM4IDcuMzEyYy4xMiAwIC4yMTguMDU4LjQ3Ny4xMi4yMzIuMDU0LjI3My4wMzQuMzU4LjExOS4wODQuMDg0LjM1NyAwIC40NzYgMGguMzU4TTI4LjkyMSA2OS4wNTJ2LjU5Nk0yOC45MjEgNjguNDU3aC4xMTl2MS43ODhoLS4xMTl6TTM2LjY2OSA1MS4yOTNoMTkuMDd2NC44ODdoLTE5LjA3eiIgc3Ryb2tlPSJudWxsIi8+PC9zdmc+),
51
+ url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSJudWxsIiBmaWxsPSIjRjhFQUU3IiBkPSJNNjkuOTU0LjE0Yy0uMjI5IDU1LjIyOC00NS4xODYgOTkuODE0LTEwMC40MTMgOTkuNTg1bDk5Ljk5OS40MTRMNjkuOTU0LjE0eiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJNLS42MzggNy4zMTJjLjEyIDAgLjIxOC4wNTguNDc3LjEyLjIzMi4wNTQuMjczLjAzNC4zNTguMTE5LjA4NC4wODQuMzU3IDAgLjQ3NiAwaC4zNThNMjguOTIxIDY5LjA1MnYuNTk2TTI4LjkyMSA2OC40NTdoLjExOXYxLjc4OGgtLjExOXpNMzYuNjY5IDUxLjI5M2gxOS4wN3Y0Ljg4N2gtMTkuMDd6IiBzdHJva2U9Im51bGwiLz48L3N2Zz4=),
52
+ url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHJ4PSI4IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjRjhFQUU3Ii8+PC9zdmc+);
53
+ -webkit-mask-size: 18px 30px, 20px 30px, calc(100% - 30px) calc(100% + 17px);
54
+ -webkit-mask-position: right bottom, left bottom, center top;
55
+ -webkit-mask-repeat: no-repeat;
56
+ .el-dropdown span {
57
+ color: #0256ff !important;
58
+ margin-left: 10px;
59
+ }
60
+ }
61
+ }
62
+ }
63
+ // tab样式重写--卡片风格
64
+ .bdtabs2.el-tabs {
65
+ & > .el-tabs__header {
66
+ margin: 0px !important;
67
+ height: 34px !important;
68
+ .el-tabs__nav-wrap {
69
+ margin-bottom: -3px;
70
+ }
71
+ .el-tabs__nav {
72
+ border: 0px !important;
73
+ }
74
+ .el-tabs__item {
75
+ padding: 0 10px;
76
+ height: 28px !important;
77
+ border: 1px solid #d9d9d9;
78
+ margin-left: 4px;
79
+ margin-top: 2px;
80
+ margin-bottom: 2px;
81
+ // border-color: transparent !important;
82
+ }
83
+ .is-active {
84
+ background: #e5eeff !important;
85
+ z-index: 1;
86
+
87
+ .el-dropdown span {
88
+ color: #0256ff !important;
89
+ margin-left: 10px;
90
+ }
91
+ }
92
+ }
93
+ }
94
+
95
+ // tab样式重写--灵动风格
96
+ .bdtabs3.el-tabs {
97
+ & > .el-tabs__header {
98
+ margin: 0px !important;
99
+ height: 34px !important;
100
+ .el-tabs__nav-wrap {
101
+ margin-bottom: -3px;
102
+ }
103
+ .el-tabs__nav {
104
+ border: 0px !important;
105
+ }
106
+ .el-tabs__item {
107
+ padding: 0 10px;
108
+ height: 28px !important;
109
+ border: 0px solid #d9d9d9;
110
+ // margin-left: 4px;
111
+ // margin-top:2px;
112
+ // margin-bottom:2px;
113
+ // border-color: transparent !important;
114
+ }
115
+ .is-active {
116
+ background: #e5eeff !important;
117
+ z-index: 1;
118
+
119
+ .el-dropdown span {
120
+ color: #0256ff !important;
121
+ margin-left: 10px;
122
+ }
123
+ }
124
+ }
125
+ }
126
+ // tab样式重写--顶部线条风格
127
+ .bdtabs4.el-tabs {
128
+ & > .el-tabs__header {
129
+ border-bottom: 1px solid #e4e7ed !important;
130
+ .el-tabs__nav {
131
+ border-right: 1px solid #fff;
132
+ border-left: 1px solid #fff;
133
+ }
134
+
135
+ .el-tabs__item {
136
+ border-top: 1px solid #fff;
137
+ border-left: 1px solid #fff;
138
+ border-right: 1px solid #fff;
139
+ }
140
+ .is-active {
141
+ border-top: 2px solid #409eff !important;
142
+ border-left: 1px solid #e4e7ed !important;
143
+ border-right: 1px solid #e4e7ed !important;
144
+ }
145
+ }
146
+ }
147
+ // 分割线样式
148
+ .bddivider > .el-drawer__body > .el-divider--horizontal {
149
+ border-top: 1px solid #e5eeff !important;
150
+ }
151
+ .bddivider {
152
+ background-color: rgba(0, 0, 0, 0.1) !important;
153
+ .el-drawer__header {
154
+ margin-bottom: 0 !important;
155
+ border-bottom: 1px solid var(--prev-border-color-lighter);
156
+ padding: 0 20px;
157
+ }
158
+ }
159
+ // 闪动样式
160
+
161
+ .download-shine {
162
+ position: relative;
163
+ animation: scaleMove 5s infinite;
164
+ // width: 200px;
165
+
166
+ &:after {
167
+ overflow: hidden;
168
+ position: absolute;
169
+ left: 0;
170
+ top: -2px;
171
+ right: 0;
172
+ width: 38px;
173
+ height: 63px;
174
+ background-color: #fff;
175
+ -ms-transform: skewX(-20deg);
176
+ transform: skewX(-20deg);
177
+ opacity: 0.29;
178
+ animation: shadowmove 2.5s infinite;
179
+ content: '';
180
+ }
181
+ }
182
+
183
+ @keyframes shadowmove {
184
+ 0% {
185
+ left: 0;
186
+ }
187
+
188
+ 25% {
189
+ left: 100%;
190
+ }
191
+
192
+ to {
193
+ left: 100%;
194
+ opacity: 0;
195
+ }
196
+ }
package/src/assets/css/layout.scss ADDED
@@ -0,0 +1,215 @@
1
+ /* 容器样式 */
2
+ .containerBg {
3
+ height: 100%;
4
+ background-color: rgb(240, 240, 240);
5
+ }
6
+ .headerBg {
7
+ background: #fff;
8
+ }
9
+ // 左侧
10
+ .el-aside {
11
+ margin: 10px;
12
+ border-radius: 4px;
13
+ background: #fff;
14
+ padding: 0;
15
+ .top {
16
+ height: 50px;
17
+ width: 100%;
18
+ .topin {
19
+ margin: 0 auto;
20
+ height: 100%;
21
+ font-size: 18px;
22
+ line-height: 50px;
23
+ text-align: left;
24
+ padding-left: 30px;
25
+ font-weight: 700;
26
+ color: #606266;
27
+ border-bottom: 1px solid #e6e6e6;
28
+ box-shadow: 0 2px 4px #0000000a;
29
+ overflow: hidden;
30
+ }
31
+ }
32
+ }
33
+ .containerRight {
34
+ background: rgb(255, 255, 255);
35
+ margin: 10px 10px 10px 0px;
36
+ height: calc(100% - 20px);
37
+ border-radius: 4px;
38
+ padding: 0;
39
+ }
40
+
41
+ // 菜单栏样式
42
+ // 菜单背景
43
+ .headwarp {
44
+ padding: 0;
45
+ width: 100%;
46
+ // min-width: 400px;
47
+ position: relative;
48
+ background: #fff url(../images/banner.gif) repeat-x;
49
+ .headwarp-top {
50
+ padding-top: 0px;
51
+ position: relative;
52
+ font-size: 18px;
53
+ font-weight: bold;
54
+ padding-left: 10px;
55
+ height: 50px;
56
+ }
57
+ .headwarp-bottom {
58
+ height: 25px;
59
+ line-height: 35px;
60
+ padding-left: 10px;
61
+ padding-top: 15px;
62
+ .warpmenu {
63
+ cursor: pointer;
64
+ font-size: 13px;
65
+ font-weight: normal;
66
+ line-height: 35px;
67
+ display: inline-block;
68
+ img {
69
+ vertical-align: -2px;
70
+ margin-left: 8px;
71
+ }
72
+ }
73
+ }
74
+ }
75
+
76
+ // 表格样式
77
+ .el-table th.el-table__cell.is-leaf {
78
+ background-color: #f5f6fa;
79
+ color: '#4c607a';
80
+ height: 40px;
81
+ .cell {
82
+ // color: '#4C607A';
83
+ color: rgb(76, 96, 122);
84
+ font-size: 14px;
85
+ }
86
+ }
87
+ // 提示样式
88
+ .el-message {
89
+ padding: 13px 19px;
90
+ .el-message__content {
91
+ color: rgba(0, 0, 0, 0.88);
92
+ }
93
+ }
94
+
95
+ .el-message--success,
96
+ .el-message--error,
97
+ .el-message--warning,
98
+ .el-message--info {
99
+ --el-message-bg-color: #fff;
100
+ --el-message-border-color: #fff;
101
+ border-radius: 8px;
102
+ box-shadow:
103
+ 0 6px 16px 0 rgba(0, 0, 0, 0.08),
104
+ 0 3px 6px -4px rgba(0, 0, 0, 0.12),
105
+ 0 9px 28px 8px rgba(0, 0, 0, 0.05);
106
+ }
107
+ @keyframes rotate {
108
+ from {
109
+ transform: rotate(0deg);
110
+ }
111
+ to {
112
+ transform: rotate(360deg);
113
+ }
114
+ }
115
+ .loadsvg {
116
+ color: #1677ff;
117
+ animation: rotate 1s linear infinite;
118
+ }
119
+ // 弹窗样式
120
+ .bdDialog {
121
+ padding: 0;
122
+ .el-dialog__header {
123
+ padding-bottom: 10px !important;
124
+ }
125
+ .el-dialog__body {
126
+ padding: 10px !important;
127
+ // min-height: 200px;
128
+ }
129
+ .el-dialog__footer {
130
+ padding: 10px;
131
+ }
132
+ }
133
+
134
+ .bdBgDialog {
135
+ box-sizing: border-box;
136
+ right: 14px !important;
137
+ bottom: 14px !important;
138
+ background-image: url(../images/bg1.svg), url(../images/bg2.png), linear-gradient(173deg, #f4f9ff -24.94%, #edf1f9 103.15%) !important;
139
+ background-repeat: no-repeat !important;
140
+ background-position: 100% 0 !important;
141
+ background-attachment: fixed !important;
142
+ background-size: auto !important;
143
+ box-shadow: 0 32px 60px 0 rgba(81, 87, 103, 0.12) !important;
144
+ }
145
+
146
+ .bd-steps {
147
+ .el-step {
148
+ .is-process > .el-step__icon {
149
+ background-color: #1890ff;
150
+ color: #fff;
151
+ }
152
+ .el-step__main {
153
+ .is-process {
154
+ color: #414142;
155
+ font-weight: normal;
156
+ }
157
+ }
158
+ }
159
+ .el-step > .el-step__head > .el-step__line {
160
+ height: 1px !important;
161
+ background-color: rgba(0, 0, 0, 0.25);
162
+ }
163
+ .el-step > .el-step__head > .el-step__icon {
164
+ border: 1px solid;
165
+ .el-step__icon-inner {
166
+ font-weight: normal;
167
+ }
168
+ }
169
+ }
170
+ .splitpanes.default-theme .splitpanes__pane {
171
+ background-color: #fff;
172
+ }
173
+ // head渐变样式
174
+ // <el-card class="bd-card" :body-style="{ padding: '10px 0px !important' }">
175
+ // <template #header>
176
+ // <div class="card-header">
177
+ // <div class="card-bg card-bg1"></div>
178
+ // <div class="card-bg card-bg2"></div>
179
+ // <div class="card-title">
180
+ .bd-card {
181
+ position: relative;
182
+ .el-card__header {
183
+ border-bottom: 0px !important;
184
+ padding-top: 10px !important;
185
+ }
186
+
187
+ .card-bg {
188
+ position: absolute;
189
+ top: 0;
190
+ left: 0;
191
+ width: 100%;
192
+ height: 45px;
193
+ border-radius: 5px;
194
+ }
195
+ .card-title {
196
+ font-size: 17px;
197
+ font-weight: bold;
198
+ margin-bottom: 0px;
199
+ color: #252d4d;
200
+ position: relative;
201
+ z-index: 99;
202
+ }
203
+ .card-bg1 {
204
+ opacity: 0.3;
205
+ background: linear-gradient(90deg, #356dee, rgba(53, 109, 238, 0) 94%);
206
+ z-index: 1;
207
+ }
208
+ .card-bg2 {
209
+ background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
210
+ z-index: 2;
211
+ }
212
+ }
213
+ .splitpanes__splitter {
214
+ z-index: 999 !important;
215
+ }
package/src/assets/css/tailwind.scss ADDED
@@ -0,0 +1,67 @@
1
+ .h100{
2
+ height: 100%;
3
+ }
4
+ .h100px{
5
+ height: 100px;
6
+ }
7
+ /* margin间距 */
8
+ .m10 {
9
+ margin: 10px;
10
+ }
11
+ .mt-10 {
12
+ margin-top: 10px;
13
+ }
14
+ .mb-10 {
15
+ margin-bottom: 10px;
16
+ }
17
+ .ml-10 {
18
+ margin-left: 10px;
19
+ }
20
+ .mr-10 {
21
+ margin-right: 10px;
22
+ }
23
+ .mt-20 {
24
+ margin-top: 20px;
25
+ }
26
+ .mb-20 {
27
+ margin-bottom: 20px;
28
+ }
29
+ .ml-20 {
30
+ margin-left: 20px;
31
+ }
32
+ .mr-20 {
33
+ margin-right: 20px;
34
+ }
35
+ /* padding间距 */
36
+ .p10{
37
+ padding: 10px;
38
+ }
39
+ .pt-10 {
40
+ padding-top: 10px;
41
+ }
42
+ .pb-10 {
43
+ padding-bottom: 10px;
44
+ }
45
+ .pl-10 {
46
+ padding-left: 10px;
47
+ }
48
+ .pr-10 {
49
+ padding-right: 10px;
50
+ }
51
+ .pt-20 {
52
+ padding-top: 20px;
53
+ }
54
+ .pb-20 {
55
+ padding-bottom: 20px;
56
+ }
57
+ .pl-20 {
58
+ padding-left: 20px;
59
+ }
60
+ .pr-20 {
61
+ padding-right: 20px;
62
+ }
63
+
64
+ // 颜色
65
+ .bgwhite{
66
+ background-color: #fff;
67
+ }
package/src/assets/images/banner.gif ADDED
Binary file
package/src/assets/images/banner.png ADDED
Binary file
package/src/assets/images/bg1.svg ADDED
@@ -0,0 +1,22 @@
1
+ <svg width="380" height="399" viewBox="0 0 380 399" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_f_358_604)">
3
+ <ellipse cx="191" cy="-57.219" rx="89" ry="98.781" fill="#AEC9FF" />
4
+ </g>
5
+ <g opacity="0.8" filter="url(#filter1_f_358_604)">
6
+ <ellipse cx="391" cy="39.9719" rx="150" ry="158.068" fill="#E0D5FF" />
7
+ </g>
8
+ <defs>
9
+ <filter id="filter0_f_358_604" x="-98" y="-356" width="578" height="597.562" filterUnits="userSpaceOnUse"
10
+ color-interpolation-filters="sRGB">
11
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
12
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
13
+ <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_358_604" />
14
+ </filter>
15
+ <filter id="filter1_f_358_604" x="41" y="-318.096" width="700" height="716.135" filterUnits="userSpaceOnUse"
16
+ color-interpolation-filters="sRGB">
17
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
18
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
19
+ <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_358_604" />
20
+ </filter>
21
+ </defs>
22
+ </svg>
package/src/assets/images/bg2.png ADDED
Binary file
package/src/assets/images/ff.png ADDED
Binary file
package/src/assets/images/home-file1.png ADDED
Binary file
package/src/assets/images/ky.png ADDED
Binary file
package/src/assets/images/menu/add.png ADDED
Binary file
package/src/assets/images/menu/del.png ADDED
Binary file
package/src/assets/images/menu/down.png ADDED
Binary file
package/src/assets/images/menu/dr.png ADDED
Binary file
package/src/assets/images/menu/edit.png ADDED
Binary file
package/src/assets/images/menu/kx.png ADDED
Binary file
package/src/assets/images/menu/mb.png ADDED
Binary file
package/src/assets/images/menu/pz.png ADDED
Binary file
package/src/assets/images/menu/save.png ADDED
Binary file
package/src/assets/images/menu/sj.png ADDED
Binary file
package/src/assets/images/menu/sjk.png ADDED
Binary file
package/src/assets/images/menu/up.png ADDED
Binary file
package/src/assets/images/po-i.png ADDED
Binary file
package/src/assets/images/po1-i1.png ADDED
Binary file
package/src/assets/images/po1-i2.png ADDED
Binary file
package/src/assets/images/po1-i3.png ADDED
Binary file
package/src/assets/images/po1-i4.png ADDED
Binary file
package/src/assets/images/po1-i5.png ADDED
Binary file