Skip to content

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

客户跟进 上传图片

parent 2c428cd6
Hide whitespace changes
Inline Side-by-side
Showing with 87 additions and 19 deletions
application/index/view/member/user_genjing_modal.html
View file @ 0b8a3c2a
......@@ -500,10 +500,33 @@
text-align: center;
cursor: pointer;
margin-top: 5px;
}
/*上传图片*/
#container_body_img_area{
position: relative;
left: 100px;
top: -60px;
width: 500px;
}
#container_body_img_area img{
width: 60px;
height: 60px;
}
.span-del,.span-del2{
color: red;
}
#container_body_img_area>div{
float: left;
width: 120px;
}
#file_input_pic {
opacity: 0;
position: absolute;
top: 8px;
height: 60px;
width: 60px;
}
/*上传图片*/
</style>
<div>
......@@ -708,17 +731,22 @@
<div class="col-sm-12">
<textarea class="form-control" rows="2" id="genj_text" placeholder="请输入客户跟进信息(必填)"></textarea>
</div>
<div class="col-sm-12">
<!--<span class="modal-rent-genjing-con">
<span data-value='1' style="margin-left: 15px;" class="btn-default-rent">已租</span>
<span data-value='0' class="btn-default-rent">求租</span>
</span>-->
<div class="col-sm-12" style="height: 80px;">
<div>上传图片（最多三张，选填）</div>
<div class="form-group full-width-100 full-pic-area">
<!--input上传图片-->
<div id="container_body">
<!--<button type="button btn2" class="btn btn-default">上传图片</button>-->
<img src="/resource/image/genjing_copy2.png" alt="" style="width: 60px;height: 60px;"/>
<input type="file" id="file_input_pic"/>
<div id="container_body_img_area"></div>
</div>
</div>
</div>
<!--跟进保存-->
<div class="center-btn">
<span id="edit_add">保存</span>
<!--<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</button>-->
</div>
</div>
......
public/resource/js/user_genjing_modal.js
View file @ 0b8a3c2a
......@@ -101,8 +101,6 @@ define(['doT', 'text!temp/user_model_template_tpl.html','css!style/home.css', 'c
e.stopPropagation();
window.parent.document.querySelector('#modal-record .close').click();
});
user.user_id = cus_obj.user_id;
if(_tempUrl === '/index/users_list'){
user.user_id = cus_obj.id;//客户列表特殊处理
......@@ -153,7 +151,48 @@ define(['doT', 'text!temp/user_model_template_tpl.html','css!style/home.css', 'c
$('.look-shop').removeAttr('data-id');
user.Caozuo();
});
//直接跟进 上传图片相关
$('#file_input_pic').on('change', function(){
var _this = $(this);
var formData = new FormData();
formData.append('type', 'house_img');
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').append('<div class="result"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del">删除</span></div>'.stringFormatObj({
'0': _data.data.img_path,
'1': ServerHostImageLiu+'/resource/lib/Attachments/images/'+_data.data.internet_img_name
}));
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//客户跟进 图片删除事件
_doc.on('click', '.span-del', function(e) {
e.preventDefault();
e.stopPropagation();
$(this).parent().remove();
});
//查看弹出框里的tab点击事件,查看客户详情，客户约带看
_doc.on('click', '.detail-modal-header-tab>span', function(e){
e.preventDefault();
......@@ -1458,7 +1497,7 @@ define(['doT', 'text!temp/user_model_template_tpl.html','css!style/home.css', 'c
}else{
var follow_status = '电话跟进:'
};
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + follow_status + dealPunctuation(item.content) + user_status +'</td><td>' + item.name + '</td><td>' + item.create_time +'</td></tr>';
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + follow_status + dealPunctuation(item.content) + user_status +'<img src="/resource/image/genjing_copy2.png" alt="" style="width: 30px;height: 30px;" class="diagram-image J_preview" /></td><td>' + item.name + '</td><td>' + item.create_time +'</td></tr>';
});
if(data.data.length<10){//第一个接口 数据条数小于10 加载第二个接口
......@@ -1525,7 +1564,7 @@ define(['doT', 'text!temp/user_model_template_tpl.html','css!style/home.css', 'c
}else{
var follow_status = '电话跟进:'
};
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + follow_status + dealPunctuation(item.content) + user_status +'</td><td>' + item.name + '</td><td>' + item.create_time +'</td></tr>';
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + follow_status + dealPunctuation(item.content) + user_status +'<img src="/resource/image/genjing_copy2.png" alt="" style="width: 30px;height: 30px;"/></td><td>' + item.name + '</td><td>' + item.create_time +'</td></tr>';
});
if(caozuo_table){
......@@ -1721,10 +1760,10 @@ define(['doT', 'text!temp/user_model_template_tpl.html','css!style/home.css', 'c
alert('请填写内容');
return false;
}
// if(user.detailTabIndexFollowRent == 3) {
// alert('状态标签未选中');
// return false;
// }
var imgname1 = [];//客户跟进上传图片
for(var i = 0; i < $('.result').length; i++) {
imgname1[i] = $('.result>img').eq(i).attr('data-imgname');
};
if(!user.isAjaxSaving){
user.isAjaxSaving = true;
$.ajax({
......@@ -1747,6 +1786,7 @@ define(['doT', 'text!temp/user_model_template_tpl.html','css!style/home.css', 'c
user.isExitsNew=0
user.getGenjincon();
$('#genj_text').val('');
$('#container_body_img_area').html('');
} else {
alert(data.msg);
}
......
public/resource/template/remark_follow_template_tpl.html
View file @ 0b8a3c2a
......@@ -35,7 +35,7 @@
[%= labelKeyWords(dealPunctuation(it[item]['content'])) %]
</div>
</td>
<td>[%= it[item]['admin'] %]</td>
<td>[%= it[item]['admin'] %]<img src="/resource/image/tupian_copy@2x.png" style="width: 20px;margin-left: 5px;"></td>
<td>
[% if((it[item]['agent_id']*1 == 0) || (check_auth('index/useraction_search'))) { %]
......
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