130 lines
4.3 KiB
Plaintext
130 lines
4.3 KiB
Plaintext
@using Home.Models
|
||
@using Hncore.Pass.BaseInfo.Response
|
||
@using Hncore.Pass.Vpn.Model
|
||
@using Hncore.Infrastructure.Extension
|
||
@model List<OriginAccountOnlineModel>
|
||
@{
|
||
Layout = "_Layout";
|
||
var productId = this.Context.Request.GetInt("productId");
|
||
}
|
||
<style type="text/css">
|
||
|
||
body {
|
||
background: #f5f5f5;
|
||
}
|
||
|
||
.checkbox {
|
||
margin-left: 1rem;
|
||
margin-top: 2rem;
|
||
height: calc(85vh);
|
||
overflow: auto;
|
||
}
|
||
</style>
|
||
<vc:redirecct-login></vc:redirecct-login>
|
||
<div id="app" >
|
||
<div class="checkbox">
|
||
<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"/> <span v-if="item.status ==2">{{item.name}}</span><span v-if="item.status ==1" style="color: red;">{{item.name}}</span>
|
||
</label>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
</div>
|
||
<div style="text-align: center;height:calc(5vh);margin-top:0.2rem;">
|
||
<button type="button" class="btnTui btn-refund" v-on:click="selectAddAssign()">确定选择</button>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$(function(){
|
||
let product_id = getQueryVariable('productId'),
|
||
account = getQueryVariable('account'),
|
||
pass = getQueryVariable('password');
|
||
|
||
if(product_id != 13) {
|
||
alert('目前仅支持极客产品！');
|
||
window.location.href = "/User/MyAccounts";
|
||
}
|
||
|
||
var app = new Vue({
|
||
el: '#app',
|
||
data: {
|
||
assign_add_list:[],
|
||
assign_list:[],
|
||
assign_account:'',
|
||
assign_pass:'',
|
||
},
|
||
mounted: function () {
|
||
this.assign_address();
|
||
},
|
||
methods: {
|
||
assign_address () {
|
||
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) {
|
||
console.log(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;
|
||
// }
|
||
//}
|
||
}
|
||
});
|
||
},
|
||
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;
|
||
// }
|
||
//}
|
||
}
|
||
});
|
||
},
|
||
}
|
||
})
|
||
});
|
||
function getQueryVariable(variable)
|
||
{
|
||
var query = window.location.search.substring(1);
|
||
var vars = query.split("&");
|
||
for (var i=0;i<vars.length;i++) {
|
||
var pair = vars[i].split("=");
|
||
if(pair[0] == variable){return pair[1];}
|
||
}
|
||
return(false);
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
|