diff --git a/app/admin/controller/File.php b/app/admin/controller/File.php
new file mode 100644
index 000000000..0a36fce42
--- /dev/null
+++ b/app/admin/controller/File.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace app\admin\controller;
+
+use think\admin\Controller;
+use think\admin\helper\QueryHelper;
+use think\admin\model\SystemFile;
+
+/**
+ * 系统文件管理
+ * Class File
+ * @package app\admin\controller
+ */
+class File extends Controller
+{
+    /**
+     * 存储方式处理
+     * @var string[]
+     */
+    protected $types = [
+        'local'  => '本地服务器存储',
+        'qiniu'  => '七牛云对象存储',
+        'upyun'  => '又拍云USS存储',
+        'alioss' => '阿里云OSS存储',
+        'txcos'  => '腾讯云COS存储'
+    ];
+
+    /**
+     * 系统文件管理
+     * @auth true
+     * @menu true
+     * @throws \think\db\exception\DataNotFoundException
+     * @throws \think\db\exception\DbException
+     * @throws \think\db\exception\ModelNotFoundException
+     */
+    public function index()
+    {
+        SystemFile::mQuery()->layTable(function () {
+            $this->title = '系统文件管理';
+        }, function (QueryHelper $query) {
+            $query->like('name,hash,xext')->dateBetween('create_at');
+        });
+    }
+
+    protected function _page_filter(&$data)
+    {
+        foreach ($data as &$vo) {
+            $vo['ctype'] = $this->types[$vo['type']] ?? $vo['type'];
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/admin/view/api/upload/image.html b/app/admin/view/api/upload/image.html
index 028ed6b4e..1268ffee3 100644
--- a/app/admin/view/api/upload/image.html
+++ b/app/admin/view/api/upload/image.html
@@ -9,7 +9,7 @@
         </div>
     </div>
     <div class="image-dialog-body">
-        <div class="image-dialog-item" v-for="x in items" v-if="show">
+        <div class="image-dialog-item" v-for="x in list" v-if="show">
             <div class="uploadimage" :style="x.style" @click="setValue(x.xurl)"></div>
             <p class="image-dialog-item-name layui-elip" v-text="x.name"></p>
         </div>
@@ -84,15 +84,25 @@
                 page: 1,
                 limit: 15,
                 show: false,
-                $btn: null,
                 keys: '',
-                items: [],
+                list: [],
             },
             created: function () {
                 this.$btn = $('#{$get.id|default=""}');
                 this.loadPage();
             },
             methods: {
+                // 搜索刷新数据
+                search: function () {
+                    this.page = 1;
+                    this.loadPage();
+                },
+                // 设置选择数据
+                setValue: function (url) {
+                    this.$btn.trigger('choose', url);
+                    if (this.$btn.data('input')) $(this.$btn.data('input')).val(url).trigger('change', url);
+                    $('#ImageDialog').parents('.layui-layer-content').next().find('.layui-layer-close').trigger('click');
+                },
                 // 创建分页工具条
                 addPage: function (count) {
                     var that = this;
@@ -105,27 +115,16 @@
                         },
                     });
                 },
