You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

584 lines
25 KiB
HTML

5 years ago
<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>