资料归集，拖动相关

app/public/js/div_resizer.js

@@ -100,9 +100,10 @@
             if (drag) {
                 drag = false;
                 const rType = obj.attr('r-type');
-                const localId = obj.attr('store-id'), div1 = $(obj.attr('div1')), div2 = $(obj.attr('div2'));
-                setLocalCache('v-resize-1-' + localId, div1[rType]());
-                setLocalCache('v-resize-2-' + localId, div2[rType]());
+                const localId = obj.attr('store-id'), version = obj.attr('store-version') ? ('-'+obj.attr('store-version')) : '' ;
+                const div1 = $(obj.attr('div1')), div2 = $(obj.attr('div2'));
+                setLocalCache('v-resize-1-' + localId + version, div1[rType]());
+                setLocalCache('v-resize-2-' + localId + version, div2[rType]());
             }
         });
     }

app/public/js/file_detail.js

@@ -1885,4 +1885,12 @@ $(document).ready(function() {
             }, 100);
         });
     })('a[name=showLevel]');
+
+
+    $.divResizer({
+        select: '#file-right-spr',
+        callback: function() {
+            if (fileReference) fileReference.spread.refresh();
+        },
+    });
 });

app/view/file/file.ejs

@@ -13,8 +13,8 @@
     <div class="content-wrap row pr-46">
         <div class="row w-100 sub-content">
             <div class="c-body" id="left-view" style="width: 100%">
-                <div class="sjs-height-0 row" style="width: 100%">
-                    <div class="col-3 border-right pr-0">
+                <div class="sjs-height-0 row w-100" style="margin-left: 0px !important;">
+                    <div class="" id="file-left-view" style="width: 25%;">
                         <div class="d-flex flex-row">
                             <div class="btn-group">
                                 <button type="button" class="btn btn-sm  text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai" aria-expanded="false">显示层级</button>
@@ -33,36 +33,39 @@
                         </div>
                         <ul id="filing" class="ztree" style="overflow: auto"></ul>
                     </div>
-                    <div class="col-9 pr-0" id="file-view" style="display: none">
-                        <div class="d-flex flex-row">
-                            <% if (canUpload) { %>
-                            <div class="py-2 pr-2"><a href="#add-file" data-toggle="modal" data-target="#add-file">上传文件</a></div>
-                            <div class="py-2 pr-2"><a href="#add-big-file" data-toggle="modal" data-target="#add-big-file">大文件上传</a></div>
-                            <div class="p-2" id="rela-file-btn"><a href="#rela-file" data-toggle="modal" data-target="#rela-file">引用文件</a></div>
-                            <div class="p-2"><a href="javascript: void(0)" id="batch-del-file-btn">批量删除</a></div>
-                            <% } %>
-                            <div class="p-2"><a href="javascript: void(0)" id="batch-download">批量下载</a></div>
-                            <div class="p-2">
+                    <div class="" id="file-right-view" style="width: 74%">
+                        <div class="resize-x" id="file-right-spr" r-Type="width" div1="#file-left-view" div2="#file-right-view" title="调整大小" a-type="percent" store-id="file-detail" store-version="1.0.0" min="20"></div>
+                        <div id="file-view" style="display: none">
+                            <div class="d-flex flex-row">
+                                <% if (canUpload) { %>
+                                <div class="py-2 pr-2"><a href="#add-file" data-toggle="modal" data-target="#add-file">上传文件</a></div>
+                                <div class="py-2 pr-2"><a href="#add-big-file" data-toggle="modal" data-target="#add-big-file">大文件上传</a></div>
+                                <div class="p-2" id="rela-file-btn"><a href="#rela-file" data-toggle="modal" data-target="#rela-file">引用文件</a></div>
+                                <div class="p-2"><a href="javascript: void(0)" id="batch-del-file-btn">批量删除</a></div>
+                                <% } %>
+                                <div class="p-2"><a href="javascript: void(0)" id="batch-download">批量下载</a></div>
+                                <div class="p-2">
                             <span id="showPage">
                                 <a href="javascript:void(0);" class="page-select ml-3" content="pre"><i class="fa fa-chevron-left"></i></a>
                                 <span id="curPage">1</span>/<span id="curTotalPage">10</span>
                                 <a href="javascript:void(0);" class="page-select mr-3" content="next"><i class="fa fa-chevron-right"></i></a>
                             </span>
+                                </div>
                             </div>
+                            <table class="table table-hover table-bordered">
+                                <thead>
+                                <tr class="text-center">
+                                    <th width="60px">选择</th>
+                                    <th>文件名称 <span name="file-sort" field="filename" tag="filename|desc"><i class="fa fa-sort" aria-hidden="true"></i></span></th>
+                                    <th width="10%">上传人</th>
+                                    <th width="20%">上传时间 <span name="file-sort" field="create_time" tag="create_time|asc"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i></span></th>
+                                    <th width="10%">文件类型</th>
+                                </tr>
+                                </thead>
+                                <tbody id="file-list">
+                                </tbody>
+                            </table>
                         </div>
-                        <table class="table table-hover table-bordered">
-                            <thead>
-                            <tr class="text-center">
-                                <th width="60px">选择</th>
-                                <th>文件名称 <span name="file-sort" field="filename" tag="filename|desc"><i class="fa fa-sort" aria-hidden="true"></i></span></th>
-                                <th width="10%">上传人</th>
-                                <th width="20%">上传时间 <span name="file-sort" field="create_time" tag="create_time|asc"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i></span></th>
-                                <th width="10%">文件类型</th>
-                            </tr>
-                            </thead>
-                            <tbody id="file-list">
-                            </tbody>
-                        </table>
                     </div>
                 </div>
             </div>