fix

src/components/img-upload/Cropper.vue

@@ -3,31 +3,18 @@
     <div class="cropper-content">
       <!-- 剪裁框 -->
       <div class="cropper">
-        <vueCropper ref="cropper"
+        <vueCropper ref="cropper" :img="option.img" :output-size="option.size" :output-type="option.outputType"
-                    :img="option.img"
+          :info="true" :full="option.full" :can-move="option.canMove" :can-move-box="option.canMoveBox"
-                    :output-size="option.size"
+          :original="option.original" :auto-crop="option.autoCrop" :auto-crop-width="autoCropWidth"
-                    :output-type="option.outputType"
+          :auto-crop-height="autoCropHeight" :fixed-box="option.fixedBox" :fixed="fixed" :fixed-number="fixedNumber"
-                    :info="true"
-                    :full="option.full"
-                    :can-move="option.canMove"
-                    :can-move-box="option.canMoveBox"
-                    :original="option.original"
-                    :auto-crop="option.autoCrop"
-                    :auto-crop-width="autoCropWidth"
-                    :auto-crop-height="autoCropHeight"
-                    :fixed-box="option.fixedBox"
-                    :fixed="fixed"
-                    :fixed-number="fixedNumber"
           @realTime="realTime" />
         <!-- <vueCropper ref="cropper" :img="option.img" :outputSize="option.size" :outputType="option.outputType"></vueCropper> -->
       </div>
       <!-- 预览框 -->
       <div class="show-preview"
         :style="{ 'width': '500px', 'height': '400px', 'overflow': 'hidden', 'margin': '0 25px', 'display': 'flex', 'align-items': 'center' }">
-        <div :style="previews.div"
+        <div :style="previews.div" class="preview">
-             class="preview">
+          <img :src="previews.url" :style="previews.img" />
-          <img :src="previews.url"
-               :style="previews.img" />
         </div>
       </div>
     </div>
@@ -41,10 +28,7 @@
       </div>-->
       <!-- 确认上传按钮 -->
       <div class="upload-btn">
-        <el-button type="primary"
+        <el-button type="primary" :loading="isUpload" :disabled="isDisabled" @click.prevent="uploadImg('blob')">
-                   :loading="isUpload"
-                   :disabled="isDisabled"
-                   @click.prevent="uploadImg('blob')">
           上传
         </el-button>
       </div>
@@ -56,7 +40,7 @@
 import {
   VueCropper
 } from 'vue-cropper'
