<extend name="Public/tradebases" />
<block name="css">
<empty name="nologin">
<link rel="stylesheet" href="__CSS__/xg_common.css">
<link rel="stylesheet" href="__CSS__/sell_account.css">
<link rel="stylesheet" href="__CSS__/globle.css">
<style>
/*购买流程 begin*/
.purchase_process {
}
.purchase_process .xg-table {
width: 100%;
table-layout: fixed;
margin-bottom: 1rem;
}
.purchase_process .xg-table td{
text-align: center;
vertical-align: middle;
border: none;
position: relative;
}
.purchase_process .process-flag{
display: block;
width: 0.5rem;
height: 0.5rem;
margin: 0 auto;
background-color: currentColor;
background-clip: content-box;
padding: 2px;
border:1px solid currentColor;
color: #4f90f5;
border-radius: 100%;
text-indent: -99rem;
z-index: 2;
box-sizing: border-box;
}
.purchase_process .process-flag:before,
.purchase_process .process-flag:after{
content: '';
position: absolute;
top:50%;
border-top:1px dashed currentColor;
z-index: 0;
}
.purchase_process .process-flag:before{
left: 0px;
right: 50%;
margin-right: 0.25rem;
}
.purchase_process .process-flag:after{
left: 50%;
right: 2px;
margin-left: 0.25rem;
}
.purchase_process .process-flag.first:before{
display: none;
}
.purchase_process .process-flag.last:after{
display: none;
}
.purchase_process .xg-image {
display: inline-block;
width: 1.2rem;
height: auto;
margin-top: 0.5rem;
margin-bottom: 0.28rem;
}
.purchase_process .xg-text{
font-size: 0.38rem;
color: #4b4b4b;
padding: 0 0.1rem;
}
/*end 购买流程*/
/*买家必读弹窗 begin*/
.buyer-must-read dt,
.seller_notice dt{
font-size: 0.5rem;
color: #343434;
margin-bottom: 0.4rem;
}
.buyer-must-read dd,
.seller_notice dd{
font-size: 0.38rem;
color: #717171;
margin-bottom: 0.16rem;
}
.buyer-must-read .notice dd,
.seller_notice .notice dd{
counter-increment: item;
}
.buyer-must-read .notice dd::before,
.seller_notice .notice dd::before{
content: counter(item);
display: inline-block;
width: 0.46rem;
height: 0.46rem;
border-radius: 100%;
font-size: 0.35rem;
color: #fff;
text-align: center;
background-color: #999;
margin-right: 0.16rem;
}
/*end 买家必读弹窗*/
/*卖家须知弹窗 begin*/
.seller_notice{
}
.seller_notice .xg-checkbox-wrapper{
margin-bottom: 0.5rem;
}
.seller_notice .control{
margin-bottom: 0.5rem;
border-radius: 8px;
padding: 0.2rem 0.14rem;
background-color: #f3f2f3;
line-height: 0.68rem;
}
.control .code{
float: left;
width: 40%;
font-size: 0.36rem;
padding: 0.16rem 0.16rem;
background-color: transparent;
outline: none;
}
.control .sellphone {width:100%;font-size:0.36rem;padding:0.16rem ;background-color:transparent;outline:none;}
.control .xg-btn{
float: right;
padding: 0.16rem 0.16rem;
}
.seller_notice .info{
font-size: 0.32rem;
color:#d94131;
margin-bottom: 0.5rem;
}
.seller_notice .xg-form{
margin-bottom: 0.5rem;
}
/*end 卖家须知弹窗*/
.is-read{
margin-top: 0.4rem;
}
.pop-window {
display:none;
-webkit-overflow-scrolling: touch;
overflow:hidden;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100vw;
height:100vh;
z-index:999;
background:rgba(0,0,0,.2);
}
.pop-window .pop-box {
position:relative;
top:26%;
margin:0 auto 0;
width:80vw;
background:#FFF;
border-radius:3vw;
max-width:293px;
}
.pop-window .pop-page {position:relative;margin:0 auto;width:100%;height:100%;background:#FFF;top:-11vw;}
.pop-window .pop-box .pop-wrap {
padding:5vw 7vw;
}
.pop-window .pop-box .pop-wrap .pop-title {
position:relative;
margin:0;
color:#707070;
font-size:2.7rem;
font-weight:normal;
text-align:center;
}
/* .pop-window .pop-box .pop-wrap .pop-title span {
color:#18B1EA;
}*/
.pop-window .pop-box .pop-wrap .pop-close {
position:absolute;
right:-1rem;
top:-1rem;
font-size:2.2rem;
color:#999;
}
.pop-window .pop-box .pop-wrap .pop-content {
color:#999;
font-size:1.8rem;
position:relative;
margin-top:.2rem;
}
.pop-window .pop-box .pop-wrap .pop-content .des {
color:#666;
display:block;
}
.pop-window .pop-box .pop-wrap .pop-btnbox {
overflow:hidden;
clear:both;
position:relative;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn {
width:45%;
text-align:center;
padding:.4rem 0;
font-size:2.6rem;
border-radius:4rem;
display:block;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-cancel {
color:#707070;
border:1px solid #F1F1F1;
float:left;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-confirm {
color:#FFF;
background:#18B1EA;
border:1px solid #18B1EA;
float:right;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-confirm.disabled {
background:#CCC;
border-color:#CCC;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input {
padding:.8rem 0rem .8rem 8rem;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
color:#18B1EA;
border:none;
border-radius:2rem;
font-size:3rem;
line-height:1;
vertical-align: middle;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-span {
width: 205px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #18B1EA;
font-size: 2rem;
line-height: 3rem;
vertical-align: middle;
overflow-x: scroll;
display: inline-block;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefix {
position:absolute;
left:.5rem;
top:0rem;
font-size:1.6rem;
display:block;
text-align: left;
vertical-align:middle;
line-height: 3rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
background:#18B1EA;
color:#FFF;
box-sizing:border-box;
-webkit-box-sizing:border-box;
position:absolute;
top:0;
right:0;
height:100%;
width:7rem;
font-size:2rem;
text-align:center;
padding-top:.8rem;
border-top-right-radius:2rem;
border-bottom-right-radius:2rem;
}
.pop-window .pop-box .pop-wrap .pop-textarea {
width:100%;
height:26vh;
padding:.4rem;
font-size:1.5rem;
border:1px solid #DCDCDC;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.totalnum {
position:absolute;
bottom:-1.2rem;
right:.3rem;
font-size:1.2rem;
}
.pop-dialog {
display:none;
position:fixed;
z-index:1999;
top:0;
left:0;
right:0;
text-align:center;
width:100vw;
height:100vh;
}
.pop-dialog span {
background:rgba(0,0,0,.6);
top:50%;
color:#FFF;
display:inline-block;
line-height:2;
position:relative;
padding:.5rem 2rem;
word-break:break-all;
max-width:60vw;
}
.pop-table {
display:table;
width:100%;
position:relative;
}
.pop-row {
display:table-row;
position:relative;
}
.pop-cell {
display:table-cell;
position:relative;
vertical-align:middle;
}
.pop-cell.pop-mark{
width:24%;
}
.pop-form {
display:none;
-webkit-overflow-scrolling: touch;
overflow:hidden;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100vw;
height:100vh;
z-index:999;
background:rgba(0,0,0,.5);
}
.pop-form .pop-box {
position:relative;
top:28%;
margin:0 auto 0;
width:90vw;
background:#FFF;
border-radius:3vw;
}
.pop-form .pop-box .pop-wrap {
padding:4vw 6vw 6vw;
}
.pop-form .pop-box .pop-wrap form {
padding:1px;
}
.pop-form .pop-box .pop-wrap .pop-content {
position:relative;
width:100%;
}
.pop-form .pop-title {
position:relative;
margin:0;
color:#707070;
font-size:3.4rem;
font-weight:100;
text-align:center;
}
.pop-form .pop-box .pop-wrap .pop-close {
position:absolute;
right:0rem;
top:0rem;
font-size:2.2rem;
color:#999;
}
.pop-form .pop-table-wrap {
padding-top:1.7rem;
width:100%;
position:relative;
overflow:hidden;
}
.pop-form .pop-table-wrap .pop-table {
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
height:6rem;
font-size:2.2rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell:first-child {
width:3.5rem;
white-space: nowrap;
}
.pop-form .pop-table-wrap .pop-table .pop-cell:last-child {
text-align:right;
}
.pop-form .pop-table-wrap .pop-table .pop-cell .pgood {
}
.pop-form .pop-table-wrap .pop-table .pop-cell p {
margin:0;
}
.pop-form .pop-table-wrap .pop-table .pop-row~.pop-row {
border-top:1px solid rgba(231,231,231,.5);
}
.pop-form .pop-table-wrap .pop-table .paddress {
font-size:0.48rem;
width:88%;
}
.pop-form .pop-table-wrap .pop-table .paddress {
text-align: left;
float: right;
}
.pop-form .pop-table-wrap .pop-table .paddress span {
display:block;
text-overflow:ellipsis;
overflow:hidden;
}
.pop-form .pop-table-wrap .pop-table .pop-cell .icon-right {
position:absolute;
top:34.3%;
right:0.2rem;
width:0.3rem;
height:0.54rem;
display:block;
}
.pop-form .pop-butn-box {
padding-top:0.58rem;
}
.pop-form .pop-butn-box .butn {
width:100%;
-webkit-appearance:none;
font-size:3rem;
color:#FFF;
display:inline-block;
padding:0.6rem 0;
background:#18B1EA;
border-radius:3rem;
border:none;
margin:0;
}
.pop-message,.pop-cue,.pop-notice,.pop-hint,.pop-share,.pop-prompt,.pop-prompt2,.pop-form,.pop-bind,.pop-login,.pop-pay,.pop-pay-temp,.pop-partir,.pop-bookmark,.pop-load {display:none;position:fixed;z-index:1999;top:0;left:0;right:0;text-align:center;width:100vw;height:100vh;}
.pop-message .pop-box {background:rgba(0,0,0,.84);position:relative;color:#FFF;display:inline-block;position:relative;word-break:break-all;border-radius:0.2rem;width:4.64rem;height:4.64rem;}
.pop-message .pop-box .pop-image {width:1.94rem;height:1.4rem;margin-top:1.12rem;}
.pop-message .pop-box .pop-text {margin:0.76rem 0 0;font-size:0.52rem;color:#FFF;}
.pop-info {background-color:rgba(0,0,0,0);}
.pop-info .pop-page {display:table;background:transparent;}
.pop-info .pop-wrap {display:table-cell;vertical-align:middle;}
.pop-info .publishing {width:4.5rem;height:3rem;margin:0 auto;background:#333;border-radius:0.4rem;}
.pop-info .publishing img {margin:0 auto;display:block;width:1.5rem;padding:0.5rem 0 0.1rem;}
.pop-info .publishing span{font-size:.38rem;color:#FFF;text-align:center;display:block;}
</style>
<else />
<link href="__CSS__/iconfont.css" rel="stylesheet" >
<link href="__CSS__/select2.min.css" rel="stylesheet" >
<link type="text/css" rel="stylesheet" href="__CSS__/swiper.min.css">
<link type="text/css" rel="stylesheet" href="__CSS__/base1.css" />
<link type="text/css" rel="stylesheet" href="__CSS__/public1.css" />
<link type="text/css" rel="stylesheet" href="__CSS__/main1.css">
<link href="__CSS__/common.css" rel="stylesheet" >
</empty>
<script src="__JS__/lwx.js"></script>
</block>
<block name="body">
<notempty name="nologin">
{$nologin}
<else />
<script src="__JS__/xg_mobile.js"></script>
<script src="__JS__/ajaxload.js"></script>
<script src="__JS__/pop.lwx.min.js"></script>
<header class="header">
<a class="xg-back" href="{:U('Trade/index',array('is_app'=>I('is_app'),'token'=>I('token')))}"></a>
<h1 class="xg-title">我要卖号</h1>
<a class="btn_detail" id="seller_rull" href="javascript:;">交易细则</a>
</header>
<main class="xg-main">
<div class="xg-container">
<!--添加游戏 begin-->
<div class="xg-addyx">
<ul class="add_item">
<li class="add_li">
<a class="add_lia" id="jssell_game" data-url="{:U('Trade/select_game')}" href="javascript:;">
<span class="add_play">添加游戏</span>
<span class="play-right"><span class="gray_txt xh_selected">{$data.game_name}</span><i class="icon-go"></i></span>
</a>
</li>
<li class="add_li">
<a class="add_lia" id="jssell_small" data-url="{:U('Trade/select_small')}" data-gid="{$data.game_id}" href="javascript:;">
<span class="add_play">选择小号</span>
<span class="play-right"><span class="gray_txt xh_selected">{$data.small_account}</span><i
class="icon-go"></i></span>
</a>
</li>
<li class="add_li">
<a class="add_lia" id="jssell_server" data-url="{:U('Trade/select_server')}" data-gid="{$data.game_id}" href="javascript:;">
<span class="add_play">游戏区服</span>
<span class="play-right"><span class="gray_txt xh_selected">{$data.server_name}</span><i class="icon-go"></i></span>
</a>
</li>
<li class="add_li">
<a class="add_lia" href="javascript:;">
<span class="add_play">出售价</span>
<span class="play-right"><input class="write_txt" type="text" id="sell_price" value="{$data.price}" data-rate="{:set_zero_on_number(C('withdraw.sell_rate'))}" data-poundage="{:set_zero_on_number(C('withdraw.poundage'))}" data-sell-price="{:add_two_number(C('withdraw.sell'),C('withdraw.poundage'))}" placeholder="不低于{:add_two_number(C('withdraw.sell'),C('withdraw.poundage'))}元"></span>
</a>
</li>
<li class="add_li border_botmnone">
<p class="add_lia" href="javascript:;">
<span class="add_play">出售可得（手续费{:set_zero_on_number(C('withdraw.sell_rate'))}%，最低{:set_zero_on_number(C('withdraw.poundage'))}元）</span>
<span class="play-right"><span class="gray_txt" id="get_price">{:set_zero_on_number($data['price']*(100-C('withdraw.rate'))/100)}金币</span></span>
</p>
</li>
</ul>
</div>
<!--end 添加游戏-->
<!--标题商品描述 begin-->
<div class="xg-addyx">
<ul class="add_item">
<li class="add_li">
<a class="add_lia" id="jssell_title" data-url="{:U('Trade/sell_title')}" href="javascript:;">
<span class="add_play">标题</span>
<span class="play-right"><span class="gray_txt xh_selected">{$data.title}</span><i class="icon-go"></i></span>
</a>
</li>
<li class="add_li">
<a class="add_lia" id="jssell_content" data-url="{:U('Trade/sell_content')}" href="javascript:;">
<span class="add_play">商品描述：(选填)</span>
<span class="play-right"><span class="gray_txt xh_selected">{:sl_wbnr($data['content'])}</span><i class="icon-go"></i></span>
</a>
</li>
<li class="add_li border_botmnone">
<a class="add_lia" id="jssell_spwd" data-url="{:U('Trade/sell_password')}" href="javascript:;">
<span class="add_play">二级密码：(有则必填)</span>
<span class="play-right"><i class="icon-go"></i></span>
</a>
</li>
</ul>
</div>
<!--end 标题商品描述-->
<!--游戏截图 begin!-->
<div class="xg-addyx border_botmnone">
<div class="add_li">
<a class="add_lia" style="border:none;" href="javascript:;">
<span class="add_play">游戏截图</span>
<!--<span class="play-right"><span class="gray_txt">3-9张游戏内截图</span></span>-->
</a>
</div>
<div class="up_loadimg" style="min-height: 8rem;">
<!--上传图片 begin!-->
<ul class="upload-ul clearfix xg_uploadul">
<volist name=":explode(',',$data['screenshot'])" id="vo">
<li id="fileBox_WU_FILE_{$key}" class="diyUploadHover">
<div class="viewThumb">
<input type="hidden">
<p class="diyControlbox">
<span class="diyCancel" data-url="{$vo|get_cover='path'}"><i></i></span>
</p>
<img data-id="{$vo}" src="{$vo|get_cover='path'}">
</div>
</li>
</volist>
<li class="upload-pick">
<div class="webuploader-container clearfix" id="goodsUpload"></div>
</li>
</ul>
<!--end! 上传图片 -->
</div>
</div>
<!--end! 游戏截图-->
</div>
</main>
<footer class="footer" id="comfirm_sell">
<input type="hidden" name="id" value="{$data.id}">
<input type="hidden" name="price" value="{$data.price}">
<input type="hidden" name="title" value="{$data.title}">
<input type="hidden" name="content" value="{$data.content}">
<input type="hidden" name="second_password" value="{$data.second_password}">
<input type="hidden" name="screenshot" value="{$data.screenshot}">
<input type="hidden" name="phone" value="{$data.phone}">
<input type="hidden" name="code" value="">
<button id="btn-trade" type="button" class="xg-btn xg-btn-submit xg-btn-primary">确认修改</button>
<div class="input_data_box">
<input type="hidden" name="game_id" value="{$data.game_id}">
<input type="hidden" name="game_name" value="{$data.game_name}">
<input type="hidden" name="sdk_version" value="{$data.sdk_version}">
<input type="hidden" name="small_id" value="{$data.small_id}" >
<input type="hidden" name="small_account" value="{$data.small_account}" >
</div>
<div class="input_data_box2">
<input type="hidden" name="server_id" value="{$data.server_id}" >
<input type="hidden" name="server_name" value="{$data.server_name}" >
</div>
</footer>
<!--弹窗模块 交易细则 begin-->
<div class="xg-mask buyer-must-read" id="seller_rull_content" style="<eq name='rule_status' value='1'>display:none;</eq>">
<div class="mask-container">
<h2 class="mask-header">买家必读</h2>
<div class="mask-body ">
<dl>
<dt>出售流程</dt>
<dd class="purchase_process ">
<table class="xg-table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><span class="process-flag first">1</span></td>
<td><span class="process-flag">2</span></td>
<td><span class="process-flag">3</span></td>
<td><span class="process-flag last">4</span></td>
</tr>
<tr>
<td><img class="xg-image" src="__IMG__/trade1/icon_normal_tijiao.png" width="180" height="" alt="">
<p class="xg-text">提交商品</p>
</td>
<td><img class="xg-image" src="__IMG__/trade1/icon_normal_shenhe.png" width="180" height="180" alt="">
<p class="xg-text">审核冻结</p>
</td>
<td><img class="xg-image" src="__IMG__/trade1/icon_normal_maijia.png" width="180" height="180" alt="">
<p class="xg-text">买家购买</p>
</td>
<td><img class="xg-image" src="__IMG__/trade1/icon_normal_huoyi.png" width="180" height="180" alt="">
<p class="xg-text">获得收益</p>
</td>
</tr>
</table>
</dd>
</dl>
<dl class="notice">
<dt>卖家须知</dt>
<dd>提交出售申请后，审核人员会冻结待售小号，无法登陆;</dd>
<dd>若审核不通过，或者您选择下架商品，可重新登录游戏获得小号;</dd>
<dd>若小号出售成功，则该小号在游戏中所有区服的角色将会一起出售;</dd>
<dd>出售成功将收取{:set_zero_on_number(C('withdraw.sell_rate'))}%手续费(最低{:set_zero_on_number(C('withdraw.poundage'))}元)，剩余收益以金币形式发送至您的账号内;</dd>
<dd>交易完成后，不支持找回</dd>
</dl>
<label class="xg-checkbox-wrapper is-read readed">
<eq name="rule_status" value="1">
<input id="is-read" type="checkbox" id="readed" checked class="xg-checkbox">
<else />
<input id="is-read" type="checkbox" id="readed" class="xg-checkbox">
</eq>
<i class="checkbox-icon"></i>
<span class="checkbox-text">我已阅读</span>
</label>
</div>
<div class="mask-footer">
<!--单选框选中的时候，删除xg-btn-disabled-->
<eq name='rule_status' value='1'>
<button id="btn-read" data-rule="1" type="button" class="xg-btn xg-btn-submit xg-btn-primary xg-btn-block" style="width: 50%;">我记住了</button>
<else />
<button id="btn-read" data-rule="0" type="button" class="xg-btn xg-btn-submit xg-btn-primary xg-btn-block xg-btn-disabled" style="width: 50%;">我记住了</button>
</eq>
</div>
</div>
</div>
<!--end 交易细则 弹窗模块-->
<!--卖家须知 交易细则 begin-->
<div class="xg-mask seller_notice" style="display: none;">
<div class="mask-container">
<h2 class="mask-header">
<span class="header-text icon icon-notice">卖家须知</span>
</h2>
<div class="mask-body ">
<dl class="notice">
<dd>提交出售申请后，审核人员会冻结待售小号，无法登陆;</dd>
<dd>若审核不通过，或者您选择下架商品，可重新登录游戏获得小号;</dd>
<dd>若小号出售成功，则该小号在游戏中所有区服的角色将会一起出售;</dd>
<dd>出售成功将收取{:set_zero_on_number(C('withdraw.sell_rate'))}%手续费(最低{:set_zero_on_number(C('withdraw.poundage'))}元)，剩余收益以金币形式发送至您的账号内;</dd>
<dd>交易完成后，不支持找回</dd>
</dl>
</div>
<div class="mask-footer">
<form action="javascript:;" onsubmit="return false;" class="xg-form">
<label class="xg-checkbox-wrapper">
<input type="checkbox" id="readedthis" class="xg-checkbox">
<i class="checkbox-icon"></i>
<span class="checkbox-text">我已阅读卖家须知</span>
</label>
<div class="control clf">
<input type="text" id="sellphone" class="sellphone" <notempty name="data.phone">disabled readonly</notempty> value="{$data.phone}" placeholder="请输入手机号码">
</div>
<div class="control clf">
<input type="text" id="sellcode" placeholder="请输入验证码" name="code" class="code" autocomplete="off">
<button type="button" class="xg-btn xg-btn-pill xg-btn-primary " id="clock">获取验证码</button>
</div>
<p class="info" id="get_price2">本次出售可得<span>1.00</span>金币</p>
<div class="xg-btn-group">
<!--单选框选中的时候，删除xg-btn-disabled-->
<button id="btn-trade-cancel" type="button" class="jssell_sbtn xg-btn xg-btn-pill xg-btn-gray" style="width: 40%;">取消出售</button>
<button id="btn-trade-comfirm" type="button" class="jssell_sbtn xg-btn xg-btn-pill xg-btn-primary xg-btn-disabled fr" style="width: 40%;">确认出售</button>
</div>
</form>
</div>
</div>
</div>
<!--end 交易细则 卖家须知-->
<div class="popmsg pop-dialog"></div>
<div class="popwin pop-window" style="background:#FFF;"><div class="pop-page"><div class="pop-wrap"></div></div></div>
<div class="popwin3 pop-window pop-info"><div class="pop-page"><div class="pop-wrap"></div></div></div>
</notempty>
</block>
<block name="script">
<empty name="nologin">
<script src="__JS__/webuploader.min.js"></script>
<script src="__JS__/diyUpload.js"></script>
<script>
function set_clock(e,time) {
var e = e;var t = time?time:60;
e.addClass('disabled').text('获取验证码（'+t+'s）');
var a = setInterval(function() {
t--;
e.text('获取验证码（'+t+'s）');
t>0 || (clearInterval(a),e.removeClass('disabled').text('获取验证码'));
},1000);
}
// 上传图片 begin!
$(function () {
var pmsg = $(".popmsg").pop();
var popwin = $(".popwin").pop();
//‘我已阅读’绑定change事件
$('#is-read').change(function (e) {
var checked = $(this).prop('checked');
if(checked){ //选中‘我已阅读’
//$('#btn-read').prop('disabled',false);
$('#btn-read').removeClass('xg-btn-disabled');
}else{
//$('#btn-read').prop('disabled',true);
$('#btn-read').addClass('xg-btn-disabled');
}
return false;
});
$('#readedthis').change(function (e) {
if($(this).prop('checked')){
$('.jssell_sbtn').removeClass('xg-btn-disabled');
}else{
$('.jssell_sbtn').addClass('xg-btn-disabled');
}
return false;
});
if($('#readedthis').prop('checked')) {
$('.jssell_sbtn').removeClass('xg-btn-disabled');
}else{$('.jssell_sbtn').addClass('xg-btn-disabled');}
//‘我记住了’按钮绑定click事件
$('#btn-read').on('click',function(e){
var that = $(this);
if(!$('#is-read').prop('checked')) {pmsg.msg('请勾选"我已阅读"');return false;}
if(that.hasClass('disabled')) {return false;}
that.addClass('disabled');
$.ajax({
type:'post',
dataType:'json',
url:'{:U("Trade/rule_status",array("type"=>1))}',
data:{rule:1},
success:function(data){
that.removeClass('disabled');
//pmsg.msg(data.info);
if(parseInt(data.status) ==1) {
}
$('.buyer-must-read').css('display','none');window.location.reload();
},
error:function(){
pmsg.msg('服务器故障，请稍后再试....');that.removeClass('disabled');
},
});
return false;
});
$('#seller_rull').click(function() {
$('#seller_rull_content').show();
return false;
});
/* 选择游戏 */
$('#jssell_game').on('click',function() {
var that = $(this);
$.ajax({
type:'post',
dataType:'json',
url:that.attr('data-url'),
data:{},
success:function(data){
popwin.open(800,data.html);
},
error:function(){
pmsg.msg('服务器故障，请稍后再试');
},
});
return false;
});
/* 选择小号 */
$('#jssell_small').on('click',function() {
var that = $(this);
var gid = that.attr('data-gid');
if(gid>0) {
$.ajax({
type:'post',
dataType:'json',
url:that.attr('data-url'),
data:{game_id:gid},
success:function(data){
popwin.open(800,data.html);
},
error:function(){
pmsg.msg('服务器故障，请稍后再试');
},
});
} else {
pmsg.msg('请先选择游戏');
}
return false;
});
/* 选择区服 */
$('#jssell_server').on('click',function() {
var that = $(this);
var gid = that.attr('data-gid');
if(gid>0) {
$.ajax({
type:'post',
dataType:'json',
url:that.attr('data-url'),
data:{game_id:gid},
success:function(data){
popwin.open(800,data.html);
},
error:function(){
pmsg.msg('服务器故障，请稍后再试');
},
});
} else {
pmsg.msg('请先选择游戏');
}
return false;
});
/* 售价 */
$('#sell_price').keyup(function() {
var that = $(this),val = parseFloat($.trim(that.val()));
var sellprice = parseFloat(that.attr('data-sell-price'));
var rate = parseFloat(that.attr('data-rate'));
var poundage = parseFloat(that.attr('data-poundage'));
var getprice = $('#get_price');
var getprice2 = $('#get_price2 span');
if (!val) {pmsg.msg('请输入售价');return false;}
if(val*rate <= poundage*100) {
if(val>=sellprice && val >0) {
var coin = (val*(100-rate)/100).toFixed(2);
getprice.text(coin+'金币');
getprice2.text(coin);
$('#comfirm_sell input[name="price"]').val(val);
} else {
$('#comfirm_sell input[name="price"]').val('');
pmsg.msg('出售价不低于'+sellprice+'元');return false;
}
} else {
var coin = (val*(100-rate)/100).toFixed(2);
getprice.text(coin+'金币');
getprice2.text(coin);
$('#comfirm_sell input[name="price"]').val(val);
}
return false;
}).change(function() {
var that = $(this),val = parseFloat($.trim(that.val()));
var sellprice = parseFloat(that.attr('data-sell-price'));
var rate = parseFloat(that.attr('data-rate'));
var poundage = parseFloat(that.attr('data-poundage'));
var getprice = $('#get_price');
var getprice2 = $('#get_price2 span');
if (!val) {pmsg.msg('请输入售价');return false;}
if(val*rate <= poundage*100) {
if(val>=sellprice && val >0) {
var coin = (val*(100-rate)/100).toFixed(2);
getprice.text(coin+'金币');
getprice2.text(coin);
$('#comfirm_sell input[name="price"]').val(val);
} else {
$('#comfirm_sell input[name="price"]').val('');
that.val('');
pmsg.msg('出售价不低于'+sellprice+'元');return false;
}
} else {
var coin = (val*(100-rate)/100).toFixed(2);
getprice.text(coin+'金币');
getprice2.text(coin);
$('#comfirm_sell input[name="price"]').val(val);
}
return false;
});
/* 标题 */
$('#jssell_title').click(function() {
var that = $(this);
$.ajax({
type:'post',
dataType:'json',
url:that.attr('data-url'),
data:{},
success:function(data){
popwin.open(800,data.html);
},
error:function(){
pmsg.msg('服务器故障，请稍后再试');
},
});
return false;
});
/* 描述 */
$('#jssell_content').click(function() {
var that = $(this);
$.ajax({
type:'post',
dataType:'json',
url:that.attr('data-url'),
data:{},
success:function(data){
popwin.open(800,data.html);
},
error:function(){
pmsg.msg('服务器故障，请稍后再试');
},
});
return false;
});
/* 二级密码 */
$('#jssell_spwd').click(function() {
var that = $(this);
$.ajax({
type:'post',
dataType:'json',
url:that.attr('data-url'),
data:{},
success:function(data){
popwin.open(800,data.html);
},
error:function(){
pmsg.msg('服务器故障，请稍后再试');
},
});
return false;
});
//‘确认出售’按钮绑定click事件
$('#btn-trade').click(function(e){
if($('#comfirm_sell .input_data_box').length<1) {pmsg.msg('请选择游戏');return false;}
if(parseInt($('#comfirm_sell .input[name="game_id"]').val())<1) {pmsg.msg('请选择游戏');return false;}
if(parseInt($('#comfirm_sell .input[name="small_id"]').val())<1) {pmsg.msg('请选择小号');return false;}
if($('#comfirm_sell .input_data_box2').length<1) {pmsg.msg('请选择区服');return false;}
if(!$('#comfirm_sell input[name="price"]').val()) {pmsg.msg('请输入售价');return false;}
if(!$('#comfirm_sell input[name="title"]').val()) {pmsg.msg('请输入标题');return false;}
// var ss = $('#comfirm_sell input[name="screenshot"]').val();
// if(!ss) {pmsg.msg('请上传游戏截图');return false;}
// var arr = ss.split(',');
// if(arr.length<3) {pmsg.msg('游戏截图不少于3张');return false;}
// if(arr.length>9) {pmsg.msg('游戏截图不能超过9张');return false;}
$('.seller_notice').css('display','block');
return false;
});
//弹窗的‘取消出售’按钮绑定click事件
$('#btn-trade-cancel').click(function(e){
$('.seller_notice').css('display','none');
});
$('#clock').click(function() {
var that = $(this);
var phone = $.trim($('#sellphone').val());
if(!phone) {pmsg.msg('请请输入手机号');return false;}
if(!/^1[3456789]\d{9}$/.test(phone)) {pmsg.msg('手机格式不正确');return false;}
if(that.hasClass('disabled')) {return false;}
that.addClass('disabled');
$.ajax({
type:'post',
dataType:'json',
url:'{:U("User/telsafecode")}',
data:{phone:phone},
success:function(data) {
if(parseInt(data.status) == 1) {
set_clock(that);
if(data.msg) pmsg.msg(data.msg);
} else {
if(data.msg) pmsg.msg(data.msg);
}
},
error:function(){pmsg.msg('服务器故障，请稍后再试');that.removeClass('disabled');},
});
return false;
});
$('#btn-trade-comfirm').click(function() {
var that = $(this);
if(!$('#readedthis').prop('checked')) {pmsg.msg('请勾选卖家须知');return false;}
var sellphone = $.trim($('#sellphone').val());
if(!sellphone) {pmsg.msg('请请输入手机号');return false;}
var sellcode = $.trim($('#sellcode').val());
if(!sellcode) {pmsg.msg('请请输入验证码');return false;}
$('#comfirm_sell input[name="code"]').val(sellcode);
$('#comfirm_sell input[name="phone"]').val(sellphone);
if(that.hasClass('disabled')) {return false;}
that.addClass('disabled');
var query = $('#comfirm_sell input').serialize();
var popwin3 = $('.popwin3').pop();
$.ajax({
type:'post',
dataType:'json',
url:'{:U("Trade/edit_good")}',
data:query,
beforeSend:function(){
$('.seller_notice').hide();
popwin3.open(200,'<div class="publishing"><img src="__IMG__/trade1/loading.png"><span>发布中...</span></div>');
},
success:function(data){
popwin3.close(380);
setTimeout(function(){
if(parseInt(data.status) == 1) {
pmsg.msg(data.info);
setTimeout(function(){
window.location.href = "{:U('Trade/record',array('is_app'=>I('is_app'),'token'=>I('token')))}";
},2000);
} else {
pmsg.msg(data.info);that.removeClass('disabled');
setTimeout(function(){$('.seller_notice').show();},2000);
}
},400);
},
error:function(){
pmsg.msg('服务器故障，请稍后再试');that.removeClass('disabled');
},
});
return false;
});
$('.upload-ul li.diyUploadHover .diyCancel').on('click',function() {
var that = $(this);parent = that.closest('.diyUploadHover');
var ss = $('#comfirm_sell input[name="screenshot"]');console.log(ss);
var val = parent.find('img').attr('data-id');
var arr = $.trim(ss.val()).split(',');
for(var i=0,len=arr.length;i<len;i++) {
if(val == arr[i]) {arr.splice(i, 1);}
}
parent.remove();
ss.val(arr.join(','));
return false;
});
//上传图片
var $tgaUpload = $('#goodsUpload').diyUpload({
url: 'http://{$_SERVER["HTTP_HOST"]}{:U("File/uploadPicture",array("session_id"=>session_id()))}',
success: function (data, fileBox) {
if(parseInt(data.status)==1) {
var ss = $('#comfirm_sell input[name="screenshot"]');
var val = data.id;
if($.trim(ss.val())) {
var arr = $.trim(ss.val()).split(',');
for(var i=0,len=arr.length;i<len;i++) {
if(val == arr[i]) {arr.splice(i, 1);}
}
arr.unshift(val);
val = arr.join(',');
}
ss.val(val);
} else {
fileBox.remove();
}
},
del:function(fileBox) {
var ss = $('#comfirm_sell input[name="screenshot"]');
var val = fileBox.find('img').attr('data-id');
var arr = $.trim(ss.val()).split(',');
for(var i=0,len=arr.length;i<len;i++) {
if(val == arr[i]) {arr.splice(i, 1);}
}
ss.val(arr.join(','));
},
error: function (err) {
pmsg.msg(err);
},
buttonText: '',
msg:pmsg.msg,
accept: {
title: "Images",
extensions: 'gif,jpg,jpeg,bmp,png'
},
thumb: {
width: 120,
height: 90,
quality: 100,
allowMagnify: true,
crop: true,
type: "image/jpeg"
},
fileSingleSizeLimit:5*1024*1024,
fileNumLimit:9,
});
if($('#sell_price').val())
set_price($('#sell_price'));
});
function set_price(that) {
var val = parseFloat($.trim(that.val()));
var sellprice = parseFloat(that.attr('data-sell-price'));
var rate = parseFloat(that.attr('data-rate'));
var poundage = parseFloat(that.attr('data-poundage'));
var getprice = $('#get_price');
var getprice2 = $('#get_price2 span');
if (!val) {return false;}
if(val*rate <= poundage*100) {
if(val>=sellprice && val >0) {
var coin = (val*(100-rate)/100).toFixed(2);
getprice.text(coin+'金币');
getprice2.text(coin);
$('#comfirm_sell input[name="price"]').val(val);
} else {
$('#comfirm_sell input[name="price"]').val('');
that.val('');return false;
}
} else {
var coin = (val*(100-rate)/100).toFixed(2);
getprice.text(coin+'金币');
getprice2.text(coin);
$('#comfirm_sell input[name="price"]').val(val);
}
}
</script>
</empty>
</block>