燎原云报修后台管理系统添加图片放大

uis/tenant/company/detail.html

@@ -21,8 +21,8 @@
         }
         /*企业营业执照样式*/
         .imgStyle{
-            width: 100px;
-            height: 100px;
+            width: 200px;
+            height: auto;
         }
     </style>
 </head>
@@ -79,7 +79,7 @@
                     {{# if(d.image){ }}
                     <li class="tenant-li">
                         <h3>企业营业执照：</h3>
-                        <img src="{{d.image}}" class="imgStyle" />
+                        <img src="{{d.image}}" id="check_img" class="imgStyle" />
                     </li>
                     {{# } }}
                 </ui>
@@ -117,18 +117,12 @@
         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>