修复工单内容格式与财务页面接口契约
This commit is contained in:
cieanyau committed
1 parent
90989f8f8a
commit
d330ad01cc
8 files changed
+551
-149
No files matched your search
@@ -312,6 +312,7 @@
|
||||
display: none;
|
||||
}
|
||||
.reply-upload[data-v-3743a20f] {
|
||||
align-self: flex-start;
|
||||
color: var(--p-text-muted-color);
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
|
||||
@@ -199,6 +199,12 @@
|
||||
flex-basis: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.reminder-status[data-v-18fe1f08] {
|
||||
flex-basis: 100%;
|
||||
margin: 0;
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.panel.wallet-tabs[data-v-18fe1f08] {
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
|
||||
+43
-15
@@ -137,7 +137,13 @@ var je = {
|
||||
let _ = useApi(),
|
||||
x = useRoute(),
|
||||
S = useAuth(),
|
||||
{ rechargeClosed: Qe, load: C } = useSiteConfig_t(),
|
||||
{
|
||||
config: siteConfig,
|
||||
error: siteConfigError,
|
||||
on: configOn,
|
||||
rechargeClosed: Qe,
|
||||
load: C,
|
||||
} = useSiteConfig_t(),
|
||||
{ enabled: $e, load: w } = useWithdrawAvailability_t(),
|
||||
T = ref(20),
|
||||
E = ref(!1),
|
||||
@@ -149,6 +155,19 @@ var je = {
|
||||
et = ref(!1),
|
||||
M = ref(null),
|
||||
N = ref(``);
|
||||
// 只有站点明确开启时才允许修改；加载、缺项与失败均保留可见说明。
|
||||
const reminderEnabled = computed(() =>
|
||||
configOn(siteConfig.value?.balance_notice_show),
|
||||
);
|
||||
const reminderStatus = computed(() => {
|
||||
if (!siteConfig.value)
|
||||
return siteConfigError.value
|
||||
? `站点配置加载失败，暂时无法修改余额提醒。请刷新后重试。`
|
||||
: `正在加载余额提醒配置…`;
|
||||
if (siteConfig.value.balance_notice_show == null)
|
||||
return `站点尚未提供余额提醒配置，暂时无法修改。`;
|
||||
return reminderEnabled.value ? `` : `站点已关闭余额提醒。`;
|
||||
});
|
||||
// 账户总览变化时同步余额提醒设置，仅回填本地草稿。
|
||||
function tt() {
|
||||
let e = S.overview;
|
||||
@@ -161,6 +180,7 @@ var je = {
|
||||
});
|
||||
// 开启余额提醒必须填写正的有限阈值；关闭时发送零阈值，成功后同步账户总览。
|
||||
async function nt() {
|
||||
if (A.value || !reminderEnabled.value) return;
|
||||
((j.value = ``), (et.value = !1));
|
||||
let e = Number(k.value ?? 0);
|
||||
if (O.value && (!Number.isFinite(e) || e <= 0)) {
|
||||
@@ -441,34 +461,34 @@ var je = {
|
||||
(S.refreshOverview(), Q(), X());
|
||||
}
|
||||
let Et = ref([]),
|
||||
Dt = ref(0),
|
||||
Ot = ref(1),
|
||||
kt = ref(!1),
|
||||
$ = ref(``),
|
||||
freezeRequestVersion = 0;
|
||||
// 冻结记录与其他流水遵守同一代次规则，旧请求不能改写结果、错误或加载状态。
|
||||
// 冻结接口返回全量记录，由表格本地分页；旧请求不能改写新结果或加载状态。
|
||||
async function At() {
|
||||
if (disposed) return;
|
||||
let requestVersion = ++freezeRequestVersion;
|
||||
((kt.value = !0), ($.value = ``));
|
||||
try {
|
||||
let e = await _.get(`/account/credit/freeze`, {
|
||||
page: Ot.value,
|
||||
limit: T.value,
|
||||
});
|
||||
let e = await _.get(`/account/credit/freeze`);
|
||||
if (requestVersion !== freezeRequestVersion) return;
|
||||
((Et.value = e.list ?? []), (Dt.value = e.count ?? 0));
|
||||
Et.value = e.list ?? [];
|
||||
Ot.value = Math.min(
|
||||
Ot.value,
|
||||
Math.max(1, Math.ceil(Et.value.length / T.value)),
|
||||
);
|
||||
} catch (e) {
|
||||
if (requestVersion !== freezeRequestVersion) return;
|
||||
(($.value = e instanceof Error ? e.message : `加载冻结记录失败`),
|
||||
(Et.value = []),
|
||||
(Dt.value = 0));
|
||||
(Ot.value = 1));
|
||||
} finally {
|
||||
requestVersion === freezeRequestVersion && (kt.value = !1);
|
||||
}
|
||||
}
|
||||
function jt(e) {
|
||||
((Ot.value = e.page + 1), (T.value = e.rows), At());
|
||||
((Ot.value = e.page + 1), (T.value = e.rows));
|
||||
}
|
||||
return (
|
||||
// 与共用列表加载器一致：销毁后拒绝新读取，并作废各列表全部在途响应。
|
||||
@@ -699,7 +719,7 @@ var je = {
|
||||
"onUpdate:modelValue": (n[2] ||= (e) =>
|
||||
isRef(O) ? (O.value = e) : null),
|
||||
inputId: `credit-reminder-enabled`,
|
||||
disabled: unref(A),
|
||||
disabled: unref(A) || !unref(reminderEnabled),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
@@ -725,7 +745,8 @@ var je = {
|
||||
minFractionDigits: 2,
|
||||
maxFractionDigits: 2,
|
||||
suffix: ` 元`,
|
||||
disabled: !unref(O) || unref(A),
|
||||
disabled:
|
||||
!unref(O) || unref(A) || !unref(reminderEnabled),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
@@ -737,13 +758,22 @@ var je = {
|
||||
label: `保存`,
|
||||
icon: `pi pi-check`,
|
||||
loading: unref(A),
|
||||
disabled: unref(A) || !unref(reminderEnabled),
|
||||
onClick: nt,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`loading`],
|
||||
[`loading`, `disabled`],
|
||||
),
|
||||
]),
|
||||
unref(reminderStatus)
|
||||
? createElementVNode(
|
||||
`p`,
|
||||
{ class: `reminder-status`, role: `status` },
|
||||
toDisplayString(unref(reminderStatus)),
|
||||
1,
|
||||
)
|
||||
: createCommentVNode(``, !0),
|
||||
unref(j)
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
@@ -1791,10 +1821,8 @@ var je = {
|
||||
{
|
||||
value: unref(Et),
|
||||
loading: unref(kt),
|
||||
lazy: ``,
|
||||
paginator: ``,
|
||||
rows: unref(T),
|
||||
totalRecords: unref(Dt),
|
||||
first: (unref(Ot) - 1) * unref(T),
|
||||
rowsPerPageOptions: [20, 50, 100],
|
||||
dataKey: `id`,
|
||||
|
||||
+62
-74
@@ -4,7 +4,6 @@
|
||||
*/
|
||||
import { definePageMeta } from "#imports";
|
||||
import "~/assets/styles/TicketAttachments.DtbJGLkE.css";
|
||||
import "~/assets/styles/RichTextEditor.NkmgPT5m.css";
|
||||
import "~/assets/styles/_id_.C-0--Lx-.css";
|
||||
definePageMeta({
|
||||
key: (e) => e.fullPath,
|
||||
@@ -19,7 +18,6 @@ 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";
|
||||
@@ -38,7 +36,7 @@ import message from "openvue/message";
|
||||
import { r as dict_r } from "~/lib/dict.js";
|
||||
import skeleton from "openvue/skeleton";
|
||||
import { n as sanitize_n } from "~/lib/sanitize.js";
|
||||
import RichTextEditor from "~/components/RichTextEditor.vue";
|
||||
import textarea from "openvue/textarea";
|
||||
import { n as ticketAttachments_n } from "~/lib/ticketAttachments.js";
|
||||
import TicketAttachments from "~/components/TicketAttachments.vue";
|
||||
import TicketNotice from "~/components/TicketNotice.vue";
|
||||
@@ -84,12 +82,10 @@ var le = {
|
||||
k = {
|
||||
class: `time`,
|
||||
},
|
||||
A = [`innerHTML`],
|
||||
j = {
|
||||
key: 0,
|
||||
class: `message-quote`,
|
||||
},
|
||||
M = [`innerHTML`],
|
||||
N = {
|
||||
class: `reply-box`,
|
||||
},
|
||||
@@ -98,7 +94,6 @@ var le = {
|
||||
class: `reply-quote`,
|
||||
role: `status`,
|
||||
},
|
||||
F = [`innerHTML`],
|
||||
I = {
|
||||
class: `reply-attachments`,
|
||||
},
|
||||
@@ -173,6 +168,7 @@ var le = {
|
||||
{
|
||||
id: 0,
|
||||
content: e.content,
|
||||
content_format: e.content_format,
|
||||
attachment: e.attachment || [],
|
||||
create_time: e.create_time,
|
||||
type: `Client`,
|
||||
@@ -235,13 +231,26 @@ var le = {
|
||||
function Ce(e) {
|
||||
e.id > 0 && canOperate.value && (Y.value = e.id);
|
||||
}
|
||||
// 引用已删除时明确提示；否则优先用服务端引用快照，再从当前对话寻找原文。
|
||||
// 正文和引用共用格式边界：纯文本不经过 HTML 解码，历史富文本继续净化。
|
||||
function contentProps(item) {
|
||||
return item?.content_format === `text`
|
||||
? {
|
||||
textContent: String(item.content ?? ``),
|
||||
style: { whiteSpace: `pre-wrap`, overflowWrap: `anywhere` },
|
||||
}
|
||||
: { innerHTML: sanitize_n(item?.content) };
|
||||
}
|
||||
// 引用快照保留服务端格式；删除提示或缺失提示明确使用纯文本。
|
||||
function we(e) {
|
||||
return Number(e.quote_info?.is_deleted) === 1
|
||||
? `该回复已删除`
|
||||
: e.quote_info?.content ||
|
||||
Z.value.find((t) => t.id === e.quote_reply_id)?.content ||
|
||||
`原回复 #${e.quote_reply_id}（内容暂不可用）`;
|
||||
if (Number(e.quote_info?.is_deleted) === 1)
|
||||
return { content: `该回复已删除`, content_format: `text` };
|
||||
if (typeof e.quote_info?.content === `string`) return e.quote_info;
|
||||
return (
|
||||
Z.value.find((t) => t.id === e.quote_reply_id) || {
|
||||
content: `原回复 #${e.quote_reply_id}（内容暂不可用）`,
|
||||
content_format: `text`,
|
||||
}
|
||||
);
|
||||
}
|
||||
// 引用发送者优先来自引用快照，缺失时回查当前对话。
|
||||
function Te(e) {
|
||||
@@ -273,7 +282,7 @@ var le = {
|
||||
G.value = !0;
|
||||
try {
|
||||
await z.post(`/ticket/${B}/reply`, {
|
||||
content: W.value.trim(),
|
||||
content: W.value,
|
||||
attachment: q.value.map((e) => e.save_name),
|
||||
quote_reply_id: Y.value,
|
||||
});
|
||||
@@ -320,7 +329,7 @@ var le = {
|
||||
}
|
||||
return (
|
||||
onMounted(X),
|
||||
// 对话按时间展示并使用公共 HTML 清理与附件解析；引用删除有独立文案，只读工单不开放回复编辑。
|
||||
// 对话遵循服务端内容格式；客户回复使用纯文本，只读工单不开放编辑。
|
||||
(n, a) => {
|
||||
let c = TicketNotice,
|
||||
m = NuxtLink,
|
||||
@@ -328,7 +337,7 @@ var le = {
|
||||
v = message,
|
||||
y = button,
|
||||
S = TicketAttachments,
|
||||
C = RichTextEditor;
|
||||
C = textarea;
|
||||
return (
|
||||
openBlock(),
|
||||
createElementBlock(`div`, le, [
|
||||
@@ -513,13 +522,10 @@ var le = {
|
||||
`div`,
|
||||
{
|
||||
class: `message-body`,
|
||||
innerHTML: (`sanitizeHtml` in n
|
||||
? n.sanitizeHtml
|
||||
: unref(sanitize_n))(t.content),
|
||||
...contentProps(t),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
A,
|
||||
16,
|
||||
),
|
||||
t.quote_reply_id
|
||||
? (openBlock(),
|
||||
@@ -535,16 +541,10 @@ var le = {
|
||||
createElementVNode(
|
||||
`div`,
|
||||
{
|
||||
innerHTML:
|
||||
(`sanitizeHtml` in n
|
||||
? n.sanitizeHtml
|
||||
: unref(sanitize_n))(
|
||||
we(t),
|
||||
),
|
||||
...contentProps(we(t)),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
M,
|
||||
16,
|
||||
),
|
||||
createVNode(
|
||||
S,
|
||||
@@ -608,15 +608,10 @@ var le = {
|
||||
createElementVNode(
|
||||
`div`,
|
||||
{
|
||||
innerHTML: (`sanitizeHtml` in n
|
||||
? n.sanitizeHtml
|
||||
: unref(sanitize_n))(
|
||||
unref($).content,
|
||||
),
|
||||
...contentProps(unref($)),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
F,
|
||||
16,
|
||||
),
|
||||
]),
|
||||
createVNode(y, {
|
||||
@@ -635,50 +630,43 @@ var le = {
|
||||
{
|
||||
modelValue: unref(W),
|
||||
"onUpdate:modelValue": (a[1] ||= (e) =>
|
||||
isRef(W) ? (W.value = e) : null),
|
||||
label: `回复内容`,
|
||||
"min-height": 140,
|
||||
(W.value = e)),
|
||||
"aria-label": `回复内容`,
|
||||
rows: 6,
|
||||
autoResize: true,
|
||||
fluid: true,
|
||||
placeholder: `输入回复内容…`,
|
||||
disabled: !unref(canOperate),
|
||||
},
|
||||
{
|
||||
"toolbar-end": withCtx(() => [
|
||||
createElementVNode(`label`, L, [
|
||||
(a[3] ||= createElementVNode(
|
||||
`i`,
|
||||
{
|
||||
class: `pi pi-paperclip`,
|
||||
},
|
||||
null,
|
||||
-1,
|
||||
)),
|
||||
(a[4] ||= createTextVNode(
|
||||
`添加附件`,
|
||||
-1,
|
||||
)),
|
||||
createElementVNode(
|
||||
`input`,
|
||||
{
|
||||
id: `reply-files`,
|
||||
type: `file`,
|
||||
multiple: ``,
|
||||
disabled:
|
||||
unref(G) ||
|
||||
unref(J) ||
|
||||
!unref(canOperate),
|
||||
onChange: xe,
|
||||
},
|
||||
null,
|
||||
40,
|
||||
_e,
|
||||
),
|
||||
]),
|
||||
]),
|
||||
_: 1,
|
||||
disabled: !unref(canOperate) || unref(G),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`modelValue`, `disabled`],
|
||||
),
|
||||
createElementVNode(`label`, L, [
|
||||
(a[3] ||= createElementVNode(
|
||||
`i`,
|
||||
{ class: `pi pi-paperclip` },
|
||||
null,
|
||||
-1,
|
||||
)),
|
||||
(a[4] ||= createTextVNode(`添加附件`, -1)),
|
||||
createElementVNode(
|
||||
`input`,
|
||||
{
|
||||
id: `reply-files`,
|
||||
type: `file`,
|
||||
multiple: ``,
|
||||
disabled:
|
||||
unref(G) ||
|
||||
unref(J) ||
|
||||
!unref(canOperate),
|
||||
onChange: xe,
|
||||
},
|
||||
null,
|
||||
40,
|
||||
_e,
|
||||
),
|
||||
]),
|
||||
createElementVNode(`div`, I, [
|
||||
unref(J)
|
||||
? (openBlock(),
|
||||
|
||||
@@ -1,8 +1,7 @@
|
||||
<script>
|
||||
/**
|
||||
* 创建工单：加载类型/部门及可选实例，上传附件后提交标题、富文本内容和关联实例；选项未就绪或附件仍上传时不提交。
|
||||
* 创建工单：加载实际部门及可选实例，上传附件后提交标题、纯文本内容和关联实例；选项未就绪或附件仍上传时不提交。
|
||||
*/
|
||||
import "~/assets/styles/RichTextEditor.NkmgPT5m.css";
|
||||
import "~/assets/styles/create.gX6gpD00.css";
|
||||
import { toDisplayString } from "vue";
|
||||
import { renderList } from "vue";
|
||||
@@ -32,8 +31,7 @@ import message from "openvue/message";
|
||||
import radiobutton from "openvue/radiobutton";
|
||||
import inputtext from "openvue/inputtext";
|
||||
import { n as product_name_n } from "~/lib/product-name.js";
|
||||
import select from "openvue/select";
|
||||
import RichTextEditor from "~/components/RichTextEditor.vue";
|
||||
import textarea from "openvue/textarea";
|
||||
import TicketNotice from "~/components/TicketNotice.vue";
|
||||
import chip from "openvue/chip";
|
||||
import multiselect from "openvue/multiselect";
|
||||
@@ -56,10 +54,6 @@ var le = {
|
||||
w = {
|
||||
class: `field`,
|
||||
},
|
||||
T = {
|
||||
key: 2,
|
||||
class: `field`,
|
||||
},
|
||||
E = {
|
||||
class: `field`,
|
||||
},
|
||||
@@ -110,12 +104,10 @@ var le = {
|
||||
let b = useApi(),
|
||||
z = useRouter(),
|
||||
B = ref([]),
|
||||
V = ref([]),
|
||||
H = ref([]),
|
||||
U = reactive({
|
||||
title: ``,
|
||||
ticket_type_id: null,
|
||||
admin_role_id: null,
|
||||
host_ids: [],
|
||||
content: ``,
|
||||
}),
|
||||
@@ -172,17 +164,14 @@ var le = {
|
||||
function ge(e) {
|
||||
W.value || X.value.splice(e, 1);
|
||||
}
|
||||
// 类型/部门加载成功后再开放提交；实例可选列表分页读取，最多 100 页，实例查询失败不阻止无关联工单创建。
|
||||
// 后端以 ticket_type_id 决定部门；实例查询失败不阻止无关联工单创建。
|
||||
async function Q() {
|
||||
if (isCurrent() && !K.value) {
|
||||
((K.value = !0), (q.value = !1), (G.value = ``));
|
||||
try {
|
||||
let [e, t] = await Promise.all([
|
||||
b.get(`/ticket/type`),
|
||||
b.get(`/ticket/department`),
|
||||
]);
|
||||
let e = await b.get(`/ticket/type`);
|
||||
if (!isCurrent()) return;
|
||||
((B.value = e.list ?? []), (V.value = t.list ?? []));
|
||||
B.value = e.list ?? [];
|
||||
try {
|
||||
let e = [],
|
||||
t = 1,
|
||||
@@ -203,9 +192,7 @@ var le = {
|
||||
if (!isCurrent()) return;
|
||||
H.value = [];
|
||||
}
|
||||
((U.ticket_type_id = B.value[0]?.id ?? null),
|
||||
(U.admin_role_id = V.value[0]?.id ?? null),
|
||||
(q.value = !0));
|
||||
((U.ticket_type_id = B.value[0]?.id ?? null), (q.value = !0));
|
||||
} catch (e) {
|
||||
if (!isCurrent()) return;
|
||||
G.value =
|
||||
@@ -230,9 +217,8 @@ var le = {
|
||||
try {
|
||||
let e = await b.post(`/ticket`, {
|
||||
title: U.title.trim(),
|
||||
content: U.content.trim(),
|
||||
content: U.content,
|
||||
ticket_type_id: U.ticket_type_id,
|
||||
admin_role_id: U.admin_role_id,
|
||||
host_ids: U.host_ids,
|
||||
attachment: X.value.map((e) => e.save_name),
|
||||
});
|
||||
@@ -248,16 +234,15 @@ var le = {
|
||||
}
|
||||
return (
|
||||
onMounted(Q),
|
||||
// 类型/部门选项就绪且附件上传完成后才可创建；富文本编辑器与本地附件草稿共同组成提交内容。
|
||||
// 部门选项就绪且附件上传完成后才可创建；正文按客户纯文本契约原样提交。
|
||||
(n, i) => {
|
||||
let s = TicketNotice,
|
||||
c = button,
|
||||
m = radiobutton,
|
||||
_ = inputtext,
|
||||
y = select,
|
||||
b = chip,
|
||||
z = multiselect,
|
||||
J = RichTextEditor,
|
||||
J = textarea,
|
||||
Y = message,
|
||||
_e = NuxtLink;
|
||||
return (
|
||||
@@ -303,7 +288,7 @@ var le = {
|
||||
(i[5] ||= createElementVNode(
|
||||
`legend`,
|
||||
null,
|
||||
`工单类型`,
|
||||
`工单部门`,
|
||||
-1,
|
||||
)),
|
||||
(openBlock(!0),
|
||||
@@ -377,36 +362,6 @@ var le = {
|
||||
[`modelValue`],
|
||||
),
|
||||
]),
|
||||
unref(V).length > 1
|
||||
? (openBlock(),
|
||||
createElementBlock(`div`, T, [
|
||||
(i[7] ||= createElementVNode(
|
||||
`label`,
|
||||
{
|
||||
for: `department`,
|
||||
},
|
||||
`服务部门`,
|
||||
-1,
|
||||
)),
|
||||
createVNode(
|
||||
y,
|
||||
{
|
||||
"input-id": `department`,
|
||||
modelValue: unref(U).admin_role_id,
|
||||
"onUpdate:modelValue": (i[2] ||= (e) =>
|
||||
(unref(U).admin_role_id = e)),
|
||||
options: unref(V),
|
||||
optionLabel: `name`,
|
||||
optionValue: `id`,
|
||||
disabled: !unref(q),
|
||||
fluid: ``,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`modelValue`, `options`, `disabled`],
|
||||
),
|
||||
]))
|
||||
: createCommentVNode(``, !0),
|
||||
createElementVNode(`div`, E, [
|
||||
(i[8] ||= createElementVNode(
|
||||
`label`,
|
||||
@@ -517,7 +472,9 @@ var le = {
|
||||
modelValue: unref(U).content,
|
||||
"onUpdate:modelValue": (i[4] ||= (e) =>
|
||||
(unref(U).content = e)),
|
||||
label: `工单内容`,
|
||||
rows: 8,
|
||||
autoResize: true,
|
||||
fluid: true,
|
||||
placeholder: `请描述问题、复现步骤和报错信息`,
|
||||
disabled: unref(W),
|
||||
},
|
||||
|
||||
@@ -4,7 +4,6 @@
|
||||
*/
|
||||
import { definePageMeta } from "#imports";
|
||||
import "~/assets/styles/TicketAttachments.DtbJGLkE.css";
|
||||
import "~/assets/styles/RichTextEditor.NkmgPT5m.css";
|
||||
import "~/assets/styles/_id_.C-0--Lx-.css";
|
||||
definePageMeta({
|
||||
key: (route) => route.fullPath,
|
||||
|
||||
Reference in new issue
Block a user