燎原报修后台添加企业执照图片放大功能

uis/zzlyadmin/tenant/detail.html

@@ -21,8 +21,9 @@
         }
         /*企业营业执照样式*/
         .imgStyle{
-            width: 100px;
-            height: 100px;
+            margin: 10px 0;
+            width: 200px;
+            height: auto;
         }
     </style>
 </head>
@@ -77,7 +78,7 @@
                         <h3>拒绝原因：{{ d.reject_reason  || ''}}</h3>
                     </li>
                     {{# if(d.image){ }}
-                    <li class="tenant-li">
+                    <li class="tenant-li" id="check_img">
                         <h3>企业营业执照：</h3>
                         <img src="{{d.image}}" class="imgStyle" />
                     </li>
@@ -111,24 +112,17 @@
         var $ = layui.$
             , laytpl = layui.laytpl;
         var data = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
-
         var getTpl = tenant_detail_demo.innerHTML
             , tenant_detail = document.getElementById('tenant_detail');
         laytpl(getTpl).render(data, function (html) {
             tenant_detail.innerHTML = html;
         });
-        // admin.req({
-        //     url: '/tenant/repair_order/get_repair_order_record/'
-        //     , data: {order_id: data.id}
-        //     , type: 'get'
-        //     , done: function (res) {
-        //        var getTpl2 = invest_record_demo.innerHTML
-        //            , invest_record = document.getElementById('invest_record');
-        //          laytpl(getTpl2).render(res.data, function (html) {
-        //          invest_record.innerHTML = html;
-        //         });
-        //     }
-        // });
+        //点击企业执照图片
+        $('#check_img').on('click', function(e) {
+          //  打开新的页面，渲染图片
+          var newPage=window.open();
+          newPage.document.write("<img src="+ data.image +" />")
+        })
     });
 </script>
 </body>