centaline-data-driven 1.6.32 → 1.6.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.6.32",
+  "version": "1.6.34",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/release-log.md

@@ -1,3 +1,23 @@
+# v1.6.34
+2024-12-30
+
+优化
+
+树组件增加拖拽改变宽度
+
+附件上传组件增加粘贴上传功能
+
+BUG
+
+下拉搜索框修复在拼音打汉字过快时会出现拼音的bug
+
+# v1.6.33
+2024-11-22
+
+优化
+
+表单分组控件添加lazyLoad控制分组里面的内容是否使用 懒加载（默认 false）
+
 # v1.6.32
 2024-11-20
 

package/src/Form.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="form-app" class="data-driven" style="width:100%;height:100%;overflow:auto">
     <!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
-    <ct-form :api="'/api/finance/collection-money/detail'" :apiParam="apiParam" :topHeight="topHeight" :documentHeight="'600px'"></ct-form>
+    <ct-form :api="'/salemanage/ContractByPoint/readDetail'" :apiParam="apiParam" :topHeight="topHeight" :documentHeight="'600px'"></ct-form>
     <ct-dialog-list></ct-dialog-list>
   </div>  
 </template>
@@ -12,7 +12,7 @@
     data() {
       return {
         apiParam:{
-          "actionType":2,"originalTraId":"1849003143319056385","pageStyle":2,"pageTitle":"新增代收款","pageOnly":true
+          "commissionMode":1,"contractId":"202406181443110093F2F8AADD6B96EA","propertyId":"20180321102126B4B8B65EFBD6613722","searchFields":{"fields":[{"fieldName1":"CompanyPath","groupName":"CompanyPath","operation":1,"searchDataType":1,"searchValue1":"001"},{"fieldName1":"EmpID","groupName":"EmpID","operation":1,"searchDataType":1,"searchValue1":"2016080115594575A1A2EFB5B823B8A4"},{"fieldName1":"DeptPath","groupName":"DeptPath","operation":1,"searchDataType":1,"searchValue1":"001.200"},{"fieldName1":"type","groupName":"type","operation":1,"searchDataType":1,"searchValue1":"left"},{"fieldName1":"EstateID","groupName":"EstateID","operation":2,"searchDataType":3,"searchValue1":"201005121336088B888053DAF3FAD603"},{"fieldName1":"ContractDateStar","fieldName2":"ContractDateEnd","groupName":"ContractDateStar","operation":5,"searchDataType":4,"searchValue1":"2023-11-01","searchValue2":""}]},"pageAttribute":{"pageIndex":1},"columnName":"contractDate","actionType":3
         },
         topHeight:10,
       }

package/src/SearchList.vue

@@ -40,6 +40,8 @@
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/salemattersmanage/agentuserlist/getLayoutOfSearch'"  :searchDataApi="'/salemattersmanage/agentuserlist/getList'"></ct-searchlist> -->
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/salemattersmanage/EntranceNoticeInfoList/getLayoutOfSearch'"  :searchDataApi="'/salemattersmanage/EntranceNoticeInfoList/getList'"></ct-searchlist> -->
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/commissionquery/properformanceszjjbreport/getLayoutOfSearch'"  :searchDataApi="'/commissionquery/properformanceszjjbreport/getList'"></ct-searchlist> -->
+    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/employeelist/getLayoutOfSearch'"  :searchDataApi="'/employeelist/getList'"></ct-searchlist> -->
+    <ct-searchlist :apiParam="para" :searchConditionApi="'/estatemanage/estatlist/getLayoutOfSearch'"  :searchDataApi="'/estatemanage/estatlist/getList'"></ct-searchlist>
     <!-- CCES -->
 
     <!-- <ct-searchlist :apiParam="para"
@@ -106,6 +108,8 @@
     <!-- <ct-searchlist :appRootUrl="appRootUrl" :searchConditionApi="'/TaskList/getLayoutOfSearch'" :searchStatsApi="'/TaskList/getListStats'" :searchDataApi="'/TaskList/getListOfSearchModel'"></ct-searchlist> -->
     
     <!-- <ct-searchlist :appRootUrl="appRootUrl" :searchConditionApi="'/PropertyVRRealLookBalanceList/getLayoutOfSearchForOFI'" :searchDataApi="'/PropertyVRRealLookBalanceList/getListOfSearchModel'"></ct-searchlist> -->
+ 
+    <!-- <ct-searchlist :apiParam="para" :appRootUrl="appRootUrl" :searchConditionApi="'/PropertyRealLookList/getLayoutOfSearch'" :searchDataApi="'/PropertyRealLookList/getListOfSearchModel'"></ct-searchlist> -->
 
     <!-- <ct-searchlist :appRootUrl="appRootUrl" :searchConditionApi="'/SystemParameterList/getLayoutOfSearch'" :searchDataApi="'/SystemParameterList/getListOfSearchModel'"></ct-searchlist> -->
 
@@ -155,9 +159,18 @@
         // appRootUrl:'http://10.88.22.13:6060/onecard-api/',
         appRootUrl:'',
         para:{
-          type
-: 
-"top"
+          
+  "deleteRight": 0,
+  "editRight": 0,
+  "browseRight": 0,
+  "auditRight": 0,
+  "addRight": 0,
+  "deptId": "E5A389CB-8665-4BFD-8C97-3A70CEA28604",
+  "cityName": "深圳",
+  "name": "深圳中原",
+  "path": "001",
+  "code": "001",
+  "new": false
         },
       }
     },

