收款图片 放大

application/index/view/collection/getCollection.html

@@ -191,6 +191,10 @@
 		color: red;
 		
 	}
+	/*控制放大镜的 收款图片显示*/
+	#preview{
+		z-index: 9999!important;
+	}
 	/*css样式*/
 </style>
 <div id="page-content-wrapper">

public/resource/js/getCollection.js

-define(['doT', 'text!temp/get_collection_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template) {
+define(['doT', 'text!temp/get_collection_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
 	follow = {
 		pageNo: 1,
 		/*第几页*/
@@ -16,7 +16,7 @@ define(['doT', 'text!temp/get_collection_template_tpl.html', 'css!style/home.css
 		event: function() {
 			var _doc = $(document);
 			var	_imgUploadLunbo = $('#xiangqing_pic_ul'); //详情页轮播图ul
-			
+			$('.J_preview').preview();//放大收款图片
 			//时间轴点击出现
 			_doc.on('click', 'a[href="#modal-time"]', function(e) {
 				follow.house_id = $(this).attr("data-id");
@@ -222,12 +222,17 @@ define(['doT', 'text!temp/get_collection_template_tpl.html', 'css!style/home.css
 				success: function(data) {
 					if(data.code == 200) {
 						//渲染已经有的列表
+//						 <img src='[%= it[item]["agent_img"] %]' class="diagram-image J_preview"
+//               data-bimg='[%= it[item]["agent_img"] %]'>
 						for(i = 0; i < data.data.length; i++) {
-							$('#container_body_img_area').append('<div class="result2"><img data-imgid="{0}" src="{1}" alt=""/> <span class="span-del2">删除</span></div>'.stringFormatObj({
+							$('#container_body_img_area').append('<div class="result2"><img data-imgid="{0}" src="{1}" alt="" class="diagram-image J_preview" data-bimg="{1}"/> <span class="span-del2">删除</span></div>'.stringFormatObj({
 								'0': data.data[i].id,
 								'1': data.data[i].img_name?urlDeal(data.data[i].img_name):data.data[i].img_name
 							}));
 						};
+					$('.J_preview').preview();//放大图片
+						
+
 					} else {}
 				}
 			});