商铺列表 独家合同点击放大

application/index/view/houses/houseList.html

@@ -58,6 +58,15 @@
 	.ld-Marheight-city{
 		margin-top: 8px;
 	}
+    /*控制放大镜的 收款图片显示*/
+	#preview{
+		z-index: 9999!important;
+
+	}
+	#preview img{
+		width: 600px;
+		
+	}
 </style>
 <div id="page-content-wrapper">
     <div class="container">

public/resource/js/houseList.js

@@ -2,7 +2,7 @@
  * Created by 刘丹 on 2017/12/11.
  */
 
-define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template) {
+define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
 	business = {
 		pageNo: 1,
 		/*第几页*/
@@ -27,7 +27,7 @@ define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfin
 			//初始化dot
 			business.getDistrict();
 			$("body").append(template);
-
+			$('.J_preview').preview();//放大收款图片
 			function  getPreMonth(date)  {            
 				var  arr  =  date.split('-');            
 				var  year  =  arr[0];             
@@ -442,9 +442,11 @@ define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfin
 							var img_url = "";
 							$.each(data['data']['exclusive_img'], function(i, item) {
 								var local_img = location.origin + '/resource/lib/Attachments/images/' + item.img_name;
-								img_url += '<img src="' + local_img + '" class="jai_dujia" data-img="' + item.img_name + '" >';
+								img_url += '<img src="' + local_img + '" data-bimg="' + local_img + '" class="jai_dujia diagram-image J_preview" data-img="' + item.img_name + '" >';
 							});
 							$("#liudan_pic_pre").html(img_url);
+					        $('.J_preview').preview();//放大图片
+							
 						}
 					} else {
 						alert('获取失败！');