# 2022-02-15

### 1.3.6 开源社区版：
【调整】应广大会员需求，平台设计上传图片从裁剪上传，调整后直接录入图片地址或本地非裁剪上传。
### 0.1.8 会员专业版：
【调整】平台设计上传图片从裁剪上传，调整后直接录入图片地址或本地非裁剪上传。
【修复】调整下单地址实现2行被遮挡问题。
【修复】修复下单地址未记录街道地址问题，导致订单地址可能出现误差的异常。
【修复】修复核销【提货单】详情图片未限制大小导致容易被撑破的问题。
【修复】修复核销【服务券】详情图片未限制大小导致容易被撑破的问题。
【升级】升级腾讯云COS云存储组件。
【降级】SixLabors.ImageSharp海报组件降级到1.04版本。解决海报生成问题。#I4SWCC
【修复】修复接龙模块列表图片未限制大小导致容易被撑破的问题。

CoreCms.Net.Web.Admin/wwwroot/lib/custom/js/main.js

@@ -232,7 +232,7 @@ var allWidget = {
                     "brandId": '', //所选品牌id
                     "limit": 10,
                     "column": 2, //分裂数量
-                    "isShow":true,
+                    "isShow": true,
                     "list": [
                         {
                             "image": "/static/images/common/empty-banner.png",
@@ -538,7 +538,7 @@ Vue.component('upload-img', {
     props: ['index', "item"],
     methods: {
         upload: function () {
-            this.$emit('upload-img')
+            this.$emit('upload-img');
         }
     }
 })
@@ -1032,27 +1032,27 @@ Vue.component('layout-config', {
         },
         upImage: function (index, item) {
             var _that = this;
-            layui.use(['admin', 'coreHelper', 'cropperImg'],
-                function () {
-                    var $ = layui.$, coreHelper = layui.coreHelper, cropperImg = layui.cropperImg;
-                    cropperImg.cropImg({
-                        aspectRatio: 16 / 9,
-                        imgSrc: _that.selectWg.value.list[index].image,
-                        onCrop: function (data) {
-                            var loadIndex = layer.load(2);
-                            coreHelper.Post("api/Tools/UploadFilesFByBase64", { base64: data }, function (res) {
-                                if (0 === res.code) {
-                                    _that.$set(_that.selectWg.value.list[index], 'image', res.data.fileUrl)
-                                    layer.msg(res.msg);
-                                    layer.close(loadIndex);
-                                } else {
-                                    layer.close(loadIndex);
-                                    layer.msg(res.msg, { icon: 2, anim: 6 });
-                                }
-                            });
-                        }
-                    });
-                })
+            layui.use(['form', 'table'], function () {
+                layui.admin.popup({
+                    title: '图片设置',
+                    area: ['800px', '300px'],
+                    id: 'LAY-app-CoreCmsCommon-GetNoticeIds',
+                    success: function (layero, indexChild) {
+                        layui.view(this.id).render('common/getUpLoad', null).done(function () {
+                            layui.form.on('submit(LAY-app-getUpLoad-submit)',
+                                function (data) {
+                                    console.log(data);
+                                    _that.$set(_that.selectWg.value.list[index], 'image', data.field.imagesUrl)
+                                    layer.close(indexChild);
+                                });
+                        });
+                    }
+                    , btn: ['确定', '取消']
+                    , yes: function (index, layero) {
+                        layero.contents().find("#LAY-app-getUpLoad-submit").click();
+                    }
+                });
+            });
         },
         upTopSlideBgImage: function (index, item) {
             var _that = this;
@@ -1188,7 +1188,6 @@ Vue.component('layout-config', {
             })
         },
 
-
         selectNotice: function () {
             var that = this;
             layui.use(['form', 'table'], function () {

CoreCms.Net.Web.Admin/wwwroot/views/common/getUpLoad.html

@@ -0,0 +1,76 @@
+<script type="text/html" template lay-done="layui.data.done(d);">
+    <div class="layui-form coreshop-form layui-form-pane">
+        <blockquote class="layui-elem-quote">
+            请选择小于5M的图片进行裁剪上传
+        </blockquote>
+        <div class="layui-form-item">
+            <div class="layui-inline">
+                <label class="layui-form-label">图像地址：</label>
+                <div class="layui-input-inline layui-inline-8">
+                    <input name="imagesUrl" id="imagesUrl" type="text" class="layui-input" lay-verify="required|url" lay-reqText="可手动输入地址或点击上传" />
+                </div>
+                <div class="layui-input-inline">
+                    <img class="coreshop-upload-img" id="viewImgBoximageUrl" src="{{ layui.setter.noImagePicUrl }}">
+                    <button type="button" class="layui-btn" id="upBtn" lay-active="doCropperImg">上传图片</button>
+                    <div id="viewTextBox"></div>
+                </div>
+            </div>
+        </div>
+
+        <div class="layui-form-item core-hidden">
+            <div class="layui-input-block">
+                <div class="layui-footer">
+                    <input type="button" class="layui-btn" lay-submit lay-filter="LAY-app-getUpLoad-submit" id="LAY-app-getUpLoad-submit" value="确认添加">
+                </div>
+            </div>
+        </div>
+    </div>
+</script>
+
+
+<script>
+    var debug = layui.setter.debug;
+    layui.data.done = function (d) {
+        //开启调试情况下获取接口赋值数据
+        if (debug) { console.log(d); }
+        layui.use(['index', 'table', 'laydate', 'upload', 'coreHelper'],
+            function () {
+                var $ = layui.$
+                    , admin = layui.admin
+                    , table = layui.table
+                    , form = layui.form
+                    , laydate = layui.laydate
+                    , setter = layui.setter
+                    , coreHelper = layui.coreHelper
+                    , upload = layui.upload
+                    , view = layui.view;
+
+                //普通图片上传
+                var uploadInst = upload.render({
+                    elem: '#upBtn'
+                    , url: layui.setter.apiUrl + 'Api/Tools/UploadFiles'
+                    , before: function (obj) {
+                        obj.preview(function (index, file, result) {
+                            $('#viewImgBox').attr('src', result);
+                        });
+                    }
+                    , done: function (res) {
+                        if (res.code > 0) { return layer.msg('上传失败'); }
+                        layer.msg('上传成功');
+                        $("#imagesUrl").val(res.data.fileUrl);
+                    }
+                    , error: function () {
+                        var viewTextBox = $('#viewTextBox');
+                        viewTextBox.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
+                        viewTextBox.find('.demo-reload').on('click', function () {
+                            uploadInst.upload();
+                        });
+                    }
+                });
+
+                //重载form
+                form.render();
+
+            });
+    };
+</script>