【FileInfo】优化

src/main/webapp/assets/modular/system/fileInfo/file_info.js

@@ -19,6 +19,12 @@ layui.use(['table', 'form', 'func', 'HttpRequest', 'util', 'upload'], function (
         return [[
             {type: 'checkbox'},
             {field: 'fileId', hide: true, title: '主键id'},
+            {
+                title: '图片', templet: function (d) {
+                    var url = d.imgUrl || Feng.ctxPath + '/sysFileInfo/previewByObjectName?fileBucket=' + d.fileBucket + '&fileObjectName=' + d.fileObjectName;
+                    return '<img data-index="' + (d.LAY_INDEX - 1) + '" src="' + url + '" class="tb-img-circle" tb-img alt=""/>';
+                }, align: 'center', unresize: true
+            },
             {field: 'fileLocation', sort: true, title: '存储位置'},
             {field: 'fileOriginName', sort: true, title: '文件名称'},
             {field: 'secretFlag', sort: true, title: '是否机密'},
@@ -33,8 +39,16 @@ layui.use(['table', 'form', 'func', 'HttpRequest', 'util', 'upload'], function (
             {align: 'center', toolbar: '#tableBar', title: '操作', width: 230}
         ]];
     };
-
+    /* 点击图片放大 */
-
+    $(document).off('click.tbImg').on('click.tbImg', '[tb-img]', function () {
+        var imgList = table.cache[FileInfo.tableId].map(function (d) {
+            return {
+                alt: d.nickName,
+                src: d.imgUrl || Feng.ctxPath + '/sysFileInfo/previewByObjectName?fileBucket=' + d.fileBucket + '&fileObjectName=' + d.fileObjectName
+            }
+        });
+        layer.photos({photos: {data: imgList, start: $(this).data('index')}, shade: .1, closeBtn: true});
+    });
 
     //上传
     var uploadInst = upload.render({
@@ -65,7 +79,6 @@ layui.use(['table', 'form', 'func', 'HttpRequest', 'util', 'upload'], function (
     };
 
 
-
     // 点击详情
     FileInfo.openDetails = function (data) {
         func.open({
@@ -105,19 +118,9 @@ layui.use(['table', 'form', 'func', 'HttpRequest', 'util', 'upload'], function (
     // 预览
     FileInfo.openPreview = function (data) {
         var imgUrl = Feng.ctxPath + '/sysFileInfo/previewByObjectName?fileBucket=' + data.fileBucket + '&fileObjectName=' + data.fileObjectName;
-
+        layer.photos({photos: {"data": [{"src": imgUrl}]}, shade: .1, closeBtn: true});
-        layer.photos({
-            photos: { "data": [{"src": imgUrl}] }
-            ,anim: 0
-        });
-
-
-
-
     };
 
-
-
     // 渲染表格
     var tableResult = table.render({
         elem: '#' + FileInfo.tableId,

src/main/webapp/assets/modular/system/fileInfo/file_info_details.js

@@ -3,12 +3,10 @@ layui.use(['layer', 'form', 'admin', 'HttpRequest'], function () {
     var form = layui.form;
     var HttpRequest = layui.HttpRequest;
 
-
-
     //获取详情信息，填充表单
     var httpRequest = new HttpRequest(Feng.ctxPath + "/sysFileInfo/detail?fileId=" + Feng.getUrlParam("fileId"),'get');
     var result = httpRequest.start();
     form.val("fileInfoForm", result.data);
-
+ console.log(result)
 
 });

src/main/webapp/pages/modular/system/fileInfo/file_info.html

@@ -27,7 +27,7 @@
                                 <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                             </div>
                             <div class="layui-inline">
-                                <button id="btnUpload" class="layui-btn icon-btn"><i class="layui-icon">&#xe681;</i>上传文件</button>
+                                <button id="btnUpload" class="layui-btn icon-btn"><i class="layui-icon">&#xe681;</i>上传图片</button>
                             </div>
                         </div>
                     </div>
@@ -39,15 +39,10 @@
 </div>
 
 <script type="text/html" id="tableBar">
-
     <a class="layui-btn layui-btn-xs" lay-event="download">下载</a>
-
     <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="details">详情</a>
-
     <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
-
+    <!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="preview">预览</a>-->
-    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="preview">预览</a>
-
 </script>
 
 @}