{extend name="public:common" /}
{block name="css"}
<link rel="stylesheet" href="__STATIC__/css/user.css">
<style>
.tipbox{color:red;}
.sweet-alert h2{margin:0px!important;font-size:2rem;}
.sweet-alert input{margin-top:0px!important;}
.omgui-form-item{margin-bottom:10px!important;}
.luck-title {
     color: inherit;
     line-height: inherit;
     font-weight: bold;
     font-size: 1em;
     border-bottom: 2px solid #FF5722;
     text-align: left;
     margin: 10px;
}
.luck-title span {
     font-size: inherit;
     line-height: inherit;
     display: inline-block;
     font-weight: normal;
     background: #FF5722;
     color: rgb(255, 255, 255);
     padding: 3px 10px;
     border-top-right-radius: 3px;
     border-top-left-radius: 4px;
     margin-right: 2px;
     position: relative;
     top:1px;
}
.omgui-badge{
    font-size: 12px;
    text-align: center;
    background-color: #ffa504;
    color:#333;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 5px;
    border-radius: 0px 0px 0px 5px;
}
</style>
{/block}
{block name="content"}
<div class="page-content" id="main">
    <div class="user-box layui-form" style="margin-bottom:10px;">
    	<div class="user-box-avatar">
    		<a href="{:url('@Index/Main/index')}"><img src="/static/img/default.gif"></a>
    	</div>
    	<div class="user-box-content">
    		<p style="font-size:15px;">账 号：<font color="#FDE2B7">{$user['account']}</font>{if condition="$user.gm eq 1" /}<span class="badge">GM</span>{/if}
    		</p>
    		<p style="font-size:12px;">平台币：<span v-text="usermoney"></span>{$config.money_alias}</p>
    		<p style="font-size:12px;">人民币：<span v-text="userrmb"></span>元{if condition="show_tixian()" /}（可提现）{/if}</p>
    	</div>
    	<div class="user-box-right">
            <span @click="changeMenu"><i class="layui-icon">&#xe653;</i>&nbsp;<span v-text='menuText'></span>菜单</span>
        </div>
    </div>
    <div class="menu" v-show="menuShow">
        {if condition="$config.gm_open eq 1" /}
            <div class="layui-col-md3 layui-col-xs4">
                <a @click="sendItems">
                    <img class="icon" src="__STATIC__/img/email.png" />
                    <span class="title">
                        发送物品
                    </span>
                </a>
            </div>
            <div class="layui-col-md3 layui-col-xs4">
                <a @click="sendGift">
                    <img class="icon" src="__STATIC__/img/gift.png" />
                    <span class="title">
                        一键礼包
                    </span>
                </a>
            </div>
            <div class="layui-col-md3 layui-col-xs4">
                <a @click="luck">
                    <img class="icon" src="__STATIC__/img/choujiang.png" />
                    <span class="title">
                        幸运抽奖
                    </span>
                </a>
            </div>
            {if condition="$config.gm_recharge eq 1" /}
            <div class="layui-col-md3 layui-col-xs4">
                <a @click="recharge">
                    <img class="icon" src="__STATIC__/img/recharge.png" />
                    <span class="title">
                        充值{$config.money_alias}
                    </span>
                </a>
            </div>
            {/if}
        {/if}
        <div class="layui-col-md3 layui-col-xs4">
            <a @click="change">
                <img class="icon" src="__STATIC__/img/change.png" />
                <span class="title">
                    交易大厅
                </span>
            </a>
        </div>
        <div class="layui-col-md3 layui-col-xs4">
            <a @click="clear('pack')">
                <img class="icon" src="__STATIC__/img/clear.png" />
                <span class="title">
                    清理背包
                </span>
            </a>
        </div>
        <div class="layui-col-md3 layui-col-xs4">
            <a @click="clear('email')">
                <img class="icon" src="__STATIC__/img/clear_email.png" />
                <span class="title">
                    清空邮件
                </span>
            </a>
        </div>
        <div class="layui-col-md3 layui-col-xs4">
            <a @click="clear('rank')">
                <img class="icon" src="__STATIC__/img/clear_rank.png" />
                <span class="title">
                    清空排行榜
                </span>
            </a>
        </div>
        <div class="layui-col-md3 layui-col-xs4">
            <a @click="updatePassword">
                <img class="icon" src="__STATIC__/img/password.png" />
                <span class="title">
                    修改密码
                </span>
            </a>
        </div>
    </div>
    <!--交易大厅-->
    <div v-if="menuType=='change'" class="layui-tab-content">
    	<iframe id="iframeChange" src="{:url('@Index/Main/change')}" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="yes" allowtransparency="yes"></iframe>
    </div>
    <!--抽奖记录-->
    <div v-if="menuType=='luck'" class="layui-tab-content" style="padding:10px 0px;">
    <el-tabs type="border-card">
      <el-tab-pane>
        <span slot="label"><i class="el-icon-date"></i> 抽奖记录</span>
        <div class="layui-card" style="width:100%;overflow:hidden;">
            <template>
				<el-table 
				:header-cell-style="{ textAlign: 'center' }" 
				:data="tableData"
				border fit highlight-current-row>
				<template slot="empty">
					<div class='nonedata'><img src='__STATIC__/images/none.png' height="50px"/><p>暂无记录</p></div>
				</template>
					<el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
					<el-table-column prop="items" label="中奖物品" align="left">
						<template slot-scope="scope">
						    <ul v-if="scope.row.status==1" style="display:flex;text-align:center;">
						        <li v-for="(item, index) in scope.row.items" style="background-color:#5FB878;color:#fff;margin-right:5px;padding:5px;border-radius:4px;position: relative;">
						            <span v-text="item.title"></span> X <span v-text="item.num"></span>
						        </li>
						        <span v-if="scope.row.typeText" v-html='scope.row.typeText' class="omgui-badge"></span>
						    </ul>
						    <span v-if="scope.row.status==0" v-html='scope.row.items'></span>
						</template>
					</el-table-column>
					<el-table-column prop="create_time" label="抽奖日期" align="center">
					</el-table-column>
					<el-table-column  label="操作" align="center" width="120">
					    <template slot-scope="scope" >
						<el-button-group>
						    <template v-if="scope.row.isget==1">
						        <font color="red">已领取</font>
						    </template>
						    <template v-else>
						        <el-button v-if="scope.row.status==1" size="mini" type="success" icon="el-icon-present" @click="handleReward(scope.row.id)">领取奖品</el-button>
							    <span v-if="scope.row.status==0">未中奖</span>
						    </template>
						</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>
      </el-tab-pane>
      {if condition="$config.luck_show eq 1" /}
      <el-tab-pane>
        <span slot="label"><i class="el-icon-present"></i> 奖池全部物品</span>
        <template>
				<el-table 
				:header-cell-style="{ textAlign: 'center' }" 
				:data="luckList"
				border fit highlight-current-row>
				<template slot="empty">
					<div class='nonedata'><img src='__STATIC__/images/none.png' height="50px"/><p>暂无记录</p></div>
				</template>
					<el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
					<el-table-column prop="name" label="奖品名称" align="center"></el-table-column>
					<el-table-column prop="items" label="包含物品" align="center"></el-table-column>
					<el-table-column prop="typeText" label="稀有度" align="center">
						<template slot-scope="scope">
                          <span v-html='scope.row.typeText'></span>
						</template>
					</el-table-column>
				</el-table>
				<!-- 分页器 -->
				<div class="el-page">
					<el-pagination align='center' @size-change="luckSizeChange" @current-change="luckCurrentChange" 
					:current-page="currentPage" 
					:page-sizes="[10,20,30,40,50,100]" 
					:page-size="pageSize" 
					layout="total, sizes, prev, pager, next, jumper" 
					:total="totalNum">
					</el-pagination>
				</div>
		    </template>
      </el-tab-pane>
      {/if}
    </el-tabs>
    </div>
