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

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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