centaline-data-driven 1.4.0 → 1.4.1

package/package.json

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

package/src/centaline/api/index.js

@@ -127,9 +127,9 @@ Axios.defaults.withCredentials = true;//允许带上跨域cookies
 
 const api = {
   get(url, params, callback) {
-    if(common.flagRouterSelf()){
-      url=url+params.action;
-      params=params.para;
+    if (common.flagRouterSelf()) {
+      url = url + params.action;
+      params = params.para;
     }
     return Axios.get(url, params, {
       headers: {
@@ -142,9 +142,9 @@ const api = {
     );
   },
   post(url, params, callback) {
-    if(common.flagRouterSelf()){
-      url=url+params.action;
-      params=params.para;
+    if (common.flagRouterSelf()) {
+      url = url + params.action;
+      params = params.para;
     }
     return Axios.post(url, params, {
       headers: {
@@ -156,7 +156,7 @@ const api = {
       }
     );
   },
-  postThenHandler: function (response,scripts) {
+  postThenHandler: function (response, scripts) {
     var data = response.data;
 
     if (typeof common.getDataDrivenOpts().handler.requestComplete === 'function') {
@@ -200,7 +200,7 @@ const api = {
             attrs: {
               progressAction: data.content.action,
               progressKey: data.content.key,
-              progressType:'export',
+              progressType: 'export',
               width: '350px',
               height: '165px'
             },
@@ -236,14 +236,29 @@ const api = {
     return Promise.resolve(response.data);
   },
   postHandler(url, params, scripts) {
-    if(common.flagRouterSelf()){
-      url=url+params.action;
-      params=params.para;
+    if (common.flagRouterSelf()) {
+      url = url + params.action;
+      params = params.para;
     }
     return Axios.post(url, params, {
       headers: common.getDataDrivenOpts().handler.getRequestHeaders()
     }).then((response) => {
-      return this.postThenHandler(response,scripts);
+      return this.postThenHandler(response, scripts);
+    }).catch((ex) => {
+      if (ex.message) {
+        Vue.prototype.$message.error(ex.message);
+      }
+      else if (typeof ex.data === "string") {
+        Vue.prototype.$message.error(ex.data);
+      }
+      return Promise.resolve(ex.data ? ex.data : ex);//错误处理了，直接返回成功，要判断response.rtnCode=200再处理
+    });
+  },
+  SliceUpload(url, params, scripts) {
+    return Axios.post(url, params, {
+      headers: { ...common.getDataDrivenOpts().handler.getRequestHeaders(), ...{ 'Content-Type': 'multipart/form-data' } }
+    }).then((response) => {
+      return this.postThenHandler(response, scripts);
     }).catch((ex) => {
       if (ex.message) {
         Vue.prototype.$message.error(ex.message);

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

@@ -1,71 +1,143 @@
 <template>
   <div style="width: 100%" v-if="model !== null" class="block ct-file" :class="[model.attrs.size ? 'ct-checkbox-' + model.attrs.size : '']">
-    <el-upload :class="disableUpload ? 'ct-upload-display-none' : ''"
-               :disabled="model.lock"
-               :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">
-      <i slot="default" class="el-icon-plus"></i>
-      <div slot="tip" class="el-upload__tip errorMessage" v-show="!valid">
-        {{ validMessage }}
-      </div>
-      <div slot="tip" v-show="model.description" v-html="model.description">
-      </div>
-      <div slot="file" slot-scope="{ file }" :title="file.fileName">
-        <div class="cover-list-item">
-          <el-image fit="fill" :src="file.fileName?file.url:require('../../../assets/blank.png')" style="width: 100px; height: 100px" :z-index="previewZIndex" @click="viewerfile(file)">
-          </el-image>
-          <span class="cover-list-item-span-Default" v-if="model.rightDefault&&model.rightDefault==1&&file.mediaTypeID==2">
-            <i>
-              <el-radio v-model="file.flagDefault" :label="true" @change="handleDefault($event,file)" :disabled="model.lock" title="设为封面">&nbsp;</el-radio>
-            </i>
-          </span>
-          <span class="cover-list-item-span-delete" v-if="!model.lock && file.rightDel">
-            <i class="el-icon-delete" @click="handleRemove(file)"></i>
-          </span>
-          <span class="cover-list-item-span" v-if="model.lock || model.paramName">
-            <!--锁定-->
-            <span v-if="model.lock || !file.rightEdit" class="el-dropdown-link">
-              <span style="width: 80px; height: 26px; display: inline-flex">&nbsp;{{ file.mediaLabelName }}</span>
+    <!--分片上传-->
+    <template v-if="model.type==51">
+      <el-upload :class="disableUpload ? 'ct-upload-display-none' : ''"
+                 :disabled="model.lock"
+                 :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">
+        <i slot="default" class="el-icon-plus"></i>
+        <div slot="tip" class="el-upload__tip errorMessage" v-show="!valid">
+          {{ validMessage }}
+        </div>
+        <div slot="tip" v-show="model.description" v-html="model.description">
+        </div>
+        <div slot="file" slot-scope="{ file }" :title="file.fileName">
+          <div class="cover-list-item">
+            <el-image fit="fill" :src="file.fileName?file.url:require('../../../assets/blank.png')" style="width: 100px; height: 100px" :z-index="previewZIndex" @click="viewerfile(file)">
+            </el-image>
+            <span class="cover-list-item-span-Default" v-if="model.rightDefault&&model.rightDefault==1&&file.mediaTypeID==2">
+              <i>
+                <el-radio v-model="file.flagDefault" :label="true" @change="handleDefault($event,file)" :disabled="model.lock" title="设为封面">&nbsp;</el-radio>
+              </i>
+            </span>
+            <span class="cover-list-item-span-delete" v-if="!model.lock && file.rightDel">
+              <i class="el-icon-delete" @click="handleRemove(file)"></i>
+            </span>
+            <span class="cover-list-item-span" v-if="model.lock || model.paramName">
+              <!--锁定-->
+              <span v-if="model.lock || !file.rightEdit" class="el-dropdown-link">
+                <span style="width: 80px; height: 26px; display: inline-flex">&nbsp;{{ file.mediaLabelName }}</span>
+              </span>
+              <!--复杂分类-->
+              <span v-else-if="model.isComplexClassify" class="el-dropdown-link" @click="classifyFormClickHandle(file)">
+                <span style="width: 80px; height: 26px; display: inline-flex">&nbsp;{{ file.mediaLabelName }}</span>
+                <i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+              <!--简单分类-->
+              <el-dropdown v-else class="el-upload-list__item-preview" trigger="click" placement="top" @command="classifySelectedClickHandle">
+                <span class="el-dropdown-link" @click="classifyClickHandle">
+                  <span style="width: 80px; height: 26px; display: inline-flex">&nbsp;{{ file.mediaLabelName }}</span>
+                  <i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown" class="el-upload-list__item-preview">
+                  <el-dropdown-item v-for="(option, index) in model.optionModel.options" :key="index" :command="{ option: option, file: file }">
+                    {{ option[model.optionModel.optionAttrs.label] }}
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </span>
+          </div>
+          <el-progress type="circle" v-if="file.progressFlag" :percentage="file.loadProgress" :width="96" :height="96" class="file-cirle"></el-progress>
+        </div>
+      </el-upload>
+    </template>
+
+    <!-- 官方上传 -->
+    <template v-else>
+      <el-upload :class="disableUpload ? 'ct-upload-display-none' : ''"
+                 :http-request="SliceUpload"
+                 :disabled="model.lock"
+                 :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">
+        <i slot="default" class="el-icon-plus"></i>
+        <div slot="tip" class="el-upload__tip errorMessage" v-show="!valid">
+          {{ validMessage }}
+        </div>
+        <div slot="tip" v-show="model.description" v-html="model.description">
+        </div>
+        <div slot="file" slot-scope="{ file }" :title="file.fileName">
+          <div class="cover-list-item">
+            <el-image fit="fill" :src="file.fileName?file.url:require('../../../assets/blank.png')" style="width: 100px; height: 100px" :z-index="previewZIndex" @click="viewerfile(file)">
+            </el-image>
+            <span class="cover-list-item-span-Default" v-if="model.rightDefault&&model.rightDefault==1&&file.mediaTypeID==2">
+              <i>
+                <el-radio v-model="file.flagDefault" :label="true" @change="handleDefault($event,file)" :disabled="model.lock" title="设为封面">&nbsp;</el-radio>
+              </i>
             </span>
-            <!--复杂分类-->
-            <span v-else-if="model.isComplexClassify" class="el-dropdown-link" @click="classifyFormClickHandle(file)">
-              <span style="width: 80px; height: 26px; display: inline-flex">&nbsp;{{ file.mediaLabelName }}</span>
-              <i class="el-icon-arrow-down el-icon--right"></i>
+            <span class="cover-list-item-span-delete" v-if="!model.lock && file.rightDel">
+              <i class="el-icon-delete" @click="handleRemove(file)"></i>
             </span>
-            <!--简单分类-->
-            <el-dropdown v-else class="el-upload-list__item-preview" trigger="click" placement="top" @command="classifySelectedClickHandle">
-              <span class="el-dropdown-link" @click="classifyClickHandle">
+            <span class="cover-list-item-span" v-if="model.lock || model.paramName">
+              <!--锁定-->
+              <span v-if="model.lock || !file.rightEdit" class="el-dropdown-link">
+                <span style="width: 80px; height: 26px; display: inline-flex">&nbsp;{{ file.mediaLabelName }}</span>
+              </span>
+              <!--复杂分类-->
+              <span v-else-if="model.isComplexClassify" class="el-dropdown-link" @click="classifyFormClickHandle(file)">
                 <span style="width: 80px; height: 26px; display: inline-flex">&nbsp;{{ file.mediaLabelName }}</span>
                 <i class="el-icon-arrow-down el-icon--right"></i>
               </span>
-              <el-dropdown-menu slot="dropdown" class="el-upload-list__item-preview">
-                <el-dropdown-item v-for="(option, index) in model.optionModel.options" :key="index" :command="{ option: option, file: file }">
-                  {{ option[model.optionModel.optionAttrs.label] }}
-                </el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
-          </span>
+              <!--简单分类-->
+              <el-dropdown v-else class="el-upload-list__item-preview" trigger="click" placement="top" @command="classifySelectedClickHandle">
+                <span class="el-dropdown-link" @click="classifyClickHandle">
+                  <span style="width: 80px; height: 26px; display: inline-flex">&nbsp;{{ file.mediaLabelName }}</span>
+                  <i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown" class="el-upload-list__item-preview">
+                  <el-dropdown-item v-for="(option, index) in model.optionModel.options" :key="index" :command="{ option: option, file: file }">
+                    {{ option[model.optionModel.optionAttrs.label] }}
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </span>
+          </div>
+          <el-progress type="circle" v-if="file.progressFlag" :percentage="file.loadProgress" :width="96" :height="96" class="file-cirle"></el-progress>
         </div>
-        <el-progress type="circle" v-if="file.progressFlag" :percentage="file.loadProgress" :width="96" :height="96" class="file-cirle"></el-progress>        
-      </div>
-    </el-upload>
+      </el-upload>
+    </template>
+
   </div>
 </template>
 <script>
   import dynamicElement from "../../mixins/dynamicElement";
+  import { upload, uploadByPieces } from "../../loader/src/ctl/SliceUpload";
   export default {
     name: "ct-file",
     mixins: [dynamicElement],
@@ -103,9 +175,10 @@
     },
     methods: {
       load(data) {
+        debugger
         this.model = data;
         this.classifyClickHandle();
-        if(this.model.action==='' && !this.model.lock){          
+        if (this.model.action === '' && !this.model.lock) {
           this.validMessage = "必须配置上传的URL";
           this.valid = false;
           this.$message.error(this.validMessage);
@@ -257,7 +330,7 @@
             return false;
           }
         }
-        if (this.model.min) {
+        if (this.model.min && this.modelPhotoselect.required) {
           if (this.model.getfileListLength() < this.model.min) {
             //change时需要判断有没有上传图片如果没有图片则不提示
             if (eventName == "change" && this.model.getfileListLength() > 0) {
@@ -270,15 +343,15 @@
             }
             else if (eventName == "remove") {
               this.valid = true;
-            } 
+            }
             return false;
           }
         }
-        if (this.model.rightDefault && this.model.rightDefault==1&& eventName == "valid") {
-          if (this.model.getfileDefault()<=0) {
+        if (this.model.rightDefault && this.model.rightDefault == 1 && eventName == "valid") {
+          if (this.model.getfileDefault() <= 0) {
             this.validMessage = "请设置默认封面";
             this.valid = false;
-            return false; 
+            return false;
           }
         }
         if (eventName == "valid" && !this.validFileClass()) {
@@ -341,7 +414,70 @@
       handleDefault: function (event, file) {
         this.model.setDefault(file);
         // this.selfValidExcute("remove");
-      }
+      },
+      async SliceUpload(options) {
+        const { file, onProgress, onSuccess, onError } = options;
+        if (this.model.action === '' && !this.model.lock) {
+          this.validMessage = "必须配置上传的URL";
+          this.valid = false;
+          this.$message.error(this.validMessage);
+        }
+        // data是上传时附带的额外参数，file是文件
+        let url = this.model.action; //上传文件接口
+        let uid = this.uploadguid();
+        try {
+          let awaitfile = {
+            "url": "",
+            "source": "",
+            "mediaUrl": "",
+            "fileName": "",
+            "flagDefault": "",
+            "mediaTypeID": "",
+            "flagDeleted": "",
+            "actionType": "",
+            "rightDel": "",
+            "rightEdit": "",
+            "rightDownload": "",
+            "mediaLabelID": "",
+            "mediaLabelName": "",
+            "fileExtension": "",
+            "progressFlag": true,
+            "loadProgress": 1,
+            "uid": uid,
+          }
+          this.model.fileList.push(awaitfile);
+
+          file.uid = uid;
+          const res = await uploadByPieces(this.model.action, { file }, this.uploadpro, options);
+          return res;
+
+        } catch (e) {
+          return e;
+        }
+      },
+      S4() {
+        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+      },
+      uploadguid() {
+        return (this.S4() + this.S4() + '-' + this.S4() + '-' + this.S4() + '-' + this.S4() + '-' + this.S4() + this.S4() + this.S4());
+      },
+      uploadpro(uploadOptions, res) {
+
+        if (res.rtnCode != 200 && res.rtnMsg != "") {
+          this.$message.error(res.rtnMsg);
+          return;
+        }
+        const { file, onProgress, onSuccess, onError } = uploadOptions;
+        const Progress = Math.min(100, Math.floor(1E4 * parseInt(res.content.nextOffSet) / parseInt(file.size)) / 100);
+        this.model.setByPieces(res, Progress, file);
+
+        if (res.content.finished == 1) {
+          this.handleChange();
+        }
+      },
+
+
+
     },
   };
 </script>

package/src/centaline/dynamicInputNumber/src/dynamicInputNumber.vue

@@ -95,13 +95,14 @@
       },
       //不能共用的数据校验
       selfValidExcute: function (eventName) {
-        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
-          this.validMessage = this.model.label +" 不能大于 " + this.model.max;
-          this.valid = false;
-          return false;
+        if (eventName === "change") {   
+          if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
+            this.validMessage = this.model.label +" 不能大于 " + this.model.max;
+            this.valid = false;
+            return false;
+          }
         }
-        if (eventName === "valid") {
-          
+        if (eventName === "valid") {          
           if (this.model.min !== "" && parseFloat(this.model.value) < parseFloat(this.model.min)) {
             this.validMessage = this.model.label+" 不能小于 " + this.model.min;
             this.valid = false;

package/src/centaline/dynamicIti/src/dynamicIti.vue

@@ -94,15 +94,17 @@
       },
       //不能共用的数据校验
       selfValidExcute: function (eventName) {
-        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
-          this.validMessage = this.model.label +" 不能大于 " + this.model.max;
-          this.valid = false;
-          return false;
-        }
-        if (this.model.max1 !== "" && parseFloat(this.model.value1) > parseFloat(this.model.max1)) {
-          this.validMessage = this.model.label +" 不能大于 " + this.model.max1;
-          this.valid = false;
-          return false;
+        if (eventName === "change") {
+          if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
+            this.validMessage = this.model.label +" 不能大于 " + this.model.max;
+            this.valid = false;
+            return false;
+          }
+          if (this.model.max1 !== "" && parseFloat(this.model.value1) > parseFloat(this.model.max1)) {
+            this.validMessage = this.model.label +" 不能大于 " + this.model.max1;
+            this.valid = false;
+            return false;
+          }
         }
         if (eventName === "valid") {
           if (this.model.min !== "" && parseFloat(this.model.value) < parseFloat(this.model.min)) {

package/src/centaline/dynamicPhotoSelect/src/dynamicPhotoSelect.vue

@@ -227,7 +227,7 @@ export default {
           return false;
         }
       }
-      if (this.modelPhotoselect.min) {
+      if (this.modelPhotoselect.min && this.modelPhotoselect.required) {
         if (
           this.modelPhotoselect.getfileListLength() < this.modelPhotoselect.min
         ) {

package/src/centaline/dynamicSearchList/src/dynamicTableTip.vue

@@ -46,7 +46,7 @@ export default {
 }
 
 .ct-table-tip-tag {
-  margin-bottom: 10px;
+  /* margin-bottom: 10px; */
   background-color: #fdf6ec;
   border-color: #faecd8;
   width: 100%;

package/src/centaline/dynamicT/src/dynamicT.vue

@@ -177,7 +177,21 @@
             self.forbiddenWordsValue=self.forbiddenWordsValue+' ';
           }
         }        
-      },   
+      },
+      //不能共用的数据校验
+      selfValidExcute: function (eventName) {
+        let flag=true;
+        if(this.model.forbiddenWords && this.model.value){
+          let reg1=new RegExp('#ffff00','g');
+          let res=this.forbiddenWordsValue.match(reg1)
+          if(res && res.length>0){
+            flag=false;
+            this.validMessage="输入文字中包含"+res.length+"个违禁词";
+          }
+          this.valid = flag;
+        }        
+        return flag;
+      }, 
     },
   }
 </script>

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

@@ -267,6 +267,66 @@ const box = function (source, fileSourceList, router, optionApi) {
           Vue.prototype.$message.error(res.rtnMsg);
         }
       },
+      setByPieces(res, Progress, file) {
+        if (res.rtnCode === Enum.ReturnCode.Successful) {
+          //下面的方式绑定，会有一些问题 todo 不强与页面关联
+
+
+          if (res.content.finished == 1) {
+            //下面的方式绑定，会有一些问题 todo 不强与页面关联
+            fileSourceList.push(res.content.media);
+
+            data = rtn.getFileData(res.content.media);
+            data.progressFlag = false;
+            data.loadProgress = 100;
+          }
+          else {
+            data.progressFlag = true;
+            data.loadProgress = Progress;
+          }
+          let i = this.fileList.findIndex(v => v.uid === file.uid);
+          if (i === -1) return;
+
+          Vue.set(file, "url", data.url);
+          Vue.set(file, "source", data.source);
+          Vue.set(file, "mediaUrl", data.mediaUrl);
+          Vue.set(file, "fileName", data.fileName);
+          Vue.set(file, "flagDefault", data.flagDefault);
+          Vue.set(file, "mediaTypeID", data.mediaTypeID);
+          Vue.set(file, "flagDeleted", data.flagDeleted);
+          Vue.set(file, "actionType", data.actionType);
+          Vue.set(file, "rightDel", data.rightDel);
+          Vue.set(file, "rightEdit", data.rightEdit);
+          Vue.set(file, "rightDownload", data.rightDownload);
+          Vue.set(file, "mediaLabelID", data.mediaLabelID);
+          Vue.set(file, "mediaLabelName", data.mediaLabelName);
+          Vue.set(file, "fileExtension", data.fileExtension);
+
+          Vue.set(file, "progressFlag", false);
+          Vue.set(file, "loadProgress", 100);
+
+
+          Vue.set(rtn.fileList, i, {
+            url: data.url,
+            source: data.source,
+            mediaUrl: data.mediaUrl,
+            fileName: data.fileName,
+            flagDefault: data.flagDefault,
+            mediaTypeID: data.mediaTypeID,
+            flagDeleted: data.flagDeleted,
+            actionType: data.actionType,
+            rightDel: data.rightDel,
+            rightEdit: data.rightEdit,
+            rightDownload: data.rightDownload,
+            mediaLabelID: data.mediaLabelID,
+            mediaLabelName: data.mediaLabelName,
+            fileExtension: data.fileExtension,
+            progressFlag: data.progressFlag,
+            loadProgress: data.loadProgress,
+            "uid": file.uid,
+          })
+        }
+      },
       deleteFile(file, forceDelete) {
         for (let i = 0; i < rtn.fileList.length; i++) {
           if (rtn.fileList[i].uid === file.uid) {

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

@@ -0,0 +1,73 @@
+
+async function postFile(api, data, callback) {
+  var xhr = new XMLHttpRequest();
+  xhr.open('POST', api)
+  xhr.onreadystatechange = function () {
+    if (xhr.readyState === 4 && xhr.status === 200) {
+      console.log(xhr.responseText)
+      var rtn = JSON.parse(xhr.responseText);
+      callback(rtn);
+    }
+  }
+  xhr.send(data)
+}
+
+//分片上传
+const uploadByPieces = async (url, { file }, callback, uploadOptions) => {
+  var uploadData = { blockSize: 5 * 1024 * 1024, nextOffSet: 0 };
+  // 获取当前chunk数据
+  const getChunkInfo = (file, data) => {
+    let start = data.nextOffSet;
+    let end = Math.min(file.size, start + data.blockSize);
+    let chunk = file.slice(start, end);
+    return { start, end, chunk };
+  };
+  // 分片上传接口
+  const uploadChunk = async (data) => {
+    return new Promise((resolve, reject) => {
+
+      callback(uploadOptions, data);
+      if (data.rtnCode == 200) {
+        if (data.content.finished != 1) {
+          uploadData.nextOffSet = data.content.nextOffSet;
+          uploadData.blockSize = data.content.blockSize;
+          readChunk(uploadData);
+        }
+      }
+
+    })
+  }
+  function readFile(filechunk) {
+    return new Promise(resolve => {
+      var reader = new FileReader();
+      reader.onload = function (res) {
+        const result = event.target.result
+        resolve(result)
+      }
+      reader.readAsDataURL(filechunk)
+    })
+  }
+
+
+  // 针对单个文件进行chunk上传
+  const readChunk = async (data) => {
+    const { chunk } = getChunkInfo(file, data);
+
+    let filebase64 = (await readFile(chunk));
+    filebase64 = filebase64.split(",")[1];
+    let fetchForm = new FormData();
+    fetchForm.append("fileId", file.uid);
+    fetchForm.append("uploadedSize", uploadData.nextOffSet);
+    fetchForm.append("fileName", file.name);
+    fetchForm.append("fileExtension", file.name.replace(/.+\./, "").toLowerCase());
+    fetchForm.append("fileSize", file.size);
+    fetchForm.append("fileContent", filebase64);
+
+    return postFile(url, fetchForm, uploadChunk);
+  };
+
+  await Promise.all(readChunk(uploadData))
+
+}
+
+export { upload, uploadByPieces }

package/src/centaline/loader/src/ctl/lib/Enum.js

@@ -244,6 +244,10 @@ const Enum = {
     ///  列表的的自定义列
     /// </summary>
     CustomizeColumns: 50,
+    /// <summary>
+    ///  分片上传
+    /// </summary>
+    SliceUpload: 51,
 
   },