package/src/centaline/dynamicFile/src/dynamicFile.vue

@@ -8,7 +8,7 @@
         :file-list="model.fileList" :multiple="true" :auto-upload="true" :action="model.action" :data="model.uploadData"
         :headers="headers" :before-upload="beforeUploadProcess" :on-success="handleAvatarSuccess"
         :on-error="handleAvatarError" :on-progress="uploadProcess" :limit="parseInt(model.max || 999)"
-        :on-exceed="handleExceed">
+        :on-exceed="handleExceed" :uploadStatus="!disableUpload&&!model.lock?'upload':'lock'">
         <template slot="default">
           <i class="el-icon-plus"></i>
         </template>
@@ -18,8 +18,11 @@
         </div>
         <div slot="tip" v-show="model.description" v-html="model.description">
         </div>
-        <img class="qrcode-target" @click.stop="qrcodeFn" ref="QRCodeRef" v-if="model.QRCodeAction"
-          :src="require('../../../assets/serw1.png')" style="width: 35px;height: 35px;" alt="扫码上传" title="扫码上传">
+        <div class="qrcode-target"  v-if="model.QRCodeAction">
+          <img @click.stop="qrcodeFn" ref="QRCodeRef"
+            :src="require('../../../assets/serw1.png')" style="width: 35px;height: 35px;float: right;" alt="扫码上传"
+            title="扫码上传">
+        </div>
         <div class="ScanUploadPhoto" v-if="qrcodeVisible" @click.stop="qrcodeVisible = true"
           :style="{ top: QRCodeRefTop + 'px', left: QRCodeRefLeft + 'px' }">
           <div style="border-bottom:none">
@@ -44,14 +47,14 @@
           <span v-if="model.lock" class="el-dropdown-link">
             <span style="width: 80px; height: 26px; display: inline-flex;overflow: hidden;">&nbsp;{{
               model.mediaLabe.mediaLabelName
-              }}</span>
+            }}</span>
           </span>
           <!--复杂分类-->
           <span v-else-if="model.isComplexClassify" class="el-dropdown-link"
             @click.stop="classifyFormClickHandle(model.mediaLabe)">
             <span style="width: 80px; height: 26px; display: inline-flex;overflow: hidden;">&nbsp;{{
               model.mediaLabe.mediaLabelName
-              }}</span>
+            }}</span>
             <i class="el-icon-arrow-down el-icon--right"></i>
           </span>
           <!--简单分类-->