-                // 搜索刷新数据
-                search: function () {
-                    this.page = 1;
-                    this.loadPage();
-                },
-                // 设置选择数据
-                setValue: function (url) {
-                    this.$btn.trigger('choose', url);
-                    if (this.$btn.data('input')) $(this.$btn.data('input')).val(url).trigger('change', url);
-                    $('#ImageDialog').parents('.layui-layer-content').next().find('.layui-layer-close').trigger('click');
-                },
                 // 加载页面数据
                 loadPage: function () {
                     var that = this;
                     this.params = {page: this.page, limit: this.limit, output: 'layui.table', name: this.keys || ''};
                     $.form.load('{:url("image")}', this.params, 'get', function (ret) {
-                        that.addPage(ret.count);
-                        that.items = ret.data;
-                        that.items.forEach(function (item) {
+                        that.list = ret.data;
+                        that.list.forEach(function (item) {
                             item.style = 'background-image:url(' + item.xurl + ')';
                         });
+                        that.addPage(ret.count);
                         return false;
                     });
                 },
diff --git a/app/admin/view/file/form.html b/app/admin/view/file/form.html
new file mode 100644
index 000000000..79ea76eeb
--- /dev/null
+++ b/app/admin/view/file/form.html
@@ -0,0 +1,114 @@
+<form action="{:sysuri()}" method="post" data-auto="true" class="layui-form layui-card" data-table-id="UserTable">
+    <div class="layui-card-body padding-left-40">
+
+        <fieldset class="layui-bg-gray">
+            <legend><b class="layui-badge think-bg-violet">用户账号</b></legend>
+
+            <div class="layui-row layui-col-space15">
+                <div class="layui-col-xs2 text-center padding-top-15">
+                    <input type="hidden" name="headimg" value="{$vo.headimg|default=''}">
+                    <script>$('[name=headimg]').uploadOneImage();</script>
+                </div>
+                <div class="layui-col-xs5">
+                    <label class="block relative">
+                        <span class="help-label"><b>登录账号</b>User Name</span>
+                        {if isset($vo) and isset($vo.username)}
+                        <input disabled value='{$vo.username|default=""}' required class="layui-input think-bg-gray">
+                        {else}
+                        <input name="username" value='{$vo.username|default=""}' required pattern="^.{4,}$" placeholder="请输入登录账号" class="layui-input">
+                        {/if}
+                        <span class="help-block">登录账号不能重复并且创建后不能再次修改哦。</span>
+                    </label>
+                </div>
+                <div class="layui-col-xs5">
+                    <label class="block relative">
+                        <span class="help-label"><b>用户名称</b>Nick Name</span>
+                        <input name="nickname" value='{$vo.nickname|default=""}' required placeholder="请输入用户名称" class="layui-input">
+                        <span class="help-block">用于区分用户数据的用户名称，请尽量不要重复。</span>
+                    </label>
+                </div>
+            </div>
+
+        </fieldset>
+
+        {if !empty($bases) || !empty($authorizes)}
+        <fieldset class="layui-bg-gray">
+            <legend><b class="layui-badge think-bg-violet">用户权限</b></legend>
+            {if !empty($bases)}
+            <div class="layui-form-item">
+                <div class="help-label"><b>角色身份</b>Role Identity</div>
+                <div class="layui-textarea help-checks">
+                    {foreach $bases as $base}
+                    <label class="think-checkbox">
+                        {if isset($vo.usertype) and $vo.usertype eq $base.code}
+                        <input type="radio" checked name="usertype" value="{$base.code}" lay-ignore>{$base.name}
+                        {else}
+                        <input type="radio" name="usertype" value="{$base.code}" lay-ignore>{$base.name}
+                        {/if}
+                    </label>
+                    {/foreach}
+                </div>
+            </div>
+            {/if}
+            {if !empty($authorizes)}
+            <div class="layui-form-item">
+                <div class="help-label"><b>访问权限</b>Role Permission</div>
+                <div class="layui-textarea help-checks">
+                    {if isset($vo.username) and $vo.username eq $superName}
+                    <span class="color-desc padding-left-5">超级用户拥所有访问权限，不需要配置权限。</span>
+                    {else}{foreach $authorizes as $authorize}
+                    <label class="think-checkbox">
+                        {if in_array($authorize.id, $vo.authorize)}
+                        <input type="checkbox" checked name="authorize[]" value="{$authorize.id}" lay-ignore>{$authorize.title}
+                        {else}
+                        <input type="checkbox" name="authorize[]" value="{$authorize.id}" lay-ignore>{$authorize.title}
+                        {/if}
+                    </label>
+                    {/foreach}{/if}
+                </div>
+            </div>
+            {/if}
+        </fieldset>
+        {/if}
+
+        <fieldset class="layui-bg-gray">
+            <legend><b class="layui-badge think-bg-violet">用户资料</b></legend>
+            <div class="layui-row layui-col-space15">
+                <div class="layui-col-xs4">
+                    <label class="relative block">
+                        <span class="help-label"><b>联系邮箱</b>Contact Email</span>
+                        <input name="contact_mail" pattern="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" value='{$vo.contact_mail|default=""}' placeholder="请输入联系电子邮箱" class="layui-input">
+                        <span class="color-desc">可选，请填写用户常用的电子邮箱</span>
+                    </label>
+                </div>
+                <div class="layui-col-xs4">
+                    <label class="relative block">
+                        <span class="help-label"><b>联系手机</b>Contact Mobile</span>
+                        <input type="tel" maxlength="11" name="contact_phone" value='{$vo.contact_phone|default=""}' pattern="^1[3-9][0-9]{9}$" placeholder="请输入用户联系手机" class="layui-input">
+                        <span class="color-desc">可选，请填写用户常用的联系手机号</span>
+                    </label>
+                </div>
+                <div class="layui-col-xs4">
+                    <label class="relative block">
+                        <span class="help-label"><b>联系ＱＱ</b>Contact QQ</span>
+                        <input name="contact_qq" pattern="^\d{6,}$" value='{$vo.contact_qq|default=""}' placeholder="请输入常用的联系ＱＱ" class="layui-input">
+                        <span class="color-desc">可选，请填写用户常用的联系ＱＱ号</span>
+                    </label>
+                </div>
+            </div>
+            <label class="layui-form-item block relative margin-top-10">
+                <span class="help-label"><b>用户描述</b>User Remark</span>
+                <textarea placeholder="请输入用户描述" class="layui-textarea" name="describe">{$vo.describe|default=""}</textarea>
+            </label>
+        </fieldset>
+
+    </div>
+
+    <div class="hr-line-dashed"></div>
+    {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
+
+    <div class="layui-form-item text-center">
+        <button class="layui-btn" type='submit'>保存数据</button>
+        <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗？" data-close>取消编辑</button>
+    </div>
+</form>
\ No newline at end of file
diff --git a/app/admin/view/file/index.html b/app/admin/view/file/index.html
new file mode 100644
index 000000000..3abd2c8fa
--- /dev/null
+++ b/app/admin/view/file/index.html
@@ -0,0 +1,44 @@
+{extend name='table'}
+
+{block name="button"}
+<!--{if auth("remove")}-->
+<a data-confirm="确定永久删除这些账号吗？" data-table-id="FileTable" data-action='{:url("remove")}' data-rule="id#{id}" class='layui-btn layui-btn-sm layui-btn-primary'>批量删除</a>
+<!--{/if}-->
+{/block}
+
+{block name="content"}
+<div class="think-box-shadow">
+    {include file='file/index_search'}
+    <table id="FileTable" data-url="{:sysuri('index')}" data-target-search="form.form-search"></table>
+</div>
+<script>
+    $(function () {
+        $('#FileTable').layTable({
+            even: true, height: 'full',
+            sort: {field: 'id', type: 'desc'},
+            where: {type: '{$type|default="index"}'},
+            cols: [[
+                {checkbox: true, fixed: true},
+                {field: 'name', title: '文件名称', minWidth: 120, align: 'center'},
+                {field: 'hash', title: '文件哈希', minWidth: 180, align: 'center'},
+                {field: 'size', title: '文件大小', align: 'center', minWidth: 100, sort: true},
+                {field: 'xext', title: '文件后缀', align: 'center', minWidth: 100, sort: true},
+                {
+                    field: 'isfast', title: '上传方式', align: 'center', minWidth: 100, templet: function (d) {
+                        return d.isfast ? '<b class="color-green">秒传</b>' : '<b class="color-blue">普通</b>';
+                    }
+                },
+                {field: 'ctype', title: '存储方式', align: 'center', minWidth: 80},
+                {field: 'create_at', title: '上传时间', align: 'center', minWidth: 170, sort: true},
+                {toolbar: '#toolbar', title: '操作面板', align: 'center', minWidth: 80, fixed: 'right'}
+            ]]
+        });
+    });
+</script>
+
+<script type="text/html" id="toolbar">
+    <!--{if auth("remove")}-->
+    <a class="layui-btn layui-btn-sm layui-btn-danger" data-action="{:url('remove')}" data-value="id#{{d.id}}">删 除</a>
+    <!--{/if}-->
+</script>
+{/block}
diff --git a/app/admin/view/file/index_search.html b/app/admin/view/file/index_search.html
new file mode 100644
index 000000000..54f0a0c7d
--- /dev/null
+++ b/app/admin/view/file/index_search.html
@@ -0,0 +1,49 @@
+<form class="layui-form layui-form-pane form-search" action="{:sysuri()}" onsubmit="return false" method="get" autocomplete="off">
+
+    <div class="layui-form-item layui-inline">
+        <label class="layui-form-label">文件名称</label>
+        <label class="layui-input-inline">
+            <input name="name" value="{$get.name|default=''}" placeholder="请输入文件名称" class="layui-input">
+        </label>
+    </div>
+
+    <div class="layui-form-item layui-inline">
+        <label class="layui-form-label">文件哈希</label>
+        <label class="layui-input-inline">
+            <input name="hash" value="{$get.hash|default=''}" placeholder="请输入文件哈希" class="layui-input">
+        </label>
+    </div>
+
+    <div class="layui-form-item layui-inline">
+        <label class="layui-form-label">文件后缀</label>
+        <label class="layui-input-inline">
+            <input name="xext" value="{$get.xext|default=''}" placeholder="请输入文件后缀" class="layui-input">
+        </label>
+    </div>
+
+    <div class="layui-form-item layui-inline">
+        <label class="layui-form-label">存储方式</label>
+        <div class="layui-input-inline">
+            <select name="action" lay-search class="layui-select">
+                <option value=''>-- 全部行为 --</option>
+                {foreach $types as $k=>$v}{if isset($get.type) and $k eq $get.type}
+                <option selected value="{$k}">{$v}</option>
+                {else}
+                <option value="{$k}">{$v}</option>
+                {/if}{/foreach}
+            </select>
+        </div>
+    </div>
+
+    <div class="layui-form-item layui-inline">
+        <label class="layui-form-label">上传时间</label>
+        <div class="layui-input-inline">
+            <input data-date-range name="create_at" value="{$get.create_at|default=''}" placeholder="请选择上传时间" class="layui-input">
+        </div>
+    </div>
+
+    <div class="layui-form-item layui-inline">
+        <input type="hidden" name="type" value="{$type|default='index'}">
+        <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
+    </div>
+</form>
\ No newline at end of file