wl-design-mobile 0.0.1 → 0.0.2

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 (53) hide show
  1. package/api/doc.js +25 -0
  2. package/api/x1.js +56 -0
  3. package/btn/lambo-big-button.vue +125 -121
  4. package/btn/lambo-button-group.vue +47 -47
  5. package/btn/lambo-medium-button.vue +123 -121
  6. package/btn/lambo-small-button-group.vue +31 -31
  7. package/btn/lambo-small-button-select.vue +53 -53
  8. package/btn/lambo-small-button.vue +123 -121
  9. package/card-item/card-row-icon.vue +0 -1
  10. package/card-item/filtrate-row.vue +1 -0
  11. package/collapse/lambo-collapse.vue +80 -80
  12. package/config/config.js +14 -0
  13. package/detail/lambo-detail-grid.vue +87 -57
  14. package/detail/lambo-detail-row.vue +59 -59
  15. package/doc/file/lambo-file-upload.vue +176 -179
  16. package/doc/file/styles/css/index.css +118 -118
  17. package/doc/img/lambo-img-upload.vue +109 -109
  18. package/edit/list/Lambo-edit-list.vue +90 -90
  19. package/edit/list/lambo-edit-card-group.vue +103 -103
  20. package/edit/select/lambo-edit-date-range.vue +135 -135
  21. package/edit/select/lambo-edit-date-time.vue +105 -0
  22. package/edit/select/lambo-edit-date.vue +108 -108
  23. package/edit/select/lambo-edit-input-textarea.vue +92 -92
  24. package/edit/select/lambo-edit-input.vue +92 -92
  25. package/edit/select/lambo-edit-multi-select.vue +160 -160
  26. package/edit/select/lambo-edit-single-select.vue +153 -153
  27. package/flow/lambo-flow-detail.vue +30 -30
  28. package/flow/lambo-flow-edit.vue +30 -30
  29. package/icon/lambo-required-red-star.vue +47 -47
  30. package/list/lambo-list.vue +1 -1
  31. package/nav/lambo-top-nav.vue +89 -89
  32. package/package.json +4 -2
  33. package/search/lambo-date-range-page.vue +191 -191
  34. package/search/lambo-date-range.vue +107 -107
  35. package/search/lambo-input.vue +74 -74
  36. package/search/lambo-multi-select.vue +125 -125
  37. package/search/lambo-org-select-page.vue +109 -109
  38. package/search/lambo-search-box.vue +55 -55
  39. package/search/lambo-single-select.vue +119 -119
  40. package/styles/base.less +75 -75
  41. package/styles/components/btn.less +7 -7
  42. package/styles/components/search.less +33 -33
  43. package/styles/components/tag.less +181 -181
  44. package/styles/index.less +4 -4
  45. package/tag/lambo-tag.vue +25 -0
  46. package/title/lambo-title1.vue +129 -129
  47. package/title/lambo-title2.vue +37 -37
  48. package/util/assist.js +43 -0
  49. package/util/axios/cacheconf.js +19 -0
  50. package/util/axios/index.js +11 -0
  51. package/util/axios/interceptors.js +101 -0
  52. package/util/bus.js +4 -0
  53. package/util/token.js +36 -0
