[域名服务]实现基本的线路配置

web/views/@default/ns/routes/@menu.html

@@ -0,0 +1,4 @@
+<first-menu>
+    <menu-item href="" @click.prevent="createRoute()">[创建线路]</menu-item>
+</first-menu>
+<div class="margin"></div>

web/views/@default/ns/routes/createPopup.html

@@ -0,0 +1,26 @@
+{$layout "layout_popup"}
+
+<h3>创建线路</h3>
+<form class="ui form" data-tea-action="$" data-tea-success="success">
+    <csrf-token></csrf-token>
+    <input type="hidden" name="clusterId" :value="clusterId"/>
+    <input type="hidden" name="domainId" :value="domainId"/>
+    <input type="hidden" name="userId" :value="userId"/>
+
+    <table class="ui table definition selectable">
+        <tr>
+            <td class="title">线路名称 *</td>
+            <td>
+                <input type="text" name="name" maxlength="100" ref="focus"/>
+            </td>
+        </tr>
+        <tr>
+            <td>IP范围</td>
+            <td>
+                <ns-route-ranges-box></ns-route-ranges-box>
+            </td>
+        </tr>
+    </table>
+
+    <submit-btn></submit-btn>
+</form>

web/views/@default/ns/routes/index.html

@@ -0,0 +1,34 @@
+{$layout}
+{$template "menu"}
+
+<div v-if="routes.length == 0">
+    <p class="comment">暂时还没有线路。</p>
+</div>
+
+<div v-show="routes.length > 0">
+    <table class="ui table selectable celled" id="sortable-table">
+        <thead>
+            <tr>
+                <th style="width: 3em"></th>
+                <th>线路名称</th>
+                <th class="two wide">状态</th>
+                <th class="two op">操作</th>
+            </tr>
+        </thead>
+        <tbody v-for="route in routes" :v-id="route.id">
+            <tr>
+                <td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
+                <td>{{route.name}}</td>
+                <td>
+                    <label-on :v-is-on="route.isOn"></label-on>
+                </td>
+                <td>
+                    <a href="" @click.prevent="updateRoute(route.id)">修改</a> &nbsp;
+                    <a href="" @click.prevent="deleteRoute(route.id)">删除</a>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+
+    <p class="comment" v-if="routes.length > 0">可以拖动左侧的<i class="icon bars"></i>排序。</p>
+</div>

web/views/@default/ns/routes/index.js

@@ -0,0 +1,49 @@
+Tea.context(function () {
+	this.$delay(function () {
+		let that = this
+		sortTable(function (ids) {
+			that.$post(".sort")
+				.params({
+					routeIds: ids
+				})
+				.success(function () {
+					teaweb.successToast("排序保存成功")
+				})
+		})
+	})
+
+	this.createRoute = function () {
+		teaweb.popup("/ns/routes/createPopup", {
+			width: "42em",
+			callback: function () {
+				teaweb.success("保存成功", function () {
+					teaweb.reload()
+				})
+			}
+		})
+	}
+
+	this.updateRoute = function (routeId) {
+		teaweb.popup("/ns/routes/updatePopup?routeId=" + routeId, {
+			width: "42em",
+			callback: function () {
+				teaweb.success("保存成功", function () {
+					teaweb.reload()
+				})
+			}
+		})
+	}
+
+	this.deleteRoute = function (routeId) {
+		let that = this
+		teaweb.confirm("确定要删除此线路吗？", function () {
+			that.$post(".delete")
+				.params({
+					routeId: routeId
+				})
+				.success(function () {
+					teaweb.reload()
+				})
+		})
+	}
+})

web/views/@default/ns/routes/updatePopup.html

@@ -0,0 +1,34 @@
+{$layout "layout_popup"}
+
+<h3>修改线路</h3>
+<form class="ui form" data-tea-action="$" data-tea-success="success">
+    <csrf-token></csrf-token>
+    <input type="hidden" name="routeId" :value="route.id"/>
+    <table class="ui table definition selectable">
+        <tr>
+            <td class="title">线路名称 *</td>
+            <td>
+                <input type="text" name="name" maxlength="100" ref="focus" v-model="route.name"/>
+            </td>
+        </tr>
+        <tr>
+            <td>IP范围</td>
+            <td>
+                <ns-route-ranges-box :v-ranges="route.ranges"></ns-route-ranges-box>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2"><more-options-indicator></more-options-indicator></td>
+        </tr>
+        <tbody v-show="moreOptionsVisible">
+            <tr>
+                <td>是否启用</td>
+                <td>
+                    <checkbox name="isOn" value="1" v-model="route.isOn"></checkbox>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+
+    <submit-btn></submit-btn>
+</form>