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.

521 lines
24 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/manage" />
<block name="head">
<link href="__CSS__/iconfont.css" rel="stylesheet">
<link href="__CSS__/pagination.css" rel="stylesheet">
<link href="__CSS__/datetimepicker.css" rel="stylesheet">
<link href="__CSS__/dropdown.css" rel="stylesheet">
<link href="__CSS__/icon.css" rel="stylesheet">
<link href="__CSS__/user_zxy.css" rel="stylesheet">
<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/common.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
<script src="__JS__/bootstrap-datetimepicker.min.js"></script>
<script src="__JS__/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="__JS__/bootstrap-select.min.js"></script>
<script src="__JS__/VMenu.js"></script>
<script src="__JS__/zh-cn.js"></script>
<script src="__JS__/echarts-all.js"></script>
<script src="__JS__/chart.js"></script>
<script src="__JS__/jquery.tablesorter.js"></script>
<script src="__JS__/string.js"></script>
<script src="__JS__/pagination.js"></script>
<script src="__JS__/datacommon.js"></script>
<script src="__JS__/retain.js"></script>
<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript" src="__ADDONS__/UploadImages.js"></script>
<link rel="stylesheet" href="__ADDONS__/UploadImages.css"><style> .mrc_colum_ml {margin-left: 122px;} </style>
</block>
<block name="location">
<a class="z_nav" href="{:U('Apply/apply_personal')}">账号中心</a>
<a class="z_nav curt_nav" href="{:U('Apply/apply_personal')}">基本信息</a>
</block>
<block name="body" >
<div class="matter">
<div class="matter_right_content">
<notempty name="data.status">
<div class="title" style="margin-bottom: 20px;">
<style>.form-group{margin-bottom:0;}</style>
<span style="display: block;width: 100%;text-align: center;font-size: 16px;color: {$data['status'] == 1 ? 'green' : 'red'}">
<switch name="data.status">
<case value="-1">您的认证信息已经提交平台审核我们会在3个工作日内完成审核请耐心等待...</case>
<case value="1">您的认证信息已通过平台审核,现在可以进入管理中心创建游戏啦!</case>
<case value="2">您的认证信息已通过平台审核,现在可以进入管理中心创建游戏啦!</case>
<case value="3">很抱歉的通知您,您的认证信息未通过审核,请修改后重新提交,如有疑问请联系我们。</case>
</switch>
</span>
</div>
</notempty>
<div class="title">
<i class="usebase_icon"></i>
<span>基本信息</span>
</div>
<form id="editForm" class="form-horizontal" method="post" novalidate="novalidate">
<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" style="margin-top: 8px">
<label class="nature custom_lable" >
<input class="form_control" type="radio" name="nature" placeholder="请填写开发者名称" value="1">
<i class="lable_icon"></i>
<span class="lable_text">公司</span>
</label>
<label class="nature custom_lable" >
<input class="form_control" type="radio" name="nature" placeholder="请填写开发者名称" value="2" checked="checked">
<i class="lable_icon"></i>
<span class="lable_text">个人</span>
</label>
<span style="float: right;color: #999;">(开发者类型一经填写不可修改)</span>
<div class="show-form-info" style="margin: -8px 1px 0px -5px">
<eq name="data.nature" value="1">公司</eq>
<eq name="data.nature" value="2">个人</eq>
</div>
</div>
<div class="clearfix"></div>
<div class="mrc_colum_ml 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">
<input type="text" class="form-control " style="display: block;" name="nickname" placeholder="请填写开发者名称" value="{$data.nickname}" >
</div>
<div class="show-form-info">{$data.nickname}</div>
<div class="clearfix"></div>
<div class="mrc_colum_ml 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">
<input type="text" class="form-control " name="identity" placeholder="请填写身份证号" value="{$data.identity}" >
</div>
<div class="show-form-info">{$data.identity}</div>
<div class="clearfix"></div>
<div class="mrc_colum_ml 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">
<input type="text" class="form-control " name="address" placeholder="请填写联系地址" value="{$data.address}" >
</div>
<div class="show-form-info">{$data.address}</div>
<div class="clearfix"></div>
<div class="mrc_colum_ml 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_right2_2 mrc">
<div class="upload-img-box">
<notempty name="data.prove_img">
<img id="prove_img upload-pre-item" src="{:get_cover($data['prove_img'],'path')}" data-id="{$data['prove_img']}" class="imgDiff upload-pre-item">
<span class="btn-close btn-close-prove_img" title="删除图片"></span>
<else />
<img id="prove_img upload-pre-item" src='__IMG__/default.png' class="imgDiff upload-pre-item">
</notempty>
</div>
<input type="file" id="upload_picture_prove_img" class="user_file">
<input type="hidden" name="prove_img" id="cover_id_prove_img" class="icon_prove_img" value="{$data['prove_img']}" />
<p class="imgTips " style="margin-top: 10px">
<span>请上传身份证明扫描件,文件大小不超过2M仅限 .jpg 或 .jpeg 或 .png 格式</span>
</p>
</div>
<div class="zwm_example">示例图</div>
<div class="mrc_right2_2 mrc sample_graph clearfix ">
<a href="__IMG__/default_card_yy.png" target="_blank">
<img id="" src="__IMG__/default_card_yy.png" class="imgDiff">
</a>
</div>
<div class="show-form-info"></div>
<div class="clearfix"></div>
<div class="mrc_colum_ml input-status"></div>
</div>
<!-- <br/> -->
<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">
<input type="text" class="form-control " name="link_man" placeholder="请填写联系人" value="{$data.link_man}" >
</div>
<div class="show-form-info">{$data.link_man}</div>
<div class="clearfix"></div>
<div class="mrc_colum_ml 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">
<input type="text" class="form-control " name="mobile_phone" placeholder="请填写联系电话" value="{$data.mobile_phone}" >
</div>
<div class="show-form-info">{$data.mobile_phone}</div>
<div class="clearfix"></div>
<div class="mrc_colum_ml 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">
<input type="text" class="form-control " name="email" placeholder="请填写邮箱" value="{$data.email}" >
</div>
<div class="show-form-info">{$data.email}</div>
<div class="clearfix"></div>
<div class="mrc_colum_ml input-status"></div>
</div>
<div class="form-group clearfix">
<label class="mrc_left mrc control-label">QQ号</label>
<div class="mrc_right4_3_3 mrc noLeft input-format">
<input type="text" class="form-control " name="qq" placeholder="请填写QQ号" value="{$data.qq}" >
</div>
<div class="show-form-info">{$data.qq}</div>
<div class="clearfix"></div>
<div class="mrc_colum_ml input-status"></div>
</div>
<div class="form-group clearfix">
<div class="mrc_colum_ml mrc_colum4_1_6 mrc btn_case">
<input type="hidden" name="nature" value="2" >
<input type="submit" class="btn btn_primary user_btn hidden" id="saveButton" value="保存" >
<input type="button" class="btn btn_primary user_btn " id="editButton" value="编辑" >
&nbsp;&nbsp;<a id="cancelEdit" href="#" class="btn btn_default hidden">取消</a>
</div>
</div>
</form>
</div>
</div>
<in name="data.status" value="-1,1">
<script>
$(".btn_case").hide();
</script>
</in>
<script>
var dever_from = "";
$(document).ready(function(){
//删除图片
$('.btn-close-prove_img').click(function(event) {
event.preventDefault();
$(this).parent().html('<img id="prove_img upload-pre-item" src="__IMG__/default.png" class="imgDiff upload-pre-item">');
picsbox = $("#upload_picture_prove_img").siblings('.upload-img-box');
picArr = [];
for (var i = 0; i < picsbox.children().length ; i++) {
picArr.push(picsbox.children('.upload-pre-item:eq('+i+')').find('img').attr('data-id'));
};
//console.log(picStr);
var picStr = picArr.join(',');
$('#cover_id_prove_img').val(picStr);
});
//上传图片
/* 初始化上传插件 */
$("#upload_picture_prove_img").uploadify({
"height" : 22,
"swf" : "__STATIC__/uploadify/uploadify.swf",
"fileObjName" : "download",
"buttonText" : "上传图标",
"uploader" : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
"width" : 65,
'buttonClass' : 'user_file',
'removeTimeout' : 1,
'fileTypeExts' : '*.jpg; *.jpeg *.png;',
"onUploadSuccess" : upload_picture_icon{$field.name},
'onFallback' : function() {
alert('未检测到兼容版本的Flash.');
}
});
function upload_picture_icon{$field.name}(file, data){
var data = $.parseJSON(data);
var src = '';
if(data.status){
$("#cover_id_prove_img").val(data.id);
src = data.url || '__ROOT__' + data.path;
$("#cover_id_prove_img").parent().find('.upload-img-box').html(
'<img style="width: 210px;height: 310px" src="' + src + '"/><span class="btn-close btn-close-prove_img" title="删除图片"></span>'
);
$('.btn-close-prove_img').click(function (event) {
event.preventDefault();
$(this).parent().html('<img id="prove_img upload-pre-item" src="__IMG__/default.png" class="imgDiff upload-pre-item">');
picsbox = $("#upload_picture_prove_img").siblings('.upload-img-box');
picArr = [];
for (var i = 0; i < picsbox.children().length; i++) {
picArr.push(picsbox.children('.upload-pre-item:eq(' + i + ')').find('img').attr('data-id'));
}
;
picStr = picArr.join(',');
$('#cover_id_prove_img').val(picStr);
});
} else {
alert(data.info);
setTimeout(function(){
$('#top-alert').find('button').click();
$(that).removeClass('disabled').prop('disabled',false);
},1500);
}
}
/**
* 新增验证方法
*/
$.validator.addMethod("checkmobile_phone", function(value, element) {
var mobile_phone = /^1(3|4|5|7|8)\d{9}$/;
var tel = /^\d{3,4}-?\d{7,9}$/;
return mobile_phone.test(value)||tel.test(value);
}, '联系电话格式不正确手机参考格式13666668888座机参考格式 010-66668888。');
$.validator.addMethod("checkQQWechat", function(value, element){
var qq = $("input[name='qq']").val();
var wechat = $("input[name='wx']").val();
if(qq == "" && wechat == ""){
return false;
}else{
return true;
}
}, "QQ和微信请至少填写一项");
$.validator.addMethod("checkIdCard", function (gets) {
//该方法由佚名网友提供;
var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];// 加权因子;
var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];// 身份证验证位值10代表X;
if (gets.length == 15) {
return isValidityBrithBy15IdCard(gets);
} else if (gets.length == 18) {
var a_idCard = gets.split("");// 得到身份证数组
if (isValidityBrithBy18IdCard(gets) && isTrueValidateCodeBy18IdCard(a_idCard)) {
return true;
}
return false;
}
return false;
function isTrueValidateCodeBy18IdCard(a_idCard) {
var sum = 0; // 声明加权求和变量
if (a_idCard[17].toLowerCase() == 'x') {
a_idCard[17] = 10;// 将最后位为x的验证码替换为10方便后续操作
}
for (var i = 0; i < 17; i++) {
sum += Wi[i] * a_idCard[i];// 加权求和
}
valCodePosition = sum % 11;// 得到验证码所位置
if (a_idCard[17] == ValideCode[valCodePosition]) {
return true;
}
return false;
}
function isValidityBrithBy18IdCard(idCard18) {
var year = idCard18.substring(6, 10);
var month = idCard18.substring(10, 12);
var day = idCard18.substring(12, 14);
var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
// 这里用getFullYear()获取年份,避免千年虫问题
if (temp_date.getFullYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() != parseFloat(day)) {
return false;
}
return true;
}
function isValidityBrithBy15IdCard(idCard15) {
var year = idCard15.substring(6, 8);
var month = idCard15.substring(8, 10);
var day = idCard15.substring(10, 12);
var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
// 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法
if (temp_date.getYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() != parseFloat(day)) {
return false;
}
return true;
}
}, "身份证不合法!");
$.validator.addMethod("checkEmail", function(value, element){
var email = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+(\.[a-zA-Z]{2,3})+$/;
return email.test(value);
}, "邮箱不合法!");
$("#editButton").click(function(event){
event.preventDefault();
$("input").prop("readonly", false);
$(".hide").removeClass("hide");
$(".show-form-info").addClass("hide");
$("select").prop("disabled", false);
$("input[type='radio']").parent("label").removeClass("disabled");
$("#cancelEdit").removeClass("hidden").show();
$("#saveButton").removeClass("hidden").show();
$("#editButton").hide();
$(".user_file").removeClass("hidden").show();
$('#ADDTOPICBLB').addClass('hide');
$('.uploadify').removeClass("hidden").show();
$(".nature_show").addClass("show");
});
// 取消修改
$("#cancelEdit").click(function(event){
$("input").prop("readonly", true);
$("select").prop("disabled", true);
$(".form-control").addClass("hide");
$(".show-form-info").removeClass("hide");
$("#re_dever_bank_account").addClass("hide");
//$("#editButton").val("修改信息");
$("#editButton").removeClass("hidden").show();
$("#saveButton").addClass("hidden").hide();
$(this).hide();
$("small").remove();
$('.uploadify').addClass('hide');
$(".nature").addClass("hide");
event.preventDefault();
});
formValidate = {
//定义规则
rules:{
firstname: "required",
fullname:{
required:true
},
codenum: {
required: false//dever_from != 'TOPICBLB' ? true : false //专题 公司信息 不必填
},
identity: {
required: dever_from != 'TOPICBLB' ? true : false,
checkIdCard:dever_from != 'TOPICBLB' ? true : false
},
link_man: {
required: true
},
mobile_phone: {
required: true,
checkmobile_phone: true
},
email: {
required: true,
checkEmail:true
},
address:{
required: true,
},
qq:{
checkQQWechat: true,
},
wx:{
checkQQWechat: true,
},
nickname:{
required:true,
},
link_man: {
required: true
},
mobile_phone: {
required: true,
checkmobile_phone: true
},
address:{
required: true,
},
qq:{
checkQQWechat: true,
},
wx:{
checkQQWechat: true,
}
},
//定义错误消息
messages:{
fullname:{
required:"开发者名称不能为空"
},
codenum: {
required: "组织机构代码不能为空"
},
identity: {
required: "身份证号不能为空",
checkIdCard:"身份证号不合法"
},
link_man: {
required: "联系人不能为空"
},
mobile_phone: {
required: "联系电话不能为空",
},
email: {
required: "邮箱不能为空",
checkEmail : '邮箱格式不对'
},
address:{
required: "联系地址不能为空",
},
nickname:{
required:"开发者名称不能为空",
},
link_man: {
required: "联系人不能为空"
},
mobile_phone: {
required: "联系电话不能为空",
},
address:{
required: "联系地址不能为空",
}
},
submitHandler: function (form) {
$(form).ajaxSubmit(
$.post("{:U('Apply/personal')}", $("#editForm").serializeArray(), function(result){
layer.msg(result.info);
if(result.status == 1){
location.reload();
}
})
);
}
};
// 表单验证
$("#editForm").validate(formValidate);
<empty name="data">
$("#editButton").click();
<else />
$("#cancelEdit").click();
</empty>
});
$("input[name='nature']").change(function () {
var val = $(this).val();
console.log(val);
if(val == 1){
location.href = "{:U('Apply/company')}";
}else{
location.href = "{:U('Apply/personal')}";
}
});
$.VMenu.show('#menu');
$.VMenu.open('m1.1');
</script>
</body>
</block>