cf-platform/Application/Open/View/Game/edit.html

<extend name="Public/apply" />
<block name="body" >
	<link rel="stylesheet" href="__CSS__/uploadify.css">
    <div class="matter" style="width: 1200px; margin: 10px auto">
        <ol class="breadcrumb">
            <li><span class="iconfont icon-home" aria-hidden="true"></span><a href="{:U('Index/index')}">首页</a></li>
            <li><a class="" href="{$p_url}">{$p_title}</a></li>
            <li class="active">{$title}</li>
        </ol>
        <div class="matter_right_top game_progress_wrap clearfix game_pro">
            <img src="__IMG__/step.png" />
        </div>
        <div class="matter_right_content">
            <form id="addServer" action="{:U('Game/edit',['id'=>I('id')])}" method="post" class="form-horizontal" enctype="multipart/form-data" novalidate="novalidate">
                <div class="title create_title create_server_title">
                    <h3>基本信息 </h3>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 游戏名称</label>
                    <div class="mrc_right4_3_3 mrc input-format matter_border">
                        <input type="text" class="form-control" value="{$data.game_name}" readonly disabled>
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 游戏类型</label>
                    <div class="mrc_right4_3_3 mrc input-format matter_border">
                        <input type="text" class="form-control" value="{$data.game_type_name}" readonly disabled>
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>

                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 平台类型</label>
                    <div class="mrc_right4_3_3 mrc input-format">
                        <div class="radio">
                            <label><input type="radio" value="1" name="sdk_version" readonly disabled> 安卓</label>
                            <label><input type="radio" value="2" name="sdk_version" readonly disabled> 苹果</label>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span>运营状态</label>
                    <div class="mrc_left mrc input-format ">
                        <select name="category" class="form-control" aria-required="true" aria-invalid="true" aria-describedby="open-error">
                            <volist name=":get_opentype_all()" id="vo">
                                <option value="{$vo.id}">{$vo.open_name}</option>
                            </volist>
                        </select>
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc mrc_colum4_1_6 input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 游戏简介</label>
                    <div class="mrc_right4 mrc input-format">
                        <input type="text" class="form-control" name="features" placeholder="请将游戏简介浓缩为一句话，长度5-20个字" value="{$data.features}" >
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><font color="red">*</font> 游戏介绍</label>
                    <div class="mrc_right4_3_3 mrc3 mrc input-format">
                        <textarea name="introduction" class="form-control" rows="4" placeholder="游戏介绍内容在50-200字以内">{$data.introduction}</textarea>
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><font color="red">*</font> 游戏ICON</label>
										<div class="mrc_colum2_5 mrc input-format">
                        <input type="file" id="upload_picture_icon">
                        <input type="hidden" name="icon" id="cover_id_icon" value="{$data.icon}" />
                        <div class="upload-img-box">
                        <notempty name="data['icon']">
                            <div class="upload-pre-item"><img src="{$data.icon|get_cover='path'}"/></div>
                        </notempty>
                        </div>
                    </div>
                    <div class="mrc_right4_3_3 mrc">
                        <label class="col-lg-11 control-label matter_notice" style="font-weight: normal;text-align:left;color: #999;">尺寸不得小于512*512px，圆角半径113px，不强制要求，可直接提供512*512px方图</label>
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><font color="red">*</font> 游戏推荐图</label>
										<div class="mrc_colum2_5 mrc input-format">
                        <input type="file" id="upload_picture_cover">
                        <input type="hidden" name="cover" id="cover_id_cover" value="{$data.cover}" />
                        <div class="upload-img-box">
                        <notempty name="data['cover']">
                            <div class="upload-pre-item"><img src="{$data.cover|get_cover='path'}"/></div>
                        </notempty>
                        </div>
                    </div>
                    <div class="mrc_right4_3_3 mrc">
                        <label class="col-lg-11 control-label matter_notice" style="font-weight: normal;text-align:left;color: #999;">470*350px（用于官网首屏推荐游戏位展示）</label>
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>
              
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><font color="red">*</font> 游戏截图</label>
                    <div class="mrc_colum2_5 mrc input-format">
                        {:W('UploadImages/upload', array('key'=>['name'=>'screenshot','class'=>'user_file','value'=>$data['screenshot']]))}
                    </div>
                    <div class="mrc_right4_3_3 mrc">
                        <label class="control-label matter_notice" style="font-weight: normal;text-align:left;color: #999;" >
                            横版游戏建议尺寸：16：9，1280*720px及以上；竖版游戏建议尺寸：9：16，720*1280px及以上，用于游戏详情页内展示
                        </label>

                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"> 知识产权</label>
                    <div class="mrc_colum2_5 mrc input-format">
                        {:W('UploadImages/upload', array('key'=>['name'=>'accredit_img','class'=>'user_file','value'=>$data['accredit_img']]))}

                    </div>
                    <div class="mrc_right4_3_3 mrc">
                        <label class="col-lg-11 control-label matter_notice" style="font-weight: normal;text-align:left;">请上传游戏授权书或知识产权证明(选填，可在上线前补充)</label>
                    </div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
                </div>


                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"></label>
                    <div class="mrc_colum4_1_6 mrc">
                        <input name="id" type="hidden" value="{$data.id}">
                        <input type="submit" class="btn btn_primary user_btn" id="editServer" value="提交审核">&nbsp;&nbsp;&nbsp;<a href="javascript:history.go(-1);" class="btn btn_default user_btn_default">取消</a>
                    </div>
                </div>
            </form>

        </div>
    </div>
    <script>
    $(function() {
        Think.setValue('sdk_version',"{$data['sdk_version']}");
        Think.setValue('category',"{$data['category']}");

        $.validator.addMethod("checkFileSize", function(value, element,params){
            var size = element.files[0].size;
            if (size<params) {
                return true;
            }
            return false;
        }, "上传文件大小超出限制");

        $.validator.addMethod("checkFileType", function(value, element,params){
            var type = element.files[0].type;
            if (!type) {type = element.files[0].name;}
            var flag = false;
            for (var i=0;i<params.length;i++) {
                if (type.indexOf(params[i])>-1) {
                    flag = true;break;
                }
            }
            return flag;
        }, "上传文件类型错误");

        $("#addServer").validate({
            //定义规则
            rules:{
                game_name: {
                    required: true,
                },
                features: {
                    required: true,
                    rangelength: [5,20],
                },
                introduction: {
                    required: true,
                    rangelength: [50,200],
                },
                digest: {
                    required: true,
                },
                icon: {
                    required: true,
                    checkFileSize: 2000000,
                    checkFileType: ['image/jpeg','image/png'],
                },
                shortcut: {
                    required: true,
                    checkFileSize: 2000000,
                    checkFileType: ['image/jpeg','image/png'],
                },
                sorce: {
                    required: true,
                    checkFileType: ['apk','ipa'],
                }
            },
            messages:{
                game_name: {
                    required: "请填写游戏名称",
                },
                features: {
                    required: "请填写游戏简介",
                    rangelength: $.validator.format(" 游戏介绍内容在{0}-{1}字以内"),
                },
                introduction: {
                    required: "请填写游戏介绍内容",
                    rangelength: $.validator.format(" 游戏介绍内容在{0}-{1}字以内"),
                },
                icon: {
                    required: "请上传游戏图标",
                    checkFileSize: "上传文件不能超过2M",
                    checkFileType: "上传文件类型必须是.jpg 或 .png",
                },
                shortcut: {
                    required: "请上传游戏图标",
                    checkFileSize: "上传文件不能超过2M",
                    checkFileType: "上传文件类型必须是.jpg 或 .png",
                },
                sorce: {
                    required: "请上传游戏原包",
                    checkFileType: "上传文件类型必须是.apk 或 .ipa",
                }
            },
            submitHandler: function (form) {
								var button = $(form).find('#editServer');
								if(button.hasClass('nosubmit')) {return false;}
								button.addClass('nosubmit');
                $(form).ajaxSubmit({
                    url:"{:U('Game/edit',['id'=>I('id')])}",
                    success:function(result){
                        if(result.status == 1){
                            layer.msg(result.info,{time:1500},function(){
                                location.href = "{:U('Game/index')}";
                            });
                        }else{
                            layer.msg(result.info);setTimeout(function(){button.removeClass('nosubmit');},1500);
                        }
                    },error:function(a,b,c){layer.msg("服务器异常");button.removeClass('nosubmit');}
                });
								
            }
        });


    });
    $.VMenu.show('#menu');
    $.VMenu.open('m2.1');
