<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>