Initial commit (code only without large binaries)

EdgeUser/web/views/@default/anti-ddos/packages/index.html

@@ -0,0 +1,62 @@
+{$layout}
+
+<!-- 步骤 -->
+<div class="ui steps fluid">
+    <div class="step active">
+        <a href="/anti-ddos/packages">选择实例规格</a>
+    </div>
+    <div class="step">支付</div>
+</div>
+
+<form class="ui form" data-tea-action="$" data-tea-success="success">
+    <csrf-token></csrf-token>
+
+    <input type="hidden" name="packageId" :value="selectedPackageId"/>
+    <input type="hidden" name="periodId" :value="selectedPeriodId"/>
+
+    <table class="ui table definition selectable">
+        <tr>
+            <td class="title">选择线路 *</td>
+            <td>
+                <a v-for="network in allNetworks" class="ui label basic" :class="{blue: network.id == selectedNetworkId}" @click.prevent="selectNetwork(network.id)">{{network.name}}</a>
+                <p class="comment" v-for="network in allNetworks" v-if="network.id == selectedNetworkId && network.description.length > 0">{{network.name}}：{{network.description}}</p>
+            </td>
+        </tr>
+        <tr>
+            <td>选择防护带宽 *</td>
+            <td>
+                <a v-for="protectionBandwidth in allProtectionBandwidthSizes" v-if="hasProtectionBandwidth(protectionBandwidth)" class="ui label basic" :class="{blue: protectionBandwidth == selectedProtectionBandwidth}" @click.prevent="selectProtectionBandwidth(protectionBandwidth)">{{protectionBandwidth}}</a>
+            </td>
+        </tr>
+        <tr>
+            <td>选择业务带宽 *</td>
+            <td>
+                <a v-for="serverBandwidth in allServerBandwidthSizes" v-if="hasServerBandwidth(serverBandwidth)" class="ui label basic" :class="{blue: serverBandwidth == selectedServerBandwidth}" @click.prevent="selectServerBandwidth(serverBandwidth)">{{serverBandwidth}}</a>
+            </td>
+        </tr>
+        <tr>
+            <td>选择有效期 *</td>
+            <td>
+                <a v-for="period in allPeriods" class="ui label basic" v-if="hasPeriod(period.id)" :class="{blue: period.id == selectedPeriodId}" @click.prevent="selectPeriod(period.id)">{{period.count}}{{period.unitName}}</a>
+            </td>
+        </tr>
+        <tr>
+            <td>选择实例数量 *</td>
+            <td>
+                <div class="ui input">
+                    <select class="ui dropdown" name="count" v-model="count" @change="changeCount(this.count)">
+                        <option v-for="i in max" :value="i">{{i}}</option>
+                    </select>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>价格</td>
+            <td>
+                <span v-if="amount == 0" class="disabled">没有找到对应价格</span>
+                <span v-if="amount > 0">{{amount}}元</span>
+            </td>
+        </tr>
+    </table>
+    <button class="ui button primary" type="button" :class="{disabled: amount <= 0}" @click.prevent="goNext()">下一步</button>
+</form>