first commit
This commit is contained in:
cieanyau committed
commit
db5762abd4
687 files changed
+171307
No files matched your search
@@ -0,0 +1,904 @@
|
||||
<script>
|
||||
import "~/assets/styles/NotificationPreferences.DcH8Noxd.css";
|
||||
import "~/assets/styles/messages.asRdYcVu.css";
|
||||
definePageMeta({
|
||||
key: (e) => e.fullPath,
|
||||
});
|
||||
import { toDisplayString } from "vue";
|
||||
import { onMounted } from "vue";
|
||||
import { normalizeClass } from "vue";
|
||||
import { createBlock } from "vue";
|
||||
import { ref } from "vue";
|
||||
import { withCtx } from "vue";
|
||||
import { createCommentVNode } from "vue";
|
||||
import { computed } from "vue";
|
||||
import { isRef } from "vue";
|
||||
import { createElementBlock } from "vue";
|
||||
import { Fragment } from "vue";
|
||||
import { createElementVNode } from "vue";
|
||||
import { createTextVNode } from "vue";
|
||||
import { unref } from "vue";
|
||||
import { defineComponent } from "vue";
|
||||
import { createVNode } from "vue";
|
||||
import { openBlock } from "vue";
|
||||
import { withModifiers } from "vue";
|
||||
import { useRoute } from "#app";
|
||||
import { useApi } from "~/lib/auth.js";
|
||||
import dialog from "primevue/dialog";
|
||||
import button from "primevue/button";
|
||||
import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helper.js";
|
||||
import message from "primevue/message";
|
||||
import inputtext from "primevue/inputtext";
|
||||
import { r as dict_r } from "~/lib/dict.js";
|
||||
import datatable from "primevue/datatable";
|
||||
import paginator from "primevue/paginator";
|
||||
import iconfield from "primevue/iconfield";
|
||||
import inputicon from "primevue/inputicon";
|
||||
import select from "primevue/select";
|
||||
import column from "primevue/column";
|
||||
import ListEmpty from "~/components/ListEmpty.vue";
|
||||
import { t as useListPage_t } from "~/lib/useListPage.js";
|
||||
import tag from "primevue/tag";
|
||||
import skeleton from "primevue/skeleton";
|
||||
import NotificationPreferences from "~/components/NotificationPreferences.vue";
|
||||
import { n as sanitize_n } from "~/lib/sanitize.js";
|
||||
import { t as useMailbox_t } from "~/lib/useMailbox.js";
|
||||
import { t as composables_t } from "~/lib/composables-2.js";
|
||||
var ge = {
|
||||
class: `list-page`,
|
||||
},
|
||||
_e = {
|
||||
class: `list-head`,
|
||||
},
|
||||
ve = {
|
||||
class: `list-head-actions`,
|
||||
},
|
||||
ye = {
|
||||
class: `message-panel`,
|
||||
},
|
||||
be = {
|
||||
class: `list-toolbar`,
|
||||
},
|
||||
xe = {
|
||||
class: `selection-toolbar`,
|
||||
},
|
||||
Se = {
|
||||
class: `selection-summary`,
|
||||
},
|
||||
Ce = {
|
||||
class: `bulk-actions`,
|
||||
},
|
||||
we = {
|
||||
key: 1,
|
||||
class: `message-error`,
|
||||
},
|
||||
Te = {
|
||||
key: 2,
|
||||
class: `list-table`,
|
||||
},
|
||||
Ee = [`onClick`],
|
||||
De = {
|
||||
key: 0,
|
||||
class: `mail-dot`,
|
||||
},
|
||||
Oe = {
|
||||
key: 3,
|
||||
class: `list-foot`,
|
||||
},
|
||||
ke = {
|
||||
key: 0,
|
||||
class: `detail-state`,
|
||||
},
|
||||
w = {
|
||||
key: 1,
|
||||
class: `detail-state`,
|
||||
},
|
||||
Ae = {
|
||||
class: `detail-meta`,
|
||||
},
|
||||
je = [`innerHTML`],
|
||||
Me = {
|
||||
class: `detail-nav`,
|
||||
},
|
||||
Ne = {
|
||||
class: `confirm-text`,
|
||||
},
|
||||
T = _plugin_vue_export_helper_t(
|
||||
defineComponent({
|
||||
__name: `index`,
|
||||
setup(p) {
|
||||
composables_t({
|
||||
key: (e) => e.fullPath,
|
||||
});
|
||||
let y = useApi(),
|
||||
T = useRoute(),
|
||||
{ types: E, refresh: D } = useMailbox_t(),
|
||||
O = ref(null),
|
||||
k = ref(``),
|
||||
A = ref(``),
|
||||
j = ref(``),
|
||||
{
|
||||
list: M,
|
||||
total: N,
|
||||
loading: P,
|
||||
error: F,
|
||||
page: I,
|
||||
limit: L,
|
||||
onPage: Pe,
|
||||
reload: R,
|
||||
} = useListPage_t(`/client_care/mail/list`, {
|
||||
limit: 10,
|
||||
params: () => ({
|
||||
orderby: `id`,
|
||||
sort: `desc`,
|
||||
read: O.value ?? ``,
|
||||
type: k.value,
|
||||
keywords: j.value,
|
||||
}),
|
||||
}),
|
||||
z = ref([]),
|
||||
B = ref(!1),
|
||||
V = computed(() => O.value !== null || !!k.value || !!j.value),
|
||||
Fe = [
|
||||
{
|
||||
label: `全部消息`,
|
||||
value: null,
|
||||
},
|
||||
{
|
||||
label: `未读`,
|
||||
value: 0,
|
||||
},
|
||||
{
|
||||
label: `已读`,
|
||||
value: 1,
|
||||
},
|
||||
],
|
||||
Ie = computed(() => [
|
||||
{
|
||||
label: `全部类型`,
|
||||
value: ``,
|
||||
},
|
||||
...E.value.map((e) => ({
|
||||
label: e.name_lang || e.name,
|
||||
value: e.name,
|
||||
})),
|
||||
]);
|
||||
function H(e) {
|
||||
return E.value.find((t) => t.name === e)?.name_lang || e || `—`;
|
||||
}
|
||||
function Le() {
|
||||
((j.value = A.value.trim()), R());
|
||||
}
|
||||
function Re() {
|
||||
((A.value = ``),
|
||||
(j.value = ``),
|
||||
(O.value = null),
|
||||
(k.value = ``),
|
||||
R());
|
||||
}
|
||||
async function ze(e) {
|
||||
if (!(!e.length || B.value || G.value)) {
|
||||
((B.value = !0), (U.value = ``));
|
||||
try {
|
||||
(await y.put(`/client_care/mail/read`, {
|
||||
id: e,
|
||||
}),
|
||||
(z.value = []),
|
||||
await R(),
|
||||
await D());
|
||||
} catch (e) {
|
||||
U.value = e instanceof Error ? e.message : `操作失败`;
|
||||
} finally {
|
||||
B.value = !1;
|
||||
}
|
||||
}
|
||||
}
|
||||
async function Be() {
|
||||
if (!(B.value || G.value)) {
|
||||
((B.value = !0), (U.value = ``));
|
||||
try {
|
||||
(await y.put(`/client_care/mail/read`, {
|
||||
all: 1,
|
||||
}),
|
||||
(z.value = []),
|
||||
await R(),
|
||||
await D());
|
||||
} catch (e) {
|
||||
U.value = e instanceof Error ? e.message : `操作失败`;
|
||||
} finally {
|
||||
B.value = !1;
|
||||
}
|
||||
}
|
||||
}
|
||||
let U = ref(``),
|
||||
W = ref(!1),
|
||||
G = ref(!1);
|
||||
function Ve() {
|
||||
!z.value.length ||
|
||||
B.value ||
|
||||
G.value ||
|
||||
((U.value = ``), (W.value = !0));
|
||||
}
|
||||
async function He() {
|
||||
if (!z.value.length || G.value || B.value) return;
|
||||
let e = z.value.map((e) => e.id);
|
||||
((G.value = !0), (U.value = ``));
|
||||
try {
|
||||
(await y.del(`/client_care/mail`, {
|
||||
id: e,
|
||||
}),
|
||||
(W.value = !1),
|
||||
(z.value = []),
|
||||
await R(),
|
||||
await D());
|
||||
} catch (e) {
|
||||
((W.value = !1),
|
||||
(U.value = e instanceof Error ? e.message : `删除失败`));
|
||||
} finally {
|
||||
G.value = !1;
|
||||
}
|
||||
}
|
||||
let K = ref(!1),
|
||||
q = ref(null),
|
||||
J = ref(!1),
|
||||
Y = ref(``),
|
||||
X = ref(null),
|
||||
Z = 0;
|
||||
async function Q(e) {
|
||||
let t = ++Z;
|
||||
((X.value = e),
|
||||
(K.value = !0),
|
||||
(J.value = !0),
|
||||
(Y.value = ``),
|
||||
(q.value = null));
|
||||
try {
|
||||
let n = await y.get(`/client_care/mail/${e}`);
|
||||
if (t !== Z) return;
|
||||
if (!n?.mail?.id) {
|
||||
Y.value = `消息不存在或已删除`;
|
||||
return;
|
||||
}
|
||||
((q.value = n.mail), (J.value = !1));
|
||||
let r = M.value.find((t) => t.id === e);
|
||||
if (!r || r.read === 0)
|
||||
try {
|
||||
(await y.put(`/client_care/mail/read`, {
|
||||
id: [e],
|
||||
}),
|
||||
r && (r.read = 1),
|
||||
await D());
|
||||
} catch {}
|
||||
} catch (e) {
|
||||
t === Z && (Y.value = e instanceof Error ? e.message : `加载失败`);
|
||||
} finally {
|
||||
t === Z && (J.value = !1);
|
||||
}
|
||||
}
|
||||
return (
|
||||
onMounted(async () => {
|
||||
await D();
|
||||
let e = Number(T.query.id);
|
||||
e && Q(e);
|
||||
}),
|
||||
(t, i) => {
|
||||
let s = button,
|
||||
p = NotificationPreferences,
|
||||
_ = inputicon,
|
||||
v = inputtext,
|
||||
y = iconfield,
|
||||
x = select,
|
||||
S = message,
|
||||
C = column,
|
||||
T = ListEmpty,
|
||||
E = datatable,
|
||||
D = paginator,
|
||||
j = skeleton,
|
||||
Z = tag,
|
||||
$ = dialog;
|
||||
return (
|
||||
openBlock(),
|
||||
createElementBlock(`div`, ge, [
|
||||
createElementVNode(`div`, _e, [
|
||||
(i[12] ||= createElementVNode(
|
||||
`div`,
|
||||
{
|
||||
class: `page-heading`,
|
||||
},
|
||||
[
|
||||
createElementVNode(`h2`, null, `消息`),
|
||||
createElementVNode(
|
||||
`p`,
|
||||
null,
|
||||
`查看产品、订单与账户的重要通知`,
|
||||
),
|
||||
],
|
||||
-1,
|
||||
)),
|
||||
createElementVNode(`div`, ve, [
|
||||
createVNode(
|
||||
s,
|
||||
{
|
||||
label: `全部已读`,
|
||||
icon: `pi pi-check`,
|
||||
size: `small`,
|
||||
severity: `secondary`,
|
||||
outlined: ``,
|
||||
disabled: !unref(N) || unref(P) || unref(G),
|
||||
loading: unref(B),
|
||||
onClick: Be,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`disabled`, `loading`],
|
||||
),
|
||||
]),
|
||||
]),
|
||||
createVNode(p),
|
||||
createElementVNode(`section`, ye, [
|
||||
createElementVNode(`div`, be, [
|
||||
createElementVNode(
|
||||
`form`,
|
||||
{
|
||||
class: `list-toolbar-right`,
|
||||
onSubmit: withModifiers(Le, [`prevent`]),
|
||||
},
|
||||
[
|
||||
createVNode(
|
||||
y,
|
||||
{
|
||||
class: `search-field`,
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
createVNode(_, {
|
||||
class: `pi pi-search`,
|
||||
}),
|
||||
createVNode(
|
||||
v,
|
||||
{
|
||||
modelValue: unref(A),
|
||||
"onUpdate:modelValue": (i[0] ||= (e) =>
|
||||
isRef(A) ? (A.value = e) : null),
|
||||
class: `list-search`,
|
||||
placeholder: `搜索消息标题`,
|
||||
"aria-label": `搜索消息标题`,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`modelValue`],
|
||||
),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
),
|
||||
createVNode(
|
||||
x,
|
||||
{
|
||||
modelValue: unref(O),
|
||||
"onUpdate:modelValue": (i[1] ||= (e) =>
|
||||
isRef(O) ? (O.value = e) : null),
|
||||
class: `list-select`,
|
||||
options: Fe,
|
||||
optionLabel: `label`,
|
||||
optionValue: `value`,
|
||||
"aria-label": `阅读状态`,
|
||||
onChange: unref(R),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`modelValue`, `onChange`],
|
||||
),
|
||||
createVNode(
|
||||
x,
|
||||
{
|
||||
modelValue: unref(k),
|
||||
"onUpdate:modelValue": (i[2] ||= (e) =>
|
||||
isRef(k) ? (k.value = e) : null),
|
||||
class: `list-select`,
|
||||
options: unref(Ie),
|
||||
optionLabel: `label`,
|
||||
optionValue: `value`,
|
||||
"aria-label": `消息类型`,
|
||||
onChange: unref(R),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`modelValue`, `options`, `onChange`],
|
||||
),
|
||||
createVNode(s, {
|
||||
type: `submit`,
|
||||
label: `搜索`,
|
||||
severity: `secondary`,
|
||||
outlined: ``,
|
||||
}),
|
||||
unref(V)
|
||||
? (openBlock(),
|
||||
createBlock(s, {
|
||||
key: 0,
|
||||
label: `清除筛选`,
|
||||
icon: `pi pi-filter-slash`,
|
||||
severity: `secondary`,
|
||||
text: ``,
|
||||
onClick: Re,
|
||||
}))
|
||||
: createCommentVNode(``, !0),
|
||||
],
|
||||
32,
|
||||
),
|
||||
]),
|
||||
createElementVNode(`div`, xe, [
|
||||
createElementVNode(
|
||||
`span`,
|
||||
Se,
|
||||
toDisplayString(
|
||||
unref(z).length
|
||||
? `已选择 ${unref(z).length} 条消息`
|
||||
: `共 ${unref(N)} 条消息`,
|
||||
),
|
||||
1,
|
||||
),
|
||||
createElementVNode(`div`, Ce, [
|
||||
createVNode(
|
||||
s,
|
||||
{
|
||||
label: `标记已读`,
|
||||
icon: `pi pi-envelope-open`,
|
||||
size: `small`,
|
||||
severity: `secondary`,
|
||||
text: ``,
|
||||
disabled: !unref(z).length || unref(B) || unref(G),
|
||||
onClick: (i[3] ||= (e) =>
|
||||
ze(unref(z).map((e) => e.id))),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`disabled`],
|
||||
),
|
||||
createVNode(
|
||||
s,
|
||||
{
|
||||
label: `删除`,
|
||||
icon: `pi pi-trash`,
|
||||
size: `small`,
|
||||
severity: `danger`,
|
||||
text: ``,
|
||||
disabled: !unref(z).length || unref(B) || unref(G),
|
||||
onClick: Ve,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`disabled`],
|
||||
),
|
||||
]),
|
||||
]),
|
||||
unref(U)
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
S,
|
||||
{
|
||||
key: 0,
|
||||
severity: `error`,
|
||||
closable: !1,
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString(unref(U)), 1),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
unref(F)
|
||||
? (openBlock(),
|
||||
createElementBlock(`div`, we, [
|
||||
createVNode(
|
||||
S,
|
||||
{
|
||||
severity: `error`,
|
||||
closable: !1,
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString(unref(F)), 1),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
),
|
||||
createVNode(
|
||||
s,
|
||||
{
|
||||
label: `重新加载消息`,
|
||||
icon: `pi pi-refresh`,
|
||||
severity: `secondary`,
|
||||
outlined: ``,
|
||||
onClick: unref(R),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`onClick`],
|
||||
),
|
||||
]))
|
||||
: (openBlock(),
|
||||
createElementBlock(`div`, Te, [
|
||||
createVNode(
|
||||
E,
|
||||
{
|
||||
selection: unref(z),
|
||||
"onUpdate:selection": (i[4] ||= (e) =>
|
||||
isRef(z) ? (z.value = e) : null),
|
||||
value: unref(M),
|
||||
loading: unref(P),
|
||||
lazy: ``,
|
||||
scrollable: ``,
|
||||
rows: unref(L),
|
||||
totalRecords: unref(N),
|
||||
first: (unref(I) - 1) * unref(L),
|
||||
dataKey: `id`,
|
||||
},
|
||||
{
|
||||
empty: withCtx(() => [
|
||||
createVNode(
|
||||
T,
|
||||
{
|
||||
icon: `pi pi-envelope`,
|
||||
title: unref(P)
|
||||
? `加载中…`
|
||||
: unref(V)
|
||||
? `没有符合条件的消息`
|
||||
: `还没有消息`,
|
||||
description: unref(V)
|
||||
? `换个筛选条件试试`
|
||||
: `订单、产品、财务等重要通知会出现在这里`,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`title`, `description`],
|
||||
),
|
||||
]),
|
||||
default: withCtx(() => [
|
||||
createVNode(C, {
|
||||
selectionMode: `multiple`,
|
||||
style: {
|
||||
width: `3rem`,
|
||||
},
|
||||
}),
|
||||
createVNode(
|
||||
C,
|
||||
{
|
||||
header: `标题`,
|
||||
style: {
|
||||
"min-width": `260px`,
|
||||
},
|
||||
},
|
||||
{
|
||||
body: withCtx(({ data: t }) => [
|
||||
createElementVNode(
|
||||
`button`,
|
||||
{
|
||||
type: `button`,
|
||||
class: normalizeClass([
|
||||
`mail-title`,
|
||||
{
|
||||
unread: t.read === 0,
|
||||
},
|
||||
]),
|
||||
onClick: (e) => Q(t.id),
|
||||
},
|
||||
[
|
||||
t.read === 0
|
||||
? (openBlock(),
|
||||
createElementBlock(`span`, De))
|
||||
: createCommentVNode(``, !0),
|
||||
createTextVNode(
|
||||
` ` + toDisplayString(t.title),
|
||||
1,
|
||||
),
|
||||
],
|
||||
10,
|
||||
Ee,
|
||||
),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
),
|
||||
createVNode(
|
||||
C,
|
||||
{
|
||||
header: `类型`,
|
||||
style: {
|
||||
width: `150px`,
|
||||
},
|
||||
},
|
||||
{
|
||||
body: withCtx(({ data: t }) => [
|
||||
createTextVNode(
|
||||
toDisplayString(H(t.type)),
|
||||
1,
|
||||
),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
),
|
||||
createVNode(
|
||||
C,
|
||||
{
|
||||
header: `接收时间`,
|
||||
style: {
|
||||
"min-width": `160px`,
|
||||
},
|
||||
},
|
||||
{
|
||||
body: withCtx(({ data: n }) => [
|
||||
createTextVNode(
|
||||
toDisplayString(
|
||||
(`formatTime` in t
|
||||
? t.formatTime
|
||||
: unref(dict_r))(n.create_time),
|
||||
),
|
||||
1,
|
||||
),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
8,
|
||||
[
|
||||
`selection`,
|
||||
`value`,
|
||||
`loading`,
|
||||
`rows`,
|
||||
`totalRecords`,
|
||||
`first`,
|
||||
],
|
||||
),
|
||||
])),
|
||||
unref(N) > 0
|
||||
? (openBlock(),
|
||||
createElementBlock(`div`, Oe, [
|
||||
(i[13] ||= createElementVNode(
|
||||
`div`,
|
||||
{
|
||||
class: `list-bulk`,
|
||||
},
|
||||
null,
|
||||
-1,
|
||||
)),
|
||||
createVNode(
|
||||
D,
|
||||
{
|
||||
rows: unref(L),
|
||||
totalRecords: unref(N),
|
||||
first: (unref(I) - 1) * unref(L),
|
||||
rowsPerPageOptions: [10, 20, 50],
|
||||
onPage: unref(Pe),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`rows`, `totalRecords`, `first`, `onPage`],
|
||||
),
|
||||
]))
|
||||
: createCommentVNode(``, !0),
|
||||
]),
|
||||
createVNode(
|
||||
$,
|
||||
{
|
||||
visible: unref(K),
|
||||
"onUpdate:visible": (i[9] ||= (e) =>
|
||||
isRef(K) ? (K.value = e) : null),
|
||||
header: unref(q)?.title || `消息详情`,
|
||||
modal: ``,
|
||||
style: {
|
||||
width: `680px`,
|
||||
},
|
||||
draggable: !1,
|
||||
},
|
||||
{
|
||||
footer: withCtx(() => [
|
||||
createElementVNode(`div`, Me, [
|
||||
createVNode(
|
||||
s,
|
||||
{
|
||||
label: `上一条`,
|
||||
icon: `pi pi-angle-left`,
|
||||
size: `small`,
|
||||
severity: `secondary`,
|
||||
text: ``,
|
||||
disabled: !unref(q)?.prev?.id,
|
||||
onClick: (i[6] ||= (e) =>
|
||||
unref(q)?.prev?.id && Q(unref(q).prev.id)),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`disabled`],
|
||||
),
|
||||
createVNode(
|
||||
s,
|
||||
{
|
||||
label: `下一条`,
|
||||
icon: `pi pi-angle-right`,
|
||||
iconPos: `right`,
|
||||
size: `small`,
|
||||
severity: `secondary`,
|
||||
text: ``,
|
||||
disabled: !unref(q)?.next?.id,
|
||||
onClick: (i[7] ||= (e) =>
|
||||
unref(q)?.next?.id && Q(unref(q).next.id)),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`disabled`],
|
||||
),
|
||||
]),
|
||||
createVNode(s, {
|
||||
label: `关闭`,
|
||||
severity: `secondary`,
|
||||
text: ``,
|
||||
onClick: (i[8] ||= (e) => (K.value = !1)),
|
||||
}),
|
||||
]),
|
||||
default: withCtx(() => [
|
||||
unref(J)
|
||||
? (openBlock(),
|
||||
createElementBlock(`div`, ke, [
|
||||
createVNode(j, {
|
||||
height: `18px`,
|
||||
width: `45%`,
|
||||
}),
|
||||
createVNode(j, {
|
||||
height: `150px`,
|
||||
}),
|
||||
]))
|
||||
: unref(Y)
|
||||
? (openBlock(),
|
||||
createElementBlock(`div`, w, [
|
||||
createVNode(
|
||||
S,
|
||||
{
|
||||
severity: `error`,
|
||||
closable: !1,
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
createTextVNode(
|
||||
toDisplayString(unref(Y)),
|
||||
1,
|
||||
),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
),
|
||||
createVNode(s, {
|
||||
label: `重新加载消息`,
|
||||
icon: `pi pi-refresh`,
|
||||
severity: `secondary`,
|
||||
outlined: ``,
|
||||
onClick: (i[5] ||= (e) =>
|
||||
unref(X) && Q(unref(X))),
|
||||
}),
|
||||
]))
|
||||
: unref(q)
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
{
|
||||
key: 2,
|
||||
},
|
||||
[
|
||||
createElementVNode(`div`, Ae, [
|
||||
createVNode(
|
||||
Z,
|
||||
{
|
||||
value: H(unref(q).type),
|
||||
severity: `secondary`,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`value`],
|
||||
),
|
||||
createElementVNode(
|
||||
`span`,
|
||||
null,
|
||||
toDisplayString(
|
||||
(`formatTime` in t
|
||||
? t.formatTime
|
||||
: unref(dict_r))(
|
||||
unref(q).create_time,
|
||||
),
|
||||
),
|
||||
1,
|
||||
),
|
||||
]),
|
||||
createElementVNode(
|
||||
`div`,
|
||||
{
|
||||
class: `detail-body`,
|
||||
innerHTML: (`sanitizeHtml` in t
|
||||
? t.sanitizeHtml
|
||||
: unref(sanitize_n))(unref(q).content),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
je,
|
||||
),
|
||||
],
|
||||
64,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
8,
|
||||
[`visible`, `header`],
|
||||
),
|
||||
createVNode(
|
||||
$,
|
||||
{
|
||||
visible: unref(W),
|
||||
"onUpdate:visible": (i[11] ||= (e) =>
|
||||
isRef(W) ? (W.value = e) : null),
|
||||
header: `删除消息`,
|
||||
modal: ``,
|
||||
closable: !unref(G),
|
||||
closeOnEscape: !unref(G),
|
||||
draggable: !1,
|
||||
style: {
|
||||
width: `420px`,
|
||||
},
|
||||
},
|
||||
{
|
||||
footer: withCtx(() => [
|
||||
createVNode(
|
||||
s,
|
||||
{
|
||||
label: `取消`,
|
||||
severity: `secondary`,
|
||||
text: ``,
|
||||
disabled: unref(G),
|
||||
onClick: (i[10] ||= (e) => (W.value = !1)),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`disabled`],
|
||||
),
|
||||
createVNode(
|
||||
s,
|
||||
{
|
||||
label: `确认删除`,
|
||||
severity: `danger`,
|
||||
loading: unref(G),
|
||||
onClick: He,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`loading`],
|
||||
),
|
||||
]),
|
||||
default: withCtx(() => [
|
||||
createElementVNode(
|
||||
`p`,
|
||||
Ne,
|
||||
`确认删除选中的 ` +
|
||||
toDisplayString(unref(z).length) +
|
||||
` 条消息？删除后不可恢复。`,
|
||||
1,
|
||||
),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
8,
|
||||
[`visible`, `closable`, `closeOnEscape`],
|
||||
),
|
||||
])
|
||||
);
|
||||
}
|
||||
);
|
||||
},
|
||||
}),
|
||||
[[`__scopeId`, `data-v-e9dbafec`]],
|
||||
);
|
||||
export {};
|
||||
export default T;
|
||||
</script>
|
||||
Reference in new issue
Block a user