<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;">
          <form action="" novalidate="novalidate" method="post" id="data">
						<div class="tabpan current">
              <table class="table2">
                  <tr style="height: 34px;">
                      <td class="l">游戏来源:</td>
                      <td class="r form-radio jspayradio">
                          <label><input type="radio" name="game_source" class="ggg" value="1" checked="checked"><i></i><span>平台官方</span></label>
                          <label><input type="radio" name="game_source" class="ggg" value="2" ><i></i><span>第三方游戏</span></label>
                      </td>
                  </tr>
                  <tr>
                      <td class="l"><span class="must_style">*</span>游戏名称:</td>
                      <td class="r">
                          <div id="gameidwrap">
                          <select name="game_id" id="game_id" class="reselect select_gallery" style="width:262px;">
                              <option value="">请选择游戏</option>
                              <volist name="game" id="vo">
                              <option value="{$vo.game_id}">{$vo.game_name}</option>
                              </volist>
                          </select>
                          </div>
                          <input name="game_name" id="game_name" value="" hidden="hidden" class="name txt">
                      </td>
                  </tr>
                  <tr>
                      <td class="l">游戏类型:</td>
                      <td class="r">
												<div class="game_type1">
                          <input name="game_type" class="name txt" id="game_type">										
													<input name="game_type_id" type="hidden" id="game_type_id" value="" >
												</div>
												<div class="game_type2" style="display:none;"></div>
                      </td>
                  </tr>
                  <tr>
                      <td class="l">开放类型:</td>
                      <td class="r">
                          <input name="open_type" class="name txt" id="open_type">
                      </td>
                  </tr>
                  <tr>
                      <td class="l">游戏大小:</td>
                      <td class="r">
                          <input name="game_size" class="name txt" id="game_size"><span style="color: #a5a6bb;"> MB</span>
                      </td>
                  </tr>
                  <tr>
                      <td class="l">游戏版本号:</td>
                      <td class="r">
                          <input name="version" id="version" class="name txt">
                      </td>
                  </tr>
									<tr>
                      <td class="l">一句话简介:</td>
                      <td class="r">
                          <input name="summary" id="summary" class="name txt">
                      </td>
                  </tr>
									<tr>
                      <td class="l">详细描述:</td>
                      <td class="r">
                          <textarea name="description" id="description" class="txt" style="height:100px;resize:none;"></textarea>
                      </td>
                  </tr>
									<tr style="height: 34px;">
                      <td class="l">运营平台:</td>
											<td class="r form-radio jspayradio" id="sdk_version">
												<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>
											</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>
                      <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"><img src="{:get_cover($data['game_icon'],'path')}"></div>
                              </notempty>
                          </div>
                          <input type="file" id="icon_game">
                          <input type="hidden" name="game_icon" id="game_icon" value="" />
												</span>
                          <span class="notice_tip">(120px*120px)</span>
                      </td>
                  </tr>
                  <tr>
                      <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"><img src="{:get_cover($data['game_img'],'path')}"></div>
                              </notempty>
                          </div>
                          <input type="file" id="img_game">
                          <input type="hidden" name="game_img" id="game_img" value="" />
												</span>
                          <span class="notice_tip">(252px*135px)</span>
                      </td>
                  </tr>
									<tr>
                      <td class="l">游戏截图:</td>
                      <td class="r">
													<span id="screenshot_img" class="formtxt">
                          {:hook('UploadImages', array('name'=>'screenshot','value'=>$data['screenshot']))}
													</span>
                          <span class="notice_tip">(1000px*255px)</span>
                      </td>
                  </tr>
									<tr>
                      <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"><img src="{:get_cover($data['game_bg_img'],'path')}"></div>
                              </notempty>
                          </div>
                          <input type="file" id="game_bg_img">
                          <input type="hidden" name="game_bg_img" id="game_bg_img_id" value="" />
													</span>
                          <span class="notice_tip">(1920px*400px)</span>
                      </td>
                  </tr>
                  <tr id="dow_url">
                      <td class="l">游戏下载地址:</td>
                      <td class="r">
                          <input name="game_dow_url" id="game_dow_url" class="name txt">
                      </td>
                  </tr>
              </table>
					</div>
					<div class="tabpan">
							<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" class="name txt" id="group_name" value="{$data.group_name}">
                      </td>
                  </tr>
                  <tr>
                      <td class="l">QQ群号:</td>
                      <td class="r">
                          <input name="qq_group_code" type="" class="name txt" id="group_code" value="{$data['group_code']}">
                      </td>
                  </tr>
                 
                  <tr>
                      <td class="l">PC端应用地址:</td>
                      <td class="r">
                          <input name="qq_pc_url" class="name txt" id="pc_url" value="{$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="" value="{$data.in_num}">
                      </td>
                  </tr>
              </table>
					</div>
							<table class="table2">
									<tr>
                      <td class="l"></td>
                      <td class="r">
													<button type="button" class="tjbnt btn" onclick="save()">保存</button>
                          <a class="back_btn " alt="返回上一页" title="返回上一页" href="javascript:window.history.back();">返回</a>
                      </td>
                  </tr>
              </table>
          </form>
        </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">

      $(function() {
          //第三方游戏名称的变化
          $("#game_name").blur(function(){
              $.ajax({
                  url:"{:U('SiteGame/game_detail1')}",
                  data:{game_name:$(this).val()},
                  type: 'POST',
                  success:function (res) {
                      console.log(res);
                      $("#select2-game_type_id1-container").text(res.game_type);
                      $("#open_type").val(res.open_type);
                      $("#version").val(res.version);
                      $('#summary').val(res.summary);
                      $('#description').val(res.description);
                      if(res.recommend_status){
                          $.each(res.recommend_status,function(i,v) {
                              $('.jspayradio2 input[value='+v+']').prop('checked',true);
                              $('.jspayradio2 input[value='+v+']').siblings('i').addClass('current');
                          });
                      }
                      $('#game_icon').val(res.game_icon);
                      if(res.game_icon_src){
                          $("#game_icon").parent().find('.upload-img-box').html(
                              '<div class="upload-pre-item"><img style="max-width:60px;max-height:60px" src="' + res.game_icon_src + '"/></div>'
                          );
                      }
                      $('#game_img').val(res.game_img);
                      if(res.game_img_src){
                          $("#game_img").parent().find('.upload-img-box').html(
                              '<div class="upload-pre-item"><img style="max-width:60px;max-height:60px" src="' + res.game_img_src + '"/></div>'
                          );
                      }
                      $('#game_bg_img_id').val(res.game_bg_img);
                      if(res.game_bg_img_src){
                          $("#game_bg_img").parent().find('.upload-img-box').html(
                              '<div class="upload-pre-item"><img style="max-width:60px;max-height:60px" src="' + res.game_bg_img_src + '"/></div>'
                          );
                      }
                  }
              })
          })
          //游戏详情
          $("#game_id").change(function () {
              $.ajax({
                  url:"{:U('SiteGame/game_detail')}",
                  data:{game_id:$(this).val()},
                  type: 'POST',
                  success:function (res) {
                      $("#game_type").val(res.game_type);
                      $("#open_type").val(res.open_name);
                      $("#game_name").val(res.game_name);
                      $("#game_size").val(res.game_size);
                      $("#version").val(res.version);
                      $('#game_type_id').val(res.game_type_id);
                      $('#sdk_version input').prop('disabled',true);
                      $('#sdk_version input[value='+res.sdk_version+']').prop('disabled',false).prop('checked',true).siblings('i').addClass('current');
                      $('#summary').val(res.summary);
                      $('#description').val(res.description);
                      if(res.recommend_status){
                          $.each(res.recommend_status,function(i,v) {
                              $('.jspayradio2 input[value='+v+']').prop('checked',false);
                              $('.jspayradio2 input[value='+v+']').siblings('i').addClass('current');
                          });
                      }
                      $('#game_icon').val(res.game_icon);
                      if(res.game_icon_src){
                          $("#game_icon").parent().find('.upload-img-box').html(
                              '<div class="upload-pre-item"><img style="max-width:60px;max-height:60px" src="' + res.game_icon_src + '"/></div>'
                          );
                      }
                      $('#game_img').val(res.game_img);
                      if(res.game_img_src){
                          $("#game_img").parent().find('.upload-img-box').html(
                              '<div class="upload-pre-item"><img style="max-width:60px;max-height:60px" src="' + res.game_img_src + '"/></div>'
                          );
                      }
                      $('#game_bg_img').val(res.game_bg_img);
                      if(res.game_bg_img_src){
                          $("#game_bg_img").parent().find('.upload-img-box').html(
                              '<div class="upload-pre-item"><img style="max-width:60px;max-height:60px" src="' + res.game_bg_img_src + '"/></div>'
                          );
                      }
                  }
              })
          });
					
					$('.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;
					});
					
					$('.jspayradio2 input:checked').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');
              }
          });

          //游戏来源
          $("input[name='game_source']").change(function () {
              var val = $(this).val();
              change(val);
          });

          function change(val){
              if(val == 2){
                  $("#game_name").show();
                  $("#dow_url").show();
                  $("#gameidwrap").hide();
                  $("#game_type").val('');
                  $("#open_type").val('');
                  $("#game_name").val('');
                  $("#game_size").val('');
                  $("#version").val('')
                  $("#game_dow_url").val('');
									$('#sdk_version input').prop('disabled',false).prop('checked',false).siblings('i').removeClass('current');
									$('#sdk_version label:eq(0) input').prop('checked',true).siblings('i').addClass('current');
									$('.game_type1').hide().find('input').prop('disabled',true);
									game_type();
              }else{
                  $("#game_name").hide();
                  $("#dow_url").hide();
                  $("#gameidwrap").show();
									$('#sdk_version input').prop('disabled',true).prop('checked',false).siblings('i').removeClass('current');
									$('.game_type1').show().find('input').prop('disabled',false);
									$('.game_type2').hide().html('');
                  $("#game_id").change();
              }
          }

          change(1);
          
          $(".select_gallery").select2();
          
          $('.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');
              }
          });
          
          
      });
			
			function game_type() {
				$.ajax({
					url:"{:U('SiteGame/game_type')}",
					data:'',
					type: 'POST',
					success:function (res) {
						if(res.length>0) {
							var html = '<select name="game_type_id" id="game_type_id1" class="reselect select_gallery" style="width:262px;">';
                            html += '<option value="">请选择游戏类型</option>';
							$.each(res,function(i,v) {
								html += '<option value="'+v.id+'">'+v.type_name+'</option>';
							});
							
							html += '</select><input type="hidden" name="game_type">';
							$('.game_type2').show().html(html);
							$(".select_gallery").select2();
							$('.game_type2 select').change(function() {
								var that=$(this),val = that.find('option:selected').text();
								that.siblings('input').val(val);
							});
						}
					},
					error:function(){},
				});
			}
			

      /* 初始化上传插件 */
      $("#icon_game").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_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"          : 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_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() {
      if(!sub){
          return false;
      }
      var gg = $('.ggg:checked').val();
      if(gg =='1'){
         var game_id = $('#game_id').val();
        if(game_id=='' ){
        layer.msg('请选择游戏', {icon: 5});
        return false;
          }
     }else{
         var game_name = $('#game_name').val();
          if(game_name=='' ){
            layer.msg('请填写游戏名称', {icon: 5});
            return false;
          }
      }
      // if(game_id=='' || game_name==""){
      // layer.msg('请填写游戏名称', {icon: 5});
      // return false;
      // }
			
			
      var data = $("#data").serialize();
      sub = false;
      $.ajax({
          type: "post",
          url: "{:U('add')}",
          dataType: "json",
          data: data,
          success: function (res) {
              if (res.status != 0) {
                  layer.msg(res.info, {icon: 1});
                  setTimeout(function () {
                      location.href = "{:U('SiteGame/index')}";
                  },1000)
              }
              else {
                  sub = true;
                  layer.msg(res.info, {icon: 2});
              }
          },
          error: function () {
              layer.msg('服务器故障', {icon: 5});
          }
      })
  }


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