package/api/doc.js ADDED
@@ -0,0 +1,25 @@
1
+ import config from '../config/config'
2
+ import {axios} from '../util/axios'
3
+
4
+ // Post请求上传文件
5
+ export const fileUploadUrl = config.sclDocServerContext + '/doc/file/put'
6
+
7
+ // Post请求删除文件
8
+ export const fileDeleteUrl = config.sclDocServerContext + '/doc/file/delete'
9
+
10
+ // Get获取文件流
11
+ export const fileGetUrl = config.sclDocServerContext + '/doc/file/get/'
12
+
13
+ /**
14
+ * 删除文件
15
+ *
16
+ * @param docId
17
+ * @returns {Promise<AxiosResponse<any>>}
18
+ */
19
+ export const deleteFile = (docId) => {
20
+ const params = {
21
+ docId
22
+ }
23
+ return axios.post(fileDeleteUrl, null, {params})
24
+ }
25
+
package/api/x1.js ADDED
@@ -0,0 +1,56 @@
1
+ import config from '../config/config'
2
+ import {axios} from '../util/axios'
3
+
4
+ export const getDictList = (dictId) => {
5
+ const params = {
6
+ dictId
7
+ }
8
+ return axios.request({
9
+ url: config.platformServerContext + '/x1/dict/list', method: 'get', params
10
+ })
11
+ }
12
+
13
+ export const getDictMap = (dictId) => {
14
+ const params = {
15
+ dictId
16
+ }
17
+ return axios.request({
18
+ url: config.platformServerContext + '/x1/dict/map', method: 'get', params
19
+ })
20
+ }
21
+
22
+ export const getDictVal = (dictId, dictKey) => {
23
+ const params = {
24
+ dictId, dictKey
25
+ }
26
+ return axios.request({
27
+ url: config.platformServerContext + '/x1/dict/val', method: 'get', params
28
+ })
29
+ }
30
+
31
+ export const getRuleVal = (ruleId, organId) => {
32
+ const params = {
33
+ ruleId, organId
34
+ }
35
+ return axios.request({
36
+ url: config.platformServerContext + '/x1/rule/val', method: 'get', params
37
+ })
38
+ }
39
+
40
+ export const getIdNext = (idKey) => {
41
+ const params = {
42
+ idKey
43
+ }
44
+ return axios.request({
45
+ url: config.platformServerContext + '/x1/id/next', method: 'get', params
46
+ })
47
+ }
48
+
49
+ export const getIdNextOrg = (idKey, orgId) => {
50
+ const params = {
51
+ idKey, orgId
52
+ }
53
+ return axios.request({
54
+ url: config.platformServerContext + '/x1/id/orgNext', method: 'get', params
55
+ })
56
+ }
@@ -1,121 +1,125 @@
1
- <template>
2
- <div class="btns">
3
- <ul class="lambobigbutton-ul">
4
- <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
5
- :type="type" class="LamboBigButton" size="large" @click="handleClick"> {{ text }}
6
- </van-button>
7
- </ul>
8
- </div>
9
- </template>
10
- <script>
11
-
12
- export default {
13
- name: 'LamboBigButton',
14
- components: {},
15
- props: {
16
- type: {
17
- // 填充类型按钮 plain传false type传primary
18
- // 线框类型按钮 plain传true type传info
19
- // 无框类型按钮 plain传false type传default
20
- type: String,
21
- default: 'primary'
22
- },
23
- plain: {
24
- type: Boolean,
25
- default: false
26
- },
27
- text: {
28
- type: String,
29
- default: '大号按钮'
30
- },
31
- position: {
32
- type: String,
33
- default: 'left'
34
- },
35
- disabled: {
36
- type: Boolean,
37
- default: false
38
- },
39
- icon: {
40
- type: String,
41
- default: null
42
- },
43
- loading: {
44
- type: Boolean,
45
- default: false
46
- }
47
- },
48
- data() {
49
- return {}
50
- },
51
- methods: {
52
- handleClick(event) {
53
- this.$emit('click', event);
54
- }
55
- },
56
- created() {
57
-
58
- },
59
- mounted() {
60
-
61
- }
62
- }
63
- </script>
64
- <style scoped>
65
- @import "../styles/index.less";
66
-
67
- .LamboBigButton {
68
- height: 38px;
69
- border-radius: 3px;
70
- }
71
-
72
- /*填充按钮primary类型按钮样式 */
73
- /deep/ .lambobigbutton-ul .van-button--primary {
74
- background: var(--scl-blue);
75
- border: 1px solid var(--scl-blue);
76
- }
77
-
78
- /*填充按钮primary类型不可用按钮样式 */
79
- /deep/ .lambobigbutton-ul .van-button--disabled {
80
- cursor: not-allowed;
81
- opacity: 1;
82
- background-color: var(--scl-gray-6);
83
- color: #000000;
84
- border: 0px solid var(--scl-gray-6);
85
- }
86
-
87
- /*按钮文字样式*/
88
- /deep/ .lambobigbutton-ul .van-button__text {
89
- font-size: 14px;
90
- padding: 10px 0px;
91
- font-family: 微软雅黑, serif Regular;
92
- }
93
-
94
- /*线框按钮按钮样式*/
95
- /deep/ .lambobigbutton-ul .van-button--plain.van-button--info {
96
- color: var(--scl-blue);
97
- border: 1px solid var(--scl-blue);
98
- }
99
-
100
- /*线框按钮不可用按钮样式*/
101
- /deep/ .lambobigbutton-ul .van-button--plain.van-button--info.van-button--disabled {
102
- color: #000000;
103
- border: 1px solid var(--scl-gray-6);
104
- background-color: #ffffff;
105
- }
106
-
107
- /*无框类型按钮样式 */
108
- /deep/ .lambobigbutton-ul .van-button--default {
109
- background: var(--scl-white-1);
110
- border: 1px solid var(--scl-white-1);
111
- color: var(--scl-blue);
112
- }
113
-
114
- /*无框按钮不可用按钮样式*/
115
- /deep/ .lambobigbutton-ul .van-button--default.van-button--disabled {
116
- color: #000000;
117
- border: 1px solid var(--scl-white-1);
118
- background-color: var(--scl-white-1);
119
- }
120
-
121
- </style>
1
+ <template>
2
+ <div class="btns">
3
+ <ul class="lambobigbutton-ul">
4
+ <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
5
+ :type="type" class="LamboBigButton" size="large" @click="handleClick"> {{ title }}
6
+ <slot name="icon"></slot>
7
+ </van-button>
8
+
9
+ </ul>
10
+ </div>
11
+ </template>
12
+ <script>
13
+
14
+ export default {
15
+ name: 'LamboBigButton',
16
+ components: {},
17
+ props: {
18
+ /**
19
+ * 填充类型按钮 plain传false type传primary
20
+ * 线框类型按钮 plain传true type传info
21
+ * 无框类型按钮 plain传false type传default
22
+ */
23
+ type: {
24
+ type: String,
25
+ default: 'primary'
26
+ },
27
+ plain: {
28
+ type: Boolean,
29
+ default: false
30
+ },
31
+ title: {
32
+ type: String,
33
+ default: '大号按钮'
34
+ },
35
+ position: {
36
+ type: String,
37
+ default: 'left'
38
+ },
39
+ disabled: {
40
+ type: Boolean,
41
+ default: false
42
+ },
43
+ icon: {
44
+ type: String,
45
+ default: null
46
+ },
47
+ loading: {
48
+ type: Boolean,
49
+ default: false
50
+ }
51
+ },
52
+ data() {
53
+ return {}
54
+ },
55
+ methods: {
56
+ handleClick(event) {
57
+ this.$emit('click', event);
58
+ }
59
+ },
60
+ created() {
61
+
62
+ },
63
+ mounted() {
64
+
65
+ }
66
+ }
67
+ </script>
68
+ <style scoped>
69
+ @import "../styles/index.less";
70
+
71
+ .LamboBigButton {
72
+ height: 38px;
73
+ border-radius: 3px;
74
+ }
75
+
76
+ /*填充按钮primary类型按钮样式 */
77
+ /deep/ .lambobigbutton-ul .van-button--primary {
78
+ background: var(--scl-blue);
79
+ border: 1px solid var(--scl-blue);
80
+ }
81
+
82
+ /*填充按钮primary类型不可用按钮样式 */
83
+ /deep/ .lambobigbutton-ul .van-button--disabled {
84
+ cursor: not-allowed;
85
+ opacity: 1;
86
+ background-color: var(--scl-gray-6);
87
+ color: #000000;
88
+ border: 0px solid var(--scl-gray-6);
89
+ }
90
+
91
+ /*按钮文字样式*/
92
+ /deep/ .lambobigbutton-ul .van-button__text {
93
+ font-size: 14px;
94
+ padding: 10px 0px;
95
+ font-family: 微软雅黑, serif Regular;
96
+ }
97
+
98
+ /*线框按钮按钮样式*/
99
+ /deep/ .lambobigbutton-ul .van-button--plain.van-button--info {
100
+ color: var(--scl-blue);
101
+ border: 1px solid var(--scl-blue);
102
+ }
103
+
104
+ /*线框按钮不可用按钮样式*/
105
+ /deep/ .lambobigbutton-ul .van-button--plain.van-button--info.van-button--disabled {
106
+ color: #000000;
107
+ border: 1px solid var(--scl-gray-6);
108
+ background-color: #ffffff;
109
+ }
110
+
111
+ /*无框类型按钮样式 */
112
+ /deep/ .lambobigbutton-ul .van-button--default {
113
+ background: var(--scl-white-1);
114
+ border: 1px solid var(--scl-white-1);
115
+ color: var(--scl-blue);
116
+ }
117
+
118
+ /*无框按钮不可用按钮样式*/
119
+ /deep/ .lambobigbutton-ul .van-button--default.van-button--disabled {
120
+ color: #000000;
121
+ border: 1px solid var(--scl-white-1);
122
+ background-color: var(--scl-white-1);
123
+ }
124
+
125
+ </style>
@@ -1,47 +1,47 @@
1
- <template>
2
- <div class="button-group">
3
- <slot name="opt"></slot>
4
- </div>
5
- </template>
6
- <script>
7
-
8
- export default {
9
- name: 'LamboButtonGroup',
10
- components: {},
11
- props: {},
12
- data() {
13
- return {}
14
- },
15
- methods: {},
16
- created() {
17
-
18
- },
19
- mounted() {
20
-
21
- }
22
- }
23
- </script>
24
- <style scoped>
25
- @import "../styles/index.less";
26
-
27
- .button-group {
28
- display: flex;
29
- padding: 0 14px;
30
- background-color: var(--scl-white-1)
31
- }
32
-
33
- .button-group-line {
34
- width: 100%;
35
- height: 1px;
36
- border-bottom: 1px solid var(--scl-white-2);
37
- }
38
-
39
- .button-group /deep/ .btns {
40
- flex: 1;
41
- text-align: center;
42
- }
43
-
44
- .button-group /deep/ .btns:nth-child(n+2) {
45
- border-left: 1px solid var(--scl-white-2);
46
- }
47
- </style>
1
+ <template>
2
+ <div class="button-group">
3
+ <slot name="opt"></slot>
4
+ </div>
5
+ </template>
6
+ <script>
7
+
8
+ export default {
9
+ name: 'LamboButtonGroup',
10
+ components: {},
11
+ props: {},
12
+ data() {
13
+ return {}
14
+ },
15
+ methods: {},
16
+ created() {
17
+
18
+ },
19
+ mounted() {
20
+
21
+ }
22
+ }
23
+ </script>
24
+ <style scoped>
25
+ @import "../styles/index.less";
26
+
27
+ .button-group {
28
+ display: flex;
29
+ padding: 0 14px;
30
+ background-color: var(--scl-white-1)
31
+ }
32
+
33
+ .button-group-line {
34
+ width: 100%;
35
+ height: 1px;
36
+ border-bottom: 1px solid var(--scl-white-2);
37
+ }
38
+
39
+ .button-group /deep/ .btns {
40
+ flex: 1;
41
+ text-align: center;
42
+ }
43
+
44
+ .button-group /deep/ .btns:nth-child(n+2) {
45
+ border-left: 1px solid var(--scl-white-2);
46
+ }
47
+ </style>
@@ -1,121 +1,123 @@
1
- <template>
2
- <div class="btns">
3
- <ul class="lambomediumbutton-ul">
4
- <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
5
- :type="type" class="LamboMediumButton" size="normal" @click="handleClick"> {{ text }}
6
- </van-button>
7
- </ul>
8
- </div>
9
- </template>
10
- <script>
11
-
12
- export default {
13
- name: 'LamboMediumButton',
14
- components: {},
15
- props: {
16
- type: {
17
- // 填充类型按钮 plain传false type传primary
18
- // 线框类型按钮 plain传true type传info
19
- // 无框类型按钮 plain传false type传default
20
- type: String,
21
- default: 'primary'
22
- },
23
- plain: {
24
- type: Boolean,
25
- default: false
26
- },
27
- text: {
28
- type: String,
29
- default: '中号按钮'
30
- },
31
- position: {
32
- type: String,
33
- default: 'left'
34
- },
35
- disabled: {
36
- type: Boolean,
37
- default: false
38
- },
39
- icon: {
40
- type: String,
41
- default: null
42
- },
43
- loading: {
44
- type: Boolean,
45
- default: false
46
- }
47
- },
48
- data() {
49
- return {}
50
- },
51
- methods: {
52
- handleClick(event) {
53
- this.$emit('click', event);
54
- }
55
- },
56
- created() {
57
-
58
- },
59
- mounted() {
60
-
61
- }
62
- }
63
- </script>
64
- <style scoped>
65
- @import "../styles/index.less";
66
-
67
- .LamboMediumButton {
68
- height: 30px;
69
- border-radius: 3px;
70
- }
71
-
72
- /*填充按钮primary类型按钮样式 */
73
- /deep/ .lambomediumbutton-ul .van-button--primary {
74
- background: var(--scl-blue);
75
- border: 1px solid var(--scl-blue);
76
- }
77
-
78
- /*填充按钮primary类型不可用按钮样式 */
79
- /deep/ .lambomediumbutton-ul .van-button--disabled {
80
- cursor: not-allowed;
81
- opacity: 1;
82
- background-color: var(--scl-gray-6);
83
- color: #000000;
84
- border: 0px solid var(--scl-gray-6);
85
- }
86
-
87
- /*按钮文字样式*/
88
- /deep/ .lambomediumbutton-ul .van-button__text {
89
- font-size: 11px;
90
- padding: 10px 0px;
91
- font-family: 微软雅黑, serif Regular;
92
- }
93
-
94
- /*线框按钮按钮样式*/
95
- /deep/ .lambomediumbutton-ul .van-button--plain.van-button--info {
96
- color: var(--scl-blue);
97
- border: 1px solid var(--scl-blue);
98
- }
99
-
100
- /*线框按钮不可用按钮样式*/
101
- /deep/ .lambomediumbutton-ul .van-button--plain.van-button--info.van-button--disabled {
102
- color: #000000;
103
- border: 1px solid var(--scl-gray-6);
104
- background-color: #ffffff;
105
- }
106
-
107
- /*无框类型按钮样式 */
108
- /deep/ .lambomediumbutton-ul .van-button--default {
109
- background: var(--scl-white-1);
110
- border: 1px solid var(--scl-white-1);
111
- color: var(--scl-blue);
112
- }
113
-
114
- /*无框按钮不可用按钮样式*/
115
- /deep/ .lambomediumbutton-ul .van-button--default.van-button--disabled {
116
- color: #000000;
117
- border: 1px solid var(--scl-white-1);
118
- background-color: var(--scl-white-1);
119
- }
120
-
121
- </style>
1
+ <template>
2
+ <div class="btns">
3
+ <ul class="lambomediumbutton-ul">
4
+ <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
5
+ :type="type" class="LamboMediumButton" size="normal" @click="handleClick"> {{ text }}
6
+ </van-button>
7
+ </ul>
8
+ </div>
9
+ </template>
10
+ <script>
11
+
12
+ export default {
13
+ name: 'LamboMediumButton',
14
+ components: {},
15
+ props: {
16
+ /**
17
+ * 填充类型按钮 plain传false type传primary
18
+ * 线框类型按钮 plain传true type传info
19
+ * 无框类型按钮 plain传false type传default
20
+ */
21
+ type: {
22
+ type: String,
23
+ default: 'primary'
24
+ },
25
+ plain: {
26
+ type: Boolean,
27
+ default: false
28
+ },
29
+ text: {
30
+ type: String,
31
+ default: '中号按钮'
32
+ },
33
+ position: {
34
+ type: String,
35
+ default: 'left'
36
+ },
37
+ disabled: {
38
+ type: Boolean,
39
+ default: false
40
+ },
41
+ icon: {
42
+ type: String,
43
+ default: null
44
+ },
45
+ loading: {
46
+ type: Boolean,
47
+ default: false
48
+ }
49
+ },
50
+ data() {
51
+ return {}
52
+ },
53
+ methods: {
54
+ handleClick(event) {
55
+ this.$emit('click', event);
56
+ }
57
+ },
58
+ created() {
59
+
60
+ },
61
+ mounted() {
62
+
63
+ }
64
+ }
65
+ </script>
66
+ <style scoped>
67
+ @import "../styles/index.less";
68
+
69
+ .LamboMediumButton {
70
+ height: 30px;
71
+ border-radius: 3px;
72
+ }
73
+
74
+ /*填充按钮primary类型按钮样式 */
75
+ /deep/ .lambomediumbutton-ul .van-button--primary {
76
+ background: var(--scl-blue);
77
+ border: 1px solid var(--scl-blue);
78
+ }
79
+
80
+ /*填充按钮primary类型不可用按钮样式 */
81
+ /deep/ .lambomediumbutton-ul .van-button--disabled {
82
+ cursor: not-allowed;
83
+ opacity: 1;
84
+ background-color: var(--scl-gray-6);
85
+ color: #000000;
86
+ border: 0px solid var(--scl-gray-6);
87
+ }
88
+
89
+ /*按钮文字样式*/
90
+ /deep/ .lambomediumbutton-ul .van-button__text {
91
+ font-size: 11px;
92
+ padding: 10px 0px;
93
+ font-family: 微软雅黑, serif Regular;
94
+ }
95
+
96
+ /*线框按钮按钮样式*/
97
+ /deep/ .lambomediumbutton-ul .van-button--plain.van-button--info {
98
+ color: var(--scl-blue);
99
+ border: 1px solid var(--scl-blue);
100
+ }
101
+
102
+ /*线框按钮不可用按钮样式*/
103
+ /deep/ .lambomediumbutton-ul .van-button--plain.van-button--info.van-button--disabled {
104
+ color: #000000;
105
+ border: 1px solid var(--scl-gray-6);
106
+ background-color: #ffffff;
107
+ }
108
+
109
+ /*无框类型按钮样式 */
110
+ /deep/ .lambomediumbutton-ul .van-button--default {
111
+ background: var(--scl-white-1);
112
+ border: 1px solid var(--scl-white-1);
113
+ color: var(--scl-blue);
114
+ }
115
+
116
+ /*无框按钮不可用按钮样式*/
117
+ /deep/ .lambomediumbutton-ul .van-button--default.van-button--disabled {
118
+ color: #000000;
119
+ border: 1px solid var(--scl-white-1);
120
+ background-color: var(--scl-white-1);
121
+ }
122
+
123
+ </style>