裁剪优化和背景图优化

src/components/common/cropper.vue

@@ -96,9 +96,12 @@
             guides: true,
             highlight: true,
             cropBoxMovable: true,
+            zoomable: true,
             cropBoxResizable: this.cropOption.cropBoxResizable,//是否显示等比例缩放
             minCropBoxWidth: this.cropOption.minCropBoxWidth,// 剪切区域的最小宽度
             minCropBoxHeight: this.cropOption.minCropBoxHeight, // 剪切区域的最小高度
+            // minContainerHeight: 3000,
+            // minCanvasHeight: 3000,
             toggleDragModeOnDblclick: false,
             // aspectRatio: 75/42,
             aspectRatio: this.cropOption.aspectRatio,// 显示等比例缩放的比例
@@ -109,12 +112,28 @@
                 width: this.cropOption.width,
                 height: this.cropOption.height
               })
-              this.cropper.setCropBoxData({
-                width: 100,
-                height: 100
-              })
-              // this.cropper.zoomTo(1);
+              // this.cropper.setCropBoxData({
+              //   width: 750,
+              //   height: 100
+              // })
+              // this.cropper.move(1, -1).rotate(0).scale(1, -1);
+            },
+            cropstart:(event) => {
+              console.log(event.detail.originalEvent);
+              console.log(event.detail.action);
+
+              if(this.cropOption.aspectRatio == 0){
+              if(event.detail.action == "w"
+                || event.detail.action == "e"
+                || event.detail.action == "se"
+                || event.detail.action == "sw"
+                || event.detail.action == "ne"
+                || event.detail.action == "nw"){
+                event.preventDefault();
+              }
+              }
             },
+
             // zoom: function (event) {
             //   // Keep the image in its natural size
             //   if (event.detail.oldRatio === 1) {

src/views/yqrange/create-live.vue

@@ -576,11 +576,11 @@
 
           },
           antiScreenCap: "0",
-          backgroundImageId: "0",
+          backgroundImageId: "",
           // backgroundImageIdTemp: "0",
           // backgroundImages: [],// 直播背景图
         },
-        backgroundImageIdTemp: '0',
+        backgroundImageIdTemp: '',
         backgroundImageUrlTemp: "",
         backgroundImages: [],
         backgroundImageUrl: "",
@@ -798,10 +798,11 @@
       //上传直播简介
       beforeUploadPic1(file) {
         vm.cropperIndex = 10;
-        // this.currentOption.aspectRatio = /3;
+        this.currentOption.aspectRatio = 0;
         this.currentOption.cropBoxResizable = true;
         this.currentOption.minCropBoxWidth = 750;
-        // this.currentOption.minCropBoxHeight = 120;
+        this.currentOption.minCropBoxHeight = 120;
+        this.currentOption.width = 750;
         let fileLimit = {
           width: 750,
           height: 3000,