TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2025-11-09 16:50:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交components.js

Browse Source
This commit is contained in:
刘祥超
2024-03-18 15:59:46 +08:00
parent 797abbd4e6
commit 4edec8b20b
2 changed files with 129 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
web/public/js/components.src.js
View File

@@ -1230,6 +1230,22 @@ Vue.component("ns-routes-selector", {
.post()
.success(function (resp) {
that.routes = resp.data.routes
// provinces
let provinces = {}
if (resp.data.provinces != null && resp.data.provinces.length > 0) {
for (const province of resp.data.provinces) {
let countryCode = province.countryCode
if (typeof provinces[countryCode] == "undefined") {
provinces[countryCode] = []
}
provinces[countryCode].push({
name: province.name,
code: province.code
})
}
}
that.provinces = provinces
})
},
data: function () {
@@ -1247,6 +1263,10 @@ Vue.component("ns-routes-selector", {
routeCode: "default",
inputName: inputName,
routes: [],
provinces: {}, // country code => [ province1, province2, ... ]
provinceRouteCode: "",
isAdding: false,
routeType: "default",
selectedRoutes: selectedRoutes,
@@ -1268,6 +1288,7 @@ Vue.component("ns-routes-selector", {
this.isAdding = true
this.routeType = "default"
this.routeCode = "default"
this.provinceRouteCode = ""
this.$emit("add")
},
cancel: function () {
@@ -1280,11 +1301,33 @@ Vue.component("ns-routes-selector", {
}
let that = this
this.routes.forEach(function (v) {
if (v.code == that.routeCode) {
that.selectedRoutes.push(v)
// route
let selectedRoute = null
for (const route of this.routes) {
if (route.code == this.routeCode) {
selectedRoute = route
break
}
})
}
if (selectedRoute != null) {
// province route
if (this.provinceRouteCode.length > 0 && this.provinces[this.routeCode] != null) {
for (const province of this.provinces[this.routeCode]) {
if (province.code == this.provinceRouteCode) {
selectedRoute = {
name: selectedRoute.name + "-" + province.name,
code: province.code
}
break
}
}
}
that.selectedRoutes.push(selectedRoute)
}
this.$emit("change", this.selectedRoutes)
this.cancel()
},
@@ -1303,31 +1346,44 @@ Vue.component("ns-routes-selector", {
<div class="ui divider"></div>
</div>
<div v-if="isAdding" style="margin-bottom: 1em">
<div class="ui fields inline">
<div class="ui field">
<select class="ui dropdown" v-model="routeType">
<option value="default">[默认线路]</option>
<option value="user">自定义线路</option>
<option value="isp">运营商</option>
<option value="china">中国省市</option>
<option value="world">全球国家地区</option>
<option value="agent">搜索引擎</option>
</select>
</div>
<div class="ui field">
<select class="ui dropdown" v-model="routeCode" style="width: 10em">
<option v-for="route in routes" :value="route.code" v-if="route.type == routeType">{{route.name}}</option>
</select>
</div>
<div class="ui field">
<button type="button" class="ui button tiny" @click.prevent="confirm">确定</button>
&nbsp; <a href="" title="取消" @click.prevent="cancel"><i class="icon remove small"></i></a>
</div>
</div>
<table class="ui table">
<tr>
<td class="title">选择类型 *</td>
<td>
<select class="ui dropdown auto-width" v-model="routeType">
<option value="default">[默认线路]</option>
<option value="user">自定义线路</option>
<option value="isp">运营商</option>
<option value="china">中国省市</option>
<option value="world">全球国家地区</option>
<option value="agent">搜索引擎</option>
</select>
</td>
</tr>
<tr>
<td>选择线路 *</td>
<td>
<select class="ui dropdown auto-width" v-model="routeCode">
<option v-for="route in routes" :value="route.code" v-if="route.type == routeType">{{route.name}}</option>
</select>
</td>
</tr>
<tr v-if="routeCode.length > 0 && provinces[routeCode] != null">
<td>选择省/州</td>
<td>
<select class="ui dropdown auto-width" v-model="provinceRouteCode">
<option value="">[全域]</option>
<option v-for="province in provinces[routeCode]" :value="province.code">{{province.name}}</option>
</select>
</td>
</tr>
</table>
<div>
<button type="button" class="ui button tiny" @click.prevent="confirm">确定</button>
&nbsp; <a href="" title="取消" @click.prevent="cancel">取消</a>
</div>
</div>
<button class="ui button tiny" type="button" @click.prevent="add">+</button>
<button class="ui button tiny" type="button" @click.prevent="add" v-if="!isAdding">+</button>
</div>`
})
@@ -19525,6 +19581,10 @@ Vue.component("bits-var", {
</var>`
})
Vue.component("mask-warning", {
template: `<span class="red">为了安全起见，此项数据保存后将不允许在界面查看完整明文，为避免忘记，请自行记录原始数据。</span>`
})
Vue.component("chart-columns-grid", {
props: [],
mounted: function () {
@@ -20525,7 +20585,7 @@ Vue.component("node-ip-addresses-box", {
<div>
<div v-for="(address, index) in ipAddresses" class="ui label tiny basic">
<span v-if="isIPv6(address.ip)" class="grey">[IPv6]</span> {{address.ip}}
<span class="small grey" v-if="address.name.length > 0">（{{address.name}}<span v-if="!address.canAccess">，不可访问</span>）</span>
<span class="small grey" v-if="address.name.length > 0">（备注：{{address.name}}<span v-if="!address.canAccess">，不可访问</span>）</span>
<span class="small grey" v-if="address.name.length == 0 && !address.canAccess">（不可访问）</span>
<span class="small red" v-if="!address.isOn" title="未启用">[off]</span>
<span class="small red" v-if="!address.isUp" title="已下线">[down]</span>