</script>
<script type="text/javascript">
        $("#upload_picture_icon").uploadify({
            "height"          : 30,
            "swf"             : "__STATIC__/uploadify/uploadify.swf",
            "fileObjName"     : "download",
            "buttonText"      : "上传图标",
            "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
            "width"           : 120,
            'removeTimeout'   : 1,
            'buttonClass'     : "user_file",
            'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif;',
            "onUploadSuccess" : upload_picture_icon,
            'onFallback' : function() {
                alert('未检测到兼容版本的Flash.');
            },
						'onUploadStart':function(file){
							if(file.size>2*1024*1024) {
								layer.msg('上传文件大小不符');
								$("#upload_picture_icon").uploadify('cancel',file.id);
							}
						},
        });
        
        function upload_picture_icon(file, data){
            var data = $.parseJSON(data);
            var src = '';
            if(data.status){
                $("#cover_id_icon").val(data.id);
                src = data.url || '__ROOT__' + data.path;
                $("#cover_id_icon").parent().find('.upload-img-box').html(
                    '<div class="upload-pre-item"><img src="' + src + '"/></div>'
                );
            } else {
                layer.msg(data.info,{icon:2});
            }
        }

        $("#upload_picture_cover").uploadify({
            "height"          : 30,
            "swf"             : "__STATIC__/uploadify/uploadify.swf",
            "fileObjName"     : "download",
            "buttonText"      : "上传图片",
            "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
            "width"           : 120,
            'removeTimeout'   : 1,
            'buttonClass'     : "user_file",
            'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif;',
            "onUploadSuccess" : upload_picture_cover,
            'onFallback' : function() {
                alert('未检测到兼容版本的Flash.');
            },
						'onUploadStart':function(file){
							if(file.size>2*1024*1024) {
								layer.msg('上传文件大小不符');
								$("#upload_picture_cover").uploadify('cancel',file.id);
							}
						},
        });
        
        function upload_picture_cover(file, data){
            var data = $.parseJSON(data);
            var src = '';
            if(data.status){
                $("#cover_id_cover").val(data.id);
                src = data.url || '__ROOT__' + data.path;
                $("#cover_id_cover").parent().find('.upload-img-box').html(
                    '<div class="upload-pre-item"><img src="' + src + '"/></div>'
                );
            } else {
                updateAlert(data.info,'tip_error');
                setTimeout(function(){
                    $('#top-alert').find('button').click();
                    $(that).removeClass('disabled').prop('disabled',false);
                },1500);
            }
        }
    </script>
</block>