t

dist/static/css/chunk-15354fba.f98fe8d6.css

@@ -0,0 +1 @@
+.dashboard-container[data-v-bf30625c]{width:100%;height:calc(100vh - 84px);overflow-y:auto;background-color:#1f2d3d}.scoped-num[data-v-bf30625c]{min-width:1280px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 20px 0}.scoped-num .sn-wrap[data-v-bf30625c]{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.scoped-num .sn-item[data-v-bf30625c]{padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.scoped-num .sn-item .sn-label[data-v-bf30625c]{padding-top:20px;color:#8cdacc;font-size:18px}.scoped-num .sn-item .dv-digital-flop[data-v-bf30625c]{display:inline-block;margin-bottom:10px}.scoped-count[data-v-bf30625c]{padding:20px;display:inline-block;min-width:1280px;-webkit-box-sizing:border-box;box-sizing:border-box}.scoped-count .sc-row[data-v-bf30625c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 20px}.scoped-count .sc-col[data-v-bf30625c]{width:400px;padding:10px}.scoped-count .sc-wrap[data-v-bf30625c]{padding:50px 20px 20px}.scoped-count .sc-user[data-v-bf30625c]{width:400px;height:300px;padding-top:60px;text-align:center}.scoped-count .sc-user .t[data-v-bf30625c]{color:#fff;font-size:20px;padding-top:10px;font-weight:700}

dist/static/css/chunk-b7dd9406.5b66a235.css

@@ -1 +0,0 @@
-.dashboard-container[data-v-3261465d]{width:100%;height:calc(100vh - 84px);overflow-y:auto;background-color:#1f2d3d}.scoped-num[data-v-3261465d]{min-width:1280px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 20px 0}.scoped-num .sn-wrap[data-v-3261465d]{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.scoped-num .sn-item[data-v-3261465d]{padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.scoped-num .sn-item .sn-label[data-v-3261465d]{padding-top:20px;color:#8cdacc;font-size:18px}.scoped-num .sn-item .dv-digital-flop[data-v-3261465d]{display:inline-block;margin-bottom:10px}.scoped-count[data-v-3261465d]{padding:20px;display:inline-block;min-width:1280px;-webkit-box-sizing:border-box;box-sizing:border-box}.scoped-count .sc-row[data-v-3261465d]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 20px}.scoped-count .sc-col[data-v-3261465d]{width:400px;padding:10px}.scoped-count .sc-wrap[data-v-3261465d]{padding:50px 20px 20px}.scoped-count .sc-user[data-v-3261465d]{width:400px;height:300px;padding-top:60px;text-align:center}.scoped-count .sc-user .t[data-v-3261465d]{color:#fff;font-size:20px;padding-top:10px;font-weight:700}

src/components/Common/BaseForm.vue

@@ -598,15 +598,13 @@ export default {
       }
     },
     cuImgOpen(file, fileList) {
-      const isLt10M = file.size / 1024 / 1024 < 10
+      const isLt10M = file.size / 1024 / 1024 < 1000
       if (!isLt10M) {
-        this.$msgw('上传文件大小不能超过 10MB!')
+        this.$msgw('上传文件大小不能超过 1000MB!')
         return false
       }
       this.$nextTick(() => {
         let cObj = this.curData[this.curFormIndex]
-        console.log(this.curFormIndex)
-        console.log(cObj)
         this.uploadObj = {
           url: URL.createObjectURL(file.raw),
           file,

src/components/Common/CropperImg.vue

@@ -18,7 +18,7 @@
           <vueCropper
             ref="cropper"
             :img="option.img"
-            :outputSize="option.size"
+            :outputSize="option.outputSize"
             :outputType="option.outputType"
             :autoCropWidth="option.autoCropWidth"
             :autoCropHeight="option.autoCropHeight"
@@ -37,9 +37,17 @@
             :fixedBox="option.fixedBox">
           </vueCropper>
         </div>
+        <template v-if="option.autoCropWidth * option.enlarge > preImgOptions.w || option.autoCropHeight * option.enlarge > preImgOptions.h">
+          <div class="su-tips t2">当前上传图片尺寸过小(宽度{{preImgOptions.w}}px,宽度{{preImgOptions.h}}px)，最低尺寸(宽度{{option.autoCropWidth * option.enlarge}}px+,宽度{{option.autoCropHeight * option.enlarge}}px+)</div>
+        </template>
+        <template v-else>
+          <div class="su-tips">原图尺寸(宽度{{preImgOptions.w}}px,宽度{{preImgOptions.h}}px)，最低尺寸(宽度{{option.autoCropWidth * option.enlarge}}px+,宽度{{option.autoCropHeight * option.enlarge}}px+)</div>
+        </template>
       </div>
       <div class="xl-form">
-        <div class="xl-form-footer">
+        <div class="xl-form-footer padding20">
+          <el-button class="xl-form-btn t3" @click="rotateLeft">逆90°旋转</el-button>
+          <el-button class="xl-form-btn t3" @click="rotateRight">顺90°旋转</el-button>
           <el-button class="xl-form-btn t2" @click="close">关 闭</el-button>
           <el-button class="xl-form-btn t1" @click="close('confirm')">确 定</el-button>
         </div>
@@ -61,7 +69,7 @@ export default {
       option: {
         img: '', //裁剪图片的地址
         outputSize: 1, // 裁剪生成图片的质量
-        outputType: 'jpg', // 裁剪生成图片的格式
+        outputType: 'jpeg', // 裁剪生成图片的格式
         full: false, // 是否输出原图比例的截图
         info: true, // 图片大小信息
         canScale: true, // 图片是否允许滚轮缩放
@@ -80,12 +88,23 @@ export default {
         // mode: 'cover', // 图片默认渲染方式
         maxImgSize: 750 // 限制图片最大宽度和高度
       },
+      preImgOptions: {
+        h: 0,
+        w: 0,
+      }
     }
   },
   watch: {
     isShow: function(val) {
       if (val) {
         this.option.img = this.curObj.url
+        let nImg = new Image()
+        nImg.src = this.curObj.url
+          // console.log(nImg)
+        nImg.onload = () => {
+          this.preImgOptions.h = nImg.height
+          this.preImgOptions.w = nImg.width
+        }
         const options = this.curObj.options || {}
         if (options.w) this.option.autoCropWidth = options.w
         if (options.h) this.option.autoCropHeight = options.h
@@ -93,6 +112,12 @@ export default {
     },
   },
   methods: {
+    rotateRight () {
+      this.$refs.cropper.rotateRight()
+    },
+    rotateLeft () {
+      this.$refs.cropper.rotateLeft()
+    },
     close(str) {
       if (str === 'confirm') {
         this.$refs.cropper.getCropBlob((data) => {
@@ -134,5 +159,13 @@ export default {
     width: auto;
     height: 500px;
   }
+  .su-tips {
+    padding-top: 10px;
+    color: #666;
+    &.t2 {
+      color: #f00;
+      font-weight: bold;
+    }
+  }
 }
 </style>

src/views/house/components/popup/IndexEdit.vue

@@ -359,7 +359,13 @@ export default {
         // { label: '是否新房', key: 'is_new', type: 'select', class: 'c-3', options: this.$dictData.sys_yesno, rules: 1 },
         // { label: '梯户比', label2: '如:2梯4户', key: 'stairs_rate', class: 'c-3' },
         { label: '不利因素', key: 'minus_points' },
-        { label: '楼盘图', key: 'pri_image', class: 'c-3', type: 'upload', rules: 1 },
+        { label: '楼盘图', key: 'pri_image', class: 'c-3', type: 'cuImg',
+          options: {
+            w: 375,
+            h: 300,
+            SY: 1,
+          }
+        , rules: 1 },
         { label: '简评', key: 'remarked', class: 'c-3s', type: 'textarea' },
       ]
       params.pri_image = this.IMadd(params.pri_image)

src/views/news/components/popup/IndexEdit.vue

@@ -77,7 +77,11 @@ export default {
         { label: '作者', key: 'author', class: 'c-2' },
         { label: '状态', key: 'hide_status', type: 'select', class: 'c-2', options: this.$dictData.hide_status },
         { label: '发布时间', key: 'create_at', class: 'c-2', type: 'datePicker', type2: 'date'},
-        { label: '主图', key: 'pri_image', type: 'uploads', class: 'c-2' },
+        { label: '主图', key: 'pri_image', type: 'cuImg',
+          options: {
+            w: 500,
+            h: 350,
+          }, class: 'c-2' },
         { label: '关联楼盘', key: 'estate_id_list', type: 'selectRemote', multiple: true, changeHandle: this.deviceChange,
           remoteParams: { skey: 'estate_name', api: `house.admestatelist?search_EQ_status=1`, opKey: 'estate_name', opVal: 'id' },
           remoteOptions: remoteOptionsIds

src/views/news/components/popup/IndexEditSelf.vue

@@ -78,7 +78,11 @@ export default {
         { label: '标题', key: 'title' },
         { label: '分类', key: 'information_category', type: 'select', class: 'c-2', options: this.$dictData.information_category, changeHandle: this.cateChange },
         { label: '作者', key: 'author', class: 'c-2' },
-        { label: '主图', key: 'pri_image', type: 'uploads', class: 'c-2' },
+        { label: '主图', key: 'pri_image', type: 'cuImg',
+          options: {
+            w: 500,
+            h: 350,
+          }, class: 'c-2' },
         { label: '状态', key: 'hide_status', type: 'select', class: 'c-2', options: this.$dictData.hide_status },
         { label: '时间', key: 'create_at', type: 'datePicker', type2: 'date'},
         { label: '楼盘', key: 'estate_id_list', type: 'selectRemote', multiple: true, changeHandle: this.deviceChange,

src/views/school/components/popup/IndexEdit.vue

@@ -123,7 +123,12 @@ export default {
           { label: '学校类型', key: 'school_type', type: 'select', class: 'c-2', options: this.$dictData.school_type, changeHandle: this.typeChange },
           // { label: '学校分类', key: 'school_cate', type: 'select', class: 'c-2', options: this.$dictData.school_cate },
           { label: '学校预警', key: 'school_warn', type: 'select', class: 'c-2', options: this.$dictData.school_warn },
-          { label: '主图', key: 'pri_image', type: 'upload', class: 'c-2' },
+          { label: '主图', key: 'pri_image', type: 'cuImg',
+            options: {
+              w: 375,
+              h: 300,
+              SY: 1,
+            }, class: 'c-2' },
           { label: '学区范围图', key: 'district_img', type: 'upload', class: 'c-2' },
           { label: '学区范围', key: 'district',type: 'textarea' },
           { label: '对口楼盘', key: 'estate_dk_list', multiple: true, type: 'selectRemote',