@@ -62,7 +65,7 @@
             <span class="el-dropdown-link" @click.stop="classifyClickHandle">
               <span style="width: 80px; height: 26px; display: inline-flex;overflow: hidden;">&nbsp;{{
                 model.mediaLabe.mediaLabelName
-                }}</span>
+              }}</span>
               <i class="el-icon-arrow-down el-icon--right" style="color: #fff;"></i>
             </span>
             <el-dropdown-menu slot="dropdown" class="el-upload-list__item-preview">
@@ -72,15 +75,13 @@
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
-        </span>
-
-
+        </span> 
         <div slot="file" slot-scope="{ file }" :title="file.fileName">
           <div class="cover-list-item">
             <div @click="viewerfile(file)">
-              <div v-if="file.progressFlag"  v-loading="file.progressFlag"  style="width: 100px; height: 100px" 
-              element-loading-spinner="el-icon-loading">
-              </div> 
+              <div v-if="file.progressFlag" v-loading="file.progressFlag" style="width: 100px; height: 100px"
+                element-loading-spinner="el-icon-loading">
+              </div>
               <el-image v-else fit="fill"
                 :src="file.url ? file.url : file.mediaUrl ? file.mediaUrl + '/100/100' : require('../../../assets/blank.png')"
                 style="width: 100px; height: 100px" :z-index="previewZIndex">
@@ -154,7 +155,9 @@
         :accept="model.fileAccept" :on-change="handleChange" list-type="picture-card" :file-list="model.fileList"
         :multiple="true" :auto-upload="true" :action="model.action" :data="model.uploadData" :headers="headers"
         :before-upload="beforeUploadProcess" :on-success="handleAvatarSuccess" :on-error="handleAvatarError"
-        :on-progress="uploadProcess" :limit="parseInt(model.max || 999)" :on-exceed="handleExceed">
+        :on-progress="uploadProcess" :limit="parseInt(model.max || 999)" :on-exceed="handleExceed"
+        :uploadStatus="!disableUpload&&!model.lock?'upload':'lock'"
+        >
         <i slot="default" class="el-icon-plus"></i>
         <div slot="tip" class="el-upload__tip errorMessage" style="white-space:pre-wrap;" v-show="!valid"
           v-html="validMessage">
@@ -162,8 +165,11 @@
         </div>
         <div slot="tip" v-show="model.description" v-html="model.description">
         </div>
-        <img class="qrcode-target" @click.stop="qrcodeFn" ref="QRCodeRef" v-if="model.QRCodeAction"
-          :src="require('../../../assets/serw1.png')" style="width: 35px;height: 35px;" alt="扫码上传" title="扫码上传">
+        <div class="qrcode-target">
+          <img @click.stop="qrcodeFn" ref="QRCodeRef" v-if="model.QRCodeAction"
+            :src="require('../../../assets/serw1.png')" style="width: 35px;height: 35px;float: right;" alt="扫码上传"
+            title="扫码上传">
+        </div>
         <div class="ScanUploadPhoto" v-if="qrcodeVisible" @click.stop="qrcodeVisible = true"
           :style="{ top: QRCodeRefTop + 'px', left: QRCodeRefLeft + 'px' }">
           <div style="border-bottom:none">
@@ -186,13 +192,13 @@
           <!--锁定-->
           <span v-if="model.lock" class="el-dropdown-link">
             <span style="width: 80px; height: 26px; display: inline-flex;overflow: hidden;">&nbsp;{{
-              model.mediaLabe.mediaLabelName}}</span>
+              model.mediaLabe.mediaLabelName }}</span>
           </span>
           <!--复杂分类-->
           <span v-else-if="model.isComplexClassify" class="el-dropdown-link"
             @click.stop="classifyFormClickHandle(model.mediaLabe)">
             <span style="width: 80px; height: 26px; display: inline-flex;overflow: hidden;">&nbsp;{{
-              model.mediaLabe.mediaLabelName}}</span>
+              model.mediaLabe.mediaLabelName }}</span>
             <i class="el-icon-arrow-down el-icon--right"></i>
           </span>
           <!--简单分类-->
