增加选择器

app/data/controller/Config.php

@@ -34,6 +34,17 @@ class Config extends Controller
         $this->__sysconf('wxapp');
     }
 
+    /**
+     * 邀请二维码设置
+     * @auth true
+     * @menu true
+     */
+    public function jcrop()
+    {
+        $this->title = '邀请二维码设置';
+        $this->fetch();
+    }
+
     /**
      * 内容页面管理
      * @auth true

app/data/view/config/jcrop.html

@@ -0,0 +1,45 @@
+{extend name="../../admin/view/main"}
+
+{block name="content"}
+<div class="think-box-shadow" id="ContentBox">
+
+    <div class="padding-30">
+        <img alt="" style="width:100%;height:auto" id="target" src="https://d3o1694hluedf9.cloudfront.net/market-750.jpg">
+    </div>
+
+    <div class="margin-top-20 text-center">
+        <a class="layui-btn layui-btn-primary">上传图片</a>
+        <a class="layui-btn layui-btn-primary">保存设置</a>
+    </div>
+
+</div>
+<script>
+
+    require(['jquery.jcrop'], function () {
+
+        var jcropApi;
+
+        $('#target').Jcrop({
+            // onChange: showCoords,
+            // onSelect: showCoords,
+            // onRelease: clearCoords
+        }, function () {
+            jcropApi = this;
+        });
+
+        $('#coords').on('change', 'input', function (e) {
+            var x1 = $('#x1').val(), x2 = $('#x2').val();
+            var y1 = $('#y1').val(), y2 = $('#y2').val();
+            jcropApi.setSelect([x1, y1, x2, y2]);
+        });
+    });
+
+
+    $(window).on('resize', function () {
+        (function (height) {
+            $('#ContentBox').css('minHeight', height + 'px')
+        })($('.layui-layout-admin>.layui-body').height() - 120);
+    }).trigger('resize');
+
+</script>
+{/block}

public/static/admin.js

@@ -69,6 +69,7 @@ require.config({
         'ckeditor': ['plugs/ckeditor/ckeditor'],
         'websocket': ['plugs/socket/websocket'],
         'pcasunzips': ['plugs/jquery/pcasunzips'],
+        'jquery.jcrop': ['plugs/jquery/jcrop/jcrop'],
         'jquery.ztree': ['plugs/ztree/ztree.all.min'],
         'jquery.masonry': ['plugs/jquery/masonry.min'],
         'jquery.autocompleter': ['plugs/jquery/autocompleter.min'],
@@ -76,6 +77,7 @@ require.config({
     shim: {
         'excel': {deps: [baseRoot + 'plugs/layui_exts/excel.js']},
         'websocket': {deps: [baseRoot + 'plugs/socket/swfobject.min.js']},
+        'jquery.jcrop': {deps: ['jquery', 'css!' + baseRoot + 'plugs/jquery/jcrop/jcrop.css']},
         'jquery.ztree': {deps: ['jquery', 'css!' + baseRoot + 'plugs/ztree/zTreeStyle/zTreeStyle.css']},
         'jquery.autocompleter': {deps: ['jquery', 'css!' + baseRoot + 'plugs/jquery/autocompleter.css']},
     }

vendor/services.php

@@ -1,5 +1,5 @@
 <?php 
-// This file is automatically generated at:2021-03-01 12:04:40
+// This file is automatically generated at:2021-03-01 13:14:30
 declare (strict_types = 1);
 return array (
   0 => 'think\\admin\\Library',