1

application/index/view/transfer/index.html

@@ -89,6 +89,7 @@
                                     <th class="text-center">具体地址</th>
                                     <th class="text-center">期望月租金</th>
                                     <th class="text-center">提交时间</th>
+                                    <th class="text-center">图片</th>
                                     <th class="text-center">操作</th>
                                 </tr>
                                 </thead>
@@ -153,3 +154,28 @@
         </div><!-- /.modal-content -->
     </div><!-- /.modal -->
 </div>
+<!-- /#图片 -->
+<div class="modal fade" id="modal-process2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
+     aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
+                    &times;
+                </button>
+                <h4 class="modal-title" id="myModalLabel">
+                    图片
+                </h4>
+            </div>
+            <div class="modal-body" style="height: 500px;">
+               <div class="img-con">
+               	
+               </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
+                </button>
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal -->
+</div>

public/resource/js/transfer.js

-define (['doT', 'text!temp/transfer_template_tpl.html', 'css!style/home.css','paginationStart'], function (doT, template) {
+define (['doT', 'text!temp/transfer_template_tpl.html', 'css!style/home.css','paginationStart','blow-up'], function (doT, template) {
      user = {
         pageNo: 1, /*第几页*/
         pageSize: 10, /*每页显示多少条*/
@@ -88,6 +88,12 @@ define (['doT', 'text!temp/transfer_template_tpl.html', 'css!style/home.css','pa
         	    $('#is_guest').show();
 				
 			});
+			//点击查看
+            $(document).on('click', '.chakan', function(e){
+				var img_ = $(this).next().html();
+//				console.log(img_)
+				$('.img-con').html(img_);
+			});
             $('#datetimepicker').datetimepicker({
                 format: 'yyyy-MM-dd',
                 language: 'zh-CN',
@@ -200,3 +206,10 @@ function alertFollow(obj){
     });
 
 }
+//var img_ = 	function(s){
+//					var caozuo_table = "";
+//					$.each(s, function(i, item) {
+//						caozuo_table += '<img src="'+ ServerHostImageLiu + '/' +item +'" alt="" style="width: 30px;height: 20px;border: 1px solid #f0ad4e;border-radius: 3px;" class="diagram-image J_preview" />';	
+//					});
+//					return caozuo_table;
+//}
\ No newline at end of file

public/resource/template/transfer_template_tpl.html

@@ -22,9 +22,13 @@
         <td>[%= it[item]["expected_rent"] %]</td>
         <td>[%= it[item]["create_time"] %]</td>
         <td>
+        	<a class="btn1 btn-success chakan" href="#modal-process2" data-toggle="modal" data-id="[%= it[item]['id'] %]"">查看</a>
+        	<p style="display: none;" class="img-arr">
         		[% for(var key in it[item]["image"]){ %]
-        	    <a class="review-images" href="#modal-report-img" data-toggle="modal" data-img='[%= it[item]["image"][key]%]'>查看</a>
+            	<img src="[%= ServerHostImageLiu + '/' + it[item]["image"][key]%]" alt="" style="width: 130px;height: 130px;" class="diagram-image J_preview" />
                 [% } %]
+        	</p>
+            
         </td>
         
         <td>
@@ -39,7 +43,7 @@
     [% } %]
     [% }else{ %]
     <tr>
-        <td colspan="8" style="text-align:center;"> 暂无数据</td>
+        <td colspan="10" style="text-align:center;"> 暂无数据</td>
     </tr>
     [% } %]
 </script>
\ No newline at end of file