Skip to content

T
tl_estate
Commit f1b87ad7 authored by agping's avatar agping
Browse files
Options

身份

parent 5b5cfdad
Hide whitespace changes
Inline Side-by-side
Showing with 247 additions and 9 deletions
application/index/view/broker/agent.html
View file @ f1b87ad7
......@@ -2,6 +2,9 @@
<input type="hidden" class="page-load" id="agent" />
<!--关联经纪人列表liudanjs文件-->
<style>
.form-group{
margin-bottom: 6px;
}
.J_preview {
width: 30px;
height: 30px;
......@@ -12,7 +15,7 @@
overflow-y: auto;
height: 432px;
}
#container_body_img_area>div{
#container_body_img_area>div,#container_body_img_area_add>div{
float: left;
width: 216px;
}
......@@ -82,11 +85,16 @@
height: 120px;
margin-top: 8px;
}
.result-reverse>img,.result-positive>img,.result-reverse-edit>img,.result-positive-edit>img{
width: 80px;
height: 80px;
margin-top: 3px;
}
#container_body{
position: relative;
overflow: hidden;
}
#file_input {
#file_input,#file_input_positive,#file_input_reverse,#file_input_positive_edit,#file_input_reverse_edit{
opacity: 0;
position: absolute;
top: 0;
......@@ -95,10 +103,13 @@
width: 80px;
cursor: pointer;
}
#file_input_positive,#file_input_reverse,#file_input_positive_edit,#file_input_reverse_edit{
left: 0px;
}
.modal-body-width{
width: 800px;
}
.span-del2,.span-del{
.span-del2,.span-del,.span-del-reverse,.span-del-positive{
color: red;
cursor: pointer;
}
......@@ -281,7 +292,29 @@
</div>
<div class="form-group">
<label class="col-sm-4 control-label">个人说明：</label>
<textarea name="remarks" id="remarks_add" class="form-control btn6" length="120" rows="5" placeholder="请填写个人说明"></textarea>
<textarea name="remarks" id="remarks_add" class="form-control btn6" length="120" rows="2" placeholder="请填写个人说明"></textarea>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">身份证<span class="text-danger">正面</span>1张图片：（选填）：</label>
<div class="form-group full-width-100 full-pic-area">
<div id="container_body">
<!--<label>请选择一个图像文件：</label>-->
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_positive">
<div id="container_body_img_area_positive"></div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">身份证<span class="text-danger">反面</span>1张图片：（选填）：</label>
<div class="form-group full-width-100 full-pic-area">
<div id="container_body">
<!--<label>请选择一个图像文件：</label>-->
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_reverse">
<div id="container_body_img_area_reverse"></div>
</div>
</div>
</div>
</form>
</div>
......@@ -323,10 +356,6 @@
<label class="col-sm-4 control-label">身份证号：</label>
<input type="number" class="form-control btn6" name="identity" value="" placeholder="填写身份证号">
</div>
<div class="form-group">
<label class="col-sm-4 control-label">身份证号：</label>
<input type="number" class="form-control btn6" name="identity" value="" placeholder="填写身份证号">
</div>
<div class="form-group">
<label class="col-sm-4 control-label">密码：</label>
<input type="text" class="form-control btn6" name="password" id="password" value="44444" placeholder="填写密码">
......@@ -380,6 +409,29 @@
<label class="col-sm-4 control-label">个人说明：</label>
<textarea name="remarks" id="remarks" class="form-control btn6" length="120" rows="2" placeholder="请填写个人说明"></textarea>
</div>
<!--编辑 上传身份证图片-->
<div class="form-group">
<label class="col-sm-5 control-label">身份证<span class="text-danger">正面</span>1张图片：（选填）：</label>
<div class="form-group full-width-100 full-pic-area">
<div id="container_body">
<!--<label>请选择一个图像文件：</label>-->
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_positive_edit">
<div id="container_body_img_area_positive_edit"></div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">身份证<span class="text-danger">反面</span>1张图片：（选填）：</label>
<div class="form-group full-width-100 full-pic-area">
<div id="container_body">
<!--<label>请选择一个图像文件：</label>-->
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_reverse_edit">
<div id="container_body_img_area_reverse_edit"></div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">建设银行工资卡：</label>
<div style="float: left;">
......
public/resource/js/agent.js
View file @ f1b87ad7
......@@ -115,10 +115,17 @@ define(['doT', 'text!temp/agent_template_tpl.html', 'text!temp/phoneBinding_temp
$(document).delegate(".agent_add", "click", function() { //点击新增
$(".form-horizontal-add")[0].reset(); //重置表单
agent.confirm_old=''//是否转勤 置空
//置空图片
$('#container_body_img_area_positive').html('');
$('#container_body_img_area_reverse').html('');
});
$(document).delegate(".edit", "click", function() { //点击编辑
$(".form-horizontal-edit")[0].reset(); //重置表单
agent.agent_id = $(this).attr("data-id");
//置空图片
$('#container_body_img_area_positive_edit').html('');
$('#container_body_img_area_reverse_edit').html('');
agent.Edit();
});
$(document).delegate("#password", "click", function() {
......@@ -373,7 +380,7 @@ define(['doT', 'text!temp/agent_template_tpl.html', 'text!temp/phoneBinding_temp
});
//图片删除事件
_doc.on('click', '.span-del', function(e) {
_doc.on('click', '.span-del,span-del-positive,span-del-reverse', function(e) {
e.preventDefault();
e.stopPropagation();
$(this).parent().remove();
......@@ -441,7 +448,157 @@ define(['doT', 'text!temp/agent_template_tpl.html', 'text!temp/phoneBinding_temp
}
});
});
//新增经纪人 上传身份证反面图片
$('#file_input_reverse').on('change', function(){
var _this = $(this);
var formData = new FormData();
formData.append('type', 'user_id_card');
formData.append('image', _this[0].files[0]);
$.ajax({
type: 'post',
url: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
$('#container_body_img_area_reverse').append('<div class="result-reverse"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del-reverse">删除</span></div>'.stringFormatObj({
'0': _data.data.img_path,
'1':ServerHostImageLiu + '/static/user_id_card/' + _data.data.internet_img_name
}));
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//新增经纪人 上传身份证正面图片
$('#file_input_positive').on('change', function(){
var _this = $(this);
var formData = new FormData();
formData.append('type', 'user_id_card');
formData.append('image', _this[0].files[0]);
$.ajax({
type: 'post',
url: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
$('#container_body_img_area_positive').append('<div class="result-positive"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del-positive">删除</span></div>'.stringFormatObj({
'0': _data.data.img_path,
'1':ServerHostImageLiu + '/static/user_id_card/' + _data.data.internet_img_name
}));
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//编辑经纪人 上传身份证反面图片
$('#file_input_reverse_edit').on('change', function(){
var _this = $(this);
var formData = new FormData();
formData.append('type', 'user_id_card');
formData.append('image', _this[0].files[0]);
$.ajax({
type: 'post',
url: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
$('#container_body_img_area_reverse_edit').append('<div class="result-reverse-edit"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del-reverse">删除</span></div>'.stringFormatObj({
'0': _data.data.img_path,
'1':ServerHostImageLiu + '/static/user_id_card/' + _data.data.internet_img_name
}));
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//编辑经纪人 上传身份证正面图片
$('#file_input_positive_edit').on('change', function(){
var _this = $(this);
var formData = new FormData();
formData.append('type', 'user_id_card');
formData.append('image', _this[0].files[0]);
$.ajax({
type: 'post',
url: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
$('#container_body_img_area_positive_edit').append('<div class="result-positive-edit"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del-positive">删除</span></div>'.stringFormatObj({
'0': _data.data.img_path,
'1':ServerHostImageLiu + '/static/user_id_card/' + _data.data.internet_img_name
}));
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
},
Submit_user: function() { //提交变更的信息
var group_id = $("#edit_role").val();
$.ajax({
......@@ -476,6 +633,10 @@ define(['doT', 'text!temp/agent_template_tpl.html', 'text!temp/phoneBinding_temp
$("input[name = id]").val(data.data.id);
$("input[name = phone]").val(data.data.phone);
$("input[name = name]").val(data.data.name);
$("input[name = identity]").val(data.data.id_card);//身份证号
$(".card-name").val(data.data.account);
$(".card-num").val(data.data.card_no);
$(".card-account").val(data.data.bank);
$("[name = district_id]").val(data.data.district_id);
if(data.data.district_id) {
agent.getDistrictStoreList(data.data.district_id, function(_data) {
......@@ -502,6 +663,21 @@ define(['doT', 'text!temp/agent_template_tpl.html', 'text!temp/phoneBinding_temp
} else {
$("#sex2").attr('checked', true);
}
//获取正面图片
if(data.data.id_card_image_front){
$('#container_body_img_area_positive_edit').append('<div class="result-positive-edit"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del-edit-positive">删除</span></div>'.stringFormatObj({
'0': data.data.id_card_image_front,
'1':ServerHostImageLiu + '/static/user_id_card/' + data.data.id_card_image_front
}));
}
//获取反面图片
if(data.data.id_card_image_back){
$('#container_body_img_area_reverse_edit').append('<div class="result-reverse-edit"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del-edit-reverse">删除</span></div>'.stringFormatObj({
'0': data.data.id_card_image_front,
'1':ServerHostImageLiu + '/static/user_id_card/' + data.data.id_card_image_back
}));
}
}
} else {
......@@ -526,6 +702,13 @@ define(['doT', 'text!temp/agent_template_tpl.html', 'text!temp/phoneBinding_temp
params.status = $("#status_add").val();
params.password = $("input[name='password_add']").val();
params.confirm_old = agent.confirm_old;
//新增经纪人 正反面图片
params.id_card_image_front = $('.result-positive>img').attr('data-imgname');
params.id_card_image_back = $('.result-reverse>img').attr('data-imgname');
params.id_card = $("input[name = identity_add]").val();
if(params.phone == '') {
alert('手机号必填！');
return false;
......@@ -624,6 +807,9 @@ define(['doT', 'text!temp/agent_template_tpl.html', 'text!temp/phoneBinding_temp
params.remarks = $("#remarks").val();
params.status = $("#status").val();
params.password = $("input[name='password']").val();
params.id_card = $("input[name = identity]").val();//身份证号
if(params.phone == '') {
alert('手机号必填！');
return false;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment