@uxda/appkit 1.2.66 → 1.2.68
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/appkit.css +112 -3
- package/dist/index.js +45 -25
- package/package.json +1 -1
- package/src/notice/components/NoticeEntry.vue +5 -5
- package/src/notice/components/NoticeList.vue +33 -2
package/dist/appkit.css
CHANGED
|
@@ -1,3 +1,92 @@
|
|
|
1
|
+
.user-entry {
|
|
2
|
+
position: absolute;
|
|
3
|
+
left: 0;
|
|
4
|
+
top: 130px;
|
|
5
|
+
transform: translateY(-50%);
|
|
6
|
+
display: flex;
|
|
7
|
+
padding: 0 22px;
|
|
8
|
+
align-items: center;
|
|
9
|
+
width: 100%;
|
|
10
|
+
}
|
|
11
|
+
.user-entry-head {
|
|
12
|
+
width: 65px;
|
|
13
|
+
height: 65px;
|
|
14
|
+
border-radius: 50%;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
margin-right: 5px;
|
|
17
|
+
}
|
|
18
|
+
.user-entry-head-img {
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
}
|
|
22
|
+
.user-entry-bd {
|
|
23
|
+
color: #fff;
|
|
24
|
+
}
|
|
25
|
+
.user-entry-bd-bigtxt {
|
|
26
|
+
display: flex;
|
|
27
|
+
align-items: center;
|
|
28
|
+
font-size: 20px;
|
|
29
|
+
font-weight: 500;
|
|
30
|
+
line-height: 28px;
|
|
31
|
+
margin-left: 15px;
|
|
32
|
+
}
|
|
33
|
+
.user-entry-bd-bigtxt-icon {
|
|
34
|
+
width: 20px;
|
|
35
|
+
}
|
|
36
|
+
.user-entry-bd-txt {
|
|
37
|
+
font-size: 20px;
|
|
38
|
+
font-weight: 500;
|
|
39
|
+
line-height: 25px;
|
|
40
|
+
}
|
|
41
|
+
.user-entry-bd-smalltxt {
|
|
42
|
+
margin-top: 0;
|
|
43
|
+
font-size: 15px;
|
|
44
|
+
line-height: 21px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
.user-feedback {
|
|
49
|
+
margin: 10px 12px;
|
|
50
|
+
border-radius: 5px;
|
|
51
|
+
background: #fff;
|
|
52
|
+
padding: 10px;
|
|
53
|
+
}
|
|
54
|
+
.user-feedback-head {
|
|
55
|
+
color: #f2f9ff;
|
|
56
|
+
padding: 15px;
|
|
57
|
+
border-radius: 2px;
|
|
58
|
+
font-size: 12px;
|
|
59
|
+
margin-bottom: 8px;
|
|
60
|
+
}
|
|
61
|
+
.user-feedback-tit {
|
|
62
|
+
height: 44px;
|
|
63
|
+
display: flex;
|
|
64
|
+
align-items: center;
|
|
65
|
+
color: #1a1a1a;
|
|
66
|
+
font-weight: 500;
|
|
67
|
+
font-size: 17px;
|
|
68
|
+
}
|
|
69
|
+
.user-feedback-body {
|
|
70
|
+
background: #f5f5f5;
|
|
71
|
+
border-radius: 4px 4px 0px 0px;
|
|
72
|
+
}
|
|
73
|
+
.user-feedback-handle {
|
|
74
|
+
border: 1px solid rgba(138, 138, 138, 0.1019607843);
|
|
75
|
+
background: #ffffff;
|
|
76
|
+
height: 60px;
|
|
77
|
+
display: flex;
|
|
78
|
+
align-items: center;
|
|
79
|
+
padding: 3px 10px;
|
|
80
|
+
}
|
|
81
|
+
.user-feedback-handle-item {
|
|
82
|
+
border-radius: 4px;
|
|
83
|
+
background: #d9d9d9;
|
|
84
|
+
color: #838383;
|
|
85
|
+
padding: 0 5px;
|
|
86
|
+
display: flex;
|
|
87
|
+
align-items: center;
|
|
88
|
+
}
|
|
89
|
+
|
|
1
90
|
.amount-picker {
|
|
2
91
|
padding: 14px 0 14px 14px;
|
|
3
92
|
}
|
|
@@ -1307,8 +1396,8 @@ page {
|
|
|
1307
1396
|
}
|
|
1308
1397
|
.notice-entry {
|
|
1309
1398
|
position: fixed;
|
|
1310
|
-
right:
|
|
1311
|
-
top:
|
|
1399
|
+
right: 0;
|
|
1400
|
+
top: 120px;
|
|
1312
1401
|
min-width: 66px;
|
|
1313
1402
|
padding: 0 12px 0 15px;
|
|
1314
1403
|
text-align: center;
|
|
@@ -1481,6 +1570,12 @@ page {
|
|
|
1481
1570
|
font-size: 15px;
|
|
1482
1571
|
margin-bottom: 4px;
|
|
1483
1572
|
}
|
|
1573
|
+
.notice-list .wrapper .content .card.active .notice-list-label {
|
|
1574
|
+
opacity: 1;
|
|
1575
|
+
}
|
|
1576
|
+
.notice-list .wrapper .content .card.active .notice-list-file {
|
|
1577
|
+
opacity: 1;
|
|
1578
|
+
}
|
|
1484
1579
|
.notice-list .no-data {
|
|
1485
1580
|
background-color: #fff;
|
|
1486
1581
|
display: flex;
|
|
@@ -1501,12 +1596,26 @@ page {
|
|
|
1501
1596
|
margin-bottom: 19px;
|
|
1502
1597
|
}
|
|
1503
1598
|
.notice-list-file {
|
|
1504
|
-
font-size:
|
|
1599
|
+
font-size: 10px;
|
|
1505
1600
|
color: #017fff;
|
|
1601
|
+
opacity: 0.5;
|
|
1506
1602
|
}
|
|
1507
1603
|
.notice-list .cue-text {
|
|
1508
1604
|
font-size: 13px;
|
|
1509
1605
|
color: rgba(60, 60, 60, 0.5);
|
|
1510
1606
|
padding: 30px 0 calc(30px + env(safe-area-inset-bottom, 0px));
|
|
1511
1607
|
text-align: center;
|
|
1608
|
+
}
|
|
1609
|
+
.notice-list-label {
|
|
1610
|
+
border: 1px solid #caa264;
|
|
1611
|
+
color: #caa264;
|
|
1612
|
+
border-radius: 1px;
|
|
1613
|
+
font-size: 8px;
|
|
1614
|
+
display: inline-flex;
|
|
1615
|
+
justify-content: center;
|
|
1616
|
+
align-items: center;
|
|
1617
|
+
height: 14px;
|
|
1618
|
+
padding: 0 5px;
|
|
1619
|
+
margin-left: 4px;
|
|
1620
|
+
opacity: 0.5;
|
|
1512
1621
|
}
|
package/dist/index.js
CHANGED
|
@@ -1144,7 +1144,7 @@ const _hoisted_11$3 = {
|
|
|
1144
1144
|
class: "agreement"
|
|
1145
1145
|
};
|
|
1146
1146
|
const _hoisted_12$3 = { class: "buy-amount" };
|
|
1147
|
-
const _hoisted_13$
|
|
1147
|
+
const _hoisted_13$3 = { class: "left" };
|
|
1148
1148
|
const _hoisted_14$2 = { class: "amount" };
|
|
1149
1149
|
const _hoisted_15$1 = /* @__PURE__ */ createElementVNode(
|
|
1150
1150
|
"i",
|
|
@@ -1304,7 +1304,7 @@ var script$j = /* @__PURE__ */ defineComponent({
|
|
|
1304
1304
|
}, 8, ["modelValue"])
|
|
1305
1305
|
])) : createCommentVNode("v-if", true),
|
|
1306
1306
|
createElementVNode("div", _hoisted_12$3, [
|
|
1307
|
-
createElementVNode("div", _hoisted_13$
|
|
1307
|
+
createElementVNode("div", _hoisted_13$3, [
|
|
1308
1308
|
createTextVNode(" \u5F85\u652F\u4ED8\uFF1A "),
|
|
1309
1309
|
createElementVNode("span", _hoisted_14$2, [
|
|
1310
1310
|
_hoisted_15$1,
|
|
@@ -1462,7 +1462,7 @@ const _hoisted_12$2 = /* @__PURE__ */ createElementVNode(
|
|
|
1462
1462
|
-1
|
|
1463
1463
|
/* HOISTED */
|
|
1464
1464
|
);
|
|
1465
|
-
const _hoisted_13$
|
|
1465
|
+
const _hoisted_13$2 = /* @__PURE__ */ createElementVNode(
|
|
1466
1466
|
"img",
|
|
1467
1467
|
{
|
|
1468
1468
|
class: "pay-icon",
|
|
@@ -1474,7 +1474,7 @@ const _hoisted_13$1 = /* @__PURE__ */ createElementVNode(
|
|
|
1474
1474
|
);
|
|
1475
1475
|
const _hoisted_14$1 = [
|
|
1476
1476
|
_hoisted_12$2,
|
|
1477
|
-
_hoisted_13$
|
|
1477
|
+
_hoisted_13$2
|
|
1478
1478
|
];
|
|
1479
1479
|
var script$i = /* @__PURE__ */ defineComponent({
|
|
1480
1480
|
__name: "BalanceCard",
|
|
@@ -2015,7 +2015,7 @@ const _hoisted_11$1 = /* @__PURE__ */ createElementVNode(
|
|
|
2015
2015
|
/* HOISTED */
|
|
2016
2016
|
);
|
|
2017
2017
|
const _hoisted_12$1 = { class: "list" };
|
|
2018
|
-
const _hoisted_13 = { class: "item-count" };
|
|
2018
|
+
const _hoisted_13$1 = { class: "item-count" };
|
|
2019
2019
|
const _hoisted_14 = { class: "item-title" };
|
|
2020
2020
|
const _hoisted_15 = {
|
|
2021
2021
|
key: 0,
|
|
@@ -2330,7 +2330,7 @@ var script$c = /* @__PURE__ */ defineComponent({
|
|
|
2330
2330
|
class: "item star-item",
|
|
2331
2331
|
key: index
|
|
2332
2332
|
}, [
|
|
2333
|
-
createElementVNode("div", _hoisted_13, [
|
|
2333
|
+
createElementVNode("div", _hoisted_13$1, [
|
|
2334
2334
|
createElementVNode(
|
|
2335
2335
|
"span",
|
|
2336
2336
|
null,
|
|
@@ -3960,9 +3960,9 @@ var script$2 = /* @__PURE__ */ defineComponent({
|
|
|
3960
3960
|
tenantId: appkitOptions.tenant(),
|
|
3961
3961
|
userId: props.userId
|
|
3962
3962
|
}).then((result) => {
|
|
3963
|
-
if (result
|
|
3964
|
-
|
|
3965
|
-
|
|
3963
|
+
if (!Number(result))
|
|
3964
|
+
return;
|
|
3965
|
+
noticeShow.value = result > 0;
|
|
3966
3966
|
});
|
|
3967
3967
|
}
|
|
3968
3968
|
return (_ctx, _cache) => {
|
|
@@ -4184,17 +4184,21 @@ const _hoisted_5 = /* @__PURE__ */ createElementVNode(
|
|
|
4184
4184
|
/* HOISTED */
|
|
4185
4185
|
);
|
|
4186
4186
|
const _hoisted_6 = { class: "time" };
|
|
4187
|
-
const _hoisted_7 =
|
|
4188
|
-
|
|
4187
|
+
const _hoisted_7 = {
|
|
4188
|
+
key: 0,
|
|
4189
|
+
class: "notice-list-label"
|
|
4190
|
+
};
|
|
4191
|
+
const _hoisted_8 = ["onClick"];
|
|
4192
|
+
const _hoisted_9 = {
|
|
4189
4193
|
key: 0,
|
|
4190
4194
|
class: "cue-text",
|
|
4191
4195
|
style: { "padding-bottom": "40px" }
|
|
4192
4196
|
};
|
|
4193
|
-
const
|
|
4197
|
+
const _hoisted_10 = {
|
|
4194
4198
|
key: 1,
|
|
4195
4199
|
class: "no-data"
|
|
4196
4200
|
};
|
|
4197
|
-
const
|
|
4201
|
+
const _hoisted_11 = /* @__PURE__ */ createElementVNode(
|
|
4198
4202
|
"div",
|
|
4199
4203
|
{ class: "no-data-img" },
|
|
4200
4204
|
[
|
|
@@ -4207,22 +4211,23 @@ const _hoisted_10 = /* @__PURE__ */ createElementVNode(
|
|
|
4207
4211
|
-1
|
|
4208
4212
|
/* HOISTED */
|
|
4209
4213
|
);
|
|
4210
|
-
const
|
|
4214
|
+
const _hoisted_12 = /* @__PURE__ */ createElementVNode(
|
|
4211
4215
|
"div",
|
|
4212
4216
|
{ class: "text" },
|
|
4213
4217
|
"\u6682\u65E0\u8BB0\u5F55",
|
|
4214
4218
|
-1
|
|
4215
4219
|
/* HOISTED */
|
|
4216
4220
|
);
|
|
4217
|
-
const
|
|
4218
|
-
|
|
4219
|
-
|
|
4221
|
+
const _hoisted_13 = [
|
|
4222
|
+
_hoisted_11,
|
|
4223
|
+
_hoisted_12
|
|
4220
4224
|
];
|
|
4221
4225
|
var script = /* @__PURE__ */ defineComponent({
|
|
4222
4226
|
__name: "NoticeList",
|
|
4223
4227
|
props: {
|
|
4224
4228
|
app: { type: String, required: true, default: "" },
|
|
4225
|
-
userId: { type: String, required: true, default: "" }
|
|
4229
|
+
userId: { type: String, required: true, default: "" },
|
|
4230
|
+
showAppLabel: { type: Boolean, required: false, default: false }
|
|
4226
4231
|
},
|
|
4227
4232
|
emits: ["view"],
|
|
4228
4233
|
setup(__props, { emit: __emit }) {
|
|
@@ -4281,6 +4286,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
4281
4286
|
function onNoticeView(link) {
|
|
4282
4287
|
emits("view", link);
|
|
4283
4288
|
}
|
|
4289
|
+
const appMap = { aiapprove: "AI\u5BA1\u6279", corporateStar: "\u4F01\u660E\u661F" };
|
|
4284
4290
|
const emits = __emit;
|
|
4285
4291
|
return (_ctx, _cache) => {
|
|
4286
4292
|
const _component_rich_text = resolveComponent("rich-text");
|
|
@@ -4327,11 +4333,25 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
4327
4333
|
createElementVNode(
|
|
4328
4334
|
"div",
|
|
4329
4335
|
{
|
|
4330
|
-
class: normalizeClass(["text tit", { gray: item.isRead == "1" }])
|
|
4336
|
+
class: normalizeClass(["text tit", { gray: item.isRead == "1" }]),
|
|
4337
|
+
style: { "display": "flex", "align-items": "center" }
|
|
4331
4338
|
},
|
|
4332
|
-
|
|
4333
|
-
|
|
4334
|
-
|
|
4339
|
+
[
|
|
4340
|
+
createTextVNode(
|
|
4341
|
+
toDisplayString(item.title) + " ",
|
|
4342
|
+
1
|
|
4343
|
+
/* TEXT */
|
|
4344
|
+
),
|
|
4345
|
+
_ctx.showAppLabel && appMap[item.appCode] ? (openBlock(), createElementBlock(
|
|
4346
|
+
"div",
|
|
4347
|
+
_hoisted_7,
|
|
4348
|
+
toDisplayString(appMap[item.appCode]),
|
|
4349
|
+
1
|
|
4350
|
+
/* TEXT */
|
|
4351
|
+
)) : createCommentVNode("v-if", true)
|
|
4352
|
+
],
|
|
4353
|
+
2
|
|
4354
|
+
/* CLASS */
|
|
4335
4355
|
),
|
|
4336
4356
|
createElementVNode(
|
|
4337
4357
|
"div",
|
|
@@ -4347,7 +4367,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
4347
4367
|
key: 0,
|
|
4348
4368
|
class: "notice-list-file",
|
|
4349
4369
|
onClick: ($event) => onNoticeView(item.link)
|
|
4350
|
-
}, " \u67E5\u770B\u9644\u4EF6 ", 8,
|
|
4370
|
+
}, " \u67E5\u770B\u9644\u4EF6 ", 8, _hoisted_8)) : createCommentVNode("v-if", true)
|
|
4351
4371
|
],
|
|
4352
4372
|
2
|
|
4353
4373
|
/* CLASS */
|
|
@@ -4358,12 +4378,12 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
4358
4378
|
128
|
|
4359
4379
|
/* KEYED_FRAGMENT */
|
|
4360
4380
|
)),
|
|
4361
|
-
unref(isLast) ? (openBlock(), createElementBlock("div",
|
|
4381
|
+
unref(isLast) ? (openBlock(), createElementBlock("div", _hoisted_9, "\u6CA1\u6709\u66F4\u591A\u4E86")) : createCommentVNode("v-if", true)
|
|
4362
4382
|
]),
|
|
4363
4383
|
_: 1
|
|
4364
4384
|
/* STABLE */
|
|
4365
4385
|
}, 8, ["refresherTriggered", "onScrolltolower"])
|
|
4366
|
-
])) : (openBlock(), createElementBlock("div",
|
|
4386
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_10, [..._hoisted_13]))
|
|
4367
4387
|
])
|
|
4368
4388
|
]);
|
|
4369
4389
|
};
|
package/package.json
CHANGED
|
@@ -57,9 +57,9 @@ async function getNotice() {
|
|
|
57
57
|
userId: props.userId,
|
|
58
58
|
})
|
|
59
59
|
.then((result: any) => {
|
|
60
|
-
if (result
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
if (!Number(result)) return
|
|
61
|
+
|
|
62
|
+
noticeShow.value = result > 0
|
|
63
63
|
})
|
|
64
64
|
}
|
|
65
65
|
</script>
|
|
@@ -67,8 +67,8 @@ async function getNotice() {
|
|
|
67
67
|
<style lang="scss">
|
|
68
68
|
.notice-entry {
|
|
69
69
|
position: fixed;
|
|
70
|
-
right:
|
|
71
|
-
top:
|
|
70
|
+
right: 0;
|
|
71
|
+
top: 120px;
|
|
72
72
|
min-width: 66px;
|
|
73
73
|
padding: 0 12px 0 15px;
|
|
74
74
|
text-align: center;
|
|
@@ -32,8 +32,15 @@
|
|
|
32
32
|
<div class="time">
|
|
33
33
|
{{ formatMinutes(item.receiveTime) }}
|
|
34
34
|
</div>
|
|
35
|
-
<div
|
|
35
|
+
<div
|
|
36
|
+
class="text tit"
|
|
37
|
+
style="display: flex; align-items: center"
|
|
38
|
+
:class="{ gray: item.isRead == '1' }"
|
|
39
|
+
>
|
|
36
40
|
{{ item.title }}
|
|
41
|
+
<div class="notice-list-label" v-if="showAppLabel && appMap[item.appCode]">
|
|
42
|
+
{{ appMap[item.appCode] }}
|
|
43
|
+
</div>
|
|
37
44
|
</div>
|
|
38
45
|
<div class="text" :class="{ gray: item.isRead == '1' }">
|
|
39
46
|
<rich-text style="white-space: pre-wrap" :nodes="item.context"></rich-text>
|
|
@@ -78,10 +85,12 @@ const props = withDefaults(
|
|
|
78
85
|
defineProps<{
|
|
79
86
|
app: string
|
|
80
87
|
userId: string
|
|
88
|
+
showAppLabel?: boolean
|
|
81
89
|
}>(),
|
|
82
90
|
{
|
|
83
91
|
app: '',
|
|
84
92
|
userId: '',
|
|
93
|
+
showAppLabel: false,
|
|
85
94
|
}
|
|
86
95
|
)
|
|
87
96
|
|
|
@@ -159,6 +168,8 @@ function onNoticeView(link) {
|
|
|
159
168
|
emits('view', link)
|
|
160
169
|
}
|
|
161
170
|
|
|
171
|
+
const appMap = { aiapprove: 'AI审批', corporateStar: '企明星' }
|
|
172
|
+
|
|
162
173
|
// 父组件事件
|
|
163
174
|
const emits = defineEmits(['view'])
|
|
164
175
|
</script>
|
|
@@ -241,6 +252,12 @@ const emits = defineEmits(['view'])
|
|
|
241
252
|
margin-bottom: 4px;
|
|
242
253
|
}
|
|
243
254
|
}
|
|
255
|
+
.notice-list-label {
|
|
256
|
+
opacity: 1;
|
|
257
|
+
}
|
|
258
|
+
.notice-list-file {
|
|
259
|
+
opacity: 1;
|
|
260
|
+
}
|
|
244
261
|
}
|
|
245
262
|
}
|
|
246
263
|
}
|
|
@@ -265,8 +282,9 @@ const emits = defineEmits(['view'])
|
|
|
265
282
|
}
|
|
266
283
|
}
|
|
267
284
|
&-file {
|
|
268
|
-
font-size:
|
|
285
|
+
font-size: 10px;
|
|
269
286
|
color: #017fff;
|
|
287
|
+
opacity: 0.5;
|
|
270
288
|
}
|
|
271
289
|
.cue-text {
|
|
272
290
|
font-size: 13px;
|
|
@@ -274,5 +292,18 @@ const emits = defineEmits(['view'])
|
|
|
274
292
|
padding: 30px 0 calc(30px + env(safe-area-inset-bottom, 0px));
|
|
275
293
|
text-align: center;
|
|
276
294
|
}
|
|
295
|
+
&-label {
|
|
296
|
+
border: 1px solid #caa264;
|
|
297
|
+
color: #caa264;
|
|
298
|
+
border-radius: 1px;
|
|
299
|
+
font-size: 8px;
|
|
300
|
+
display: inline-flex;
|
|
301
|
+
justify-content: center;
|
|
302
|
+
align-items: center;
|
|
303
|
+
height: 14px;
|
|
304
|
+
padding: 0 5px;
|
|
305
|
+
margin-left: 4px;
|
|
306
|
+
opacity: 0.5;
|
|
307
|
+
}
|
|
277
308
|
}
|
|
278
309
|
</style>
|