35 lines
1.3 KiB
Vue
35 lines
1.3 KiB
Vue
|
<script setup lang="ts">
|
|||
|
|
import { useRouter } from 'vue-router'
|
|||
|
|
import { ArrowRightOutlined, CloudServerOutlined } from '@ant-design/icons-vue'
|
|||
|
|
|
|||
|
|
const router = useRouter()
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div class="page-shell">
|
|||
|
|
<div style="display: flex; align-items: flex-start; gap: 8px; margin-bottom: 16px">
|
|||
|
|
<a-button type="text" @click="router.push({ name: 'home' })">
|
|||
|
|
<ArrowRightOutlined />
|
|||
|
|
</a-button>
|
|||
|
|
<div>
|
|||
|
|
<h1 class="page-title">پنل سرور</h1>
|
|||
|
|
<p class="page-sub">شارژ و تمدید سرورهای نسخههای فروشی</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="placeholder-hero server">
|
|||
|
|
<div style="display: flex; align-items: center; gap: 12px; font-size: 28px">
|
|||
|
|
<CloudServerOutlined />
|
|||
|
|
<strong style="font-size: 1.2rem">بهزودی</strong>
|
|||
|
|
</div>
|
|||
|
|
<p style="margin: 12px 0 0; opacity: 0.92; line-height: 1.8">
|
|||
|
|
این بخش برای پیگیری شارژ، تمدید و وضعیت سرورها طراحی میشود — مشابه ساختار پنل پیامکی.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="hint-box">
|
|||
|
|
اسکلت صفحه آماده است. جزئیات业务流程 و اتصال به سرویسها را در مرحله بعد اضافه میکنیم.
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|