极客指定线路

Host/Views/User/MyAccounts.cshtml

@@ -54,8 +54,8 @@
 
         .online {
             position: fixed;
-            left: 300px;
-            width: 950px;
+            left: 350px;
+            width: 1000px;
             height: 700px;
             top: 100px;
             z-index: 3;
@@ -249,6 +249,22 @@
             </table>
         </div>
     </div>
+    @* 指定地区 *@
+    <div class="online"  style="overflow: hidden;" v-cloak v-if="showAddress">
+        <span>最多选择20条线路</span>
+        <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">{{item.name}}
+                </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>
     <div class="editList">
         <form>
             <div class="form-group">
@@ -348,6 +364,7 @@
             <th>到期时间</th>
             <th>剩余时间</th>
             <th>在线及踢线</th>
+            <th>指定地区</th>
             <th>服务器</th>
             <th>软件下载</th>
         </tr>
@@ -365,6 +382,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 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>
@@ -434,6 +452,11 @@
             mutilAuthLoading: false,
             oneAuthLoading: false,
             showOnline: false,
+            showAddress: false,
+            assign_add_list:[],
+            assign_list:[],
+            assign_account:'',
+            assign_pass:'',
             searchModel: {
                 ExpiredDay:-1,
                 ProductId:@this.Context.Request.GetInt("ProductId"),
@@ -619,8 +642,65 @@
                     }
                 });
             },
+            assign_address(productId, account,pass) {
+                if(productId != 13){
+                    alert('目前仅支持极客产品！');
+                    return;
+                }
+                this.showAddress = true
+                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;
+                        //    }
+                        //}
+                    }
+                });
+            },
+            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;
+                        //    }
+                        //}
+                    }
+                });
+            },
             closeOnline() {
                 this.showOnline = false;
+                this.showAddress = false;
                 this.onLineData = [];
             },
             killout: function (item) {