From b04ca63a879ffeef552c658c652b911f7d27ae37 Mon Sep 17 00:00:00 2001
From: Anyon <zoujingli@qq.com>
Date: Fri, 24 Jun 2022 14:38:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BE=E7=89=87=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/admin/controller/api/Upload.php |  4 ++--
 app/admin/view/api/image.html       | 36 +++++++++++++++++++++++++++++
 public/static/admin.js              |  7 ++++--
 3 files changed, 43 insertions(+), 4 deletions(-)
 create mode 100644 app/admin/view/api/image.html

diff --git a/app/admin/controller/api/Upload.php b/app/admin/controller/api/Upload.php
index 367139daa..2ae9e1183 100644
--- a/app/admin/controller/api/Upload.php
+++ b/app/admin/controller/api/Upload.php
@@ -147,14 +147,14 @@ class Upload extends Controller
      * @throws \think\db\exception\DbException
      * @throws \think\db\exception\ModelNotFoundException
      */
-    public function modal()
+    public function image()
     {
         SystemFile::mQuery()->layTable(function () {
             $this->title = '文件选择器';
         }, function (QueryHelper $query) {
             $query->where(['status' => 2])->order('id desc');
             $query->like('name,hash')->dateBetween('create_at');
-        });
+        }, realpath(__DIR__ . '/../../view/api/image.html'));
     }
 
     /**
diff --git a/app/admin/view/api/image.html b/app/admin/view/api/image.html
new file mode 100644
index 000000000..ec1214076
--- /dev/null
+++ b/app/admin/view/api/image.html
@@ -0,0 +1,36 @@
+<div class="image-dialog" id="ImageDialog">
+    <div class="image-dialog-head">
+        <div class="pull-right">
+            <a class="layui-btn layui-btn-sm">上传图片</a>
+        </div>
+    </div>
+    <div class="image-dialog-body">
+
+    </div>
+</div>
+
+<style>
+    .image-dialog-head {
+        clear: both;
+        height: 30px;
+        padding: 10px 15px;
+    }
+
+    .image-dialog-body {
+        height: 500px;
+        background: #efefef;
+    }
+</style>
+
+<script>
+    require(['vue'], function (vue) {
+        new vue({
+            el: '#ImageDialog',
+            data: {
+                page: 1,
+                items: []
+            },
+            methods: {}
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/public/static/admin.js b/public/static/admin.js
index 8a95f3255..0b9e64020 100644
--- a/public/static/admin.js
+++ b/public/static/admin.js
@@ -550,7 +550,7 @@ $(function () {
     $.fn.uploadOneImage = function () {
         return this.each(function () {
             if ($(this).data('inited')) return true; else $(this).data('inited', true);
-            var $in = $(this), $bt = $('<a data-file class="uploadimage transition"><span class="layui-icon">&#x1006;</span><span class="layui-icon">&#xe615;</span></a>').data('input', this);
+            var $in = $(this), $bt = $('<a data-file="image" class="uploadimage transition"><span class="layui-icon">&#x1006;</span><span class="layui-icon">&#xe615;</span></a>').data('input', this);
             $bt.attr('data-size', $in.data('size') || 0).attr('data-type', $in.data('type') || 'png,jpg,gif,jpeg').find('span').on('click', function (event) {
                 event.stopPropagation();
                 if ($(this).index() === 0) $bt.attr('style', ''), $in.val(''); else $in.val() && $.previewImage(encodeURI($in.val()));
@@ -835,7 +835,10 @@ $(function () {
 
     /*! 注册 data-file 事件行为 */
     onEvent('click', '[data-file]', function () {
-        if ($(this).data('inited') !== true) (function (that) {
+        // 上传图片，支持单图或多图选择，分别是 images|images
+        if (typeof this.dataset.file === 'string' && /^images?$/.test(this.dataset.file)) {
+            $.form.modal(tapiRoot + '/api.upload/image', this.dataset, '图片管理器')
+        } else if ($(this).data('inited') !== true) (function (that) {
             that.uploadFile(undefined, function () {
                 that.trigger('upload.start');
             });