-import { compress, compressAccurately } from 'image-conversion'
+import { compress, compressAccurately, canvastoDataURL } from 'image-conversion'
 export default {
   components: {
     VueCropper
@@ -95,7 +79,11 @@ export default {
     autoCropHeight: {
       type: Number,
       default: 124
-    }
+    },
+    dataType: {
+      type: String,
+      default: 'form'
+    },
   },
   data () {
     return {
@@ -114,6 +102,7 @@ export default {
         fixedNumber: [1, 0.26], // 截图框比例  (默认:[1:1])
         enlarge: 1
       },
+      imgType: this.dataType === 'form' ? 'image/png' : 'image/jpeg',
       isDisabled: false
     }
   },
@@ -147,9 +136,13 @@ export default {
       const that = this
       if (type === 'blob') {
         this.$refs.cropper.getCropBlob(data => {
-          // compress(data, 1).then(res => {
+          compress(data, {
-          that.$emit('upload', data)
+            size: 100,
-          // })
+            quality: 0.9,
+            type: this.imgType
+          }).then(res => {
+            that.$emit('upload', res)
+          })
         })
       } else {
         this.$refs.cropper.getCropData(data => {

src/components/modules/content.vue

@@ -1,117 +1,64 @@
 <template>
   <!-- 内容 -->
   <div>
-    <el-dialog title="编辑内容"
+    <el-dialog title="编辑内容" :visible.sync="visible" width="700px" custom-class="module" :close-on-click-modal="false"
-               :visible.sync="visible"
-               width="700px"
-               custom-class="module"
-               :close-on-click-modal="false"
       :before-close="close">
-      <el-form ref="form"
+      <el-form ref="form" :model="data.form" :rules="rules" :label-width="data.labelWidth">
-               :model="data.form"
+        <el-form-item v-for="(item, i) in data.forms" :key="i" :prop="item.prop" :label="item.label">
-               :rules="rules"
+          <el-input v-if="item.type === 'input'" v-model="data.form[item.prop]" placeholder="请输入"
-               :label-width="data.labelWidth">
-        <el-form-item v-for="(item, i) in data.forms"
-                      :key="i"
-                      :prop="item.prop"
-                      :label="item.label">
-          <el-input v-if="item.type === 'input'"
-                    v-model="data.form[item.prop]"
-                    placeholder="请输入"
             maxlength="100"></el-input>
-          <el-input v-if="item.type === 'textarea'"
+          <el-input v-if="item.type === 'textarea'" v-model="data.form[item.prop]" type="textarea" placeholder="请输入"
-                    v-model="data.form[item.prop]"
-                    type="textarea"
-                    placeholder="请输入"
             maxlength="300"></el-input>
-          <Editor v-if="item.type === 'editor'"
+          <Editor v-if="item.type === 'editor'" api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
-                  api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
+            v-model="data.form[item.prop]" :init="editorConfig" />
-                  v-model="data.form[item.prop]"
+          <el-upload v-if="item.type === 'upload' && item.width" class="uploader" accept=".jpg,.png,.jpeg,.gif"
-                  :init="editorConfig" />
+            :on-change="res => changeFile(res, data.form)" :show-file-list="false" :action="api.upload"
-          <el-upload v-if="item.type === 'upload' && item.width"
-                     class="uploader"
-                     accept=".jpg,.png,.jpeg,.gif"
-                     :on-change="res => changeFile(res, data.form)"
-                     :show-file-list="false"
-                     :action="api.upload"
             :auto-upload="false">
-            <img v-if="data.form[item.prop]"
+            <img v-if="data.form[item.prop]" :src="data.form[item.prop]" class="avatar">
-                 :src="data.form[item.prop]"
+            <div class="uploader-default" v-else>
-                 class="avatar">
-            <div class="uploader-default"
-                 v-else>
               <i class="el-icon-plus"></i>
               <p>上传图片</p>
             </div>
-            <div slot="tip"
+            <div slot="tip" class="el-upload__tip">
-                 class="el-upload__tip">
               <p>只支持.jpg,.png格式</p>
             </div>
           </el-upload>
-          <el-upload v-if="item.type === 'upload' && !item.width"
+          <el-upload v-if="item.type === 'upload' && !item.width" class="uploader" accept=".jpg,.png,.jpeg"
-                     class="uploader"
+            :on-success="res => uploadSuccess(res, data.form)" :show-file-list="false" :headers="headers"
-                     accept=".jpg,.png,.jpeg"
-                     :on-success="res => uploadSuccess(res, data.form)"
-                     :show-file-list="false"
-                     :headers="headers"
             :action="api.upload">
-            <img v-if="data.form[item.prop]"
+            <img v-if="data.form[item.prop]" :src="data.form[item.prop]" class="avatar">
-                 :src="data.form[item.prop]"
+            <div class="uploader-default" v-else>
-                 class="avatar">
-            <div class="uploader-default"
-                 v-else>
               <i class="el-icon-plus"></i>
               <p>上传图片</p>
             </div>
-            <div slot="tip"
+            <div slot="tip" class="el-upload__tip">
-                 class="el-upload__tip">
               <p>只支持.jpg,.png格式</p>
             </div>
           </el-upload>
           <template v-if="item.type === 'pic'">
-            <img v-if="data.form[item.prop]"
+            <img v-if="data.form[item.prop]" :src="data.form[item.prop]" class="avatar">
-                 :src="data.form[item.prop]"
+            <div class="uploader-default" v-else>
-                 class="avatar">
-            <div class="uploader-default"
-                 v-else>
               <i class="el-icon-picture-outline"></i>
             </div>
           </template>
-          <div v-if="item.type === 'link'"
+          <div v-if="item.type === 'link'" class="flex">
-               class="flex">
+            <el-input class="m-r-10" v-model="data.form.link.linkName"></el-input>
-            <el-input class="m-r-10"
-                      v-model="data.form.link.linkName"></el-input>
             <el-button @click="toLink(data.form)">设置链接</el-button>
           </div>
         </el-form-item>
       </el-form>
-      <span slot="footer"
+      <span slot="footer" class="dialog-footer">
-            class="dialog-footer">
         <el-button @click="$emit('update:visible', false)">取消</el-button>
-        <el-button type="primary"
+        <el-button type="primary" @click="contentSubmit">确定</el-button>
-                   @click="contentSubmit">确定</el-button>
       </span>
     </el-dialog>
 
-    <Link ref="link"
+    <Link ref="link" :visible.sync="linkVisible" :data.sync="linkForm" @linkSubmit="linkSubmit" />
-          :visible.sync="linkVisible"
-          :data.sync="linkForm"
-          @linkSubmit="linkSubmit" />
 
     <!-- 剪裁组件弹窗 -->
-    <el-dialog title="图片裁剪"
+    <el-dialog title="图片裁剪" append-to-body :visible.sync="cropperModel" width="1100px" :close-on-click-modal="false">
-               append-to-body
+      <Cropper ref="cropper" :img-file.sync="file" :is-upload="isUpload" :fixed="fixed" :fixedNumber.sync="fixedNumber"
-               :visible.sync="cropperModel"
+        :autoCropWidth="autoCropWidth" :autoCropHeight="autoCropHeight" :dataType="data.type" @upload="customUpload" />
-               width="1100px"
-               :close-on-click-modal="false">
-      <Cropper ref="cropper"
-               :img-file.sync="file"
-               :is-upload="isUpload"
-               :fixed="fixed"
-               :fixedNumber.sync="fixedNumber"
-               :autoCropWidth="autoCropWidth"
-               :autoCropHeight="autoCropHeight"
-               @upload="customUpload" />
     </el-dialog>
   </div>
 </template>
@@ -294,6 +241,7 @@ export default {
 .radio-wrap {
   display: flex;
   align-items: center;
+
   .el-input {
     width: 200px;
     margin-left: -40px;

src/components/modules/module.vue

@@ -3,40 +3,22 @@
     <!-- 
       模块type: introduce | form | forms | column | columns | history
      -->
-    <el-dialog title="模块管理"
+    <el-dialog title="模块管理" :visible.sync="visible" :width="dialogWidth" custom-class="module"
-               :visible.sync="visible"
+      :close-on-click-modal="false" :before-close="close">
-               :width="dialogWidth"
-               custom-class="module"
-               :close-on-click-modal="false"
-               :before-close="close">
       <template v-if="data.type === 'introduce'">
-        <el-table class="module-table"
+        <el-table class="module-table" :data="data.list" header-align="center" row-key="id">
-                  :data="data.list"
+          <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-                  header-align="center"
-                  row-key="id">
-          <el-table-column type="index"
-                           width="60"
-                           label="序号"
-                           align="center"></el-table-column>
 
-          <el-table-column v-for="(item, i) in data.forms"
+          <el-table-column v-for="(item, i) in data.forms" :key="i" :prop="item.prop" :label="item.label"
-                           :key="i"
+            min-width="130" align="center">
-                           :prop="item.prop"
-                           :label="item.label"
-                           min-width="130"
-                           align="center">
             <template slot-scope="scope">
-              <div v-if="item.type === 'link' && scope.row.link"
+              <div v-if="item.type === 'link' && scope.row.link" class="link-wrap">
-                   class="link-wrap">
                 <span>{{ scope.row.link.linkName }}</span>
               </div>
 
               <template v-else-if="item.type === 'upload'">
-                <img v-if="scope.row.pic"
+                <img v-if="scope.row.pic" :src="scope.row.pic" class="upload-pic">
-                     :src="scope.row.pic"
+                <div class="upload-none" v-else>
-                     class="upload-pic">
-                <div class="upload-none"
-                     v-else>
                   <i class="el-icon-picture-outline"></i>
                 </div>
               </template>
@@ -44,241 +26,137 @@
             </template>
           </el-table-column>
 
-          <el-table-column label="操作"
+          <el-table-column label="操作" :width="data.sort ? 150 : 100" align="center">
-                           :width="data.sort ? 150 : 100"
-                           align="center">
             <template slot-scope="scope">
               <div class="flex a-center">
-                <el-switch v-model="scope.row.isEnable"
+                <el-switch v-model="scope.row.isEnable" :active-value="1" :inactive-value="0">
-                           :active-value="1"
-                           :inactive-value="0">
                 </el-switch>
-                <i class="el-icon-edit-outline del"
+                <i class="el-icon-edit-outline del" @click="editIntro(scope.row, scope.$index)"></i>
-                   @click="editIntro(scope.row, scope.$index)"></i>
                 <template v-if="data.sort">
-                  <i v-if="scope.$index != data.list.length - 1"
+                  <i v-if="scope.$index != data.list.length - 1" class="el-icon-bottom del"
-                     class="el-icon-bottom del"
                     @click="sort(1, scope.$index)"></i>
-                  <i v-if="scope.$index"
+                  <i v-if="scope.$index" class="el-icon-top del" @click="sort(0, scope.$index)"></i>
-                     class="el-icon-top del"
-                     @click="sort(0, scope.$index)"></i>
                 </template>
-                <i class="el-icon-delete del"
+                <i class="el-icon-delete del" @click="delRow(data.list, scope.$index)"></i>
-                   @click="delRow(data.list, scope.$index)"></i>
               </div>
             </template>
           </el-table-column>
         </el-table>
         <div class="plus">
-          <i class="el-icon-circle-plus-outline"
+          <i class="el-icon-circle-plus-outline" @click="addRow"></i>
-             @click="addRow"></i>
         </div>
       </template>
-      <el-form v-else-if="data.type === 'form' || data.type === 'forms'"
+      <el-form v-else-if="data.type === 'form' || data.type === 'forms'" ref="form" :model="data.form" :rules="rules"
-               ref="form"
-               :model="data.form"
-               :rules="rules"
         label-width="70px">
-        <el-form-item v-for="(item, i) in data.forms"
+        <el-form-item v-for="(item, i) in data.forms" :key="i" :prop="item.prop" :label="item.label">
-                      :key="i"
+          <el-input v-if="item.type === 'input'" v-model="data.form[item.prop]" placeholder="请输入"
-                      :prop="item.prop"
-                      :label="item.label">
-          <el-input v-if="item.type === 'input'"
-                    v-model="data.form[item.prop]"
-                    placeholder="请输入"
             maxlength="100"></el-input>
-          <el-input v-if="item.type === 'textarea'"
+          <el-input v-if="item.type === 'textarea'" v-model="data.form[item.prop]" type="textarea" placeholder="请输入"
-                    v-model="data.form[item.prop]"
-                    type="textarea"
-                    placeholder="请输入"
             maxlength="300"></el-input>
-          <div v-if="item.type === 'upload' || item.type === 'video' || item.type === 'media'"
+          <div v-if="item.type === 'upload' || item.type === 'video' || item.type === 'media'" class="uploader-wrap">
-               class="uploader-wrap">
+            <el-upload v-if="item.type === 'upload'" class="uploader" accept=".jpg,.png,.jpeg,.gif"
-            <el-upload v-if="item.type === 'upload'"
+              :on-change="res => changeFile(res, data.form)" :show-file-list="false" :headers="headers"
-                       class="uploader"
-                       accept=".jpg,.png,.jpeg,.gif"
-                       :on-change="res => changeFile(res, data.form)"
-                       :show-file-list="false"
-                       :headers="headers"
               :action="api.upload">
-              <img v-if="data.form.pic && !isVideo(data.form.mediaType)"
+              <img v-if="data.form.pic && !isVideo(data.form.mediaType)" :src="data.form.pic" class="avatar">
-                   :src="data.form.pic"
+              <div class="uploader-default" v-else>
-                   class="avatar">
-              <div class="uploader-default"
-                   v-else>
                 <i class="el-icon-plus"></i>
                 <p>上传图片</p>
               </div>
-              <div slot="tip"
+              <div slot="tip" class="el-upload__tip">
-                   class="el-upload__tip">
                 <p>只支持.jpg,.png格式</p>
               </div>
             </el-upload>
-            <el-upload v-if="item.type === 'video'"
+            <el-upload v-if="item.type === 'video'" accept=".mp4,.mov,.avi"
-                       accept=".mp4,.mov,.avi"
+              :on-success="res => uploadSuccess(res, data.form, item)" :before-remove="beforeRemove"
-                       :on-success="res => uploadSuccess(res, data.form, item)"
+              :on-remove="(file, fileList) => handleRemove(file, fileList, data.form, item.prop)" :file-list="fileList"
-                       :before-remove="beforeRemove"
+              :headers="headers" :action="api.upload">
-                       :on-remove="(file, fileList) => handleRemove(file, fileList, data.form, item.prop)"
-                       :file-list="fileList"
-                       :headers="headers"
-                       :action="api.upload">
 
               <el-button>上传视频</el-button>
-              <div slot="tip"
+              <div slot="tip" class="el-upload__tip">
-                   class="el-upload__tip">
                 <p>请上传大小1G以内的视频</p>
               </div>
             </el-upload>
             <!-- 图片视频都可上传 -->
-            <el-upload v-if="item.type === 'media'"
+            <el-upload v-if="item.type === 'media'" :on-success="res => uploadSuccess(res, data.form, item)"
-                       :on-success="res => uploadSuccess(res, data.form, item)"
               :before-remove="beforeRemove"
-                       :on-remove="(file, fileList) => handleRemove(file, fileList, data.form, item.prop)"
+              :on-remove="(file, fileList) => handleRemove(file, fileList, data.form, item.prop)" :file-list="fileList"
-                       :file-list="fileList"
+              :headers="headers" :action="api.upload">
-                       :headers="headers"
-                       :action="api.upload">
               <el-button>上传资源</el-button>
             </el-upload>
-            <i v-if="!item.required"
+            <i v-if="!item.required" class="el-icon-delete del" @click="data.form[item.prop] = ''"></i>
-               class="el-icon-delete del"
-               @click="data.form[item.prop] = ''"></i>
           </div>
-          <div v-if="item.type === 'link'"
+          <div v-if="item.type === 'link'" class="flex">
-               class="flex">
+            <el-input class="m-r-10" v-model="data.form.link.linkName"></el-input>
-            <el-input class="m-r-10"
-                      v-model="data.form.link.linkName"></el-input>
             <el-button @click="toLink(data.form)">设置链接</el-button>
           </div>
-          <Editor v-if="item.type === 'editor'"
+          <Editor v-if="item.type === 'editor'" api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
-                  api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
+            v-model="data.form[item.prop]" :init="editorConfig" />
-                  v-model="data.form[item.prop]"
-                  :init="editorConfig" />
         </el-form-item>
       </el-form>
-      <el-form v-else-if="data.type === 'column' || data.type === 'columns'"
+      <el-form v-else-if="data.type === 'column' || data.type === 'columns'" ref="form" :model="data.form"
-               ref="form"
+        :rules="columnRules" label-width="100px">
-               :model="data.form"
+        <el-form-item prop="site" label="站点选择">
-               :rules="columnRules"
+          <el-select v-model="data.form.site" @change="siteChange">
-               label-width="100px">
+            <el-option v-for="item in $refs.link.sites" :key="item.id" :label="item.siteName" :value="item.id">
-        <el-form-item prop="site"
-                      label="站点选择">
-          <el-select v-model="data.form.site"
-                     @change="siteChange">
-            <el-option v-for="item in $refs.link.sites"
-                       :key="item.id"
-                       :label="item.siteName"
-                       :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item prop="column"
+        <el-form-item prop="column" label="关联栏目">
-                      label="关联栏目">
+          <el-cascader ref="links" v-model="data.form.column" :options="columns" :props="columnProps" clearable
-          <el-cascader ref="links"
-                       v-model="data.form.column"
-                       :options="columns"
-                       :props="columnProps"
-                       clearable
             @change="columnChange"></el-cascader>
         </el-form-item>
         <el-form-item label="文章展示数量">
           <el-select v-model="data.form.articleNum">
-            <el-option v-for="item in articleNums"
+            <el-option v-for="item in articleNums" :key="item.id" :label="item.name" :value="item.id">
-                       :key="item.id"
-                       :label="item.name"
-                       :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="栏目标题">
-          <el-radio v-model="data.form.columnTitle"
+          <el-radio v-model="data.form.columnTitle" :label="1" @change="columnTitleChange">默认读取关联栏目</el-radio>
-                    :label="1"
-                    @change="columnTitleChange">默认读取关联栏目</el-radio>
           <div class="radio-wrap">
-            <el-radio v-model="data.form.columnTitle"
+            <el-radio v-model="data.form.columnTitle" :label="2" @change="columnTitleChange"></el-radio>
-                      :label="2"
+            <el-input v-model="data.form.columnTitleCustom" :disabled="data.form.columnTitle == 1" size="small"
-                      @change="columnTitleChange"></el-radio>
-            <el-input v-model="data.form.columnTitleCustom"
-                      :disabled="data.form.columnTitle == 1"
-                      size="small"
               maxlength="100"></el-input>
           </div>
         </el-form-item>
       </el-form>
       <template v-else-if="data.type === 'history'">
-        <el-table class="module-table"
+        <el-table class="module-table" :data="data.list" header-align="center" row-key="id">
-                  :data="data.list"
+          <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-                  header-align="center"
+          <el-table-column prop="title" label="标题" min-width="140" align="center">
-                  row-key="id">
-          <el-table-column type="index"
-                           width="60"
-                           label="序号"
-                           align="center"></el-table-column>
-          <el-table-column prop="title"
-                           label="标题"
-                           min-width="140"
-                           align="center">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.title"
+              <el-input v-model="scope.row.title" placeholder="请输入" maxlength="100"></el-input>
-                        placeholder="请输入"
-                        maxlength="100"></el-input>
             </template>
           </el-table-column>
-          <el-table-column label="操作"
+          <el-table-column label="操作" width="100" align="center">
-                           width="100"
-                           align="center">
             <template slot-scope="scope">
               <div class="flex a-center">
-                <el-switch v-model="scope.row.isEnable"
+                <el-switch v-model="scope.row.isEnable" :active-value="1" :inactive-value="0">
-                           :active-value="1"
-                           :inactive-value="0">
                 </el-switch>
-                <i class="el-icon-edit-outline del"
+                <i class="el-icon-edit-outline del" @click="editHistory(scope.row, scope.$index)"></i>
-                   @click="editHistory(scope.row, scope.$index)"></i>
+                <i class="el-icon-delete del" @click="delRow(data.list, scope.$index)"></i>
-                <i class="el-icon-delete del"
-                   @click="delRow(data.list, scope.$index)"></i>
               </div>
             </template>
           </el-table-column>
         </el-table>
         <div class="plus">
-          <i class="el-icon-circle-plus-outline"
+          <i class="el-icon-circle-plus-outline" @click="addRow"></i>
-             @click="addRow"></i>
         </div>
       </template>
-      <span slot="footer"
+      <span slot="footer" class="dialog-footer">
-            class="dialog-footer">
         <el-button @click="$emit('update:visible', false)">取消</el-button>
-        <el-button type="primary"
+        <el-button type="primary" @click="moduleSubmit">确定</el-button>
-                   @click="moduleSubmit">确定</el-button>
       </span>
     </el-dialog>
-    <Link ref="link"
+    <Link ref="link" :data.sync="linkForm" :visible.sync="linkVisible" @linkSubmit="linkSubmit" />
-          :data.sync="linkForm"
+    <Content :data.sync="data" :visible.sync="contentVisible" @contentSubmit="contentSubmit" />
-          :visible.sync="linkVisible"
+    <History :data.sync="data" :list.sync="historyData" :form.sync="data.form" :visible.sync="historyVisible"
-          @linkSubmit="linkSubmit" />
-    <Content :data.sync="data"
-             :visible.sync="contentVisible"
-             @contentSubmit="contentSubmit" />
-    <History :data.sync="data"
-             :list.sync="historyData"
-             :form.sync="data.form"
-             :visible.sync="historyVisible"
       @historySubmit="historySubmit" />
 
     <!-- 剪裁组件弹窗 -->
-    <el-dialog title="图片裁剪"
+    <el-dialog title="图片裁剪" append-to-body :visible.sync="cropperModel" width="1100px" :close-on-click-modal="false">
-               append-to-body
+      <Cropper ref="cropper" :img-file.sync="file" :is-upload="isUpload" :fixed="fixed" :fixedNumber.sync="fixedNumber"
-               :visible.sync="cropperModel"
+        :autoCropWidth="autoCropWidth" :autoCropHeight="autoCropHeight" :dataType="data.type" @upload="customUpload" />
-               width="1100px"
-               :close-on-click-modal="false">
-      <Cropper ref="cropper"
-               :img-file.sync="file"
-               :is-upload="isUpload"
-               :fixed="fixed"
-               :fixedNumber.sync="fixedNumber"
-               :autoCropWidth="autoCropWidth"
-               :autoCropHeight="autoCropHeight"
-               @upload="customUpload" />
     </el-dialog>
   </div>
 </template>
@@ -652,6 +530,7 @@ export default {
 .radio-wrap {
   display: flex;
   align-items: center;
+
   .el-input {
     width: 200px;
     margin-left: -40px;

src/pages/column/add/index.vue

@@ -666,7 +666,7 @@ export default {
         }
 
         let url = this.form.columnBanner
-        url && this.$del(this.api.delFile, [url.split('/').pop()]).then(res => { }).catch(e => { }) // 删除替换掉的图片
+        // url && this.$del(this.api.delFile, Util.rsa([url.split('/').pop()])).then(res => { }).catch(e => { }) // 删除替换掉的图片
         this.form.columnBanner = data.url
         this.fileId = data.id
       }).catch(res => { })

src/setting.js

@@ -4,7 +4,6 @@
 const isDev = process.env.NODE_ENV === 'development' // 开发环境
 let host = `${location.origin}/`
 
-
 const Setting = {
   /**
    * 基础配置