<extend name="Public/promote_base"/>
<block name="css">
<link href="__CSS__/20180207/mixed.css" rel="stylesheet">
<style type="text/css">
	@media screen and (max-height: 900px) {
		.trunk-list .table2 tr {height: 48px;}
	}
.page-list .trunk-search .tab a{
    display: inline-block;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    background:#F6F7F9;
    color: #535875;
}

.page-list .trunk-search .tab td {border:1px solid #ddd;display: inline-block;margin-right: -5px;}
.page-list .trunk-search .tab td.first_border{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.page-list .trunk-search .tab td.last_border{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page-list .trunk-search .tab td.current {border-color:#26C7DB;}
.page-list .trunk-search .tab td.current a{background: #26C7DB;color:#FFF;}
.page-list .tabpan {display:none;}
.page-list .tabpan.current {display:block;}
.notice_tip {padding-left:20px;color:#999;font-size:12px;} .formtxt{display:inline-block;width:305px;}
</style>
</block>

<block name="body">
    <div class="page-form normal_list siteGame-add-form page-list">
      <div class="trunk-title">
      	<div class="location">
		<div class="location-container">当前位置:<span>联盟站点></span><span>游戏列表></span><span>编辑游戏</span></div>
		</div>
      	<img src="__IMG__/20180207/icon_normal_youxi.png"><span class="title_main">{$meta_title}</span>
      </div>
      <div class="trunk-content article">
					<div class="trunk-search clearfix">
            <table class="tab jstab">
            	<tr>
            		<td class="current" ><a href="javascript:;" >基础信息</a></td>
            		<td class=""><a href="javascript:;"  >QQ群设置</a></td>
              	</tr>
            </table>
          </div>
        <div class="trunk-list" style="padding-bottom: 20px;">
					<div class="tabpan current">
          <form action="" novalidate="novalidate" method="post" id="data">
              <table class="table2">
                  <tr style="height: 34px;">
                      <td class="l">游戏来源:</td>
                      <td class="r form-radio jspayradio3">
                          <label><input type="radio" name="game_source" class="" value="1" disabled="disabled"><i></i><span>平台官方</span></label>
                          <label><input type="radio" name="game_source" class="" value="2" disabled="disabled"><i></i><span>第三方游戏</span></label>
                      </td>
                  </tr>
                  <tr>
                      <td class="l">游戏名称:</td>
                      <td class="r">
                          <eq name="data.game_source" value="1">
                          <select name="game_id" id="game_id" class="reselect select_gallery" disabled="disabled" style="width:262px;">
                              <option value="">请选择游戏</option>
                              <volist name="game" id="vo">
                              <option value="{$vo.game_id}">{$vo.game_name}</option>
                              </volist>
                          </select>
													<input name="game_name" value="{$data.game_name}" type="hidden" class="name txt">
                          <else />
                          <input name="game_name" value="{$data.game_name}" type="text" class="name txt">
                          </eq>
                      </td>
                  </tr>
                  <tr>
                      <td class="l">游戏类型:</td>
											<td class="r">
												<eq name="data.game_source" value="2">
												<div class="game_type2">
													<select name="game_type_id" id="game_type_id" class="reselect select_gallery" style="width:262px;">
														<volist name="type" id="vo">
															<option value="{$vo.id}">{$vo.type_name}</option>
														</volist>
													</select>
													<input type="hidden" name="game_type" value="{$data.game_type}">
												</div>
												<else />
												<div class="game_type1">
                          <input name="game_type" class="name txt" readonly value="{$data.game_type}">										
													<input name="game_type_id" type="hidden" value="{$data.game_type_id}" >
												</div>
												</eq>
                      </td>
                  </tr>
                  <tr>
                      <td class="l">开放类型:</td>
                      <td class="r">
                          <input name="open_type" type="text" class="name txt" value="{$data.open_type}" id="open_type">
                      </td>
                  </tr>
                  <tr>
                      <td class="l">游戏大小:</td>
                      <td class="r">
                          <input name="game_size" type="text" class="name txt" value="{$data.game_size}" id="game_size"><span style="color: #a5a6bb;"> MB</span>
                      </td>
                  </tr>
                  <tr>
                      <td class="l">游戏版本号:</td>
                      <td class="r">
                          <input name="version" type="text" id="version" class="name txt" value="{$data.version}">
                      </td>
                  </tr>
                 <tr>
                      <td class="l">一句话简介:</td>
                      <td class="r">
                          <input name="summary" type="text" id="summary" class="name txt"  value="{$data.summary}">
                      </td>
                  </tr>
									<tr>
                      <td class="l">详细描述:</td>
                      <td class="r">
                          <textarea name="description" id="description" class="txt" style="height:100px;resize:none;">{$data.description}</textarea>
                      </td>
                  </tr>
									<tr style="height: 34px;">
                      <td class="l">运营平台:</td>
											<td class="r form-radio jspayradio" id="sdk_version">
											<eq name="data.game_source" value="2">
												<label><input type="radio" name="sdk_version" class="ggg" value="1"  ><i></i><span>安卓</span></label>
                        <label><input type="radio" name="sdk_version" class="ggg" value="2"  ><i></i><span>苹果</span></label>
											<else />
												<label><input type="radio" name="sdk_version" class="ggg" value="1" disabled  ><i></i><span>安卓</span></label>
                        <label><input type="radio" name="sdk_version" class="ggg" value="2" disabled  ><i></i><span>苹果</span></label>
											</eq>
											</td>
									</tr>
									<tr style="height: 34px;">
                      <td class="l">推荐状态:</td>
                      <td class="r form-radio jspayradio2" >
                          <label > <input  type="checkbox" name="recommend_status[]" class="name txt" maxlength ="20"  value="1"><i></i>推荐</label>
                          <label > <input  type="checkbox" name="recommend_status[]" class="name txt" maxlength ="20"  value="2"><i></i>热门</label>
                          <label > <input  type="checkbox" name="recommend_status[]" class="name txt" maxlength ="20"  value="3"><i></i>最新</label>
                          <label > <input  type="checkbox" name="recommend_status[]" class="name txt" maxlength ="20"  value="0"><i></i>不推荐</label>
													<span class="notice_tip">可多选,最多3类</span>
											</td>
                  </tr>
                  <tr style="height: 108px;">
                      <td class="l">游戏图标:</td>
                      <td class="r">
												<span class="formtxt">
                          <div class="upload-img-box">
                              <notempty name="data['game_icon']">
                                  <div class="upload-pre-item">
																		<span class="placeholder-graphic placeholder-graphic_icon">
																		<img style="max-height:60px;max-width:60px;" src="{:get_cover($data['game_icon'],'path')}">
																		</span>
																	</div>
                              </notempty>
                          </div>
                          <input type="file" id="icon_game">
                          <input type="hidden" name="game_icon" id="game_icon" value="{$data.game_icon}" />
                        </span>
													<span class="notice_tip">(120px*120px)</span>
                      </td>
                  </tr>
                  <tr style="height: 162px;">
                      <td class="l">游戏广告图:</td>
                      <td class="r">
												<span class="formtxt">
                          <div class="upload-img-box">
                              <notempty name="data['game_img']">
                                  <div class="upload-pre-item">
																		<span class="placeholder-graphic placeholder-graphic_ad">
																		<img style="max-width:500px;max-height:127.5px" src="{:get_cover($data['game_img'],'path')}">
																		</span>
																	</div>
                              </notempty>
                          </div>
                          <input type="file" id="img_game">
                          <input type="hidden" name="game_img" id="game_img" value="{$data.game_img}" />
                        </span>
													<span class="notice_tip">(252px*135px)</span>
                      </td>
                  </tr>
									<tr>
                      <td class="l">游戏截图:</td>
                      <td class="r">
													<span class="formtxt">
                          {:hook('UploadImages', array('name'=>'screenshot','value'=>$data['screenshot']))}
													</span>
                          <span class="notice_tip">(1000px*255px)</span>
                      </td>
                  </tr>
									<tr style="height: 162px;">
                      <td class="l">游戏背景图:</td>
                      <td class="r">
												<span class="formtxt">
                          <div class="upload-img-box">
                              <notempty name="data['game_bg_img']">
                                  <div class="upload-pre-item">
																		<span class="placeholder-graphic placeholder-graphic_bg">
																		<img src="{:get_cover($data['game_bg_img'],'path')}"></div>
																		</span>
                              </notempty>
                          </div>
                          <input type="file" id="game_bg_img">
                          <input type="hidden" name="game_bg_img" id="game_bg_img_id" value="{$data.game_bg_img}" />
													</span>
                          <span class="notice_tip">(1920px*400px)</span>
                      </td>
                  </tr>
                  <eq name="data.game_source" value="2">
                  <tr id="dow_url">
                      <td class="l">游戏下载地址:</td>
                      <td class="r">
                          <input name="game_dow_url" id="game_dow_url"  type="text" value="{$data.game_dow_url}" class="name txt">
                      </td>
                  </tr>
                  </eq>
                  <tr>
                      <td class="l"></td>
                      <td class="r">
                          <input name="id" type="hidden" value="{$data.id}">
													<input name="cate_type" type="hidden" value="1">
                          <input name="p" type="hidden" value="{$p}">
                          <button type="button" class="tjbnt btn" onclick="save('data')">保存</button>
                          <a class="back_btn " alt="返回上一页" title="返回上一页" href="javascript:window.history.back();">返回</a>
                      </td>
                  </tr>
              </table>
          </form>
					</div>
					<div class="tabpan">
						<form action="" novalidate="novalidate" method="post" id="data2">
								<table class="table2">
                  <tr>
                      <td class="l">加群状态:</td>
                      <td class="r form-radio jspayradio">
                          <label><input type="radio" name="qq_status" class="name txt" value="1" checked="checked"><i></i><span>开启</span></label>
                          <label><input type="radio" name="qq_status" class="name txt" value="2"><i></i><span>关闭</span></label>
                      </td>
                  </tr>
                  <tr>
                      <td class="l">QQ群名称:</td>
                      <td class="r">
                          <input name="qq_group_name" type="text" class="name txt" id="group_name" value="{$qq_data.group_name}">
                      </td>
                  </tr>
                  <tr>
                      <td class="l">QQ群号:</td>
                      <td class="r">
                          <input name="qq_group_code" type="text" class="name txt" id="group_code" value="{$qq_data['group_code']}">
                      </td>
                  </tr>
                 
                  <tr>
                      <td class="l">PC端应用地址:</td>
                      <td class="r">
                          <input name="qq_pc_url" type="text" class="name txt" id="pc_url" value="{$qq_data.pc_url}">
                      </td>
                  </tr>
                  <tr>
                      <td class="l">入驻人数:</td>
                      <td class="r">
                          <input name="qq_in_num" class="name txt" id="in_num" type="text" value="{$qq_data.in_num}">
                      </td>
                  </tr>
									<tr>
                      <td class="l"></td>
                      <td class="r">
													<notempty name="qq_data">
                          <input name="qq_id" type="hidden" value="{$qq_data.id}">
													<else />
                          <input name="qq_site_game_id" type="hidden" value="{$data.id}">
													</notempty>
													<input name="qq_game_name" type="hidden" value="{$data.game_name}" >
                          <input name="cate_type" type="hidden" value="2">
                          <input name="p" type="hidden" value="{$p}">
                          <button type="button" class="tjbnt btn" onclick="save('data2')">保存</button>
                          <a class="back_btn " alt="返回上一页" title="返回上一页" href="javascript:window.history.back();">返回</a>
                      </td>
                  </tr>
              </table>
						</form>
					</div>
        </div>
      </div>
    </div>
</block>
<block name="script">
  <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
  <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>

  <script type="text/javascript">
			setValue('game_source',{$data.game_source|default=1});
			setValue('game_id',{$data.game_id|default="''"});
			setValue('sdk_version',{$data.sdk_version|default=1});
			setValue('game_type_id',{$data.game_type_id|default='""'});
			setValue('recommend_status[]',[{$data.recommend_status}]);
			setValue('qq_status',{$qq_data.status|default=1});
      $(function() {



          $(".select_gallery").select2();
          
         $('.tab td').on('click',function() {
						var that = $(this);
						$('.tabpan').removeClass('current');
						that.siblings().removeClass('current');
						that.addClass('current');
						$('.tabpan').eq(that.index()).addClass('current');
						return false;
					});
					
					$('.jspayradio3 input:checked').siblings('i').addClass('current');
					
					$('.jspayradio2 input').each(function() {
						var that=$(this),val=$.trim(that.val());
							
						if (that.prop('checked')) {
							if (val == 1) {
							    $('.jspayradio2 input[value=0]').prop('checked',false);
                                $('.jspayradio2 input[value=0]').siblings('i').removeClass('current');
							}
							if (val == 0) {
							    $('.jspayradio2 input[value=1]').prop('checked',false);
                                $('.jspayradio2 input[value=0]').siblings('i').removeClass('current');
							}
							that.siblings('i').addClass('current');
						}
					});
					
					$('.jspayradio2 input').click(function() {
              var that=$(this),val=$.trim(that.val());

              if (that.prop('checked')) {
                  if (val == 1) {
                      $('.jspayradio2 input[value=0]').prop('checked',false);
                      $('.jspayradio2 input[value=0]').siblings('i').removeClass('current');
                  }
                  if (val == 0) {
                      $('.jspayradio2 input[value=1]').prop('checked',false);
                      $('.jspayradio2 input[value=1]').siblings('i').removeClass('current');
                  }
                that.siblings('i').addClass('current');
              }else{
                  that.siblings('i').removeClass('current');
              }
          });
					$('.jspayradio input').each(function() {
						var that=$(this);console.log(that.prop('checked'));
						if (that.prop('checked')) {
							that.siblings('i').addClass('current');
						}
					});
					//$('.jspayradio input:checked').siblings('i').addClass('current');
    
          $('.jspayradio input').click(function() {
              var that=$(this);
              that.closest('.jspayradio').find('i').removeClass('current');
              if (that.prop('checked')) {
                  that.siblings('i').addClass('current');
              }
          });
					
					$('.game_type2 select').change(function() {
						var that=$(this),val = that.find('option:selected').text();
						that.siblings('input').val(val);
					});
          
          
      });

      /* 初始化上传插件 */
      $("#icon_game").uploadify({
          "height"          : 30,
          "swf"             : "__STATIC__/uploadify/uploadify.swf",
          "fileObjName"     : "download",
          "buttonText"      : "上传图片",
          "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
          "width"           : 120,
          'removeTimeout'   : 1,
          'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif;',
          "onUploadSuccess" : upload_icon_game,
          'onFallback' : function() {
              alert('未检测到兼容版本的Flash.');
          }
      });
      function upload_icon_game(file, data){
          var data = $.parseJSON(data);
          var src = '';
          if(data.status){
              $("#game_icon").val(data.id);
              src = data.url || '__ROOT__' + data.path;
              $("#game_icon").parent().find('.upload-img-box').html(
                  '<div class="upload-pre-item"><span class="placeholder-graphic placeholder-graphic_icon"><img  src="' + src + '"/></span></div>'
              );
          } else {
              updateAlert(data.info);
              setTimeout(function(){
                  $('#top-alert').find('button').click();
                  $(that).removeClass('disabled').prop('disabled',false);
              },1500);
          }
      }
      /* 初始化上传插件 */
      $("#img_game").uploadify({
          "height"          : 30,
          "swf"             : "__STATIC__/uploadify/uploadify.swf",
          "fileObjName"     : "download",
          "buttonText"      : "上传图片",
          "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
          "width"           : 120,
          'removeTimeout'   : 1,
          'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif;',
          "onUploadSuccess" : upload_img_game,
          'onFallback' : function() {
              alert('未检测到兼容版本的Flash.');
          }
      });
      function upload_img_game(file, data){
          var data = $.parseJSON(data);
          var src = '';
          if(data.status){
              $("#game_img").val(data.id);
              src = data.url || '__ROOT__' + data.path;
              $("#game_img").parent().find('.upload-img-box').html(
                  '<div class="upload-pre-item"><span class="placeholder-graphic placeholder-graphic_ad"><img  src="' + src + '"/></span></div>'
              );
          } else {
              updateAlert(data.info);
              setTimeout(function(){
                  $('#top-alert').find('button').click();
                  $(that).removeClass('disabled').prop('disabled',false);
              },1500);
          }
      }
			
			$("#game_bg_img").uploadify({
          "height"          : 38,
          "swf"             : "__STATIC__/uploadify/uploadify.swf",
          "fileObjName"     : "download",
          "buttonText"      : "上传图片",
          "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
          "width"           : 120,
          'removeTimeout'   : 1,
          'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif;',
          "onUploadSuccess" : upload_game_bg_img,
          'onFallback' : function() {
              alert('未检测到兼容版本的Flash.');
          }
      });
      function upload_game_bg_img(file, data){
          var data = $.parseJSON(data);
          var src = '';
          if(data.status){
              $("#game_bg_img_id").val(data.id);
              src = data.url || '__ROOT__' + data.path;
              $("#game_bg_img_id").parent().find('.upload-img-box').html(
                  '<div class="upload-pre-item"><span class="placeholder-graphic placeholder-graphic_bg"><img  src="' + src + '"/></span></div>'
              );
          } else {
              updateAlert(data.info);
              setTimeout(function(){
                  $('#top-alert').find('button').click();
                  $(that).removeClass('disabled').prop('disabled',false);
              },1500);
          }
      }

  var sub = true;
  function save(strvalue) {
      if(!sub){
          return false;
      }
      var data = $('#'+strvalue).serialize();
      sub = false;
      $.ajax({
          type: "post",
          url: "{:U('edit')}",
          dataType: "json",
          data: data,
          success: function (res) {
              if (res.status != 0) {
                  layer.msg(res.info, {icon: 1});
                  setTimeout(function () {
                      location.href = res.url;
                  },1000)
              }
              else {
                  sub = true;
                  layer.msg(res.info, {icon: 2});
              }
          },
          error: function () {
              layer.msg('服务器故障', {icon: 5});
          }
      })
  }


  //导航高亮
  highlight_subnav('{:U('SiteGame/index')}');
  </script>
</block>