新产品火狐

This commit is contained in:
“wanyongkang”
2021-04-28 08:48:56 +08:00
parent dfc7a6a1c1
commit 403b1663c7
11 changed files with 842 additions and 124 deletions

View File

@@ -51,6 +51,18 @@
padding: 30px;
display: none;
}
.citylabel {
font-weight: normal;
width: 160px;
height: 35px;
padding-left: 5px;
padding-top: 5px;
text-align: left;
border: solid 1px #ccc;
}
.province{
margin-bottom: 10px;
}
.online {
position: fixed;
@@ -250,20 +262,26 @@
</div>
</div>
@* 指定地区 *@
<div class="online" style="overflow: hidden;" v-cloak v-if="showAddress">
<h4>最多选择20条线路 <span style="color: red;">标红</span>为线路正在维护中</h4>
<img src="~/img/close.png" class="btnOnlineClose" style="position: absolute;top:10px;" v-on:click="closeOnline()" />
<div style="overflow-y: auto;width:950px;height:580px;">
<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>
</label>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" v-on:click="closeOnline()">取消</button>
<button type="button" class="btn btn-primary" v-on:click="selectAddAssign()">确定选择</button>
</div>
<div class="online" style="overflow: hidden;display:none;" v-cloak id="showAddress">
<div id="jike">
<h4>最多选择20条线路 <span style="color: red;">标红</span>为线路正在维护中</h4>
<img src="~/img/close.png" class="btnOnlineClose" style="position: absolute;top:10px;" v-on:click="closeOnline()" />
<div style="overflow-y: auto;width:950px;height:580px;">
<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>
</label>
</div>
</div>
</div>
<div id="huohu" style="overflow-y: auto;width:950px;height:580px;">
请稍后,加载中...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" v-on:click="closeOnline()">取消</button>
<button type="button" class="btn btn-primary" v-on:click="selectAddAssign()">确定选择</button>
</div>
</div>
<div class="editList">
<form>
@@ -346,7 +364,7 @@
<button type="button" class="btn btn-danger btn-rebuy"><img src="~/img/xufei.png"> 续费</button>
<button type="button" class="btn btn-primary btn-refund">
<img src="~/img/tui.png"> 退货</button>
<a style="color:red">&nbsp;*非本系统开通账号无法退款,请联系客服处理</a>
<a style="color:red">&nbsp;*批量续费可通过筛选和搜索功能精准定位账号</a>
</div>
<div class="col-lg-6 text-right">
<button type="button" class="btn btn-primary laozhanghao"><img src="~/img/renzheng_gray.png"> 老账号认证</button>
@@ -382,7 +400,7 @@
<td class="redT">@(item.Status==AccountStatus.Refund?"已退货": item.RestTime)</td>
@*<td class="greenT">查看</td>*@
<td class="blueT"><a @@click="online(@item.ProductId,'@item.Account')">查看</a> </td>
<td class="blueT"><a @@click="assign_address(@item.ProductId,'@item.Account','@item.Pwd')">地区列表</a> </td>
<td class="blueT"><a v-if="@item.ProductId==13||@item.ProductId==19" @@click="assign_address(@item.ProductId,'@item.Account','@item.Pwd')">切换地区</a> </td>
<td class="blueT"><a asp-action="Index" asp-controller="LineList" asp-route-ProductId="@item.ProductId" target="_blank">查看</a> </td>
<td class="blueT"> <a asp-action="soft" asp-controller="product" target="_blank">下载</a></td>
</tr>
@@ -452,11 +470,11 @@
mutilAuthLoading: false,
oneAuthLoading: false,
showOnline: false,
showAddress: false,
assign_add_list:[],
assign_list:[],
assign_account:'',
assign_pass:'',
productId:'',
searchModel: {
ExpiredDay:-1,
ProductId:@this.Context.Request.GetInt("ProductId"),
@@ -643,64 +661,125 @@
});
},
assign_address(productId, account,pass) {
if(productId != 13){
alert('目前仅支持极客产品!');
if(productId != 13 && productId != 19){
alert('目前仅支持极客、火狐产品!');
return;
}
this.showAddress = true
var that = this;
$("#showAddress").show();
var that = this;
this.assign_account = account;
this.assign_pass = pass;
$.ajax({
type: 'GET',
url: 'http://php-api.juip.com/product/AccountAddress/index?user='+account+'&password='+pass,
dataType: "json",
contentType: "application/json",
success: function (res) {
that.assign_add_list = res;
//if (res.Code == 10000) {
// that.onLineData = res.Data;
// for (var i = 0; i < that.onLineData.length; i++) {
// that.onLineData[i].ProductId = productId;
// }
//}
}
});
this.assign_pass = pass;
this.productId = productId;
if(productId == 13){
$("#jike").show();
$("#huohu").hide();
$.ajax({
type: 'GET',
url: 'http://php-api.juip.com/product/AccountAddress/index?user='+account+'&password='+pass,
dataType: "json",
contentType: "application/json",
success: function (res) {
that.assign_add_list = res;
//if (res.Code == 10000) {
// that.onLineData = res.Data;
// for (var i = 0; i < that.onLineData.length; i++) {
// that.onLineData[i].ProductId = productId;
// }
//}
}
});
}
if(productId == 19){
$("#huohu").show();
$("#jike").hide();
$.ajax({
type: 'GET',
url: 'http://php-api.juip.com/product/AccountAddress/getList?user='+account+'&password='+pass,
dataType: "json",
contentType: "application/json",
success: function (res) {
$("#huohu").html('<p style="font-size:30px;">统一服务器地址1.hhip.vip</p>');
$("#huohu").append(res.ipmodel);
$("#huohu").append("<hr>");
$("#huohu").append(res.city);
}
});
}
},
selectAddAssign() {
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/select',
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(this.productId == 19){
let address_checked = [];
$("input[name='citys[]']:checked").each(function(i){
address_checked.push($(this).val());
});
let ipmode = $("select[name='ipmode']").val();
console.log(address_checked)
console.log(ipmode)
let data = {
list:address_checked,
account:this.assign_account,
password:this.assign_pass,
ipmode:ipmode,
}
});
$.ajax({
type: 'POST',
url: 'http://php-api.juip.com/product/AccountAddress/setAddress',
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(this.productId == 13){
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/select',
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;
// }
//}
}
});
}
},
closeOnline() {
this.showOnline = false;
this.showAddress = false;
$("#showAddress").hide();
this.onLineData = [];
},
killout: function (item) {