极客西瓜选择地区

This commit is contained in:
“wanyongkang”
2021-06-02 11:06:54 +08:00
parent b9e9e47a74
commit 2c671bba69
2 changed files with 17 additions and 5 deletions

View File

@@ -58,7 +58,8 @@
<div id="app" >
<div class="checkbox">
<div id="jike">
<h4>最多选择20条线路 <span style="color: red;">标红</span>为线路正在维护中 <span v-if="productId==13"><a v-on:click="checkLine(1)">线路1</a> <a v-on:click="checkLine(2)">线路2</a></span> 该线路服务器地址:{{address_url}}</h4>
<h4 v-if="productId==13">请点击☞<a style="cursor:pointer" v-on:click="checkLine(1)">入口一</a> <a style="cursor:pointer" v-on:click="checkLine(2)">入口二</a></h4>
<h4><span style="color:#FF6666">{{line_text}}</span>统一服务器地址为:<span style="color:#FF6666">{{address_url}}</span> 换地区时无需在设备上更换服务器,只需在此页面选择需要的地区即可,可实现任意城市组合的混拨。<span style="color: red;">标红</span>为此线路正在维护中最多可选择20个线路</h4>
<label style="width: 90%;margin-left: 0.3rem;" v-for="(item,index) in assign_add_list">
<input type="checkbox" v-model="assign_list" style="left:-13px;" :value="item.name+'-'+item.id"/><span v-if="item.status ==2">{{item.name}}</span><span v-if="item.status ==1" style="color: red;">{{item.name}}</span>
</label>
@@ -92,6 +93,7 @@
assign_list:[],
assign_account:'',
assign_pass:'',
line_text:'入口一',
address_url:'',
productId:getQueryVariable('productId')
},
@@ -115,6 +117,7 @@
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'a.jkip.com'
that.line_text = '入口一'
//if (res.Code == 10000) {
// that.onLineData = res.Data;
// for (var i = 0; i < that.onLineData.length; i++) {
@@ -136,6 +139,7 @@
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'a.xgip.vip'
that.line_text = ''
//if (res.Code == 10000) {
// that.onLineData = res.Data;
// for (var i = 0; i < that.onLineData.length; i++) {
@@ -154,7 +158,7 @@
dataType: "json",
contentType: "application/json",
success: function (res) {
$("#huohu").html('<p style="font-size:30px;">统一服务器地址1.hhip.vip</p>');
$("#huohu").html('<p style="font-size:30px;">统一服务器地址1.hhip.vip </p><p>换地区时无需在设备上更换服务器,只需在此页面选择需要的地区即可,可实现任意城市组合的混拨。</p>');
$("#huohu").append(res.ipmodel);
$("#huohu").append("<hr>");
$("#huohu").append(res.city);
@@ -175,6 +179,7 @@
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'a.jkip.com'
that.line_text = '入口一'
}
});
}
@@ -188,6 +193,7 @@
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'b.jkip.com'
that.line_text = '入口二'
}
});
}

View File

@@ -265,8 +265,9 @@
<div class="online" style="overflow: hidden;display:none;" v-cloak id="showAddress">
<img src="~/img/close.png" class="btnOnlineClose" style="position: absolute;top:10px;cursor:pointer" v-on:click="closeOnline()" />
<div id="jike">
<h4>最多选择20条线路 <span style="color: red;">标红</span>为线路正在维护中 <span v-if="productId==13"><a v-on:click="checkLine(1)">线路1</a> <a v-on:click="checkLine(2)">线路2</a></span> 该线路服务器地址:{{address_url}}</h4>
<div style="overflow-y: auto;width:950px;height:580px;">
<h4 v-if="productId==13">请点击☞<a style="cursor:pointer" v-on:click="checkLine(1)">入口一</a> <a style="cursor:pointer" v-on:click="checkLine(2)">入口二</a></h4>
<h4><span style="color:#FF6666">{{line_text}}</span>统一服务器地址为:<span style="color:#FF6666">{{address_url}}</span> 换地区时无需在设备上更换服务器,只需在此页面选择需要的地区即可,可实现任意城市组合的混拨。<span style="color: red;">标红</span>为此线路正在维护中最多可选择20个线路</h4>
<div style="overflow-y: auto;width:950px;height:530px;">
<div class="checkbox">
<label style="width: 25%;" v-for="(item,index) in assign_add_list">
<input type="checkbox" v-model="assign_list" :value="item.name+'-'+item.id"/><span v-if="item.status ==2">{{item.name}}</span><span v-if="item.status ==1" style="color: red;">{{item.name}}</span>
@@ -469,6 +470,7 @@
showOnline: false,
assign_add_list:[],
assign_list:[],
line_text:'入口一',
assign_account:'',
assign_pass:'',
productId:'',
@@ -675,6 +677,7 @@
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'a.jkip.com'
that.line_text = '入口一'
//if (res.Code == 10000) {
// that.onLineData = res.Data;
// for (var i = 0; i < that.onLineData.length; i++) {
@@ -714,7 +717,7 @@
dataType: "json",
contentType: "application/json",
success: function (res) {
$("#huohu").html('<p style="font-size:30px;">统一服务器地址1.hhip.vip</p>');
$("#huohu").html('<p style="font-size:30px;">统一服务器地址1.hhip.vip </p><p>换地区时无需在设备上更换服务器,只需在此页面选择需要的地区即可,可实现任意城市组合的混拨。</p>');
$("#huohu").append(res.ipmodel);
$("#huohu").append("<hr>");
$("#huohu").append(res.city);
@@ -735,6 +738,7 @@
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'a.jkip.com'
that.line_text = '入口一'
}
});
}
@@ -748,6 +752,7 @@
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'b.jkip.com'
that.line_text = '入口二'
}
});
}
@@ -855,6 +860,7 @@
closeOnline() {
this.showOnline = false;
$("#showAddress").hide();
this.line_text = '';
this.onLineData = [];
},
killout: function (item) {