{extend name="public:base" /}
{block name="css"}
<style>
.switchStyle .el-switch__label {
  position: absolute!important;
  display: none!important;
  color: #fff!important;
}
.switchStyle .el-switch__label--left {
  z-index: 9!important;
  left: 6px!important;
}
.switchStyle .el-switch__label--right {
  z-index: 9!important;
  left: -14px!important;
}
.switchStyle .el-switch__label.is-active {
  display: block!important;
}
.switchStyle.el-switch .el-switch__core,
.el-switch .el-switch__label {
  width: 60px !important;
}
.el-dialog__body{padding:10px!important;}
.el-upload__input{display:none!important;}
@media screen and (max-width: 768px) {
  .el-dialog {
    width: 90%; /* 调整为适合手机端的宽度 */
  }
}
.mui-checkbox{
    padding-left: 5px;
}
.mui-checkbox:nth-child(1n) {
  background-color:#E5E5E5; /* 奇数行 */
}
.mui-checkbox:nth-child(2n) {
  background-color: #ECF4EE; /* 偶数行 */
}
</style>
{/block}
{block name="content"}
<div class="page-content" id="user" style="position:relative;">
	<div class="panel">
		<div class="panel-heading">
			<h3 class="panel-title panel-title-blue"><i class="iconfont">&#xe683;</i>用户列表</h3>
		</div>
		
		<div class="panel-body">
		    <div class="row" style="clear:both;">
    		    <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12 omgui-flex-box">
    				<label class="omgui-label">查询类型：</label>
    				<el-select @change="selecTypeChange" v-model="typeid" placeholder="请选择" style="width:100%;">
    					<el-option
    						v-for="item in typeList"
    							:key="item.value"
    							:label="item.label"
    							:value="item.value">
    					    </el-option>
    				</el-select>
    			</div>
    			<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12 omgui-flex-box">
				    <label class="omgui-label">按照排序：</label>
					<el-select @change="selectSortChange" v-model="sort" placeholder="请选择" style="width:100%;">
						<el-option
						  v-for="item in sortList"
						  :key="item.value"
						  :label="item.label"
						  :value="item.value">
						</el-option>
					</el-select>
				</div>
    			<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 omgui-flex-box">
    				<el-input
    					placeholder="请输入玩家或者代理账号进行查询"
    					prefix-icon="el-icon-search"
    					v-model="keyword" @change="search()" clearable>
    				</el-input>
    				<div style="margin-left:10px;">
    					<el-button @click="search()" type="success" icon="el-icon-search"><span class="hidden-xs">查询</span></el-button>
    				</div>
    
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12 hidden-xs" style="margin-bottom: 10px;">
    				<el-tooltip class="item" effect="dark" content="一键锁定账号" placement="bottom">
    				    <el-button @click="batlock()" type="primary" icon="el-icon-lock"><span class="hidden-xs">一键锁定</span></el-button>
    				</el-tooltip>
    				<el-button @click="dialogFormVisible = true"  type="danger" plain icon="el-icon-upload2"><span class="hidden-xs">导入玩家数据</span></el-button>
    			</div>
    		</div>
			<el-alert type="info" effect="dark" show-icon style="margin-bottom:10px;">
        		<template slot='title'>
        			提示：点击<font color="yellow">状态</font>开关按钮可以实现 <el-tag type="danger" size="mini" effect="dark">封号</el-tag> 和 <el-tag type="success" size="mini" effect="dark">解封</el-tag>操作。
        		 </template>
        	</el-alert>
			<template>
				<el-table 
				fix
				id="tableId"
				:header-cell-style="{ textAlign: 'center' }" 
				:data="tableData"
				@selection-change="handleSelectionChange"
				border fit highlight-current-row style="width: 100%">
				<template slot="empty">
					<div class='nonedata'><img src='__STATIC__/images/none.png'/><p>暂无数据</p></div>
				</template>
				    <el-table-column type="selection" align="center" v-if="!hidden"></el-table-column>
				    <el-table-column prop="id" label="ID" align="center" width="80"></el-table-column>
					<el-table-column prop="account" label="账号" align="center"></el-table-column>
					<el-table-column type="money" label="平台币">
						<template slot-scope="props">
						    <ul class="table-more-ul">
								<li v-if="props.row.money!=null && props.row.money!=''">
									<label>余额：</label><font color="green">{{ props.row.money }}</font>
								</li>
								<li v-if="props.row.totalMoney!=null && props.row.totalMoney!=''">
									<label>累加：</label><font color="blue">{{ props.row.totalMoney }}</font>
								</li>
								<li v-if="props.row.usedMoney!=null && props.row.usedMoney!=''">
									<label>已用：</label><font color="red">{{ props.row.usedMoney }}</font>
								</li>
							</ul>
						</template>
					</el-table-column>
					<el-table-column type="rmb" label="人民币">
						<template slot-scope="props">
						    <ul class="table-more-ul">
								<li v-if="props.row.rmb!=null && props.row.rmb!=''">
									<label>余额：</label><font color="green">{{ props.row.rmb }}</font>
								</li>
								<li v-if="props.row.totalRmb!=null && props.row.totalRmb!=''">
									<label>累加：</label><font color="blue">{{ props.row.totalRmb }}</font>
								</li>
								<li v-if="props.row.usedRmb!=null && props.row.usedRmb!=''">
									<label>已用：</label><font color="red">{{ props.row.usedRmb }}</font>
								</li>
							</ul>
						</template>
					</el-table-column>
					<el-table-column prop="ticket" label="抽奖券" align="center"></el-table-column>
					<el-table-column prop="agent" label="上级代理" align="center"></el-table-column>
					<el-table-column prop="friend" label="好友账号" align="center"></el-table-column>
					<el-table-column type="rmb" label="登录地区" align="center" show-overflow-tooltip="true">
						<template slot-scope="props">
						    <p>{{ props.row.ip }}</p>
						    <p><font color="#F74BAD">{{ props.row.address }}</font></p>
						</template>
					</el-table-column>
					<el-table-column prop="reg_time" label="注册日期" align="center" width="100"></el-table-column>
					<el-table-column prop="login_time" label="登录日期" align="center" width="100"></el-table-column>
					<el-table-column prop="gm" label="GM特权" align="center" width="100">
						<template slot-scope="scope">
						 <el-switch
							 class="switchStyle"
							 :active-value="1"
							 :inactive-value="0"
							 v-model="scope.row.gm" 
							 active-text="拥有" 
							 inactive-text="没有"
							 active-color="#1DD76D"
							 inactive-color="#DCDFE6"
							 @change="switchGmChange(scope.row)">
						 </el-switch>
						</template>
					</el-table-column>
					<el-table-column label="GM绑定角色" align="center">
                      <template slot-scope="scope">
                        <el-popover v-if="scope.row.rolenum!='无'" trigger="hover" placement="bottom" width="300">
                          <el-table 
            				:header-cell-style="{ textAlign: 'center' }" 
            				:data="scope.row.roleList"
            				border fit highlight-current-row style="width: 100%">
            				<template slot="empty">
            					<div class='nonedata'><img src='__STATIC__/images/none.png'/><p>暂无数据</p></div>
            				</template>
            					<el-table-column prop="servername" label="区服名称" align="center"></el-table-column>
            					<el-table-column prop="rolename" label="角色名称" align="center"></el-table-column>
        	            	</el-table>
        	            	<div slot="reference" class="name-wrapper">
                                <el-tag size="medium">{{ scope.row.rolenum }}</el-tag>
                          </div>
                        </el-popover>
                        <span v-else="" v-html='scope.row.rolenum'></span>
                      </template>
                    </el-table-column>
					<el-table-column prop="status" label="状态" align="center" width="100">
						<template slot-scope="scope">
						 <el-switch
							 class="switchStyle"
							 :active-value="1"
							 :inactive-value="0"
							 v-model="scope.row.status" 
							 active-text="正常" 
							 inactive-text="锁定"
							 active-color="#1DD76D"
							 inactive-color="#DCDFE6"
							 @change="switchChange(scope.row.id,'status',scope.row.status)">
						 </el-switch>
						</template>
					</el-table-column>
					<el-table-column  label="操作" align="center" width="155">
					    <template slot-scope="scope" >
						<el-button-group>
							<el-tooltip class="item" effect="dark" content="封禁IP" placement="bottom">
								<el-button size="mini" type="info" icon="el-icon-s-custom" @click="blockedIP(scope.row)"></el-button>
							</el-tooltip>
							<el-tooltip class="item" effect="dark" content="修改登录密码" placement="bottom">
								<el-button size="mini" type="warning" icon="el-icon-edit-outline" @click="updatePassword(scope.row)"></el-button>
							</el-tooltip>
							<el-tooltip class="item" effect="dark" content="调整用户资产" placement="bottom">
							    <el-button size="mini" type="primary" icon="el-icon-coin" @click="handleMoney(scope.row)"></el-button>
							</el-tooltip>
							<el-button size="mini" type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)"></el-button>
						</el-button-group>
						</template>
					</el-table-column>
				</el-table>
				<!-- 分页器 -->
				<div class="el-page">
					<el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange" 
					:current-page="currentPage" 
					:page-sizes="[10,20,30,40,50,100]" 
					:page-size="pageSize" 
					layout="total, sizes, prev, pager, next, jumper" 
					:total="total">
					</el-pagination>
				</div>
			</template>
		</div>
	</div>
	<el-dialog title="导入玩家账号数据" :visible.sync="dialogFormVisible">
        <form class="layui-form" action="">
            <div class="layui-form-item" style="padding-left:10px;">
                <p style="font-size:16px;">支持导入的<font color="red">旧后台</font>SQL脚本文件：
                 <el-tooltip class="item" effect="dark" content="如有其他特殊需求，请联系开发者！" placement="top" @click="showExample=true">
                    <i class="el-icon-question" style="cursor: pointer;"></i>
                </el-tooltip>
                </p>
                <el-input :visible="showExample" type="textarea" v-model="sqlcontent" style="margin-bottom:10px;"></el-input>
                <p style="font-size:14px;color:red;">每次导入不得超过5000条数据，数据很多的建议分多次导入!</p>
                
				<div class="omgui-flex-box">
				    <!-- Element UI Upload组件 -->
                    <el-upload
                      class="upload-demo"
                      action="{:url('@admin/File/elementUpload')}"
                      :on-success="handleUloadSuccess"
                      accept=".sql">
                      <el-button size="small" type="primary">点击上传SQL文件</el-button>
                    </el-upload>
				</div>
			</div> 
        </form>
        <div slot="footer" class="dialog-footer">
            <span id="timer" style="line-height:35px;"></span>
            <el-button type="primary" @click="importData" v-html="importBtn">立即导入</el-button>
            <el-button @click="dialogFormVisible = false">取消</el-button>
        </div>
   </el-dialog>
   <el-dialog title="绑定GM特权" :visible.sync="dialogGMVisible">
        <div class="el-form-item">
            <label for="region" class="el-form-item__label" style="width: 80px;">玩家账号</label>
            <div class="el-form-item__content" style="margin-left: 80px;">
                <el-input type="text"  v-model="account" style="font-size:20px!important;" readonly></el-input>
            </div>
        </div>
		<div class="el-form-item">
            <label for="region" class="el-form-item__label" style="width: 80px;">选择区服</label>
            <div class="el-form-item__content" style="margin-left: 80px;">
                <el-select v-model="serverid" @change="selecServerChange" placeholder="请选择" style="width:100%;">
                    <el-option  v-for="item in serverList" :key="item.server" :label="item.name" :value="item.server"></el-option>
                </el-select>
            </div>
        </div>
        <div class="el-form-item">
            <label for="region" class="el-form-item__label" style="width: 80px;">选择角色</label>
            <div class="el-form-item__content" style="margin-left: 80px;">
                <div v-if="roleList.length === 0" style="color:red;">查询不到任何角色</div>
                <!-- 使用MUI的多选框，ElementUI的手机端冲突不能用 -->
                <ul style="width:100%;max-height:300px;overflow: auto;">
                    <li class="mui-checkbox" v-for="item in roleList">
                      <label :for="item.roleid" style="color:#333;">{{item.name}}</label>
                      <!--如果roleid在checkedRoles数组里，就选中-->
                      <input :id="item.roleid" name="roles" :value="item.roleid" type="checkbox" :checked="checkedRoles.includes(item.roleid)" />
                    </li>
                </ul>
            </div>
        </div>
        <div slot="footer" class="dialog-footer">
            <span id="timer" style="line-height:35px;"></span>
            <el-button type="primary" @click="bindGmRole">立即绑定</el-button>
            <el-button @click="dialogGMVisible = false">取消</el-button>
        </div>
   </el-dialog>
