first commit
This commit is contained in:
cieanyau committed
commit
db5762abd4
687 files changed
+171307
No files matched your search
@@ -0,0 +1,435 @@
|
||||
<script>
|
||||
import "~/assets/styles/FlowPacketPanel.-RJSx13z.css";
|
||||
import "~/assets/styles/InstanceServiceInfo.BftSVIeW.css";
|
||||
import { toDisplayString } from "vue";
|
||||
import { renderList } from "vue";
|
||||
import { normalizeClass } from "vue";
|
||||
import { watch } from "vue";
|
||||
import { defineAsyncComponent } 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 { navigateTo } from "#app";
|
||||
import { loadModule } from "~/utils/load-module.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 { r as dict_r } from "~/lib/dict.js";
|
||||
import { n as instance_status_n } from "~/lib/instance-status.js";
|
||||
import { t as instance_status_t } from "~/lib/instance-status.js";
|
||||
import tag from "primevue/tag";
|
||||
import { c as instance_data_c } from "~/lib/instance-data.js";
|
||||
import { i as instance_data_i } from "~/lib/instance-data.js";
|
||||
import { l as instance_data_l } from "~/lib/instance-data.js";
|
||||
import { n as configuration_display_n } from "~/lib/configuration-display.js";
|
||||
import FlowPacketPanel from "~/components/instance/FlowPacketPanel.vue";
|
||||
var N = defineAsyncComponent(() =>
|
||||
loadModule(
|
||||
() =>
|
||||
import("~/components/instance/InstanceRenewDialog.vue").then(
|
||||
(e) => e.default || e,
|
||||
),
|
||||
[],
|
||||
import.meta.url,
|
||||
),
|
||||
),
|
||||
P = {
|
||||
class: `service-info`,
|
||||
"aria-label": `实例信息`,
|
||||
},
|
||||
F = {
|
||||
class: `service-heading`,
|
||||
},
|
||||
I = {
|
||||
key: 2,
|
||||
class: `traffic-recovery`,
|
||||
},
|
||||
L = {
|
||||
key: 3,
|
||||
class: `traffic-recovery`,
|
||||
},
|
||||
R = {
|
||||
class: `service-rows`,
|
||||
},
|
||||
z = [`aria-label`],
|
||||
B = Object.assign(
|
||||
_plugin_vue_export_helper_t(
|
||||
defineComponent({
|
||||
__name: `InstanceServiceInfo`,
|
||||
props: {
|
||||
host: {},
|
||||
module: {},
|
||||
info: {},
|
||||
},
|
||||
emits: [`pay`],
|
||||
setup(i, { emit: g }) {
|
||||
let b = i,
|
||||
S = g,
|
||||
B = computed(() =>
|
||||
instance_status_t(
|
||||
b.info?.powerStatus ?? b.info?.power_status,
|
||||
b.host.status,
|
||||
),
|
||||
),
|
||||
V = computed(() =>
|
||||
instance_status_n(
|
||||
b.host,
|
||||
b.info?.powerStatus ?? b.info?.power_status,
|
||||
),
|
||||
),
|
||||
H = computed(
|
||||
() =>
|
||||
b.host.status === `Suspended` &&
|
||||
b.host.suspend_type === `overdue`,
|
||||
),
|
||||
U = computed(() =>
|
||||
Number(b.host.renew_forbidden) === 1
|
||||
? `该实例已禁止续费，请联系支持`
|
||||
: Number(b.host.change_billing_cycle_id) > 0
|
||||
? `请先取消到期转换计划后再续费`
|
||||
: [`onetime`, `on_demand`].includes(
|
||||
b.host.billing_cycle || ``,
|
||||
)
|
||||
? `该计费方式不支持续费，请联系支持`
|
||||
: ``,
|
||||
),
|
||||
W = ref(!1);
|
||||
function G() {
|
||||
H.value && !U.value && (W.value = !0);
|
||||
}
|
||||
watch([() => b.host.id, () => H.value, () => U.value], () => {
|
||||
W.value = !1;
|
||||
});
|
||||
let K = ref(!1),
|
||||
q = computed(() => {
|
||||
let e = b.info ?? {},
|
||||
t = instance_data_l(e.raw ?? e),
|
||||
n = instance_data_l(b.host.addition),
|
||||
r = instance_data_l(e.image ?? t.image),
|
||||
i = instance_data_l(t.model_config),
|
||||
a = e.ip || b.host.ip || b.host.dedicate_ip || b.host.assign_ip,
|
||||
o = configuration_display_n(b.module || ``, t, b.host),
|
||||
s = String(e.password || n.password || ``);
|
||||
return [
|
||||
[`实例编号`, `#${b.host.id}`],
|
||||
[`实例名称`, b.host.name || `—`],
|
||||
[`配置摘要`, b.host.base_info || `—`],
|
||||
[`区域`, o.region || `—`],
|
||||
[`线路`, o.line || `—`],
|
||||
[
|
||||
`IP 地址`,
|
||||
a || (b.host.status === `Pending` ? `待分配` : `未提供`),
|
||||
],
|
||||
[
|
||||
`CPU`,
|
||||
e.cpu
|
||||
? `${e.cpu} ${b.module === `jy_dcim` ? `颗 CPU` : `核`}`
|
||||
: i.cpu || `未提供`,
|
||||
],
|
||||
[`内存`, e.memory ? `${e.memory} GB` : i.memory || `未提供`],
|
||||
[
|
||||
`磁盘`,
|
||||
instance_data_i(e.disks)
|
||||
.map((e) => `${e.name} ${e.size} GB`)
|
||||
.join(` / `) ||
|
||||
i.disk ||
|
||||
`未提供`,
|
||||
],
|
||||
[
|
||||
`带宽`,
|
||||
t.bw_show ||
|
||||
(e.bw || t.bw || t.bandwidth
|
||||
? `${e.bw || t.bw || t.bandwidth} Mbps`
|
||||
: `未提供`),
|
||||
],
|
||||
[
|
||||
`操作系统`,
|
||||
r.name || b.host.image_name || n.image_name || `未提供`,
|
||||
],
|
||||
[`用户名`, e.username || n.username || `未提供`],
|
||||
[
|
||||
`连接端口`,
|
||||
String(instance_data_c(e.port ?? n.port) || `未提供`),
|
||||
],
|
||||
[`密码`, s ? (K.value ? s : `••••••••`) : `未提供`],
|
||||
[`计费周期`, b.host.billing_cycle_name || `—`],
|
||||
[
|
||||
`续费金额`,
|
||||
b.host.renew_amount == null ? `—` : `¥${b.host.renew_amount}`,
|
||||
],
|
||||
[
|
||||
`开通时间`,
|
||||
b.host.active_time
|
||||
? dict_r(b.host.active_time)
|
||||
: b.host.status === `Pending` || b.host.status === `Unpaid`
|
||||
? `尚未开通`
|
||||
: `未提供`,
|
||||
],
|
||||
[`到期时间`, dict_r(b.host.due_time)],
|
||||
];
|
||||
}),
|
||||
J = computed(() => {
|
||||
let e = instance_data_l(b.info?.raw ?? b.info);
|
||||
return instance_data_i(e.config_options ?? e.configoptions)
|
||||
.map((e) => ({
|
||||
label: String(e.option_name ?? e.name ?? ``),
|
||||
value: String(e.sub_name ?? e.value ?? ``),
|
||||
}))
|
||||
.filter((e) => e.label && e.value);
|
||||
});
|
||||
return (r, o) => {
|
||||
let l = tag,
|
||||
g = message,
|
||||
b = button,
|
||||
w = FlowPacketPanel,
|
||||
T = N;
|
||||
return (
|
||||
openBlock(),
|
||||
createElementBlock(`section`, P, [
|
||||
createElementVNode(`div`, F, [
|
||||
(o[4] ||= createElementVNode(`h3`, null, `实例信息`, -1)),
|
||||
createVNode(
|
||||
l,
|
||||
{
|
||||
value: unref(B).label,
|
||||
severity: unref(B).severity,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`value`, `severity`],
|
||||
),
|
||||
]),
|
||||
unref(V)
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
g,
|
||||
{
|
||||
key: 0,
|
||||
severity: `warn`,
|
||||
closable: !1,
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
createTextVNode(
|
||||
`暂停原因：` + toDisplayString(unref(V)),
|
||||
1,
|
||||
),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
))
|
||||
: i.host.status === `Pending`
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
g,
|
||||
{
|
||||
key: 1,
|
||||
severity: `info`,
|
||||
closable: !1,
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
...(o[5] ||= [
|
||||
createTextVNode(
|
||||
`实例开通中，IP 和连接信息将在开通完成后显示。`,
|
||||
-1,
|
||||
),
|
||||
]),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
unref(H)
|
||||
? (openBlock(),
|
||||
createElementBlock(`div`, I, [
|
||||
createElementVNode(
|
||||
`p`,
|
||||
null,
|
||||
toDisplayString(
|
||||
unref(U) ||
|
||||
`可选择续费周期并完成付款。付款后由平台处理恢复，请稍后刷新查看实例状态。`,
|
||||
),
|
||||
1,
|
||||
),
|
||||
createElementVNode(`div`, null, [
|
||||
createVNode(
|
||||
b,
|
||||
{
|
||||
label: `立即续费`,
|
||||
disabled: !!unref(U),
|
||||
onClick: G,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`disabled`],
|
||||
),
|
||||
]),
|
||||
]))
|
||||
: createCommentVNode(``, !0),
|
||||
i.host.status === `Suspended` &&
|
||||
i.host.suspend_type === `overtraffic`
|
||||
? (openBlock(),
|
||||
createElementBlock(`div`, L, [
|
||||
(o[6] ||= createElementVNode(
|
||||
`p`,
|
||||
null,
|
||||
`可购买流量包补充可用流量。付款后由平台处理恢复，请稍后刷新查看实例状态。`,
|
||||
-1,
|
||||
)),
|
||||
createVNode(
|
||||
w,
|
||||
{
|
||||
"host-id": String(i.host.id),
|
||||
module: i.module,
|
||||
flow: null,
|
||||
mode: `button`,
|
||||
onPay: (o[0] ||= (e) => S(`pay`, e)),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`host-id`, `module`],
|
||||
),
|
||||
]))
|
||||
: createCommentVNode(``, !0),
|
||||
createElementVNode(`dl`, R, [
|
||||
(openBlock(!0),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
null,
|
||||
renderList(
|
||||
unref(q),
|
||||
([t, r]) => (
|
||||
openBlock(),
|
||||
createElementBlock(
|
||||
`div`,
|
||||
{
|
||||
key: t,
|
||||
},
|
||||
[
|
||||
createElementVNode(
|
||||
`dt`,
|
||||
null,
|
||||
toDisplayString(t),
|
||||
1,
|
||||
),
|
||||
createElementVNode(`dd`, null, [
|
||||
createTextVNode(toDisplayString(r), 1),
|
||||
t === `密码` && r !== `未提供`
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
`button`,
|
||||
{
|
||||
key: 0,
|
||||
type: `button`,
|
||||
class: `password-toggle`,
|
||||
"aria-label": unref(K)
|
||||
? `隐藏密码`
|
||||
: `显示密码`,
|
||||
onClick: (o[1] ||= (e) =>
|
||||
(K.value = !unref(K))),
|
||||
},
|
||||
[
|
||||
createElementVNode(
|
||||
`i`,
|
||||
{
|
||||
class: normalizeClass([
|
||||
`pi`,
|
||||
unref(K)
|
||||
? `pi-eye-slash`
|
||||
: `pi-eye`,
|
||||
]),
|
||||
},
|
||||
null,
|
||||
2,
|
||||
),
|
||||
],
|
||||
8,
|
||||
z,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
]),
|
||||
],
|
||||
)
|
||||
),
|
||||
),
|
||||
128,
|
||||
)),
|
||||
(openBlock(!0),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
null,
|
||||
renderList(
|
||||
unref(J),
|
||||
(t, n) => (
|
||||
openBlock(),
|
||||
createElementBlock(
|
||||
`div`,
|
||||
{
|
||||
key: `config-${n}`,
|
||||
},
|
||||
[
|
||||
createElementVNode(
|
||||
`dt`,
|
||||
null,
|
||||
toDisplayString(t.label),
|
||||
1,
|
||||
),
|
||||
createElementVNode(
|
||||
`dd`,
|
||||
null,
|
||||
toDisplayString(t.value),
|
||||
1,
|
||||
),
|
||||
],
|
||||
)
|
||||
),
|
||||
),
|
||||
128,
|
||||
)),
|
||||
]),
|
||||
unref(W)
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
T,
|
||||
{
|
||||
key: 4,
|
||||
modelValue: unref(W),
|
||||
"onUpdate:modelValue": (o[2] ||= (e) =>
|
||||
isRef(W) ? (W.value = e) : null),
|
||||
"host-id": String(i.host.id),
|
||||
onPaid: (o[3] ||= (e) =>
|
||||
(`navigateTo` in r
|
||||
? r.navigateTo
|
||||
: unref(navigateTo))(`/orders`)),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`modelValue`, `host-id`],
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
])
|
||||
);
|
||||
};
|
||||
},
|
||||
}),
|
||||
[[`__scopeId`, `data-v-0ff5d554`]],
|
||||
),
|
||||
{
|
||||
__name: `InstanceServiceInfo`,
|
||||
},
|
||||
);
|
||||
export {};
|
||||
export default B;
|
||||
</script>
|
||||
Reference in new issue
Block a user