adtec-core-package 0.2.6 → 0.2.7
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.
- package/README.en.md +36 -36
- package/package.json +2 -2
- package/src/api/DocumentApi.ts +18 -18
- package/src/api/SysDictCacheApi.ts +28 -26
- package/src/api/framework.ts +12 -12
- package/src/assets/style/ant.scss +19 -19
- package/src/assets/style/index.less +180 -180
- package/src/components/ElFlex/ElFlex.vue +297 -297
- package/src/components/Table/ElTableColumnEdit.vue +218 -218
- package/src/components/Title/ElTitle.vue +49 -49
- package/src/components/autoToolTip/{ElAutoToolTip.vue → index.vue} +61 -61
- package/src/components/upload/FileView.vue +158 -158
- package/src/components/upload/FileViewComponents.vue +57 -57
- package/src/config/ElementPlusConfig.ts +95 -95
- package/src/css/elementUI/autocomplete.scss +89 -89
- package/src/css/elementUI/common/var.scss +1549 -1549
- package/src/css/elementUI/date-picker/picker.scss +219 -219
- package/src/css/elementUI/drawer.scss +164 -164
- package/src/css/elementUI/table.scss +694 -694
- package/src/css/elementUI/tabs.scss +659 -659
- package/src/directives/vKeydown.ts +93 -93
- package/src/hooks/useDictHooks.ts +74 -77
- package/src/hooks/useFileView.ts +34 -34
- package/src/hooks/useMessageHooks.ts +132 -132
- package/src/hooks/useResetRefHooks.ts +19 -19
- package/src/interface/BaseEntity.ts +28 -28
- package/src/interface/ISysDictDataCacheVo.ts +46 -46
- package/src/interface/ISysDictType.ts +37 -37
- package/src/interface/ISysMenuDataVo.ts +22 -22
- package/src/interface/ISysMenuInfoVo.ts +83 -83
- package/src/interface/ISysMenuOperationVo.ts +21 -21
- package/src/interface/ISysUploadFiles.ts +16 -16
- package/src/interface/IUserPermissionVo.ts +34 -34
- package/src/interface/Message.ts +69 -69
- package/src/interface/PageData.ts +17 -17
- package/src/interface/ResponseData.ts +16 -16
- package/src/interface/enum/MessageEnum.ts +41 -41
- package/src/mixin/globalMixin.ts +4 -7
- package/src/packages/index.ts +18 -18
- package/src/packages/text.vue +13 -13
- package/src/plugins/plugins.ts +12 -12
- package/src/stores/dictStore.ts +20 -0
- package/src/stores/messageStore.ts +49 -49
- package/src/stores/storeConfig.ts +23 -22
- package/src/stores/userInfoStore.ts +31 -31
- package/src/utils/AxiosConfig.ts +216 -216
- package/src/api/BasicApi.ts +0 -17
- package/src/api/SysUserApi.ts +0 -35
- package/src/components/business/userSelect.vue +0 -412
- package/src/interface/IMdmDept.ts +0 -82
- package/src/interface/IOrgDeptInfo.ts +0 -12
- package/src/interface/ISysUserInfo.ts +0 -70
- package/src/interface/dictMapType.ts +0 -11
package/README.en.md
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
# ADTEC前端核心包
|
|
2
|
-
|
|
3
|
-
#### Description
|
|
4
|
-
{**When you're done, you can delete the content in this README and update the file with details for others getting started with your repository**}
|
|
5
|
-
|
|
6
|
-
#### Software Architecture
|
|
7
|
-
Software architecture description
|
|
8
|
-
|
|
9
|
-
#### Installation
|
|
10
|
-
|
|
11
|
-
1. xxxx
|
|
12
|
-
2. xxxx
|
|
13
|
-
3. xxxx
|
|
14
|
-
|
|
15
|
-
#### Instructions
|
|
16
|
-
|
|
17
|
-
1. xxxx
|
|
18
|
-
2. xxxx
|
|
19
|
-
3. xxxx
|
|
20
|
-
|
|
21
|
-
#### Contribution
|
|
22
|
-
|
|
23
|
-
1. Fork the repository
|
|
24
|
-
2. Create Feat_xxx branch
|
|
25
|
-
3. Commit your code
|
|
26
|
-
4. Create Pull Request
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
#### Gitee Feature
|
|
30
|
-
|
|
31
|
-
1. You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
|
|
32
|
-
2. Gitee blog [blog.gitee.com](https://blog.gitee.com)
|
|
33
|
-
3. Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
|
|
34
|
-
4. The most valuable open source project [GVP](https://gitee.com/gvp)
|
|
35
|
-
5. The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
|
|
36
|
-
6. The most popular members [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
|
|
1
|
+
# ADTEC前端核心包
|
|
2
|
+
|
|
3
|
+
#### Description
|
|
4
|
+
{**When you're done, you can delete the content in this README and update the file with details for others getting started with your repository**}
|
|
5
|
+
|
|
6
|
+
#### Software Architecture
|
|
7
|
+
Software architecture description
|
|
8
|
+
|
|
9
|
+
#### Installation
|
|
10
|
+
|
|
11
|
+
1. xxxx
|
|
12
|
+
2. xxxx
|
|
13
|
+
3. xxxx
|
|
14
|
+
|
|
15
|
+
#### Instructions
|
|
16
|
+
|
|
17
|
+
1. xxxx
|
|
18
|
+
2. xxxx
|
|
19
|
+
3. xxxx
|
|
20
|
+
|
|
21
|
+
#### Contribution
|
|
22
|
+
|
|
23
|
+
1. Fork the repository
|
|
24
|
+
2. Create Feat_xxx branch
|
|
25
|
+
3. Commit your code
|
|
26
|
+
4. Create Pull Request
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
#### Gitee Feature
|
|
30
|
+
|
|
31
|
+
1. You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
|
|
32
|
+
2. Gitee blog [blog.gitee.com](https://blog.gitee.com)
|
|
33
|
+
3. Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
|
|
34
|
+
4. The most valuable open source project [GVP](https://gitee.com/gvp)
|
|
35
|
+
5. The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
|
|
36
|
+
6. The most popular members [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "adtec-core-package",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.7",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
"@element-plus/icons-vue": "^2.3.1",
|
|
18
18
|
"pinia-plugin-store": "^2.2.9",
|
|
19
19
|
"crypto-js": "^4.2.0",
|
|
20
|
-
"jsencrypt": "^3.3.2",
|
|
21
20
|
"axios": "^1.7.7",
|
|
22
21
|
"element-plus": "^2.8.7",
|
|
23
22
|
"pinia": "^2.3.0",
|
|
@@ -51,6 +50,7 @@
|
|
|
51
50
|
"vue-tsc": "^2.1.10"
|
|
52
51
|
},
|
|
53
52
|
"description": "This template should help get you started developing with Vue 3 in Vite.",
|
|
53
|
+
"main": "/adtec-core-package/adtec-core-package.umd.cjs",
|
|
54
54
|
"author": "",
|
|
55
55
|
"license": "ISC"
|
|
56
56
|
}
|
package/src/api/DocumentApi.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import request from '../utils/request'
|
|
2
|
-
import type { ISysUploadFiles } from '../interface/ISysUploadFiles.ts'
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Create by丁盼
|
|
6
|
-
* 说明: DocumentApi
|
|
7
|
-
* 创建时间: 2025/1/2 11:05
|
|
8
|
-
* 修改时间: 2025/1/2 11:05
|
|
9
|
-
*/
|
|
10
|
-
const basePath = '/api/doc/'
|
|
11
|
-
export default {
|
|
12
|
-
getUpLoadFilesVoById(id: string): Promise<ISysUploadFiles> {
|
|
13
|
-
return request.get(basePath + 'getUpLoadFilesVoById/' + id)
|
|
14
|
-
},
|
|
15
|
-
delSysUploadFile(id: string) {
|
|
16
|
-
return request.get(basePath + 'delSysUploadFile/' + id)
|
|
17
|
-
}
|
|
18
|
-
}
|
|
1
|
+
import request from '../utils/request'
|
|
2
|
+
import type { ISysUploadFiles } from '../interface/ISysUploadFiles.ts'
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Create by丁盼
|
|
6
|
+
* 说明: DocumentApi
|
|
7
|
+
* 创建时间: 2025/1/2 11:05
|
|
8
|
+
* 修改时间: 2025/1/2 11:05
|
|
9
|
+
*/
|
|
10
|
+
const basePath = '/api/doc/'
|
|
11
|
+
export default {
|
|
12
|
+
getUpLoadFilesVoById(id: string): Promise<ISysUploadFiles> {
|
|
13
|
+
return request.get(basePath + 'getUpLoadFilesVoById/' + id)
|
|
14
|
+
},
|
|
15
|
+
delSysUploadFile(id: string) {
|
|
16
|
+
return request.get(basePath + 'delSysUploadFile/' + id)
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -1,26 +1,28 @@
|
|
|
1
|
-
import request from '../utils/request'
|
|
2
|
-
import type { ISysDictDataCacheVo } from '../interface/ISysDictDataCacheVo'
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
import request from '../utils/request'
|
|
2
|
+
import type { ISysDictDataCacheVo } from '../interface/ISysDictDataCacheVo'
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Create by丁盼
|
|
6
|
+
* 说明: DictCacheApi
|
|
7
|
+
* 创建时间: 2024/11/3 上午9:11
|
|
8
|
+
* 修改时间: 2024/11/3 上午9:11
|
|
9
|
+
*/
|
|
10
|
+
// 定义包含map的整体类型
|
|
11
|
+
interface dictMapType {
|
|
12
|
+
[key: string]: ISysDictDataCacheVo[]
|
|
13
|
+
}
|
|
14
|
+
const basePath = '/api/system/dict/data/'
|
|
15
|
+
export default {
|
|
16
|
+
/**
|
|
17
|
+
* 获取字典数据
|
|
18
|
+
*/
|
|
19
|
+
getSysDictDataCacheVo(dictType: string) {
|
|
20
|
+
return request.get<ISysDictDataCacheVo[]>(basePath + 'getSysDictDataCacheVo/' + dictType)
|
|
21
|
+
},
|
|
22
|
+
/**
|
|
23
|
+
* 批量获取字典数据
|
|
24
|
+
*/
|
|
25
|
+
batchGetSysDictDataCacheVo(dictTypes: string[]): Promise<dictMapType> {
|
|
26
|
+
return request.post<dictMapType>(basePath + 'batchGetSysDictDataCacheVo', dictTypes)
|
|
27
|
+
},
|
|
28
|
+
}
|
package/src/api/framework.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import request from '../utils/request'
|
|
2
|
-
export default {
|
|
3
|
-
/**
|
|
4
|
-
* 获取文件访问路径
|
|
5
|
-
* @param id
|
|
6
|
-
*/
|
|
7
|
-
getFileAccessAddress(id: string): Promise<{
|
|
8
|
-
url: string
|
|
9
|
-
}> {
|
|
10
|
-
return request.get('/api/doc/getFileAccessAddress', { id })
|
|
11
|
-
},
|
|
12
|
-
}
|
|
1
|
+
import request from '../utils/request'
|
|
2
|
+
export default {
|
|
3
|
+
/**
|
|
4
|
+
* 获取文件访问路径
|
|
5
|
+
* @param id
|
|
6
|
+
*/
|
|
7
|
+
getFileAccessAddress(id: string): Promise<{
|
|
8
|
+
url: string
|
|
9
|
+
}> {
|
|
10
|
+
return request.get('/api/doc/getFileAccessAddress', { id })
|
|
11
|
+
},
|
|
12
|
+
}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
.ant-button-warning {
|
|
2
|
-
color: #fff;
|
|
3
|
-
background-color: #ff9900;
|
|
4
|
-
border-color: #ff9900;
|
|
5
|
-
&:hover {
|
|
6
|
-
color: #fff;
|
|
7
|
-
background-color: #fcac35 !important;
|
|
8
|
-
border-color: #ff9900;
|
|
9
|
-
}
|
|
10
|
-
&[disabled]:hover,
|
|
11
|
-
:focus,
|
|
12
|
-
:active {
|
|
13
|
-
color: rgba(0, 0, 0, 0.25);
|
|
14
|
-
background: transparent !important;
|
|
15
|
-
border-color: #d9d9d9;
|
|
16
|
-
text-shadow: none;
|
|
17
|
-
box-shadow: none;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
1
|
+
.ant-button-warning {
|
|
2
|
+
color: #fff;
|
|
3
|
+
background-color: #ff9900;
|
|
4
|
+
border-color: #ff9900;
|
|
5
|
+
&:hover {
|
|
6
|
+
color: #fff;
|
|
7
|
+
background-color: #fcac35 !important;
|
|
8
|
+
border-color: #ff9900;
|
|
9
|
+
}
|
|
10
|
+
&[disabled]:hover,
|
|
11
|
+
:focus,
|
|
12
|
+
:active {
|
|
13
|
+
color: rgba(0, 0, 0, 0.25);
|
|
14
|
+
background: transparent !important;
|
|
15
|
+
border-color: #d9d9d9;
|
|
16
|
+
text-shadow: none;
|
|
17
|
+
box-shadow: none;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -1,181 +1,181 @@
|
|
|
1
|
-
// @import './variables.scss';
|
|
2
|
-
// @import './mixin.scss';
|
|
3
|
-
// @import './transition.scss';
|
|
4
|
-
// @import './element-ui.scss';
|
|
5
|
-
// @import './sidebar.scss';
|
|
6
|
-
// @import './btn.scss';
|
|
7
|
-
@import './transition.scss';
|
|
8
|
-
|
|
9
|
-
body {
|
|
10
|
-
height: 100%;
|
|
11
|
-
margin: 0;
|
|
12
|
-
font-size: var(--el-font-size-base);
|
|
13
|
-
-moz-osx-font-smoothing: grayscale;
|
|
14
|
-
-webkit-font-smoothing: antialiased;
|
|
15
|
-
text-rendering: optimizeLegibility;
|
|
16
|
-
font-family:
|
|
17
|
-
Helvetica Neue,
|
|
18
|
-
Helvetica,
|
|
19
|
-
PingFang SC,
|
|
20
|
-
Hiragino Sans GB,
|
|
21
|
-
Microsoft YaHei,
|
|
22
|
-
Arial,
|
|
23
|
-
sans-serif;
|
|
24
|
-
}
|
|
25
|
-
.overlay-drawer {
|
|
26
|
-
position: absolute !important;
|
|
27
|
-
top: 0;
|
|
28
|
-
right: 0;
|
|
29
|
-
bottom: 0;
|
|
30
|
-
left: 0;
|
|
31
|
-
z-index: 2000;
|
|
32
|
-
height: 100%;
|
|
33
|
-
}
|
|
34
|
-
.border {
|
|
35
|
-
border-radius: var(--el-border-radius-base);
|
|
36
|
-
//border: 1px solid #d3d3d3 !important;
|
|
37
|
-
//box-shadow: var(--el-box-shadow-lighter);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.dialog-form-border {
|
|
41
|
-
border-radius: var(--el-border-radius-base);
|
|
42
|
-
//border: 1px solid #d3d3d3 !important;
|
|
43
|
-
//box-shadow: var(--el-box-shadow-lighter);
|
|
44
|
-
//padding: 8px;
|
|
45
|
-
background: #ffffff;
|
|
46
|
-
// &.el-select {
|
|
47
|
-
// --el-select-width: 220px;
|
|
48
|
-
//}
|
|
49
|
-
}
|
|
50
|
-
//.dialog-form .el-select {
|
|
51
|
-
// --el-select-width: 175px;
|
|
52
|
-
//}
|
|
53
|
-
|
|
54
|
-
html {
|
|
55
|
-
height: 100%;
|
|
56
|
-
box-sizing: border-box;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
#app {
|
|
60
|
-
height: 100%;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
*,
|
|
64
|
-
*:before,
|
|
65
|
-
*:after {
|
|
66
|
-
box-sizing: inherit;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
a:focus,
|
|
70
|
-
a:active {
|
|
71
|
-
outline: none;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
a,
|
|
75
|
-
a:focus,
|
|
76
|
-
a:hover {
|
|
77
|
-
cursor: pointer;
|
|
78
|
-
color: inherit;
|
|
79
|
-
text-decoration: none;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
div:focus {
|
|
83
|
-
outline: none;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
//main-container全局样式
|
|
87
|
-
.app-container {
|
|
88
|
-
//padding: 20px;
|
|
89
|
-
//background-color: #fff;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.link-type,
|
|
93
|
-
.link-type:focus {
|
|
94
|
-
color: #337ab7;
|
|
95
|
-
cursor: pointer;
|
|
96
|
-
|
|
97
|
-
&:hover {
|
|
98
|
-
color: rgb(32, 160, 255);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
:root {
|
|
102
|
-
--border: 1px solid #f5f5f5;
|
|
103
|
-
--padding-1: 1px;
|
|
104
|
-
--padding-2: 2px;
|
|
105
|
-
--padding-3: 3px;
|
|
106
|
-
--padding-4: 4px;
|
|
107
|
-
--padding-5: 5px;
|
|
108
|
-
--padding-6: 6px;
|
|
109
|
-
--padding-7: 7px;
|
|
110
|
-
--padding-8: 8px;
|
|
111
|
-
--padding-9: 9px;
|
|
112
|
-
--padding-10: 10px;
|
|
113
|
-
--margin-1: 1px;
|
|
114
|
-
--margin-2: 2px;
|
|
115
|
-
--margin-3: 3px;
|
|
116
|
-
--margin-4: 4px;
|
|
117
|
-
--margin-5: 5px;
|
|
118
|
-
--margin-6: 6px;
|
|
119
|
-
--margin-7: 7px;
|
|
120
|
-
--margin-8: 8px;
|
|
121
|
-
--margin-9: 9px;
|
|
122
|
-
--margin-10: 10px;
|
|
123
|
-
}
|
|
124
|
-
.move-back {
|
|
125
|
-
background: #f5f5f5 !important;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
*::-webkit-scrollbar {
|
|
129
|
-
width: 6px;
|
|
130
|
-
height: 6px;
|
|
131
|
-
background: transparent;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
*::-webkit-scrollbar-thumb {
|
|
135
|
-
background: transparent;
|
|
136
|
-
border-radius: 4px;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
*:hover::-webkit-scrollbar-thumb {
|
|
140
|
-
background: #DDDEE0;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
*:hover::-webkit-scrollbar-track {
|
|
144
|
-
background: transparent;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
//::-webkit-scrollbar {
|
|
148
|
-
// width: 6px;
|
|
149
|
-
// height: 6px;
|
|
150
|
-
//}
|
|
151
|
-
//// 滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。
|
|
152
|
-
//::-webkit-scrollbar-button {
|
|
153
|
-
// display: none;
|
|
154
|
-
//}
|
|
155
|
-
//// 滚动条的轨道(里面装有Thumb)
|
|
156
|
-
//::-webkit-scrollbar-track {
|
|
157
|
-
// background: transparent;
|
|
158
|
-
//}
|
|
159
|
-
//// 滚动条的轨道(里面装有Thumb)
|
|
160
|
-
//::-webkit-scrollbar-track-piece {
|
|
161
|
-
// background-color: transparent;
|
|
162
|
-
//}
|
|
163
|
-
//// 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)
|
|
164
|
-
//::-webkit-scrollbar-thumb {
|
|
165
|
-
// background: #DDDEE0;
|
|
166
|
-
// opacity: var(--el-scrollbar-opacity, .3);
|
|
167
|
-
// transition: var(--el-transition-duration) background-color;
|
|
168
|
-
// cursor: pointer;
|
|
169
|
-
// border-radius: 4px;
|
|
170
|
-
//}
|
|
171
|
-
//::-webkit-scrollbar-thumb:hover {
|
|
172
|
-
// background: #C7C9CC;
|
|
173
|
-
//}
|
|
174
|
-
// 边角,即两个滚动条的交汇处
|
|
175
|
-
::-webkit-scrollbar-corner {
|
|
176
|
-
display: none;
|
|
177
|
-
}
|
|
178
|
-
// 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
|
|
179
|
-
*::-webkit-resizer {
|
|
180
|
-
display: none;
|
|
1
|
+
// @import './variables.scss';
|
|
2
|
+
// @import './mixin.scss';
|
|
3
|
+
// @import './transition.scss';
|
|
4
|
+
// @import './element-ui.scss';
|
|
5
|
+
// @import './sidebar.scss';
|
|
6
|
+
// @import './btn.scss';
|
|
7
|
+
@import './transition.scss';
|
|
8
|
+
|
|
9
|
+
body {
|
|
10
|
+
height: 100%;
|
|
11
|
+
margin: 0;
|
|
12
|
+
font-size: var(--el-font-size-base);
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
-webkit-font-smoothing: antialiased;
|
|
15
|
+
text-rendering: optimizeLegibility;
|
|
16
|
+
font-family:
|
|
17
|
+
Helvetica Neue,
|
|
18
|
+
Helvetica,
|
|
19
|
+
PingFang SC,
|
|
20
|
+
Hiragino Sans GB,
|
|
21
|
+
Microsoft YaHei,
|
|
22
|
+
Arial,
|
|
23
|
+
sans-serif;
|
|
24
|
+
}
|
|
25
|
+
.overlay-drawer {
|
|
26
|
+
position: absolute !important;
|
|
27
|
+
top: 0;
|
|
28
|
+
right: 0;
|
|
29
|
+
bottom: 0;
|
|
30
|
+
left: 0;
|
|
31
|
+
z-index: 2000;
|
|
32
|
+
height: 100%;
|
|
33
|
+
}
|
|
34
|
+
.border {
|
|
35
|
+
border-radius: var(--el-border-radius-base);
|
|
36
|
+
//border: 1px solid #d3d3d3 !important;
|
|
37
|
+
//box-shadow: var(--el-box-shadow-lighter);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.dialog-form-border {
|
|
41
|
+
border-radius: var(--el-border-radius-base);
|
|
42
|
+
//border: 1px solid #d3d3d3 !important;
|
|
43
|
+
//box-shadow: var(--el-box-shadow-lighter);
|
|
44
|
+
//padding: 8px;
|
|
45
|
+
background: #ffffff;
|
|
46
|
+
// &.el-select {
|
|
47
|
+
// --el-select-width: 220px;
|
|
48
|
+
//}
|
|
49
|
+
}
|
|
50
|
+
//.dialog-form .el-select {
|
|
51
|
+
// --el-select-width: 175px;
|
|
52
|
+
//}
|
|
53
|
+
|
|
54
|
+
html {
|
|
55
|
+
height: 100%;
|
|
56
|
+
box-sizing: border-box;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
#app {
|
|
60
|
+
height: 100%;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
*,
|
|
64
|
+
*:before,
|
|
65
|
+
*:after {
|
|
66
|
+
box-sizing: inherit;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
a:focus,
|
|
70
|
+
a:active {
|
|
71
|
+
outline: none;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
a,
|
|
75
|
+
a:focus,
|
|
76
|
+
a:hover {
|
|
77
|
+
cursor: pointer;
|
|
78
|
+
color: inherit;
|
|
79
|
+
text-decoration: none;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
div:focus {
|
|
83
|
+
outline: none;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
//main-container全局样式
|
|
87
|
+
.app-container {
|
|
88
|
+
//padding: 20px;
|
|
89
|
+
//background-color: #fff;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.link-type,
|
|
93
|
+
.link-type:focus {
|
|
94
|
+
color: #337ab7;
|
|
95
|
+
cursor: pointer;
|
|
96
|
+
|
|
97
|
+
&:hover {
|
|
98
|
+
color: rgb(32, 160, 255);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
:root {
|
|
102
|
+
--border: 1px solid #f5f5f5;
|
|
103
|
+
--padding-1: 1px;
|
|
104
|
+
--padding-2: 2px;
|
|
105
|
+
--padding-3: 3px;
|
|
106
|
+
--padding-4: 4px;
|
|
107
|
+
--padding-5: 5px;
|
|
108
|
+
--padding-6: 6px;
|
|
109
|
+
--padding-7: 7px;
|
|
110
|
+
--padding-8: 8px;
|
|
111
|
+
--padding-9: 9px;
|
|
112
|
+
--padding-10: 10px;
|
|
113
|
+
--margin-1: 1px;
|
|
114
|
+
--margin-2: 2px;
|
|
115
|
+
--margin-3: 3px;
|
|
116
|
+
--margin-4: 4px;
|
|
117
|
+
--margin-5: 5px;
|
|
118
|
+
--margin-6: 6px;
|
|
119
|
+
--margin-7: 7px;
|
|
120
|
+
--margin-8: 8px;
|
|
121
|
+
--margin-9: 9px;
|
|
122
|
+
--margin-10: 10px;
|
|
123
|
+
}
|
|
124
|
+
.move-back {
|
|
125
|
+
background: #f5f5f5 !important;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
*::-webkit-scrollbar {
|
|
129
|
+
width: 6px;
|
|
130
|
+
height: 6px;
|
|
131
|
+
background: transparent;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
*::-webkit-scrollbar-thumb {
|
|
135
|
+
background: transparent;
|
|
136
|
+
border-radius: 4px;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
*:hover::-webkit-scrollbar-thumb {
|
|
140
|
+
background: #DDDEE0;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
*:hover::-webkit-scrollbar-track {
|
|
144
|
+
background: transparent;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
//::-webkit-scrollbar {
|
|
148
|
+
// width: 6px;
|
|
149
|
+
// height: 6px;
|
|
150
|
+
//}
|
|
151
|
+
//// 滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。
|
|
152
|
+
//::-webkit-scrollbar-button {
|
|
153
|
+
// display: none;
|
|
154
|
+
//}
|
|
155
|
+
//// 滚动条的轨道(里面装有Thumb)
|
|
156
|
+
//::-webkit-scrollbar-track {
|
|
157
|
+
// background: transparent;
|
|
158
|
+
//}
|
|
159
|
+
//// 滚动条的轨道(里面装有Thumb)
|
|
160
|
+
//::-webkit-scrollbar-track-piece {
|
|
161
|
+
// background-color: transparent;
|
|
162
|
+
//}
|
|
163
|
+
//// 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)
|
|
164
|
+
//::-webkit-scrollbar-thumb {
|
|
165
|
+
// background: #DDDEE0;
|
|
166
|
+
// opacity: var(--el-scrollbar-opacity, .3);
|
|
167
|
+
// transition: var(--el-transition-duration) background-color;
|
|
168
|
+
// cursor: pointer;
|
|
169
|
+
// border-radius: 4px;
|
|
170
|
+
//}
|
|
171
|
+
//::-webkit-scrollbar-thumb:hover {
|
|
172
|
+
// background: #C7C9CC;
|
|
173
|
+
//}
|
|
174
|
+
// 边角,即两个滚动条的交汇处
|
|
175
|
+
::-webkit-scrollbar-corner {
|
|
176
|
+
display: none;
|
|
177
|
+
}
|
|
178
|
+
// 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
|
|
179
|
+
*::-webkit-resizer {
|
|
180
|
+
display: none;
|
|
181
181
|
}
|