@@ -202,7 +208,7 @@
 
             <span class="el-dropdown-link" @click.stop="classifyClickHandle">
               <span style="width: 80px; height: 26px; display: inline-flex;overflow: hidden;">&nbsp;{{
-                model.mediaLabe.mediaLabelName}}</span>
+                model.mediaLabe.mediaLabelName }}</span>
               <i class="el-icon-arrow-down el-icon--right" style="color: #fff;"></i>
             </span>
             <el-dropdown-menu slot="dropdown" class="el-upload-list__item-preview">
@@ -217,13 +223,13 @@
         <div slot="file" slot-scope="{ file }" :title="file.fileName">
           <div class="cover-list-item">
             <div @click="viewerfile(file)">
-              <div v-if="file.progressFlag"  v-loading="file.progressFlag"  style="width: 100px; height: 100px" 
-              element-loading-spinner="el-icon-loading">
-              </div> 
-                <el-image v-else fit="fill"
-                  :src="file.url ? file.url : file.mediaUrl ? file.url : require('../../../assets/blank.png')"
-                  style="width: 100px; height: 100px" :z-index="previewZIndex">
-                </el-image>
+              <div v-if="file.progressFlag" v-loading="file.progressFlag" style="width: 100px; height: 100px"
+                element-loading-spinner="el-icon-loading">
+              </div>
+              <el-image v-else fit="fill"
+                :src="file.url ? file.url : file.mediaUrl ? file.url : require('../../../assets/blank.png')"
+                style="width: 100px; height: 100px" :z-index="previewZIndex">
+              </el-image>
             </div>
             <span class="cover-list-item-span-Default"
               v-if="(model.lock && file.flagDefault) || (model.rightDefault && model.rightDefault == 1 && file.mediaTypeID == 2)">
@@ -324,8 +330,16 @@ export default {
       return this.$common.getDataDrivenOpts().zindex + 100;
     },
   },
