时间轴点击查看大图

application/app_broker/view/index/timeline_pc.html

@@ -55,7 +55,7 @@
 								<p v-if="item.step_name==='pay_log'">业态/品牌：<span>{{item.list[0].industry_type}}</span></p>
 								<ol v-if="item.step_name==='pay_log'" class="li-img-list">
 									<li v-for="(item2, idnex2) in item.img">
-										<a href="javascript:;" data-id="item2.id"><img :src="item.img_path+item2.img_name"></a>
+										<a href="javascript:;" class="click-big-img-a"><img :src="item.img_path+item2.img_name"></a>
 									</li>
 								</ol>
 								<p v-if="item.step_name==='refund'">退款金额：<span class="span-active">{{item.refund_money}}元</span></p>
@@ -82,12 +82,12 @@
 								<p v-if="item.step_name==='march_in'">地址：{{item.march_in_area}}</p>
 								<ol v-if="item.step_name==='march_in'" class="li-img-list">
 									<li>
-										<a href="javascript:;"><img :src="item.img_path+item.march_in_img"></a>
+										<a href="javascript:;" class="click-big-img-a"><img :src="item.img_path+item.march_in_img"></a>
 									</li>
 								</ol>
 								<ol v-if="item.step_name==='follow_up_log'" class="li-img-list">
 									<li>
-										<a href="javascript:;"><img :src="item.img_path+item.explain_img"></a>
+										<a href="javascript:;" class="click-big-img-a"><img :src="item.img_path+item.explain_img"></a>
 									</li>
 								</ol>
 								<p v-if="item.step_name==='march_in'" class="li-caozuoren">操作人：<span>{{item.reception_name}}</span></p>

public/app/js/timeline_pc.js

@@ -39,6 +39,15 @@ require(['vue', 'css!style/timeline_pc.css', 'jquery0325', 'common'],function(Vu
 			        };
 			    }
 			});
+			
+			$(document).on('click', '.click-big-img-a', function(e){
+				e.preventDefault();
+				e.stopPropagation();
+				var _$this = $(this);
+				var _img = _$this.find('img').attr('src');
+				console.log(_img);
+				$('body', parent.document).append('<div id="preview_big_img_div"><img src="'+_img+'" /></div>');
+			})
 		},
 		methods: {
 			loadMain: function(){

public/resource/css/public.css

@@ -676,4 +676,21 @@ p{margin: 0;}
 /*去掉每个页面的 表格头部的边框 宽度*/
 .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{
 	border-bottom-width: 0px!important;
-}
\ No newline at end of file
+}
+
+/*时间轴弹框iframe里的图片点击看大图样式*/
+#preview_big_img_div{
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	top: 0;
+	background-color: rgba(0, 0, 0, .2);
+	z-index: 10000;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+#preview_big_img_div>img{
+	height: 98%;
+}

public/resource/js/public.js

@@ -151,6 +151,13 @@ define(['doT', 'jquery', 'text!temp/menu_template_tpl.html', 'layer'], function
     if(location.origin === 'http://api.tonglianjituan.com' || location.origin === 'http://pre2.tonglianjituan.com' || location.origin === 'http://run.tonglianjituan.com'){
 		location.href = location.href.replace('http','https');
 	};
+	
+	//时间轴iframe弹出框，点击看大图效果
+	$(document).on('click', '#preview_big_img_div', function(e){
+		e.preventDefault();
+		e.stopPropagation();
+		$(this).remove();
+	});
 });
 var ServerHost = location.origin;
 var ServerHostTempC = 'https://pre2.tonglianjituan.com';