</div>
{/block}
{block name="javascript"}
<script type="text/javascript">
var main = new Vue({
	el: '#main',
	data: function() {
		return {
		    usermoney:0,
		    userrmb:0,
		    tableData:[],
		    luckList:[],
			currentPage: 1,
            total: 0,
            totalNum: 0,
            pageSize: Number({$config['front_num']}),
			jsonData:{},
			menuType:"",
			menuText:"隐藏",
			menuShow:true,
		}
	},
	/*初始化*/
	created: function() {
	    //获取屏幕高度
    	var screenHeight = $(window).height();
    	console.log("屏幕高度是：" + screenHeight + "像素");
    	var h = (screenHeight-500)>300?(screenHeight-500):screenHeight;
    	$("#iframeChange").height(h);
	    this.usermoney = Number("{$user.money}");
	    this.userrmb = Number("{$user.rmb}");
	    var type = localStorage.getItem("menuType");
	    if(type!=null && type!=""){
	        this.menuType=type;
    	    if(this.menuType=="luck"){
    	        this.getLuckData();
    	        this.getLuckList();
    	    }
    	    if(this.menuType=="change"){
    	        this.menuShow=false;
    	        this.menuText="显示"
    	    }
	    }
	},
	methods: {
	     //切换显示/隐藏状态
        changeMenu: function () {
            this.menuShow = !this.menuShow;
            if(this.menuShow){
                this.menuText="隐藏"
            }else{
                this.menuText="显示"
            }
        },
	    handleSizeChange(val) {
            /*改变每页显示的条数*/
            this.pageSize=val
			/*在改变每页显示的条数时，要将页码显示到第一页*/
            this.currentPage=1
            this.getLuckData()
        },
        handleCurrentChange(val) {
            /*改变默认的页数*/
            this.currentPage=val
            this.getLuckData()
        },
	    getLuckData(){
			var that = this;
			that.jsonData["page"] = that.currentPage;
			that.jsonData["limit"] = that.pageSize;
			$.ajax({
				type: "GET",
				url: '{:url("@Index/User/luck_record")}',
				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;
					}
				},
				error: function(error) {
					console.log("请求数据异常，Error："+error);
				}
			});
		},
		luckSizeChange(val) {
            /*改变每页显示的条数*/
            this.pageSize=val
			/*在改变每页显示的条数时，要将页码显示到第一页*/
            this.currentPage=1
            this.getLuckList()
        },
        luckCurrentChange(val) {
            /*改变默认的页数*/
            this.currentPage=val
            this.getLuckList()
        },
		getLuckList(){
		    var that = this;
			that.jsonData["page"] = that.currentPage;
			that.jsonData["limit"] = that.pageSize;
		    $.ajax({
				type: "GET",
				url: '{:url("@Index/Main/luck_data")}',
				dataType: "json",
				data: that.jsonData,
				contentType: "application/json;charset=UTF-8",
				success: function(res) {
					if(res.code == 1) {
						that.luckList = res.data;
						that.totalNum = res.count;
					}
				},
				error: function(error) {
					console.log("请求数据异常，Error："+error);
				}
			});
		},
		handleReward(id){
		    var that=this;
		    let html='<div class="tipbox">提示：每次最多能一键领取{$config.luck_num}个奖品！</div>'
				+'<div class="omgui-form-item" style="margin-bottom:10px;">'
    			+'选择区服：<select name="serverid" style="flex:1;padding:10px;height:42px;line-height: 42px;">'
    			+'<option value="0">请选择</option>'
    			{volist name="serverList" id="vo" k="key"}
    			+'<option value="{$vo.server}">{$vo.name}</option>'
    			{/volist}
    			+'</select>'
    			+'</div>'
    			+'<div class="omgui-form-item">'
    			+'选择角色：<select name="roleid" style="flex:1;padding:10px;height:42px;line-height: 42px;">'
    			+'<option value="">请先选择区服</option>'
    			+'</select>'
    			+'</div>'
    		    +'<div style="display: flex;padding:10px;line-height: 42px;">'
				+'一键领取：<div class="mui-input-row mui-radio mui-left">'
				+'		<label style="width:10px">是</label>'
				+'		<input style="border:none;box-shadow:none;" name="type" type="radio" value="1" checked>'
				+'	</div>'
				+'	<div class="mui-input-row mui-radio mui-left">'
				+'		<label style="width:10px">否</label>'
				+'		<input style="border:none;box-shadow:none;" name="type" type="radio" value="0">'
				+'	</div>'
				+'</div>';
    		swal({
				title: "领取中奖物品",
				text: html,
				html: true,
				cancelButtonText: "取消",
				confirmButtonText: "确定",
				showCancelButton:true,
				showConfirmButton:true,
				closeOnConfirm:false
			}, function () {
			    var type=$("input[name='type']:checked").val();
			    var serverid=$("select[name='serverid']").val();
				var roleid=$("select[name='roleid']").val();
				if(serverid==""||serverid==null||serverid== "undefined"||serverid==0){
					$(".tipbox").html('请选择区服').css("color","red");
					return;
				}
				if(roleid==""||roleid==null||roleid== "undefined"){
					$(".tipbox").html('请选择角色').css("color","red");
					return;
				}
				let json = {'id':id,'type':type,'serverid':serverid,'roleid':roleid,'token':'{$token}'};
				$.post('{:url("@Index/User/luck_reward")}',json, function (data) {
					if(data.code==1){
						toastr.success(data.msg);
						that.getLuckData();
					}else{
						toastr.error(data.msg);
					}
				});
			});
			that.serverChange();
		},
	    updatePassword(){
			swal({
				title: "修改登录密码",
				text:'<div class="tipbox"></div>'
				+'<div class="omgui-form-item">'
				+'旧的密码：<input type="text" name="oldpassword" placeholder="请输入旧密码"/>'
				+'</div>'
				+'<div class="omgui-form-item">'
				+'新的密码：<input type="password" name="newpassword" placeholder="请输入新密码"/>'
				+'</div>'
				+'<div class="omgui-form-item">'
				+'确认密码：<input type="password" name="repassword" placeholder="请再次输入新密码"/>'
				+'</div>',
				html: true,
				cancelButtonText: "取消",
				confirmButtonText: "保存",
				showCancelButton:true,
				showConfirmButton:true,
				closeOnConfirm:false
				}, function () {
					var oldpassword=$("input[name='oldpassword']").val();
					var newpassword=$("input[name='newpassword']").val();
					var repassword=$("input[name='repassword']").val();
					var regPass=/^[\S]{6,12}$/;
					if(regPass.test(oldpassword)==false){
						$(".tipbox").html('密码6到12位，且不能出现空格').css("color","red");
						$("input[name='oldpassword']").focus();
						return;
					}
					if(regPass.test(newpassword)==false){
						$(".tipbox").html('密码6到12位，且不能出现空格').css("color","red");
						$("input[name='newpassword']").focus();
						return;
					}
					if(repassword!=newpassword){
					    $(".tipbox").html('两次输入的密码不一致').css("color","red");
						$("input[name='repassword']").focus();
						return;
					
					}
					$.post('{:url("@Index/User/updatePassword")}',{'oldpwd':oldpassword,'newpwd':newpassword,'repwd':repassword,'token':'{$token}'}, function (res) {
						if(res.code==1){
							toastr.success(res.msg);
							swal.close();
						}else{
							toastr.error(res.msg);
						}
					});
			});
		},
	    clear(type){
	        let title,action,tip="";
	        switch (type) {
              case "rank":
                title="清空排位榜";
                action="{:url('@Index/User/clearRank')}";
                break;
              case "email":
                title="清空邮件";
                action="{:url('@Index/User/clearEmail')}";
                tip="注意：清理邮件账号必须小退下线"
                break;
               case "pack":
                title="清理背包";
                action="{:url('@Index/User/clearPack')}";
                tip="注意：清理背包角色必须小退下线"
                break;
            }
            let html='<div class="tipbox">'+tip+'</div>'
					+'<div class="omgui-form-item" style="margin-bottom:10px;">'
    				+'选择区服：<select name="serverid" style="flex:1;padding:10px;height:42px;line-height: 42px;">'
    				+'<option value="0">请选择</option>'
    				{volist name="serverList" id="vo" k="key"}
    				+'<option value="{$vo.server}">{$vo.name}</option>'
    				{/volist}
    				+'</select>'
    				+'</div>'
    				+'<div class="omgui-form-item">'
    				+'选择角色：<select name="roleid" style="flex:1;padding:10px;height:42px;line-height: 42px;">'
    				+'<option value="">请先选择区服</option>'
    				+'</select>'
    				+'</div>';
    		if(type=="pack"){
    		    html+='<div class="omgui-form-item">'
					+'背包类型：<select name="packid" style="flex:1;padding:10px;height:42px;line-height: 42px;">'
					+'<option value="1">装备包裹</option>'
					+'<option value="2">材料包裹</option>'
					+'<option value="3">消耗品包裹</option>'
					+'</select>'
					+'</div>';
    		}
			swal({
				  title: title,
				  text: html,
				  html: true,
				  cancelButtonText: "取消",
				  confirmButtonText: "确定",
				  showCancelButton:true,
				  showConfirmButton:true,
				  closeOnConfirm:false
				}, function () {
				    var serverid=$("select[name='serverid']").val();
				    var roleid=$("select[name='roleid']").val();
					var packid=$("select[name='packid']").val();
					if(serverid==""||serverid==null||serverid== "undefined"||serverid==0){
						$(".tipbox").html('请选择区服').css("color","red");
						return;
					}
					if(roleid==""||roleid==null||roleid== "undefined"){
						$(".tipbox").html('请选择角色').css("color","red");
						return;
					}
					let json = {'serverid':serverid,'roleid':roleid,'token':'{$token}'};
					if(type=="pack"){
					    var packid=$("select[name='packid']").val();
					    if(packid==""||packid==null||packid== "undefined"){
    						$(".tipbox").html('请选择背包类型').css("color","red");
    						return;
    					}
    					json["packid"] = packid;
					}
				    $.post(action,json, function (data) {
						if(data.code==1){
							toastr.success(data.msg);
						}else{
							toastr.error(data.msg);
						}
				    });
			});	
			this.serverChange();
	    },
	    serverChange(){
	        $("select[name='serverid']").change(function() {
			    let serverid = $(this).val();
			    if(serverid>0){
			        $.ajax({
    					type: "GET",
    					url: '{:url("@Index/Game/getRoleList")}',
    					dataType: "json",
    					data: {"serverid":serverid,'token':'{$token}'},
    					contentType: "application/json;charset=UTF-8",
    					success: function(res) {
    						if(res.code == 1) {
    							// 通过元素标签名获取下拉框对象
    							let selectObj = $("select[name='roleid']");
    							selectObj.empty();//先清空
    							// 循环生成下拉框选项
    							$.each(res.data, function(index, element) {
    								selectObj.append("<option value='" + element.roleid + "'>" + element.name + "</option>");
    							});
    
    						}else{
    							toastr.error(res.msg);
    						}
    					},
    					error: function(error) {
    						console.log("请求数据异常，Error："+error);
    					}
    				});
			    }
			});
	    },
	    sendItems(){
	        if(this.checkgm()){
    	        var width = ismobile() ? "90%" : "50%";
    			layer.open({
                    type: 2
                    ,title: '发送物品邮件'
                    ,content: 'email'
                	,moveOut:true
                	,maxmin:false
                    ,shadeClose:true
                    ,area: [width, '80%']
    				,offset: 'auto'
                });
	        }
	    },
	    sendGift(){
	       if(this.checkgm()){
    	       var width = ismobile() ? "90%" : "50%";
    			layer.open({
                    type: 2
                    ,title: '发送一键礼包'
                    ,content: '{:url("@Index/Main/gift")}'
                	,moveOut:true
                	,maxmin:false
                    ,shadeClose:true
                    ,area: [width, '80%']
    				,offset: 'auto'
                }); 
	        }
	    },
	    luck(){
	        this.menuType="luck";
	        //保存上次点击的类型，保证刷新或者重新进入后还是在之前的界面
            localStorage.setItem("menuType",this.menuType);
    	    var size = ismobile() ? "90%" : "500px";
    		layer.open({
                type: 2
                ,title: '幸运抽奖'
                ,content: '{:url("@Index/Main/luck")}'
                ,moveOut:true
                ,maxmin:false
                ,shadeClose:true
                ,area: [size, size]
    			,offset: 'auto'
            }); 
            if(this.tableData.length<=0){
                this.getLuckData();
            }
            if(this.luckList.length<=0){
                this.getLuckList();
            }
		},
		change(){
		    this.menuShow = false;
	        this.menuText = "显示";
		    this.menuType="change";
		    //保存上次点击的类型，保证刷新或者重新进入后还是在之前的界面
            localStorage.setItem("menuType",this.menuType);
		},
		recharge(){
		    var that = this;
		    if(that.checkgm()){
		        swal({
    				title: "充值{$config.money_alias}",
    				text:'<div class="tipbox"></div>'
    				+'<div class="omgui-form-item">'
    				+'当前余额：<input style="border:none;box-shadow:none;" type="text" value="'+that.usermoney+'" readonly/>'
    				+'</div>'
    				+'<div class="omgui-form-item">'
                    +'充值数量：<input type="number" name="money" lay-verify="required" placeholder="请输入{$config.money_alias}数量" autocomplete="off" class="layui-input">'
                    +'</div>',
    				html: true,
    				cancelButtonText: "取消",
    				confirmButtonText: "充值",
    				showCancelButton:true,
    				showConfirmButton:true,
    				closeOnConfirm:false
    				}, function () {
    					var money=$("input[name='money']").val();
    					var regNumber=/^(?!(0[0-9]{0,}$))[0-9]{1,}[.]{0,}[0-9]{0,}$/;
    					if(regNumber.test(money)==false){
    						$(".tipbox").html('{$config.money_alias}数量必须为大于0的数字').css("color","red");
    						$("input[name='money']").focus();
    						return;
    					}
    					$.post('{:url("@Index/User/recharge")}',{'money':money,'token':'{$token}'}, function (res) {
    						if(res.code==1){
    							toastr.success(res.msg);
    							that.usermoney = (Number(that.usermoney)+Number(money)).toFixed(2);
    							swal.close();
    						}else{
    							toastr.error(res.msg);
    						}
    					});
    			});
		    }
		},
		checkgm(){
		    var that = this;
            if(Number("{$user['gm']}")==0){
                   swal({
        			  title: "",
        			  text:'<style>.sweet-alert{height:20rem;background:url(/static/img/modal.png) no-repeat;background-size:100% auto;top:30%!important;}.sa-button-container{position:absolute;bottom:10px;text-align:center;width:100%;}@media all and (max-width:768px) {.sweet-alert button{font-size:0.5rem;padding:0.5rem 0.8rem;margin-right: 20px;}}@media all and (min-width:768px) {.sweet-alert{height:364px;margin-top:-5rem!important;}}</style>',
        			  html: true,
        			  cancelButtonText: "取消",
        			  confirmButtonText: "立即解锁",
        			  showCancelButton:true,
        			  showConfirmButton:true,
        			  closeOnConfirm:false
        		}, function () {
        			//解锁GM权限
        			that.unlockgm();
        		});	
        		return false;
            }
            return true;
        },
        unlockgm(){
        swal({
			title: "解锁GM特权",
			text:'<style>.sweet-alert input{margin-top:0px!important;}.tipbox{color:red;}</style>'
				    +'<div class="tipbox">一次付费，享受无限乐趣！</div>'
				    {if condition="$config.gm_lock eq 1" /}
				    +'<div class="omgui-form-item" style="margin-bottom:10px;">'
    				+'绑定区服：<select name="serverid" style="flex:1;padding:10px;height:42px;line-height: 42px;">'
    				+'<option value="0">请选择</option>'
    				{volist name="serverList" id="vo" k="key"}
    				+'<option value="{$vo.server}">{$vo.name}</option>'
    				{/volist}
    				+'</select>'
    				+'</div>'
    				+'<div class="omgui-form-item">'
    				+'绑定角色：<select name="roleid" style="flex:1;padding:10px;height:42px;line-height: 42px;">'
    				+'<option value="">请先选择区服</option>'
    				+'</select>'
    				+'</div>'
				    {/if}
        			+'<div class="pay-item">'
        			{volist name="wayList" id="vo" k="key"}
        			+'<li><label><img src="{$vo.icon|default='__STATIC__/pay/img/payicon.png'}">{if condition="$vo.showname =='' "}{$vo.name}{else /}{$vo.showname}{/if}<input name="paytype" type="radio" value="{$vo.alias}" {if condition="$key eq 0"}checked="true"{/if}><span></span></label> </li>'
        			{/volist}
        			+'</div>'
					+'<div class="omgui-form-item" style="margin-top:10px;">'
					+'支付金额：<span style="font-size:24px;color:red;">{$config["gm_money"]}</span>&nbsp;元'
					+'</div>',
				  html: true,
				  cancelButtonText: "取消",
				  confirmButtonText: "立即开通",
				  showCancelButton:true,
				  showConfirmButton:true,
				  closeOnConfirm:false
				}, function () {
					var paytype = $("input[name='paytype']:checked").val();
					var json={"account":"{$user.account}","agent":"{$user.agent}","paytype" : paytype,"token" : "{$token}"};
					{if condition="$config.gm_lock eq 1" /}
    					var serverid=$("select[name='serverid']").val();
    				    var roleid=$("select[name='roleid']").val();
    					if(serverid==""||serverid==null||serverid== "undefined"||serverid==0){
    						$(".tipbox").html('请选择区服').css("color","red");
    						return;
    					}
    					if(roleid==""||roleid==null||roleid== "undefined"){
    						$(".tipbox").html('请选择角色').css("color","red");
    						return;
    					}
    					json["serverid"] = serverid;
    					json["roleid"] = roleid;
					{/if}
					formSubmit("{:url('@pay/Index/buygm')}",json,"post");
			});	
			{if condition="$config.gm_lock eq 1" /}
			this.serverChange();
			{/if}
        },
	}
});
</script>
{/block}