+  deactivated() { 
+    document.addEventListener('paste', this.ListenerPaste); 
+
+    },
+  mounted() { 
+    document.addEventListener('paste', this.ListenerPaste); 
+
+  },
   created() {
-    var self = this;
+    var self = this; 
     this.$nextTick(function () {
       if (self.vmodel) {
         self.load(self.vmodel);
@@ -337,6 +351,8 @@ export default {
         });
       }
       this.disableUpload = this.model.lock;
+     
+      
     });
   },
   methods: {
@@ -477,7 +493,7 @@ export default {
     },
     handleDownload(file) {
     },
-    handleChange(file, fileList) { 
+    handleChange(file, fileList) {
       this.changeHandler(this.model.value);
     },
     //上传之前的钩子
@@ -706,7 +722,7 @@ export default {
 
       var refupload = this.$refs.refupload;
       if (refupload) {
-        if (flagError) {
+        if (flagError) { 
           this.$message({
             message: res,
             type: 'error',
@@ -844,11 +860,63 @@ export default {
         }
         self.QRCodeRefLeft = QRCodeRef.getBoundingClientRect().left + QRCodeRefWith + 20;
       }
+    },  
+    PasteUpload(event) {
+      let self = this;
+      if (!self.model.locked && !self.disableUpload) {
+        // 获取粘贴板中的图片
+        const clipboardDatas = (event.clipboardData || event.originalEvent.clipboardData);
+        const items = clipboardDatas.items;
+        for (let index in items) {
+          const item = items[index];
+          if (item.kind === 'file') {
+            const file = item.getAsFile();
+            let uid = self.uploadguid();
+            file.uid = file.uid || uid;
+            self.$refs.upload.handleStart(file);
+            // 提交上传队列
+            self.$refs.upload.submit();
+          }
+        }
+      }
+
     },
+    ListenerPaste(event) { 
+      let self = this;
+      if (!self.model.locked&&!self.disableUpload) {
+        var target = event.target;
+        const uploads = document.querySelectorAll('[uploadStatus="upload"]');
+
+        if (!window.uploads) {
+          window.uploads = { count: 0, length: uploads.length };
+        }
+        if (uploads.length > 1) {
+          window.uploads.count = window.uploads.count + 1;
+          window.uploads.length = uploads.length;
+
+          if (window.uploads.count == window.uploads.length) {
+            window.uploads = null;
+          
+            self.$message({
+              message: "存在多个上传组件，请点击上传！",
+              type: 'info',
+              showClose: true,
+            });
+            return false;
+          }
+        }
+        else if (uploads.length == 1) {
+          window.uploads = null;
+          self.PasteUpload(event);
+        }
+      } 
+    }
   },
   beforeDestroy() {
     clearTimeout(this.qrtimer);
     window.removeEventListener('scroll', this.QRCodeLocate, true)
+    //销毁粘贴事件监听器 
+    document.removeEventListener('paste', this.ListenerPaste)
   },
 
 };
@@ -1012,10 +1080,12 @@ export default {
 
 .qrcode-target {
   position: absolute;
-  top: 3px;
   right: 3px;
   width: 35px;
   height: 35px;
+  color: red;
+  text-align: right;
+  top: 0px;
 }
 
 .Public-classification {

package/src/centaline/dynamicForm/src/dynamicForm.vue

@@ -42,7 +42,7 @@
 
         <!--tabs-->
         <el-tabs v-if="model.isHorizontalLayout" v-model="activeName" @tab-click="tabClickHandler">
-          <el-tab-pane :label="item.label" :name="index.toString()" 
+          <el-tab-pane :label="item.label" :name="index.toString()" :lazy="item.lazyLoad"
                        v-for="(item, index) in collapse" v-if="item.show !== false" :key="index">
             <el-row>
               <template v-for="(col, index) in collapseFieldsRow[index + 1]">

package/src/centaline/dynamicSos/src/dynamicSos.vue

@@ -12,7 +12,7 @@
               <div>
                 <el-input ref="searchInput" :size="model.attrs.size" suffix-icon="el-icon-search" v-model="searchText" @input="searchInputHandle"></el-input>
               </div>
-              <ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
+              <ctSelectOptionVertical :model="model" @click="selectOption($event)" @dataUpdated="dataUpdated()"></ctSelectOptionVertical>
             </div>
             <input slot="reference" v-bind="model.attrs" readonly="readonly" v-model="model.text" :placeholder="soPlaceholder"
                    ref="ct-input" :style="{height:inputHeight + 'px','line-height':inputLineHeight + 'px'}"
@@ -140,17 +140,17 @@
     mounted() {
       var self = this;
       this.$nextTick(function () {
-        var dropdown = self.$refs["pop"];
-        this.unwatch1=self.$watch('model.options', function (newVal, oldVal) {
-          self.$nextTick(() => {
-            if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
-              dropdown.popperJS.destroy();
-              dropdown.popperJS = null;
-              dropdown.updatePopper();
-            }
-            self.$refs["searchInput"].$el.querySelector("input").focus();
-          });
-        }, { deep: true, immediate: true });
+        // var dropdown = self.$refs["pop"];
+        // this.unwatch1=self.$watch('model.options', function (newVal, oldVal) {
+        //   self.$nextTick(() => {
+        //     if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
+        //       // dropdown.popperJS.destroy();
+        //       // dropdown.popperJS = null;
+        //       // dropdown.updatePopper();
+        //     }
+        //     // self.$refs["searchInput"].$el.querySelector("input").focus();
+        //   });
+        // }, { deep: true, immediate: true });
       });
     },
     methods: {
@@ -274,6 +274,14 @@
             self.getOptions(self.searchText);
           }
         }, self.model.searchTick);
+      },
+      dataUpdated: function () {
+        this.$nextTick(function () {
+          var dropdown = this.$refs["pop"];
+          if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
+            dropdown.updatePopper();
+          }
+        });
       }
     }
   }

package/src/centaline/dynamicTags/src/dynamicTags.vue

@@ -22,7 +22,7 @@
                 <div>
                   <el-input ref="searchInput" :size="model.attrs.size" suffix-icon="el-icon-search" v-model="searchText" @input="searchInputHandle"></el-input>
                 </div>
