docs: explain dcim services and purchase flows

app/components/instance/DcimDefence.vue

@@ -1,4 +1,5 @@
 <script>
+// 按实例 IP 管理防御升级：先获取可选规格，再询价下单，成功后进入订单详情。
 import "~/assets/styles/DcimDefence.BYaQccXZ.css";
 import { toDisplayString } from "vue";
 import { onMounted } from "vue";
@@ -104,6 +105,7 @@ var T = {
             X = computed(() =>
               L.value.filter((e) => String(e.value) !== String(R.value)),
             );
+          // 每个 IP 的当前防御和可升级档位独立加载，禁止升级时不请求配置。
           async function Z() {
             let e = ++q,
               t = F.value,
@@ -148,6 +150,7 @@ var T = {
           function Q() {
             H.value || ((V.value = !1), J++, (W.value = !1), (K.value = null));
           }
+          // 报价绑定所选档位、IP 与实例，且价格必须为有效非负数。
           async function $() {
             if (x.upgradeAllowed === !1) return;
             let e = ++J,
@@ -186,6 +189,7 @@ var T = {
               !Y && e === J && (W.value = !1);
             }
           }
+          // 只有活动实例、可选档位及已返回报价同时满足时才允许创建升级订单。
           async function se() {
             if (
               x.upgradeAllowed === !1 ||