first commit
This commit is contained in:
cieanyau committed
commit
db5762abd4
687 files changed
+171307
No files matched your search
@@ -0,0 +1,613 @@
|
||||
<script>
|
||||
import "~/assets/styles/ConfigBandwidth.CWSH1WJZ.css";
|
||||
import "~/assets/styles/DcimUpgrade.DaLApYFa.css";
|
||||
import { toDisplayString } from "vue";
|
||||
import { renderList } from "vue";
|
||||
import { onMounted } from "vue";
|
||||
import { onBeforeUnmount } from "vue";
|
||||
import { watch } from "vue";
|
||||
import { createBlock } from "vue";
|
||||
import { ref } from "vue";
|
||||
import { withCtx } from "vue";
|
||||
import { createCommentVNode } from "vue";
|
||||
import { computed } from "vue";
|
||||
import { reactive } 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 { useApi } from "~/lib/auth.js";
|
||||
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 select from "primevue/select";
|
||||
import inputnumber from "primevue/inputnumber";
|
||||
import ConfigBandwidth from "~/components/config/ConfigBandwidth.vue";
|
||||
var T = {
|
||||
key: 0,
|
||||
class: `dcim-upgrade`,
|
||||
},
|
||||
E = {
|
||||
key: 1,
|
||||
},
|
||||
te = {
|
||||
key: 2,
|
||||
},
|
||||
D = Object.assign(
|
||||
_plugin_vue_export_helper_t(
|
||||
defineComponent({
|
||||
__name: `DcimUpgrade`,
|
||||
props: {
|
||||
hostId: {},
|
||||
productId: {},
|
||||
module: {},
|
||||
current: {},
|
||||
upgradeAllowed: {
|
||||
type: Boolean,
|
||||
},
|
||||
},
|
||||
emits: [`pay`],
|
||||
setup(h, { expose: b, emit: D }) {
|
||||
let O = h,
|
||||
k = D,
|
||||
A = useApi(),
|
||||
j = ref(null),
|
||||
M = computed(() => O.current.model_config ?? {}),
|
||||
N = [`memory`, `disk`, `gpu`],
|
||||
P = {
|
||||
memory: `内存`,
|
||||
disk: `硬盘`,
|
||||
gpu: `显卡`,
|
||||
},
|
||||
F = reactive({
|
||||
bw: 0,
|
||||
flow: 0,
|
||||
ip_num: 0,
|
||||
peak_defence: 0,
|
||||
optional_memory: {},
|
||||
optional_disk: {},
|
||||
optional_gpu: {},
|
||||
}),
|
||||
I = ref(!1),
|
||||
L = ref(!1),
|
||||
R = ref(!1),
|
||||
z = ref(``),
|
||||
B = ref(``),
|
||||
V = ref(``),
|
||||
H = 0,
|
||||
U = 0,
|
||||
W = !1,
|
||||
G = ``,
|
||||
K = ``,
|
||||
q = computed(() => JSON.stringify([O.hostId, O.module, F])),
|
||||
J = computed(() => q.value !== K),
|
||||
ne = (e = []) =>
|
||||
e
|
||||
.filter(
|
||||
(e) => e.value !== `` && Number.isFinite(Number(e.value)),
|
||||
)
|
||||
.map((e) => ({
|
||||
value: Number(e.value),
|
||||
label: String(e.value_show || e.desc || e.value),
|
||||
})),
|
||||
re = (e = []) =>
|
||||
e.some((e) => e.min_value !== void 0 && e.max_value !== void 0),
|
||||
Y = computed(() =>
|
||||
[
|
||||
...(j.value?.bill_type === `flow`
|
||||
? [
|
||||
{
|
||||
key: `flow`,
|
||||
label: `流量配额`,
|
||||
options: j.value.flow ?? [],
|
||||
},
|
||||
]
|
||||
: []),
|
||||
{
|
||||
key: `ip_num`,
|
||||
label: `IPv4 数量`,
|
||||
options: j.value?.ip ?? [],
|
||||
},
|
||||
{
|
||||
key: `peak_defence`,
|
||||
label: `防御峰值`,
|
||||
options: j.value?.defence ?? [],
|
||||
},
|
||||
].filter((e) => e.options.length),
|
||||
);
|
||||
function ie(e, t) {
|
||||
return (
|
||||
Number.isFinite(e) &&
|
||||
t.some((t) => {
|
||||
if (
|
||||
t.min_value === void 0 ||
|
||||
t.max_value === void 0 ||
|
||||
t.type === `radio`
|
||||
)
|
||||
return Number(t.value) === e;
|
||||
let n = Number(t.step ?? 1);
|
||||
return (
|
||||
n > 0 &&
|
||||
e >= Number(t.min_value) &&
|
||||
e <= Number(t.max_value) &&
|
||||
Math.abs(
|
||||
(e - Number(t.min_value)) / n -
|
||||
Math.round((e - Number(t.min_value)) / n),
|
||||
) < 1e-7
|
||||
);
|
||||
})
|
||||
);
|
||||
}
|
||||
let X = (e) => M.value[`optional_${e}`] ?? [];
|
||||
function Z() {
|
||||
(H++, (B.value = ``), (V.value = ``), (G = ``), (L.value = !1));
|
||||
}
|
||||
function ae() {
|
||||
for (let e of [`bw`, `flow`, `ip_num`, `peak_defence`])
|
||||
F[e] = Number(O.current[e] ?? 0);
|
||||
for (let e of N) {
|
||||
let t = O.current[`optional_${e}`];
|
||||
F[`optional_${e}`] =
|
||||
t && typeof t == `object` && !Array.isArray(t)
|
||||
? Object.fromEntries(
|
||||
Object.entries(t).map(([e, t]) => [e, Number(t)]),
|
||||
)
|
||||
: {};
|
||||
}
|
||||
((K = q.value), Z());
|
||||
}
|
||||
async function Q() {
|
||||
if (O.upgradeAllowed === !1 || W) return;
|
||||
let e = ++U;
|
||||
(ae(), (I.value = !0), (z.value = ``), (j.value = null));
|
||||
try {
|
||||
let t = Number(O.current.line?.id);
|
||||
if (!Number.isSafeInteger(t) || t <= 0)
|
||||
throw Error(`实例线路信息无效，请刷新后重试`);
|
||||
let n = await A.get(
|
||||
`/product/${O.productId}/${O.module}/line/${t}`,
|
||||
);
|
||||
!W && e === U && (j.value = n);
|
||||
} catch (t) {
|
||||
!W &&
|
||||
e === U &&
|
||||
(z.value = t instanceof Error ? t.message : `升级配置加载失败`);
|
||||
} finally {
|
||||
e === U && (I.value = !1);
|
||||
}
|
||||
}
|
||||
function oe() {
|
||||
for (let e of N) {
|
||||
let t = F[`optional_${e}`],
|
||||
n = O.current[`optional_${e}`] ?? {},
|
||||
r = new Set([
|
||||
...X(e).map((e) => String(e.id)),
|
||||
...Object.keys(n),
|
||||
]);
|
||||
if (
|
||||
Object.entries(t).some(
|
||||
([e, t]) => !r.has(e) || !Number.isSafeInteger(t) || t < 0,
|
||||
)
|
||||
)
|
||||
throw Error(`${P[e]}数量无效`);
|
||||
let i =
|
||||
Object.values(t).reduce((e, t) => e + t, 0) -
|
||||
Object.values(n).reduce((e, t) => e + Number(t), 0),
|
||||
a = M.value[`max_${e}_num`];
|
||||
if (a !== void 0 && i > Number(a))
|
||||
throw Error(`${P[e]}数量超过剩余槽位`);
|
||||
}
|
||||
if (!j.value) throw Error(`请先加载有效的升级配置`);
|
||||
let e = [
|
||||
...Y.value,
|
||||
...(j.value.bill_type === `bw`
|
||||
? [
|
||||
{
|
||||
key: `bw`,
|
||||
label: `带宽`,
|
||||
options: j.value.bw ?? [],
|
||||
},
|
||||
]
|
||||
: []),
|
||||
];
|
||||
for (let t of e)
|
||||
if (
|
||||
F[t.key] !== Number(O.current[t.key] ?? 0) &&
|
||||
!ie(F[t.key], t.options)
|
||||
)
|
||||
throw Error(`请选择有效的${t.label}档位`);
|
||||
}
|
||||
async function $() {
|
||||
if (O.upgradeAllowed === !1 || R.value || W || !J.value) return;
|
||||
((z.value = ``), Z());
|
||||
try {
|
||||
oe();
|
||||
} catch (e) {
|
||||
z.value = e.message;
|
||||
return;
|
||||
}
|
||||
let e = ++H,
|
||||
t = q.value,
|
||||
n = JSON.parse(JSON.stringify(F)),
|
||||
r = {
|
||||
bw: n.bw,
|
||||
flow: n.flow,
|
||||
ip_num: n.ip_num,
|
||||
peak_defence: n.peak_defence,
|
||||
};
|
||||
for (let e of N)
|
||||
for (let [t, i] of Object.entries(n[`optional_${e}`]))
|
||||
r[`optional_${e}[${t}]`] = i;
|
||||
L.value = !0;
|
||||
try {
|
||||
let n = await A.get(`/${O.module}/${O.hostId}/common_config`, r);
|
||||
if (W || e !== H || t !== q.value) return;
|
||||
if (
|
||||
n.price === null ||
|
||||
n.price === void 0 ||
|
||||
String(n.price).trim() === `` ||
|
||||
!Number.isFinite(Number(n.price))
|
||||
)
|
||||
throw Error(`升级报价无效，请重试`);
|
||||
((B.value = String(n.price)),
|
||||
(V.value = n.description ?? ``),
|
||||
(G = t));
|
||||
} catch (t) {
|
||||
!W &&
|
||||
e === H &&
|
||||
(z.value = t instanceof Error ? t.message : `升级询价失败`);
|
||||
} finally {
|
||||
e === H && (L.value = !1);
|
||||
}
|
||||
}
|
||||
async function se() {
|
||||
if (
|
||||
O.upgradeAllowed === !1 ||
|
||||
R.value ||
|
||||
L.value ||
|
||||
!J.value ||
|
||||
!B.value ||
|
||||
G !== q.value ||
|
||||
W
|
||||
)
|
||||
return;
|
||||
let e = q.value,
|
||||
t = B.value,
|
||||
n = JSON.parse(JSON.stringify(F));
|
||||
((R.value = !0), (z.value = ``));
|
||||
try {
|
||||
let r = await A.post(
|
||||
`/${O.module}/${O.hostId}/common_config/order`,
|
||||
n,
|
||||
);
|
||||
if (W || e !== q.value) return;
|
||||
if (!/^[1-9]\d*$/.test(String(r.id)))
|
||||
throw Error(`升级订单无效，请重试`);
|
||||
(Z(),
|
||||
k(`pay`, {
|
||||
order_id: r.id,
|
||||
amount: t,
|
||||
}));
|
||||
} catch (t) {
|
||||
!W &&
|
||||
e === q.value &&
|
||||
(z.value = t instanceof Error ? t.message : `升级订单创建失败`);
|
||||
} finally {
|
||||
W || (R.value = !1);
|
||||
}
|
||||
}
|
||||
return (
|
||||
watch(F, Z, {
|
||||
deep: !0,
|
||||
flush: `sync`,
|
||||
}),
|
||||
watch(
|
||||
[
|
||||
() => O.hostId,
|
||||
() => O.module,
|
||||
() => O.current,
|
||||
() => O.upgradeAllowed,
|
||||
],
|
||||
() => {
|
||||
(U++, Z(), Q());
|
||||
},
|
||||
{
|
||||
flush: `sync`,
|
||||
},
|
||||
),
|
||||
onMounted(Q),
|
||||
onBeforeUnmount(() => {
|
||||
((W = !0), H++, U++);
|
||||
}),
|
||||
b({
|
||||
busy: R,
|
||||
}),
|
||||
(n, r) => {
|
||||
let i = message,
|
||||
o = button,
|
||||
l = ConfigBandwidth,
|
||||
u = inputnumber,
|
||||
v = select;
|
||||
return h.upgradeAllowed === !1
|
||||
? createCommentVNode(``, !0)
|
||||
: (openBlock(),
|
||||
createElementBlock(`div`, T, [
|
||||
unref(z)
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
i,
|
||||
{
|
||||
key: 0,
|
||||
severity: `error`,
|
||||
closable: !1,
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString(unref(z)), 1),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
unref(j)
|
||||
? createCommentVNode(``, !0)
|
||||
: (openBlock(),
|
||||
createBlock(
|
||||
o,
|
||||
{
|
||||
key: 1,
|
||||
label: `加载升级配置`,
|
||||
text: ``,
|
||||
loading: unref(I),
|
||||
onClick: Q,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`loading`],
|
||||
)),
|
||||
unref(j)
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
{
|
||||
key: 2,
|
||||
},
|
||||
[
|
||||
unref(j).bill_type === `bw` && unref(j).bw?.length
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
l,
|
||||
{
|
||||
key: 0,
|
||||
modelValue: unref(F).bw,
|
||||
"onUpdate:modelValue": (r[0] ||= (e) =>
|
||||
(unref(F).bw = e)),
|
||||
options: unref(j).bw,
|
||||
disabled: unref(R),
|
||||
onChange: $,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`modelValue`, `options`, `disabled`],
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
(openBlock(!0),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
null,
|
||||
renderList(
|
||||
unref(Y),
|
||||
(t) => (
|
||||
openBlock(),
|
||||
createElementBlock(
|
||||
`label`,
|
||||
{
|
||||
key: t.key,
|
||||
},
|
||||
[
|
||||
createTextVNode(
|
||||
toDisplayString(t.label),
|
||||
1,
|
||||
),
|
||||
re(t.options)
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
u,
|
||||
{
|
||||
key: 0,
|
||||
modelValue: unref(F)[t.key],
|
||||
"onUpdate:modelValue": (e) =>
|
||||
(unref(F)[t.key] = e),
|
||||
min: 0,
|
||||
disabled: unref(R),
|
||||
"use-grouping": !1,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[
|
||||
`modelValue`,
|
||||
`onUpdate:modelValue`,
|
||||
`disabled`,
|
||||
],
|
||||
))
|
||||
: (openBlock(),
|
||||
createBlock(
|
||||
v,
|
||||
{
|
||||
key: 1,
|
||||
modelValue: unref(F)[t.key],
|
||||
"onUpdate:modelValue": (e) =>
|
||||
(unref(F)[t.key] = e),
|
||||
options: ne(t.options),
|
||||
"option-label": `label`,
|
||||
"option-value": `value`,
|
||||
disabled: unref(R),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[
|
||||
`modelValue`,
|
||||
`onUpdate:modelValue`,
|
||||
`options`,
|
||||
`disabled`,
|
||||
],
|
||||
)),
|
||||
],
|
||||
)
|
||||
),
|
||||
),
|
||||
128,
|
||||
)),
|
||||
(openBlock(!0),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
null,
|
||||
renderList(
|
||||
N.filter((e) => X(e).length),
|
||||
(n) => (
|
||||
openBlock(),
|
||||
createElementBlock(
|
||||
`fieldset`,
|
||||
{
|
||||
key: n,
|
||||
},
|
||||
[
|
||||
createElementVNode(
|
||||
`legend`,
|
||||
null,
|
||||
toDisplayString(P[n]) + `配置`,
|
||||
1,
|
||||
),
|
||||
(openBlock(!0),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
null,
|
||||
renderList(
|
||||
X(n),
|
||||
(t) => (
|
||||
openBlock(),
|
||||
createElementBlock(
|
||||
`label`,
|
||||
{
|
||||
key: t.id,
|
||||
},
|
||||
[
|
||||
createTextVNode(
|
||||
toDisplayString(t.value),
|
||||
1,
|
||||
),
|
||||
createVNode(
|
||||
u,
|
||||
{
|
||||
modelValue:
|
||||
unref(F)[`optional_${n}`][
|
||||
String(t.id)
|
||||
],
|
||||
"onUpdate:modelValue": (
|
||||
e,
|
||||
) =>
|
||||
(unref(F)[
|
||||
`optional_${n}`
|
||||
][String(t.id)] = e),
|
||||
min: 0,
|
||||
max:
|
||||
Number(
|
||||
unref(M)[
|
||||
`max_${n}_num`
|
||||
] ?? 99,
|
||||
) +
|
||||
Number(
|
||||
h.current[
|
||||
`optional_${n}`
|
||||
]?.[String(t.id)] ?? 0,
|
||||
),
|
||||
disabled: unref(R),
|
||||
"use-grouping": !1,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[
|
||||
`modelValue`,
|
||||
`onUpdate:modelValue`,
|
||||
`max`,
|
||||
`disabled`,
|
||||
],
|
||||
),
|
||||
],
|
||||
)
|
||||
),
|
||||
),
|
||||
128,
|
||||
)),
|
||||
],
|
||||
)
|
||||
),
|
||||
),
|
||||
128,
|
||||
)),
|
||||
createVNode(
|
||||
o,
|
||||
{
|
||||
label: `计算变更费用`,
|
||||
outlined: ``,
|
||||
loading: unref(L),
|
||||
disabled: unref(R) || !unref(J),
|
||||
onClick: $,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`loading`, `disabled`],
|
||||
),
|
||||
unref(B) === ``
|
||||
? createCommentVNode(``, !0)
|
||||
: (openBlock(),
|
||||
createElementBlock(
|
||||
`p`,
|
||||
E,
|
||||
`变更费用：¥` + toDisplayString(unref(B)),
|
||||
1,
|
||||
)),
|
||||
unref(V)
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
`p`,
|
||||
te,
|
||||
toDisplayString(unref(V)),
|
||||
1,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
createVNode(
|
||||
o,
|
||||
{
|
||||
label: `确认生成升级订单`,
|
||||
loading: unref(R),
|
||||
disabled:
|
||||
unref(B) === `` || unref(L) || !unref(J),
|
||||
onClick: se,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`loading`, `disabled`],
|
||||
),
|
||||
],
|
||||
64,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
]));
|
||||
}
|
||||
);
|
||||
},
|
||||
}),
|
||||
[[`__scopeId`, `data-v-790898bc`]],
|
||||
),
|
||||
{
|
||||
__name: `DcimUpgrade`,
|
||||
},
|
||||
);
|
||||
export {};
|
||||
export default D;
|
||||
</script>
|
||||
Reference in new issue
Block a user