</div>
{/block} 
{block name="javascript"}
<script type="text/javascript">
//切换右侧导航选中项
switchTab(21);
var user = new Vue({
	el: '#user',
	data: function() {
		return {
		    typeList: [
				{value: -1,label: '全部'},
				{value: 0,label: '普通'},
				{value: 1,label: 'GM特权'},
			], 
			typeid:-1,
			sortList: [
				{value: "reg_time",label: '注册时间'},
				{value: "money",label: '平台币余额'},
				{value: "rmb",label: '人民币余额'},
				{value: "ticket",label: '抽奖券'},
			], 
			sort:"reg_time",
			tableData:[],
			currentPage: 1,
            total: 0,
            pageSize: Number({$config['page_num']}),
			jsonData:{},
			keyword:"",
			sql:"",
			dialogFormVisible:false,
			fileList: [],
			importBtn:"立即导入",
			importing:false,
			showExample:false,
			sqlcontent:"[多功能后台]\t数据库名称：demoald\t用户表名：xy_user\r\n[web简易后台] 数据库名称：ald_web\t用户表名：tk_user",
			account:"",
			dialogGMVisible:false,
			serverList: [], 
			serverid: 0,
			roleList: [], 
            checkedRoles: [],
            ids: [],// 选中数组ID
			hidden:true,//默认隐藏
		}
	},
	/*初始化*/
	created: function() {
	    this.serverList = this.serverList.concat({:json_encode($serverList)});
	    //默认显示第一个区服
		this.serverid = this.serverList[0].server;
		this.getData();
	},
	methods: {
		selectChange(id){
			this.serverid = id;
			this.jsonData['serverid'] = this.serverid;
			this.getData();
		},
		selectSortChange(value){
			this.sort = value;
			this.jsonData['sort'] = this.sort;
			this.getData();
		},
		handleSelectionChange(selection) {
			this.ids = selection.map(item => item.id);
		},
		handleSizeChange(val) {
            /*改变每页显示的条数*/
            this.pageSize=val
			/*在改变每页显示的条数时，要将页码显示到第一页*/
            this.currentPage=1
            this.getData()
        },
        handleCurrentChange(val) {
            /*改变默认的页数*/
            this.currentPage=val
            this.getData()
        },
		getData(){
			var that = this;
			that.jsonData["page"] = that.currentPage;
			that.jsonData["limit"] = that.pageSize;
			$.ajax({
				type: "GET",
				url: '{:url("@Admin/User/data")}',
				dataType: "json",
				data: that.jsonData,
				contentType: "application/json;charset=UTF-8",
				success: function(res) {
					if(res.code == 1) {
						that.tableData = res.data;
						that.total = res.count;
					}else{
						that.tableData =[];
						that.total = 0;
						that.gmroleList =[];
					}
				},
				error: function(error) {
					console.log("请求数据异常，Error："+error);
				}
			});
		},
		search(){
			this.jsonData['keyword'] = this.keyword;
			this.getData();
		},
		selecServerChange(id){
    		var that = this;
			$.ajax({
				type: "GET",
				url: '{:url("@Admin/Game/getRoleList")}',
				dataType: "json",
				data: {"serverid":that.serverid,"account":that.account,'token':'{$token}'},
				contentType: "application/json;charset=UTF-8",
				success: function(res) {
					if(res.code == 1) {
						// 将返回的数据连接起来
						that.roleList = res.data;
					}
				},
				error: function(error) {
					console.log("请求数据异常，Error："+error);
				}
			});
		},
		selecTypeChange(typeid){
			this.typeid = typeid;
			this.jsonData['typeid']=this.typeid;
			this.getData();
		},
        handleMoney(row){
			var that = this;
			swal({
				title: "调整用户["+row.account+"]的资产",
				text:'<style>.sweet-alert h2{margin:0px!important;font-size:2rem;}.sweet-alert input{margin-top:0px!important;}</style>'
				+'<div class="tipbox"></div>'
				+'<div class="omgui-form-item">'
				+'平台币：<font color="red">'+row.money+'</font>&nbsp;人民币：<font color="green">'+row.rmb+'</font>&nbsp;抽奖券：<font color="blue">'+row.ticket+'</font>'
				+'</div>'
				+'<div style="display: flex;padding:10px;line-height: 42px;">'
				+'类型：'
				+'	<div class="mui-input-row mui-radio mui-left">'
				+'		<label>平台币</label>'
				+'		<input style="border:none;box-shadow:none;" name="field" type="radio" value="money" checked>'
				+'	</div>'
				+'	<div class="mui-input-row mui-radio mui-left">'
				+'		<label>人民币</label>'
				+'		<input style="border:none;box-shadow:none;" name="field" type="radio" value="rmb">'
				+'	</div>' 
				+'	<div class="mui-input-row mui-radio mui-left">'
				+'		<label>抽奖券</label>'
				+'		<input style="border:none;box-shadow:none;" name="field" type="radio" value="ticket">'
				+'	</div>' 
				+'</div>'
				+'<div style="display: flex;padding:10px;line-height: 42px;">'
				+'操作：'
				+'	<div class="mui-input-row mui-radio mui-left">'
				+'		<label>增加</label>'
				+'		<input style="border:none;box-shadow:none;" name="type" type="radio" value="0" checked>'
				+'	</div>'
				+'	<div class="mui-input-row mui-radio mui-left">'
				+'		<label>扣除</label>'
				+'		<input style="border:none;box-shadow:none;" name="type" type="radio" value="1">'
				+'	</div>' 
				+'</div>'
				+'<div class="omgui-form-item">'
                +'数量：<input type="number" name="number" lay-verify="required" placeholder="请输入数量" autocomplete="off" class="layui-input">'
                +'</div>',
				html: true,
				cancelButtonText: "取消",
				confirmButtonText: "保存",
				showCancelButton:true,
				showConfirmButton:true,
				closeOnConfirm:false
				}, function () {
				    var field=$("input[name='field']:checked").val();
					var type=$("input[name='type']:checked").val();
					var number=$("input[name='number']").val();
					var regNumber=/^(?!(0[0-9]{0,}$))[0-9]{1,}[.]{0,}[0-9]{0,}$/;
					if(regNumber.test(number)==false){
						$(".tipbox").html('数量必须为大于0的数字').css("color","red");
						$("input[name='number']").focus();
						return;
					}
					var startTime = performance.now(); // 记录起始时间
					$.post('{:url("@Admin/User/handle_money")}',{'id':row.id,'field':field,'type':type,'number':number,'token':'{$token}'}, function (res) {
						if(res.code==1){
							toastr.success(res.msg);
							that.getData();
							swal.close();
						}else{
							toastr.error(res.msg);
						}
					});
			});
		},
		handleDelete(row){
			var that = this;
			mui.confirm('确定要删除['+row.account+']这个玩家账号吗？', '提示', ['否', '是'], function(e) {
                if (e.index == 1) {
                    $.post("{:url('@Admin/User/del')}",{'id':row.id,'token':'{$token}'}, function (res) {
						if(res.code==1){
							toastr.success(res.msg);
						    that.getData();
						}else{
							toastr.error(res.msg);
						}
					});
                }
            })  
		},
		switchChange(id,field,status) {
			//status只有两个结果：0 或 1
			var json = {"id":id,"field":field,"value": status,'token':'{$token}'};
			$.post('{:url("@Admin/User/modify_field")}', json, function (data) {
				if(data.code==1){
					toastr.success(data.msg);
				}else{
					toastr.error(data.msg);
				}
			});
		},
		bindGmRole(){
		    var that=this;
		    if(that.serverid==0){
		        toastr.error('请选择区服');
    			return;
    	    }
    	    //获取选中的角色
    	    var selectedValues = [];
    	    $("input[name='roles']:checked").each(function(){
                selectedValues.push($(this).val());
            });
    	    var json = {"account":that.account,"serverid":that.serverid,"roles":selectedValues,'token':'{$token}'};
            $.post('{:url("@Admin/User/bindGmRole")}', json, function (data) {
            	if(data.code==1){
            		that.getData();
            		toastr.success(data.msg);
            	}else{
            		toastr.error(data.msg);
            	}
        	}); 
		},
		switchGmChange(row) {
		    var that=this;
		    if(row.gm==1 && Number("{$config.gm_lock}")==1){
    		    that.dialogGMVisible=true;
    		    that.account = row.account;
    		    that.checkedRoles=[];//先清空
    		    if(row.gm_roleid!=""){
    		        // 循环读取
            		$.each(JSON.parse(row.gm_roleid), function (index, value) {
            		    that.checkedRoles.push(value.roleid.toString());
                    });
    		    }
    		    that.selecServerChange();
		    }else{
		        //status只有两个结果：0 或 1
			    var json = {"id":row.id,"field":"gm","value": row.gm,'token':'{$token}'};
			    $.post('{:url("@Admin/User/modify_field")}', json, function (data) {
    				if(data.code==1){
    				    that.getData();
    					toastr.success(data.msg);
    				}else{
    					toastr.error(data.msg);
    				}
			    }); 
		    }
		},
		blockedIP(row){
		    mui.confirm('确定要封禁玩家['+row.account+']的IP吗？', '提示', ['否', '是'], function(e) {
                if (e.index == 1) {
                    $.post("{:url('@Admin/User/blockedIP')}",{"ip":row.ip,'account':row.account,'userid':row.id,"token":"{$token}"}, function (data) {
						if(data.code==1){
							toastr.success(data.msg);
						}else{
							toastr.error(data.msg);
						}
					});
                }
			}); 
		},
		updateLockTime(id,field,time){
			var that = this;
			let name = (field=="lock") ? "账号" : "IP";
			swal({
    			  title: "修改"+name+"锁定时间",
    			  text:'<style>.sweet-alert input{margin-top:0px!important;}</style>'
    				+'<div class="omgui-form-item">'
    				+'<input type="text" name="value" type="text" value="'+time+'" />'
                    +'</div>',
    			  html: true,
    			  cancelButtonText: "取消",
    			  confirmButtonText: "保存",
    			  showCancelButton:true,
    			  showConfirmButton:true,
    			  closeOnConfirm:false
    			}, function () {
    				    var value=$("input[name='value']").val();
    				    $.post("{:url('@Admin/User/modify_field')}",{'id':id,'field':field,'value':value,'token':'{$token}'}, function (res) {
    						if(res.code==1){
    							that.getData();
    						}
    						swal({
    							title:"提示",
    							text:res.msg,
    							type:res.code==1?'success':'error',//success,warning,error,info
    							showCancelButton:true,
    							showConfirmButton:false,
    							cancelButtonText:'ok',
    							closeOnConfirm:false
    						});
    					});
    			});	
		},
		updatePassword(row){
		    var that = this;
			swal({
    			  title: "修改["+row.account+"]的密码",
    			  text:'<style>.sweet-alert input{margin-top:0px!important;}</style>'
    				+'<div class="omgui-form-item">'
    				+'新的密码：<input type="text" name="value" type="text" placeholder="请输入新密码" />'
                    +'</div>',
    			  html: true,
    			  cancelButtonText: "取消",
    			  confirmButtonText: "保存",
    			  showCancelButton:true,
    			  showConfirmButton:true,
    			  closeOnConfirm:false
    			}, function () {
    				var value=$("input[name='value']").val();
    				$.post("{:url('@Admin/User/modify_field')}",{'id':row.id,'field':"password",'value':value,'token':'{$token}'}, function (res) {
    					if(res.code==1){
    						that.getData();
    					}
    					swal({
    						title:"提示",
    						text:res.msg,
    						type:res.code==1?'success':'error',//success,warning,error,info
    						showCancelButton:true,
    						showConfirmButton:false,
    						cancelButtonText:'ok',
    						closeOnConfirm:false
    					});
    				});
    		});	
		},
		handleUloadSuccess(response) {
		    if(response.status=="error"){
		        toastr.error(response.msg);
		    }else{
		        this.sql = response.path;
                toastr.success(response.msg);
		    }
        },
		importData(){
		    var that=this;
		    if (that.sql == "" ) {
		        toastr.error('请等待sql文件上传成功，再执行！');
                return;
            }
            if(that.importing){
                toastr.error('系统正在导入中，数据越大，需要的时长越长！');
                return;
            }
		    that.$confirm('确定要导入新的玩家账号数据吗？', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(() => {
                 var startTime = new Date().getTime(); // 获取开始时间（单位为毫秒）
                  var timer = setInterval(function(){
                        var currentTime = new Date().getTime(); // 获取当前时间（单位为毫秒）
                        var elapsedSeconds = Math.floor((currentTime - startTime) / 1000); // 计算已经过去的秒数
                        $('#timer').html('当前耗时<font color="red">' + elapsedSeconds + '</font>秒'); // 更新页面上的计时器文本内容
                    }, 1000); // 设置定时器，每隔1秒触发一次函数
                that.importBtn = "正在导入中...";
                that.importing=true;
                //des加密处理（防止Nginx防火墙拦截）
		        var des_str = encryptByDES(that.sql);
		        $.ajax({
                    url: '{:url("@Admin/User/import_data")}',
                    method: 'POST',
                    data:{'content':des_str,'token':'{$token}'},
                    timeout: 10000*60, // 设置超时时间为10分钟
                    success: function(response) {
                        that.importcomplete(timer);
					    that.$alert(response.msg,"提示");
					    if(response.code==1){
					        that.getData();
					    }
                    },
                    error: function(xhr, status, error) {
                        that.importcomplete(timer);
                    },
                    complete: function(xhr, status) {
                        that.importcomplete(timer);
                        if (status === 'timeout') {
                            toastr.error('请求超时');
                        }
                  }
                });
            }).catch(() => {});
		},
		importcomplete(timer){
            clearInterval(timer);
            this.importBtn = "立即导入";
            this.importing=false;
		},
		batlock(){
		   var that=this;
			if(that.ids.length<=0){
			    that.hidden = false;
				toastr.warning('请先选中需要锁定的账号');
				return;
			}
			mui.confirm('确定要锁定这些账号吗？', '提示', ['否', '是'], function(e) {
                if (e.index == 1) {
                    $.post("{:url('@Admin/User/lock')}",{'ids':that.ids,'token':'{$token}'}, function (data) {
						if(data.code==1){
							toastr.success(data.msg);
							that.getData();
						}else{
							toastr.error(data.msg);
						}
					});
                }
			});  
		},
	}
});
</script>
{/block}