视频上传生成封面图调整

src/components/CommodityMan/materialMan.vue

@@ -280,8 +280,7 @@
         checkList: [],
         checkAllList: [],
         checkAll: false,
- 
-
+        uploadLoadingObj: null, //视频上传提示loaging
       }
     },
     created() {
@@ -324,7 +323,6 @@
           while (n--) {
             u8Arr[n] = bstr.charCodeAt(n); // 将每个字节赋值到u8Arr中
           }
-
           var newFile = new File([u8Arr], fileName, {
             type: mime
           }); // 返回新生成的文件对象
@@ -333,6 +331,9 @@
             if (res.resultCode == 1) {
               that.addpageMsg.Image = res.FileUrl;
               that.addPageList();
+              if (that.uploadLoadingObj) {
+                that.uploadLoadingObj.close();
+              }
             }
           })
         }
@@ -541,10 +542,15 @@
           }
         })
       },
-
       //上传视频
       UploadVideo(file) {
         var that = this;
+        that.uploadLoadingObj = this.$loading({
+          lock: true,
+          text: '正在上传视频,请稍后...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
         // this.UploadSelfFile(this.FileType().Video, file.file, res => {
         //   if (res.resultCode == 1) {
         //     that.addpageMsg.Image = res.VideoCoverImg;
@@ -568,7 +574,6 @@
       },
       beforeAvatarUpload(file) {
         this.getTimes(file); //
-
       },
       getTimes(file) { //获取时长
         var content = file;

src/components/global/Choosevideo.vue

@@ -157,6 +157,7 @@
         },
         selectId: -1,
         emitmsg: {},
+        uploadLoadingObj: null,
       }
     },
     computed: {
@@ -196,7 +197,6 @@
           canvas.height = 140;
           canvas.getContext('2d').drawImage(video, 0, 0, video.clientWidth, video.clientHeight)
           base64Str = canvas.toDataURL('image/jpeg');
-          console.log("base64Str", base64Str)
           var arr = base64Str.split(','); // 分隔base64编码的头部信息
           var mime = arr[0].match(/:(.*?);/)[1]; // 获取MIME类型
           var bstr = atob(arr[1]); // Base64解码
@@ -214,11 +214,13 @@
             if (res.resultCode == 1) {
               that.addpageMsg.Image = res.FileUrl;
               that.addPageList();
+              if (that.uploadLoadingObj) {
+                that.uploadLoadingObj.close();
+              }
             }
           })
         }
       },
-
       Time(value) {
         var theTime = parseInt(value); // 秒
         var middle = 0; // 分
@@ -270,6 +272,12 @@
         //     that.$forceUpdate();
         //   }
         // })
+        that.uploadLoadingObj = this.$loading({
+          lock: true,
+          text: '正在上传视频,请稍后...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
         this.UploadFileToTencent(this.FileType().Video, file.file, res => {
           if (res.resultCode == 1) {
             if (that.addpageMsg.Type == 2) {

src/plug/index.js

@@ -54,7 +54,7 @@ export default {
 
       //域名管理对象
       Vue.prototype.domainManager = function () {
-      let domainUrl = "http://localhost:5000";
+        let domainUrl = "http://192.168.10.68:8200";
         // let domainUrl = "https://mallapi.oytour.com";
         let javaUrl = 'http://192.168.10.214:8018';
         let vtUploadUrl = "http://192.168.10.214:8120";
@@ -174,14 +174,13 @@ export default {
       },
       //上传文件到云存储
       Vue.prototype.UploadFileToTencent = function (path, fileObj, callback) {
-        // debugger;
         var upInfo = JSON.parse(localStorage.uploadInfo);
         let maxSize = 500 * 1024
         if ((fileObj.type == "image/png" || fileObj.type == "image/jpeg") && fileObj.size > maxSize) {
           let that = this
           lrz(fileObj, {
               width: 750,
-              quality: 0.8
+              quality: 0.9
             })
             .then(function (rst) {
               //成功时执行
@@ -374,7 +373,7 @@ export default {
         var TenantId = "0"; //商户Id
         var EmpId = 0; //员工编号【员工登录时使用】
         if (this.getLocalStorage() != null) {
-          token = this.getLocalStorage().Token ;
+          token = this.getLocalStorage().Token;
           key = this.getLocalStorage().SecretKey;
           MallBaseId = this.getLocalStorage().MallBaseId;
           TenantId = this.getLocalStorage().TenantId;
@@ -578,7 +577,7 @@ export default {
         window.open(newUrl.href, '_blank');
       },
       // iframe-甲鹤 提交数据
-      Vue.prototype.i_post = function (cmd, msg, successCall, faildCall,) {
+      Vue.prototype.i_post = function (cmd, msg, successCall, faildCall, ) {
         var apiurl = this.domainManager().DomainUrl + cmd;
         var postData = this.Get_i_Data(cmd, msg, "");
         this.$http.post(apiurl, postData, {
@@ -604,7 +603,7 @@ export default {
         msg = {}
       }
       var timestamp = (new Date()).valueOf();
-      let apiData={}
+      let apiData = {}
       if (localStorage.getItem('iframeData')) {
         apiData = JSON.parse(localStorage.getItem('iframeData'))
       }
@@ -626,7 +625,7 @@ export default {
         cmd: cmdStr,
         MallBaseId: 5,
         TenantId: TenantId,
-        EmpId: 0,//员工编号【员工登录时使用】
+        EmpId: 0, //员工编号【员工登录时使用】
         SmallShopsId: 0,
         MiniAppId: "wxbb033190e0ffa5db",
         OpenId: "ow_7I5cKHQJeQlNJOKoeERRhe6SA",