-                <ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
+                <ctSelectOptionVertical :model="model" @click="selectOption($event)" @dataUpdated="dataUpdated()"></ctSelectOptionVertical>
               </div>
               <input slot="reference" v-bind="model.attrs" :placeholder="tagsPlaceholder"
                      ref="ct-input" class="" :style="{height:inputHeight + 'px','line-height':inputLineHeight + 'px'}"
@@ -141,14 +141,14 @@
     mounted() {
       var self = this;
       this.$nextTick(function () {
-        var dropdown = self.$refs["pop"];
+        // var dropdown = self.$refs["pop"];
         this.unwatch=self.$watch('model.options', function (newVal, oldVal) {
           self.$nextTick(() => {
-            if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
-              dropdown.popperJS.destroy();
-              dropdown.popperJS = null;
-              dropdown.updatePopper();
-            }
+            // if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
+            //   dropdown.popperJS.destroy();
+            //   dropdown.popperJS = null;
+            //   dropdown.updatePopper();
+            // }
             this.setToGlobalOptions();
             self.$refs["searchInput"].$el.querySelector("input").focus();
 
@@ -367,6 +367,14 @@
             self.globalOptions.push(v);
           }
         });
+      },
+      dataUpdated: function () {
+        this.$nextTick(function () {
+          var dropdown = this.$refs["pop"];
+          if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
+            dropdown.updatePopper();
+          }
+        });
       }
     },
     watch: {

package/src/centaline/dynamicTreeList/src/dynamicTreeList.vue

@@ -1,16 +1,18 @@
 <template>
   <div id="app-Tree" style="height:100%;">
     <el-container style="height:  calc(100vh - 98px);" ref="tree_left">
-      <el-aside :width="leftWidth?leftWidth+'px':'15%'"
+      <el-aside :width="asideWidth ? asideWidth + 'px' : '15%'"
         style="background-color:white;border-radius: 6px;overflow-y:hidden">
-        <ct-searchtree :flagsearch="true" :searchConditionApi="searchConditionApi" :searchDataApi="searchDataApi" :searchtreeHeight="searchtreeHeight"
-          @loaded="loaded"></ct-searchtree>
+        <ct-searchtree :flagsearch="true" :searchConditionApi="searchConditionApi" :searchDataApi="searchDataApi"
+          :searchtreeHeight="searchtreeHeight" @loaded="loaded"></ct-searchtree>
+       
       </el-aside>
-      <el-main v-if="isShowMain">
-
-        <template v-if="pageType=='form'">
+      <el-main v-if="isShowMain" style="position: relative;">
+        <div class="resizer" @mousedown="startResizing"></div>
+        <template v-if="pageType == 'form'">
           <div style="height: calc(100vh - 120px);">
-            <div class="ct-form" :style="{'width':(width?width+'px':'auto'),'height':(height?height+'px':'auto')}">
+            <div class="ct-form"
+              :style="{ 'width': (width ? width + 'px' : 'auto'), 'height': (height ? height + 'px' : 'auto') }">
               <ct-form :api="formApi" :api-param="apiParam" :width="width" :height="height"></ct-form>
             </div>
           </div>
@@ -52,16 +54,28 @@ export default {
       isShowMain: false,
       pageType: 'list',
       apiParam: {},
-      searchtreeHeight:0,
+      searchtreeHeight: 0,
+      dataRowRouter: "",
+      asideWidth: 200,
+      isResizing: false,
+      startX: 0,
+      startWidth: 0
     };
   },
   methods: {
     loaded(data) {
-      
+      this.asideWidth = Number(this.leftWidth ? this.leftWidth : 200);
+
       var self = this;
       self.isShowMain = false;
       self.pageType = "list";
       if (data && data.rowRouter && (JSON.stringify(data.rowRouter) != "{}")) {
+
+        self.dataRowRouter = JSON.stringify(data.rowRouter);
+        let localStorageWidth = window.localStorage.getItem(self.dataRowRouter);
+        localStorageWidth = localStorageWidth ? localStorageWidth : self.asideWidth + "";
+        self.asideWidth = Number(localStorageWidth);
+
         self.formApi = data.rowRouter.getLayout;
         self.pageType = data.rowRouter.pageType != undefined ? data.rowRouter.pageType : "list";
         self.width = parseFloat(data.rowRouter.width != undefined ? data.rowRouter.width : "0");
@@ -83,35 +97,64 @@ export default {
           }
 
         });
-      }      
+      }
       this.$emit('loaded');
     },
