@cmstops/pro-compo 0.3.75 → 0.3.77
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/dist/index.css +17 -12
- package/dist/index.min.css +1 -1
- package/es/appCenter/style/index.css +2 -0
- package/es/appCenter/style/index.less +2 -0
- package/es/contentDetailList/components/CustomWrp/CustomItem.js +2 -2
- package/es/contentDetailList/style/CustomItem.less +7 -0
- package/es/contentDetailList/style/index.css +6 -0
- package/es/index.css +17 -12
- package/es/messageBox/list.js +9 -4
- package/es/messageBox/style/index.css +9 -12
- package/es/messageBox/style/index.less +20 -15
- package/es/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js +3 -3
- package/lib/appCenter/style/index.css +2 -0
- package/lib/appCenter/style/index.less +2 -0
- package/lib/contentDetailList/components/CustomWrp/CustomItem.js +2 -2
- package/lib/contentDetailList/style/CustomItem.less +7 -0
- package/lib/contentDetailList/style/index.css +6 -0
- package/lib/index.css +17 -12
- package/lib/messageBox/list.js +9 -4
- package/lib/messageBox/style/index.css +9 -12
- package/lib/messageBox/style/index.less +20 -15
- package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js +2 -2
- package/package.json +1 -1
|
@@ -1305,6 +1305,12 @@
|
|
|
1305
1305
|
width: 18px;
|
|
1306
1306
|
height: 18px;
|
|
1307
1307
|
}
|
|
1308
|
+
.abttr-content span {
|
|
1309
|
+
width: 90%;
|
|
1310
|
+
overflow: hidden;
|
|
1311
|
+
white-space: nowrap;
|
|
1312
|
+
text-overflow: ellipsis;
|
|
1313
|
+
}
|
|
1308
1314
|
.gray-for-state-hide {
|
|
1309
1315
|
-webkit-filter: grayscale(100%);
|
|
1310
1316
|
-moz-filter: grayscale(100%);
|
package/es/index.css
CHANGED
|
@@ -6,7 +6,9 @@
|
|
|
6
6
|
}
|
|
7
7
|
.apps-box-popover {
|
|
8
8
|
position: relative;
|
|
9
|
+
max-height: 600px;
|
|
9
10
|
padding: 10px;
|
|
11
|
+
overflow-y: scroll;
|
|
10
12
|
}
|
|
11
13
|
.app-title {
|
|
12
14
|
padding: 0 15px;
|
|
@@ -92,22 +94,22 @@
|
|
|
92
94
|
display: none;
|
|
93
95
|
}
|
|
94
96
|
.reference-btn {
|
|
95
|
-
border: none;
|
|
96
97
|
padding: 12px 16px;
|
|
97
|
-
border-radius: 4px;
|
|
98
98
|
color: #5f5f5f;
|
|
99
|
+
border: none;
|
|
100
|
+
border-radius: 4px;
|
|
99
101
|
}
|
|
100
102
|
.message-boxs-popover {
|
|
101
|
-
width: 435px;
|
|
102
103
|
position: relative;
|
|
104
|
+
width: 435px;
|
|
103
105
|
}
|
|
104
106
|
.message-boxs-popover .arco-tabs-content {
|
|
105
107
|
padding-top: 0;
|
|
106
108
|
}
|
|
107
109
|
.message-boxs-popover .msg-scroll-bar {
|
|
110
|
+
display: block;
|
|
108
111
|
height: 80vh;
|
|
109
112
|
overflow-y: auto;
|
|
110
|
-
display: block;
|
|
111
113
|
}
|
|
112
114
|
.message-boxs-popover .message-list {
|
|
113
115
|
margin: 0;
|
|
@@ -116,14 +118,14 @@
|
|
|
116
118
|
}
|
|
117
119
|
.message-boxs-popover .message-item {
|
|
118
120
|
padding: 16px;
|
|
119
|
-
padding-bottom:
|
|
121
|
+
padding-bottom: 0;
|
|
120
122
|
}
|
|
121
123
|
.message-boxs-popover .message-item:last-child .message-body {
|
|
122
124
|
border-bottom: none;
|
|
123
125
|
}
|
|
124
126
|
.message-boxs-popover .message-item .message-body {
|
|
125
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
126
127
|
padding-bottom: 16px;
|
|
128
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
127
129
|
}
|
|
128
130
|
.message-boxs-popover .message-item .message-body .media-message-content {
|
|
129
131
|
width: 100%;
|
|
@@ -132,9 +134,9 @@
|
|
|
132
134
|
display: flex;
|
|
133
135
|
align-items: center;
|
|
134
136
|
justify-content: space-between;
|
|
135
|
-
font-size: 12px;
|
|
136
|
-
color: #4e5969;
|
|
137
137
|
margin-bottom: 18px;
|
|
138
|
+
color: #4e5969;
|
|
139
|
+
font-size: 12px;
|
|
138
140
|
}
|
|
139
141
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info {
|
|
140
142
|
display: flex;
|
|
@@ -146,15 +148,12 @@
|
|
|
146
148
|
}
|
|
147
149
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
|
|
148
150
|
overflow: hidden;
|
|
149
|
-
text-overflow: ellipsis;
|
|
150
151
|
white-space: nowrap;
|
|
152
|
+
text-overflow: ellipsis;
|
|
151
153
|
}
|
|
152
154
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
|
|
153
155
|
margin-right: 4px;
|
|
154
156
|
}
|
|
155
|
-
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
|
|
156
|
-
text-decoration: underline;
|
|
157
|
-
}
|
|
158
157
|
.user-avater-content-info {
|
|
159
158
|
width: 328px;
|
|
160
159
|
display: flex;
|
|
@@ -3339,6 +3338,12 @@
|
|
|
3339
3338
|
width: 18px;
|
|
3340
3339
|
height: 18px;
|
|
3341
3340
|
}
|
|
3341
|
+
.abttr-content span {
|
|
3342
|
+
width: 90%;
|
|
3343
|
+
overflow: hidden;
|
|
3344
|
+
white-space: nowrap;
|
|
3345
|
+
text-overflow: ellipsis;
|
|
3346
|
+
}
|
|
3342
3347
|
.gray-for-state-hide {
|
|
3343
3348
|
-webkit-filter: grayscale(100%);
|
|
3344
3349
|
-moz-filter: grayscale(100%);
|
package/es/messageBox/list.js
CHANGED
|
@@ -45,10 +45,14 @@ const _sfc_main = defineComponent({
|
|
|
45
45
|
});
|
|
46
46
|
const approvalStateMapText = ref({
|
|
47
47
|
approval_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
|
|
48
|
-
|
|
48
|
+
approval_submit_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
|
|
49
|
+
approval_cc_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u6284\u9001\u7ED9\u60A8", show_user_alias: true },
|
|
49
50
|
approval_pass: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5DF2\u5BA1\u6838\u901A\u8FC7" },
|
|
50
51
|
approval_fail: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE" },
|
|
51
|
-
approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" }
|
|
52
|
+
approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" },
|
|
53
|
+
attachment_reminder: { label: "\u7D20\u6750\u901A\u77E5" },
|
|
54
|
+
notice_user_update_pwd: { label: "\u8D26\u53F7\u5B89\u5168\u901A\u77E5" },
|
|
55
|
+
license_expire_notice: { label: "license\u8FC7\u671F\u63D0\u9192" }
|
|
52
56
|
});
|
|
53
57
|
const openApprovalDetail = (msg) => {
|
|
54
58
|
};
|
|
@@ -75,6 +79,7 @@ const _sfc_main = defineComponent({
|
|
|
75
79
|
default: withCtx(() => [
|
|
76
80
|
listData.value.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2, [
|
|
77
81
|
(openBlock(true), createElementBlock(Fragment, null, renderList(listData.value, (item) => {
|
|
82
|
+
var _a, _b;
|
|
78
83
|
return openBlock(), createElementBlock("li", {
|
|
79
84
|
key: "list_" + item.msg.nid,
|
|
80
85
|
class: "message-item"
|
|
@@ -84,8 +89,8 @@ const _sfc_main = defineComponent({
|
|
|
84
89
|
createElementVNode("div", _hoisted_4, [
|
|
85
90
|
createElementVNode("div", _hoisted_5, [
|
|
86
91
|
createElementVNode("span", _hoisted_6, [
|
|
87
|
-
approvalStateMapText.value[item.msg.t].show_user_alias ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.msg.alias), 1)) : createCommentVNode("v-if", true),
|
|
88
|
-
createTextVNode(" " + toDisplayString(approvalStateMapText.value[item.msg.t].label), 1)
|
|
92
|
+
((_a = approvalStateMapText.value[item.msg.t]) == null ? void 0 : _a.show_user_alias) || "\u672A\u77E5\u63D0\u9192" ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.msg.alias), 1)) : createCommentVNode("v-if", true),
|
|
93
|
+
createTextVNode(" " + toDisplayString(((_b = approvalStateMapText.value[item.msg.t]) == null ? void 0 : _b.label) || "\u672A\u77E5\u6807\u9898"), 1)
|
|
89
94
|
]),
|
|
90
95
|
createElementVNode("span", _hoisted_8, toDisplayString(item.msg.time), 1)
|
|
91
96
|
]),
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
.reference-btn {
|
|
2
|
-
border: none;
|
|
3
2
|
padding: 12px 16px;
|
|
4
|
-
border-radius: 4px;
|
|
5
3
|
color: #5f5f5f;
|
|
4
|
+
border: none;
|
|
5
|
+
border-radius: 4px;
|
|
6
6
|
}
|
|
7
7
|
.message-boxs-popover {
|
|
8
|
-
width: 435px;
|
|
9
8
|
position: relative;
|
|
9
|
+
width: 435px;
|
|
10
10
|
}
|
|
11
11
|
.message-boxs-popover .arco-tabs-content {
|
|
12
12
|
padding-top: 0;
|
|
13
13
|
}
|
|
14
14
|
.message-boxs-popover .msg-scroll-bar {
|
|
15
|
+
display: block;
|
|
15
16
|
height: 80vh;
|
|
16
17
|
overflow-y: auto;
|
|
17
|
-
display: block;
|
|
18
18
|
}
|
|
19
19
|
.message-boxs-popover .message-list {
|
|
20
20
|
margin: 0;
|
|
@@ -23,14 +23,14 @@
|
|
|
23
23
|
}
|
|
24
24
|
.message-boxs-popover .message-item {
|
|
25
25
|
padding: 16px;
|
|
26
|
-
padding-bottom:
|
|
26
|
+
padding-bottom: 0;
|
|
27
27
|
}
|
|
28
28
|
.message-boxs-popover .message-item:last-child .message-body {
|
|
29
29
|
border-bottom: none;
|
|
30
30
|
}
|
|
31
31
|
.message-boxs-popover .message-item .message-body {
|
|
32
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
33
32
|
padding-bottom: 16px;
|
|
33
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
34
34
|
}
|
|
35
35
|
.message-boxs-popover .message-item .message-body .media-message-content {
|
|
36
36
|
width: 100%;
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
display: flex;
|
|
40
40
|
align-items: center;
|
|
41
41
|
justify-content: space-between;
|
|
42
|
-
font-size: 12px;
|
|
43
|
-
color: #4e5969;
|
|
44
42
|
margin-bottom: 18px;
|
|
43
|
+
color: #4e5969;
|
|
44
|
+
font-size: 12px;
|
|
45
45
|
}
|
|
46
46
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info {
|
|
47
47
|
display: flex;
|
|
@@ -53,12 +53,9 @@
|
|
|
53
53
|
}
|
|
54
54
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
|
|
55
55
|
overflow: hidden;
|
|
56
|
-
text-overflow: ellipsis;
|
|
57
56
|
white-space: nowrap;
|
|
57
|
+
text-overflow: ellipsis;
|
|
58
58
|
}
|
|
59
59
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
|
|
60
60
|
margin-right: 4px;
|
|
61
61
|
}
|
|
62
|
-
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
|
|
63
|
-
text-decoration: underline;
|
|
64
|
-
}
|
|
@@ -1,25 +1,24 @@
|
|
|
1
1
|
.reference-btn {
|
|
2
|
-
border: none;
|
|
3
2
|
padding: 12px 16px;
|
|
4
|
-
border-radius: 4px;
|
|
5
3
|
color: #5f5f5f;
|
|
4
|
+
border: none;
|
|
5
|
+
border-radius: 4px;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.message-boxs-popover {
|
|
9
|
-
width: 435px;
|
|
10
9
|
position: relative;
|
|
10
|
+
width: 435px;
|
|
11
11
|
// padding: 10px;
|
|
12
|
-
|
|
13
12
|
.arco-tabs-content {
|
|
14
13
|
padding-top: 0;
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
.msg-scroll-bar {
|
|
17
|
+
display: block;
|
|
18
18
|
height: 80vh;
|
|
19
19
|
overflow-y: auto;
|
|
20
|
-
display: block;
|
|
21
20
|
}
|
|
22
|
-
|
|
21
|
+
|
|
23
22
|
.message-list {
|
|
24
23
|
margin: 0;
|
|
25
24
|
padding: 0;
|
|
@@ -28,24 +27,28 @@
|
|
|
28
27
|
|
|
29
28
|
.message-item {
|
|
30
29
|
padding: 16px;
|
|
31
|
-
padding-bottom:
|
|
30
|
+
padding-bottom: 0;
|
|
31
|
+
|
|
32
32
|
&:last-child .message-body {
|
|
33
33
|
border-bottom: none;
|
|
34
34
|
}
|
|
35
|
+
|
|
35
36
|
.message-body {
|
|
36
|
-
border-bottom: 1px solid rgba(0,0,0,.05);
|
|
37
37
|
padding-bottom: 16px;
|
|
38
|
-
|
|
38
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
39
|
+
|
|
39
40
|
.media-message-content {
|
|
40
41
|
width: 100%;
|
|
42
|
+
|
|
41
43
|
.message-content {
|
|
42
44
|
display: flex;
|
|
43
45
|
align-items: center;
|
|
44
46
|
justify-content: space-between;
|
|
45
|
-
font-size: 12px;
|
|
46
|
-
color: #4e5969;
|
|
47
47
|
margin-bottom: 18px;
|
|
48
|
+
color: #4e5969;
|
|
49
|
+
font-size: 12px;
|
|
48
50
|
}
|
|
51
|
+
|
|
49
52
|
.message-info {
|
|
50
53
|
display: flex;
|
|
51
54
|
align-items: center;
|
|
@@ -53,16 +56,18 @@
|
|
|
53
56
|
color: #1d2129;
|
|
54
57
|
font-size: 14px;
|
|
55
58
|
line-height: 14px;
|
|
59
|
+
|
|
56
60
|
.message-media-title {
|
|
57
61
|
overflow: hidden;
|
|
58
|
-
text-overflow: ellipsis;
|
|
59
62
|
white-space: nowrap;
|
|
63
|
+
text-overflow: ellipsis;
|
|
64
|
+
|
|
60
65
|
.icon {
|
|
61
66
|
margin-right: 4px;
|
|
62
67
|
}
|
|
63
|
-
&:hover {
|
|
64
|
-
|
|
65
|
-
}
|
|
68
|
+
// &:hover {
|
|
69
|
+
// text-decoration: underline;
|
|
70
|
+
// }
|
|
66
71
|
}
|
|
67
72
|
}
|
|
68
73
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString,
|
|
1
|
+
import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, createTextVNode } from "vue";
|
|
2
2
|
import _imports_0 from "../../../../assets/images/sys_load_more.js";
|
|
3
3
|
import { Tooltip } from "@arco-design/web-vue";
|
|
4
4
|
import _sfc_main$1 from "../../MainContent/FileTypeThumb/index.js";
|
|
@@ -89,12 +89,12 @@ const _sfc_main = defineComponent({
|
|
|
89
89
|
showMore.value ? (openBlock(), createElementBlock("div", {
|
|
90
90
|
key: 0,
|
|
91
91
|
class: "item-load-more",
|
|
92
|
-
style:
|
|
92
|
+
style: { width: "calc(20% - 20px)" },
|
|
93
93
|
onClick: loadMore
|
|
94
94
|
}, [
|
|
95
95
|
_hoisted_3,
|
|
96
96
|
createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
|
|
97
|
-
]
|
|
97
|
+
])) : createCommentVNode("v-if", true)
|
|
98
98
|
])
|
|
99
99
|
], 2112);
|
|
100
100
|
};
|
|
@@ -121,11 +121,11 @@ const _sfc_main = vue.defineComponent({
|
|
|
121
121
|
}, [
|
|
122
122
|
vue.createVNode(vue.unref(webVue.Tooltip), {
|
|
123
123
|
content: `${attr.label}: ${attr.value}`,
|
|
124
|
-
|
|
124
|
+
position: "tl"
|
|
125
125
|
}, {
|
|
126
126
|
default: vue.withCtx(() => [
|
|
127
127
|
vue.createElementVNode("div", _hoisted_8, [
|
|
128
|
-
attr.topic ? (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconTopic), { key: 0 })) : vue.createCommentVNode("v-if", true),
|
|
128
|
+
attr.topic && attr.value ? (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconTopic), { key: 0 })) : vue.createCommentVNode("v-if", true),
|
|
129
129
|
vue.createElementVNode("span", null, vue.toDisplayString(attr.value || "--"), 1)
|
|
130
130
|
])
|
|
131
131
|
]),
|
|
@@ -1305,6 +1305,12 @@
|
|
|
1305
1305
|
width: 18px;
|
|
1306
1306
|
height: 18px;
|
|
1307
1307
|
}
|
|
1308
|
+
.abttr-content span {
|
|
1309
|
+
width: 90%;
|
|
1310
|
+
overflow: hidden;
|
|
1311
|
+
white-space: nowrap;
|
|
1312
|
+
text-overflow: ellipsis;
|
|
1313
|
+
}
|
|
1308
1314
|
.gray-for-state-hide {
|
|
1309
1315
|
-webkit-filter: grayscale(100%);
|
|
1310
1316
|
-moz-filter: grayscale(100%);
|
package/lib/index.css
CHANGED
|
@@ -6,7 +6,9 @@
|
|
|
6
6
|
}
|
|
7
7
|
.apps-box-popover {
|
|
8
8
|
position: relative;
|
|
9
|
+
max-height: 600px;
|
|
9
10
|
padding: 10px;
|
|
11
|
+
overflow-y: scroll;
|
|
10
12
|
}
|
|
11
13
|
.app-title {
|
|
12
14
|
padding: 0 15px;
|
|
@@ -92,22 +94,22 @@
|
|
|
92
94
|
display: none;
|
|
93
95
|
}
|
|
94
96
|
.reference-btn {
|
|
95
|
-
border: none;
|
|
96
97
|
padding: 12px 16px;
|
|
97
|
-
border-radius: 4px;
|
|
98
98
|
color: #5f5f5f;
|
|
99
|
+
border: none;
|
|
100
|
+
border-radius: 4px;
|
|
99
101
|
}
|
|
100
102
|
.message-boxs-popover {
|
|
101
|
-
width: 435px;
|
|
102
103
|
position: relative;
|
|
104
|
+
width: 435px;
|
|
103
105
|
}
|
|
104
106
|
.message-boxs-popover .arco-tabs-content {
|
|
105
107
|
padding-top: 0;
|
|
106
108
|
}
|
|
107
109
|
.message-boxs-popover .msg-scroll-bar {
|
|
110
|
+
display: block;
|
|
108
111
|
height: 80vh;
|
|
109
112
|
overflow-y: auto;
|
|
110
|
-
display: block;
|
|
111
113
|
}
|
|
112
114
|
.message-boxs-popover .message-list {
|
|
113
115
|
margin: 0;
|
|
@@ -116,14 +118,14 @@
|
|
|
116
118
|
}
|
|
117
119
|
.message-boxs-popover .message-item {
|
|
118
120
|
padding: 16px;
|
|
119
|
-
padding-bottom:
|
|
121
|
+
padding-bottom: 0;
|
|
120
122
|
}
|
|
121
123
|
.message-boxs-popover .message-item:last-child .message-body {
|
|
122
124
|
border-bottom: none;
|
|
123
125
|
}
|
|
124
126
|
.message-boxs-popover .message-item .message-body {
|
|
125
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
126
127
|
padding-bottom: 16px;
|
|
128
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
127
129
|
}
|
|
128
130
|
.message-boxs-popover .message-item .message-body .media-message-content {
|
|
129
131
|
width: 100%;
|
|
@@ -132,9 +134,9 @@
|
|
|
132
134
|
display: flex;
|
|
133
135
|
align-items: center;
|
|
134
136
|
justify-content: space-between;
|
|
135
|
-
font-size: 12px;
|
|
136
|
-
color: #4e5969;
|
|
137
137
|
margin-bottom: 18px;
|
|
138
|
+
color: #4e5969;
|
|
139
|
+
font-size: 12px;
|
|
138
140
|
}
|
|
139
141
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info {
|
|
140
142
|
display: flex;
|
|
@@ -146,15 +148,12 @@
|
|
|
146
148
|
}
|
|
147
149
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
|
|
148
150
|
overflow: hidden;
|
|
149
|
-
text-overflow: ellipsis;
|
|
150
151
|
white-space: nowrap;
|
|
152
|
+
text-overflow: ellipsis;
|
|
151
153
|
}
|
|
152
154
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
|
|
153
155
|
margin-right: 4px;
|
|
154
156
|
}
|
|
155
|
-
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
|
|
156
|
-
text-decoration: underline;
|
|
157
|
-
}
|
|
158
157
|
.user-avater-content-info {
|
|
159
158
|
width: 328px;
|
|
160
159
|
display: flex;
|
|
@@ -3339,6 +3338,12 @@
|
|
|
3339
3338
|
width: 18px;
|
|
3340
3339
|
height: 18px;
|
|
3341
3340
|
}
|
|
3341
|
+
.abttr-content span {
|
|
3342
|
+
width: 90%;
|
|
3343
|
+
overflow: hidden;
|
|
3344
|
+
white-space: nowrap;
|
|
3345
|
+
text-overflow: ellipsis;
|
|
3346
|
+
}
|
|
3342
3347
|
.gray-for-state-hide {
|
|
3343
3348
|
-webkit-filter: grayscale(100%);
|
|
3344
3349
|
-moz-filter: grayscale(100%);
|
package/lib/messageBox/list.js
CHANGED
|
@@ -46,10 +46,14 @@ const _sfc_main = vue.defineComponent({
|
|
|
46
46
|
});
|
|
47
47
|
const approvalStateMapText = vue.ref({
|
|
48
48
|
approval_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
|
|
49
|
-
|
|
49
|
+
approval_submit_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
|
|
50
|
+
approval_cc_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u6284\u9001\u7ED9\u60A8", show_user_alias: true },
|
|
50
51
|
approval_pass: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5DF2\u5BA1\u6838\u901A\u8FC7" },
|
|
51
52
|
approval_fail: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE" },
|
|
52
|
-
approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" }
|
|
53
|
+
approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" },
|
|
54
|
+
attachment_reminder: { label: "\u7D20\u6750\u901A\u77E5" },
|
|
55
|
+
notice_user_update_pwd: { label: "\u8D26\u53F7\u5B89\u5168\u901A\u77E5" },
|
|
56
|
+
license_expire_notice: { label: "license\u8FC7\u671F\u63D0\u9192" }
|
|
53
57
|
});
|
|
54
58
|
const openApprovalDetail = (msg) => {
|
|
55
59
|
};
|
|
@@ -76,6 +80,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
76
80
|
default: vue.withCtx(() => [
|
|
77
81
|
listData.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2, [
|
|
78
82
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(listData.value, (item) => {
|
|
83
|
+
var _a, _b;
|
|
79
84
|
return vue.openBlock(), vue.createElementBlock("li", {
|
|
80
85
|
key: "list_" + item.msg.nid,
|
|
81
86
|
class: "message-item"
|
|
@@ -85,8 +90,8 @@ const _sfc_main = vue.defineComponent({
|
|
|
85
90
|
vue.createElementVNode("div", _hoisted_4, [
|
|
86
91
|
vue.createElementVNode("div", _hoisted_5, [
|
|
87
92
|
vue.createElementVNode("span", _hoisted_6, [
|
|
88
|
-
approvalStateMapText.value[item.msg.t].show_user_alias ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(item.msg.alias), 1)) : vue.createCommentVNode("v-if", true),
|
|
89
|
-
vue.createTextVNode(" " + vue.toDisplayString(approvalStateMapText.value[item.msg.t].label), 1)
|
|
93
|
+
((_a = approvalStateMapText.value[item.msg.t]) == null ? void 0 : _a.show_user_alias) || "\u672A\u77E5\u63D0\u9192" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(item.msg.alias), 1)) : vue.createCommentVNode("v-if", true),
|
|
94
|
+
vue.createTextVNode(" " + vue.toDisplayString(((_b = approvalStateMapText.value[item.msg.t]) == null ? void 0 : _b.label) || "\u672A\u77E5\u6807\u9898"), 1)
|
|
90
95
|
]),
|
|
91
96
|
vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.msg.time), 1)
|
|
92
97
|
]),
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
.reference-btn {
|
|
2
|
-
border: none;
|
|
3
2
|
padding: 12px 16px;
|
|
4
|
-
border-radius: 4px;
|
|
5
3
|
color: #5f5f5f;
|
|
4
|
+
border: none;
|
|
5
|
+
border-radius: 4px;
|
|
6
6
|
}
|
|
7
7
|
.message-boxs-popover {
|
|
8
|
-
width: 435px;
|
|
9
8
|
position: relative;
|
|
9
|
+
width: 435px;
|
|
10
10
|
}
|
|
11
11
|
.message-boxs-popover .arco-tabs-content {
|
|
12
12
|
padding-top: 0;
|
|
13
13
|
}
|
|
14
14
|
.message-boxs-popover .msg-scroll-bar {
|
|
15
|
+
display: block;
|
|
15
16
|
height: 80vh;
|
|
16
17
|
overflow-y: auto;
|
|
17
|
-
display: block;
|
|
18
18
|
}
|
|
19
19
|
.message-boxs-popover .message-list {
|
|
20
20
|
margin: 0;
|
|
@@ -23,14 +23,14 @@
|
|
|
23
23
|
}
|
|
24
24
|
.message-boxs-popover .message-item {
|
|
25
25
|
padding: 16px;
|
|
26
|
-
padding-bottom:
|
|
26
|
+
padding-bottom: 0;
|
|
27
27
|
}
|
|
28
28
|
.message-boxs-popover .message-item:last-child .message-body {
|
|
29
29
|
border-bottom: none;
|
|
30
30
|
}
|
|
31
31
|
.message-boxs-popover .message-item .message-body {
|
|
32
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
33
32
|
padding-bottom: 16px;
|
|
33
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
34
34
|
}
|
|
35
35
|
.message-boxs-popover .message-item .message-body .media-message-content {
|
|
36
36
|
width: 100%;
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
display: flex;
|
|
40
40
|
align-items: center;
|
|
41
41
|
justify-content: space-between;
|
|
42
|
-
font-size: 12px;
|
|
43
|
-
color: #4e5969;
|
|
44
42
|
margin-bottom: 18px;
|
|
43
|
+
color: #4e5969;
|
|
44
|
+
font-size: 12px;
|
|
45
45
|
}
|
|
46
46
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info {
|
|
47
47
|
display: flex;
|
|
@@ -53,12 +53,9 @@
|
|
|
53
53
|
}
|
|
54
54
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
|
|
55
55
|
overflow: hidden;
|
|
56
|
-
text-overflow: ellipsis;
|
|
57
56
|
white-space: nowrap;
|
|
57
|
+
text-overflow: ellipsis;
|
|
58
58
|
}
|
|
59
59
|
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
|
|
60
60
|
margin-right: 4px;
|
|
61
61
|
}
|
|
62
|
-
.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
|
|
63
|
-
text-decoration: underline;
|
|
64
|
-
}
|
|
@@ -1,25 +1,24 @@
|
|
|
1
1
|
.reference-btn {
|
|
2
|
-
border: none;
|
|
3
2
|
padding: 12px 16px;
|
|
4
|
-
border-radius: 4px;
|
|
5
3
|
color: #5f5f5f;
|
|
4
|
+
border: none;
|
|
5
|
+
border-radius: 4px;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.message-boxs-popover {
|
|
9
|
-
width: 435px;
|
|
10
9
|
position: relative;
|
|
10
|
+
width: 435px;
|
|
11
11
|
// padding: 10px;
|
|
12
|
-
|
|
13
12
|
.arco-tabs-content {
|
|
14
13
|
padding-top: 0;
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
.msg-scroll-bar {
|
|
17
|
+
display: block;
|
|
18
18
|
height: 80vh;
|
|
19
19
|
overflow-y: auto;
|
|
20
|
-
display: block;
|
|
21
20
|
}
|
|
22
|
-
|
|
21
|
+
|
|
23
22
|
.message-list {
|
|
24
23
|
margin: 0;
|
|
25
24
|
padding: 0;
|
|
@@ -28,24 +27,28 @@
|
|
|
28
27
|
|
|
29
28
|
.message-item {
|
|
30
29
|
padding: 16px;
|
|
31
|
-
padding-bottom:
|
|
30
|
+
padding-bottom: 0;
|
|
31
|
+
|
|
32
32
|
&:last-child .message-body {
|
|
33
33
|
border-bottom: none;
|
|
34
34
|
}
|
|
35
|
+
|
|
35
36
|
.message-body {
|
|
36
|
-
border-bottom: 1px solid rgba(0,0,0,.05);
|
|
37
37
|
padding-bottom: 16px;
|
|
38
|
-
|
|
38
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
39
|
+
|
|
39
40
|
.media-message-content {
|
|
40
41
|
width: 100%;
|
|
42
|
+
|
|
41
43
|
.message-content {
|
|
42
44
|
display: flex;
|
|
43
45
|
align-items: center;
|
|
44
46
|
justify-content: space-between;
|
|
45
|
-
font-size: 12px;
|
|
46
|
-
color: #4e5969;
|
|
47
47
|
margin-bottom: 18px;
|
|
48
|
+
color: #4e5969;
|
|
49
|
+
font-size: 12px;
|
|
48
50
|
}
|
|
51
|
+
|
|
49
52
|
.message-info {
|
|
50
53
|
display: flex;
|
|
51
54
|
align-items: center;
|
|
@@ -53,16 +56,18 @@
|
|
|
53
56
|
color: #1d2129;
|
|
54
57
|
font-size: 14px;
|
|
55
58
|
line-height: 14px;
|
|
59
|
+
|
|
56
60
|
.message-media-title {
|
|
57
61
|
overflow: hidden;
|
|
58
|
-
text-overflow: ellipsis;
|
|
59
62
|
white-space: nowrap;
|
|
63
|
+
text-overflow: ellipsis;
|
|
64
|
+
|
|
60
65
|
.icon {
|
|
61
66
|
margin-right: 4px;
|
|
62
67
|
}
|
|
63
|
-
&:hover {
|
|
64
|
-
|
|
65
|
-
}
|
|
68
|
+
// &:hover {
|
|
69
|
+
// text-decoration: underline;
|
|
70
|
+
// }
|
|
66
71
|
}
|
|
67
72
|
}
|
|
68
73
|
}
|