客户跟进 上传图片

application/index/view/member/user_genjing_modal.html

@@ -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

@@ -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

@@ -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'))) { %]