-  setsearchtreeHeight(){
-     let self = this;
-     if(self.$refs.tree_left&&self.$refs.tree_left.$el)
-        {
+    setsearchtreeHeight() {
+      let self = this;
+      if (self.$refs.tree_left && self.$refs.tree_left.$el) {
         self.searchtreeHeight = self.$refs.tree_left.$el.offsetHeight;
       }
-  }
+    },
+    startResizing(event) {
+      this.isResizing = true;
+      this.startX = event.clientX;
+      this.startWidth =   this.asideWidth;
+      document.addEventListener('mousemove', this.resizeAside);
+      document.addEventListener('mouseup', this.stopResizing);
+    },
+
+    resizeAside(event) {
+      if ( this.isResizing) {
+        const newWidth = this.startWidth + (event.clientX - this.startX);
+        this.asideWidth = newWidth > 50 ? newWidth : 50; // 设置最小宽度为 50px
+        window.localStorage.setItem(this.dataRowRouter, this.asideWidth);
+      }
+    },
+
+    stopResizing() {
+      this.isResizing = false;
+      document.removeEventListener('mousemove', this.resizeAside);
+      document.removeEventListener('mouseup', this.stopResizing);
+    }
   },
-  created() {  
+  created() {
     this.model = this.vmodel;
   },
   mounted() {
     let self = this;
     window.addEventListener('resize', function () {
       self.$nextTick(() => {
-       self.setsearchtreeHeight();
+        self.setsearchtreeHeight();
       })
     })
-     self.setsearchtreeHeight();
+    self.setsearchtreeHeight();
+    document.addEventListener('mouseup', this.stopResizing);
+
   },
-  activated(){
-      let self = this;
-      self.$nextTick(() => {
-       self.setsearchtreeHeight();
-      })
-    }
+  activated() {
+    let self = this;
+    self.$nextTick(() => {
+      self.setsearchtreeHeight();
+      document.addEventListener('mouseup', self.stopResizing);
+    })
+  },
+  deactivated() {
+    document.removeEventListener('mouseup', this.stopResizing);
+  },
+  unmounted() {
+    document.removeEventListener('mouseup', this.stopResizing);
+  }
 }
 
 </script>
@@ -129,5 +172,13 @@ export default {
   -webkit-box-shadow: #cfcece 0px 7px 9px 0px !important;
   border-radius: 6px !important;
   margin-top: 14px;
+} 
+.resizer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 2px;
+    height: 100%;
+    cursor: ew-resize;
 }
 </style>

package/src/centaline/loader/src/ctl/Base.js

@@ -418,6 +418,9 @@ const Base = function (source) {
     get lineFeed() {
       return source.lineFeed;
     },
+    get lazyLoad() {
+      return source.lazyLoad;
+    },
   };
 
   return rtn;

package/src/centaline/loader/src/ctl/File.js

@@ -323,7 +323,8 @@ const box = function (source, fileSourceList, router, optionApi,videoPlayIconUrl
         classify.file.source.mediaLabelID = classify.option[rtn.optionModel.optionAttrs.value];
       },
       handleAvatarSuccess(res, file, fileList) {
-        if (res.rtnCode === Enum.ReturnCode.Successful) {
+        if (Object.prototype.toString.call(res ) === '[object Object]') {
+        if ( res.rtnCode === Enum.ReturnCode.Successful) {
           var media = res.content[0]; 
           media.mediaLabelID =file.mediaLabelID ||  rtn.mediaLabe.mediaLabelID;
           media.mediaLabelName = file.mediaLabelName  || rtn.mediaLabe.mediaLabelName;
@@ -368,7 +369,8 @@ const box = function (source, fileSourceList, router, optionApi,videoPlayIconUrl
             type: 'error',
             showClose:true,
           });
-        }
+         }
+       }
       },
       addfileItem(file) {
         let awaitfile = {