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

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