极客西瓜选择地区

This commit is contained in:
“wanyongkang”
2021-06-01 18:24:05 +08:00
parent 25e4bfcc84
commit b9e9e47a74
3 changed files with 184 additions and 12 deletions

View File

@@ -16,7 +16,7 @@
.checkbox {
margin-left: 1rem;
margin-top: 2rem;
height: calc(85vh);
height: calc(80vh);
overflow: auto;
}
.form-control {
@@ -58,8 +58,9 @@
<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>
<label style="width: 90%;margin-left: 0.3rem;" v-for="(item,index) in assign_add_list">
<input type="checkbox" style="height: 0.3rem;width: 0.3rem;" v-model="assign_list" :value="item.name+'-'+item.id"/>&nbsp;&nbsp;<span v-if="item.status ==2">{{item.name}}</span><span v-if="item.status ==1" style="color: red;">{{item.name}}</span>
<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>
<br>
<br>
@@ -79,7 +80,7 @@
account = getQueryVariable('account'),
pass = getQueryVariable('password');
if(product_id != 13&&product_id != 19) {
if(product_id != 13&&product_id != 19&&product_id != 17) {
alert('目前仅支持极客、火狐产品!');
window.location.href = "/User/MyAccounts";
}
@@ -91,6 +92,8 @@
assign_list:[],
assign_account:'',
assign_pass:'',
address_url:'',
productId:getQueryVariable('productId')
},
mounted: function () {
this.assign_address();
@@ -109,7 +112,30 @@
dataType: "json",
contentType: "application/json",
success: function (res) {
that.assign_add_list = res;
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'a.jkip.com'
//if (res.Code == 10000) {
// that.onLineData = res.Data;
// for (var i = 0; i < that.onLineData.length; i++) {
// that.onLineData[i].ProductId = productId;
// }
//}
}
});
}
if(product_id == 17){
$("#jike").show();
$("#huohu").hide();
$.ajax({
type: 'GET',
url: 'http://php-api.juip.com/product/AccountAddress/indexXigua?user='+account+'&password='+pass,
dataType: "json",
contentType: "application/json",
success: function (res) {
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'a.xgip.vip'
//if (res.Code == 10000) {
// that.onLineData = res.Data;
// for (var i = 0; i < that.onLineData.length; i++) {
@@ -137,6 +163,35 @@
});
}
},
checkLine(n) {
var that = this;
if (n==1){
$.ajax({
type: 'GET',
url: 'http://php-api.juip.com/product/AccountAddress/index?user='+this.assign_account+'&password='+this.assign_pass,
dataType: "json",
contentType: "application/json",
success: function (res) {
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'a.jkip.com'
}
});
}
if (n==2){
$.ajax({
type: 'GET',
url: 'http://php-api.juip.com/product/AccountAddress/index2?user='+this.assign_account+'&password='+this.assign_pass,
dataType: "json",
contentType: "application/json",
success: function (res) {
that.assign_add_list = res.data;
that.assign_list =res.list;
that.address_url = 'b.jkip.com'
}
});
}
},
selectAddAssign() {
if(product_id == 13){
if(this.assign_list.length>20||this.assign_list.length==0){
@@ -169,6 +224,37 @@
}
});
}
if(this.productId == 17){
if(this.assign_list.length>20||this.assign_list.length==0){
alert('最多选择20个至少选择一个');
return;
}
let data = {
list:this.assign_list,
account:this.assign_account,
password:this.assign_pass,
}
$.ajax({
type: 'POST',
url: 'http://php-api.juip.com/product/AccountAddress/selectXigua',
dataType: "json",
data:JSON.stringify(data),
contentType: "application/json",
success: function (res) {
if(res.code == 1){
alert('选择成功');
} else {
alert('选择失败');
}
//if (res.Code == 10000) {
// that.onLineData = res.Data;
// for (var i = 0; i < that.onLineData.length; i++) {
// that.onLineData[i].ProductId = productId;
// }
//}
}
});
}
if(product_id == 19){
let address_checked = [];
$("input[name='citys[]']:checked").each(function(i){