From ebbfac27742a041187cd70537406caf33b07d430 Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Thu, 17 Jul 2025 20:39:09 +0800
Subject: [PATCH] =?UTF-8?q?refactor(front):=20=E9=87=8D=E6=9E=84=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF=E7=BB=84=E4=BB=B6=E5=B9=B6=E4=BC=98=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了多个无用的组件和文件
- 更新了部分组件的实现方式
- 优化了代码结构和样式
- 修复了CuteSimpleTable、CuteDragTable组件，在无数据时，数据表格不刷新问题
---
 cutejava/README.md => README.MD               |  31 +-
 cutejava-front/README.md                      |  10 +-
 cutejava-front/src/api/system/dictDetail.js   |   2 +-
 cutejava-front/src/api/system/job.js          |   2 +-
 .../src/components/JavaEdit/index.vue         |  77 -----
 .../src/components/WangEditor/index.vue       |  93 ------
 .../views/components/base/CodemirrorDemo.vue  |  18 --
 .../views/components/base/DragTableDemo.vue   |  71 -----
 .../src/views/components/base/Editor.vue      |  35 ---
 .../src/views/components/base/MarkDown.vue    |  55 ----
 .../src/views/components/base/YamlEdit.vue    | 207 ------------
 .../components/business/CuteDeptTree.vue      |   9 +-
 .../components/business/CuteUserSelect.vue    |   7 -
 .../views/components/business/DemoShow.vue    |  52 ----
 .../views/components/dev/CuteCodeEditor.vue   | 117 +++++++
 .../views/components/dev/CuteDragTable.vue    |  14 +-
 .../views/components/dev/CuteFormDialog.vue   |  33 +-
 .../views/components/dev/CuteFormDrawer.vue   |  91 ++++++
 .../views/components/dev/CuteJavaEditor.vue   |  87 ++++++
 .../src/views/components/dev/CuteMarkdown.vue |  72 +++++
 .../views/components/dev/CuteOneKeyCopy.vue   |   1 +
 .../components/dev/CuteRichTextEditor.vue     | 294 ++++++++++++++++++
 .../views/components/dev/CuteSimpleTable.vue  |  14 +-
 .../components/dev/CuteYamlEditor.vue}        |  46 ++-
 .../src/views/system/dept/index.vue           |   6 +-
 .../src/views/system/menu/index.vue           |   2 +-
 .../src/views/system/role/index.vue           |   4 +-
 .../src/views/system/user/index.vue           |   4 +-
 readme.md                                     |   1 -
 29 files changed, 757 insertions(+), 698 deletions(-)
 rename cutejava/README.md => README.MD (73%)
 delete mode 100644 cutejava-front/src/components/JavaEdit/index.vue
 delete mode 100644 cutejava-front/src/components/WangEditor/index.vue
 delete mode 100644 cutejava-front/src/views/components/base/CodemirrorDemo.vue
 delete mode 100644 cutejava-front/src/views/components/base/DragTableDemo.vue
 delete mode 100644 cutejava-front/src/views/components/base/Editor.vue
 delete mode 100644 cutejava-front/src/views/components/base/MarkDown.vue
 delete mode 100644 cutejava-front/src/views/components/base/YamlEdit.vue
 delete mode 100644 cutejava-front/src/views/components/business/DemoShow.vue
 create mode 100644 cutejava-front/src/views/components/dev/CuteCodeEditor.vue
 create mode 100644 cutejava-front/src/views/components/dev/CuteFormDrawer.vue
 create mode 100644 cutejava-front/src/views/components/dev/CuteJavaEditor.vue
 create mode 100644 cutejava-front/src/views/components/dev/CuteMarkdown.vue
 create mode 100644 cutejava-front/src/views/components/dev/CuteRichTextEditor.vue
 rename cutejava-front/src/{components/YamlEdit/index.vue => views/components/dev/CuteYamlEditor.vue} (51%)
 delete mode 100644 readme.md

diff --git a/cutejava/README.md b/README.MD
similarity index 73%
rename from cutejava/README.md
rename to README.MD
index 907ef08e..6641d630 100644
--- a/cutejava/README.md
+++ b/README.MD
@@ -52,24 +52,33 @@ https://github.com/odboy-tianjun/cutejava
 - 存储管理：本地存储、Minio存储
 - 服务监控：监控服务器的负载情况
 
-#### 丰富的自定义组件
+#### 前端基础组件
+
+> 组件所在路径：cutejava-front/src/views/components/dev
 
 - CuteSimpleTable 简单表格
 - CuteDragTable 支持拖拽的表格
 - CuteFormDialog 支持表单的对话框
+- CuteRichTextEditor 富文本编辑器
+- CuteOneKeyCopy 一键复制
+- CuteMarkdown Markdown编辑器
+- CuteJavaEditor Java编辑器（已弃用）
+- CuteYamlEditor Yaml编辑器（已弃用）
+- CuteCodeEditor 多语言编辑器（支持yaml、java、go、swift、dockerfile、groovy、lua、perl、python、ruby、sql、xml、vue）
+
+#### 前端业务组件
+
+> 组件所在路径：cutejava-front/src/views/components/business
+
+- CuteDeptTree 部门树
+- CuteUserSelect 用户多选框
 
 #### 系统模块
 
-- cutejava-framework：系统基础框架，提供核心功能，如：权限、数据权限、异常处理、缓存、工具类、接口限流、接口防重、接口幂等。
-- cutejava-system：系统功能模块，提供用户、角色、菜单、部门、岗位、字典、定时任务、邮件、Minio存储、服务监控等功能
-- cutejava-pipeline：流水线模块，参考阿里云云效，提供流水线功能，可配置流水线任务，并支持任务依赖、任务参数、任务参数校验、任务参数回填。
+- cutejava-framework：系统基础框架。提供核心功能，如：权限、数据权限、异常处理、缓存、工具类、接口限流、接口防重、接口幂等。
+- cutejava-system：系统功能模块。提供用户、角色、菜单、部门、岗位、字典、定时任务、邮件、Minio存储、服务监控等功能
+- cutejava-devops：devops模块，已实现流水线功能。参考阿里云云效，提供流水线功能，可配置流水线任务，并支持任务依赖、任务参数、任务参数校验、任务参数回填。
 
 #### 特别鸣谢
 
-- 感谢 [PanJiaChen](https://github.com/PanJiaChen/vue-element-admin) 大佬提供的前端模板
-
-- 感谢 [Moxun](https://github.com/moxun1639) 大佬提供的前端 Curd 通用组件
-
-- 感谢 [zhy6599](https://gitee.com/zhy6599) 大佬提供的后端运维管理相关功能
-
-- 感谢 [j.yao.SUSE](https://github.com/everhopingandwaiting) 大佬提供的匿名接口与Redis限流等功能
+- 感谢 [elunez](https://github.com/elunez/eladmin-mp) 大佬提供的基础框架
diff --git a/cutejava-front/README.md b/cutejava-front/README.md
index 5fe66784..e6e1db9a 100644
--- a/cutejava-front/README.md
+++ b/cutejava-front/README.md
@@ -61,12 +61,4 @@ https://www.ydyno.com/archives/1219.html
 
 #### 特别鸣谢
 
-- 感谢 [JetBrains](https://www.jetbrains.com/) 提供的非商业开源软件开发授权
-
-- 感谢 [PanJiaChen](https://github.com/PanJiaChen/vue-element-admin) 大佬提供的前端模板
-
-- 感谢 [Moxun](https://github.com/moxun1639) 大佬提供的前端 Crud 通用组件
-
-- 感谢 [zhy6599](https://gitee.com/zhy6599) 大佬提供的后端运维管理相关功能
-
-- 感谢 [j.yao.SUSE](https://github.com/everhopingandwaiting) 大佬提供的匿名接口与Redis限流等功能
+- 感谢 [elunez](https://github.com/elunez/eladmin-mp) 大佬提供的基础框架
diff --git a/cutejava-front/src/api/system/dictDetail.js b/cutejava-front/src/api/system/dictDetail.js
index cf7aede8..9f83c667 100644
--- a/cutejava-front/src/api/system/dictDetail.js
+++ b/cutejava-front/src/api/system/dictDetail.js
@@ -3,7 +3,7 @@ import request from '@/utils/request'
 export function get(dictName) {
   const params = {
     page: 1,
-    size: 999999,
+    size: 9999999,
     args: {
       dictName: dictName
     }
diff --git a/cutejava-front/src/api/system/job.js b/cutejava-front/src/api/system/job.js
index dc4ed860..8ed716d0 100644
--- a/cutejava-front/src/api/system/job.js
+++ b/cutejava-front/src/api/system/job.js
@@ -3,7 +3,7 @@ import request from '@/utils/request'
 export function queryAllEnableJob() {
   const params = {
     page: 1,
-    size: 999999,
+    size: 9999999,
     args: {
       enabled: true
     }
diff --git a/cutejava-front/src/components/JavaEdit/index.vue b/cutejava-front/src/components/JavaEdit/index.vue
deleted file mode 100644
index 7bb78bec..00000000
--- a/cutejava-front/src/components/JavaEdit/index.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <div class="json-editor">
-    <textarea ref="textarea" />
-  </div>
-</template>
-
-<script>
-import CodeMirror from 'codemirror'
-import 'codemirror/lib/codemirror.css'
-// 替换主题这里需修改名称
-import 'codemirror/theme/idea.css'
-import 'codemirror/mode/clike/clike'
-export default {
-  props: {
-    value: {
-      type: String,
-      required: true
-    },
-    height: {
-      type: String,
-      required: true
-    }
-  },
-  data() {
-    return {
-      editor: false
-    }
-  },
-  watch: {
-    value(value) {
-      const editorValue = this.editor.getValue()
-      if (value !== editorValue) {
-        this.editor.setValue(this.value)
-      }
-    },
-    height(value) {
-      this.editor.setSize('auto', this.height)
-    }
-  },
-  mounted() {
-    this.editor = CodeMirror.fromTextArea(this.$refs.textarea, {
-      mode: 'text/x-java',
-      lineNumbers: true,
-      lint: true,
-      lineWrapping: true,
-      tabSize: 2,
-      cursorHeight: 0.9,
-      // 替换主题这里需修改名称
-      theme: 'idea',
-      readOnly: false
-    })
-    this.editor.setSize('auto', this.height)
-    this.editor.setValue(this.value)
-  },
-  methods: {
-    getValue() {
-      return this.editor.getValue()
-    }
-  }
-}
-</script>
-
-<style scoped>
-  .json-editor{
-    height: 100%;
-    margin-bottom: 10px;
-  }
-  .json-editor >>> .CodeMirror {
-    font-size: 14px;
-    font-weight:normal
-  }
-  .json-editor >>> .CodeMirror-scroll{
-  }
-  .json-editor >>> .cm-s-rubyblue span.cm-string {
-    color: #F08047;
-  }
-</style>
diff --git a/cutejava-front/src/components/WangEditor/index.vue b/cutejava-front/src/components/WangEditor/index.vue
deleted file mode 100644
index a5df3392..00000000
--- a/cutejava-front/src/components/WangEditor/index.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <div ref="editor" style="border: 1px solid #ccc;">
-    <Toolbar
-      style="border-bottom: 1px solid #ccc"
-      :editor="editor"
-      :default-config="toolbarConfig"
-      :mode="editMode"
-    />
-    <Editor
-      v-model="editValue"
-      :style="{'height': editorHeight +'px', 'overflow-y': 'hidden'}"
-      :default-config="editorConfig"
-      :mode="editMode"
-      @onCreated="onCreated"
-    />
-  </div>
-</template>
-
-<script>
-import { upload } from '@/utils/upload'
-import { Toolbar, Editor } from '@wangeditor/editor-for-vue'
-import { mapGetters } from 'vuex'
-
-export default {
-  name: 'WangEditor',
-  components: { Toolbar, Editor },
-  props: {
-    value: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    editorHeight: {
-      type: Number,
-      required: false,
-      default: 420
-    }
-  },
-  data() {
-    const _this = this
-    return {
-      toolbarConfig: {},
-      editorConfig: { placeholder: '请输入内容...', MENU_CONF: {
-        'uploadImage': {
-          // 选择文件时的类型限制，默认为 ['image/*'] 。如不想限制，则设置为 []
-          allowedFileTypes: ['image/*'],
-          // 自定义上传
-          async customUpload(file, insertFn) { // JS 语法
-            upload(_this.imagesUploadApi, file).then(res => {
-              const data = res.data
-              const url = _this.baseApi + '/file/' + data.type + '/' + data.realName
-              // 最后插入图片
-              insertFn(url, '', '')
-            })
-          }
-        }
-      }},
-      editMode: 'simple',
-      editor: null,
-      editValue: null
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'imagesUploadApi',
-      'baseApi'
-    ])
-  },
-  watch: {
-    editValue(newVal, oldVal) {
-      this.$emit('input', newVal)
-    }
-  },
-  mounted() {
-
-  },
-  methods: {
-    onCreated(editor) {
-      this.editor = Object.seal(editor)
-      this.editValue = this.value
-    }
-  }
-}
-</script>
-<style src="@wangeditor/editor/dist/css/style.css"></style>
-<style scoped>
-.text {
-  text-align:left;
-}
-::v-deep .w-e-text-container {
-  height: 420px !important;
-}
-</style>
diff --git a/cutejava-front/src/views/components/base/CodemirrorDemo.vue b/cutejava-front/src/views/components/base/CodemirrorDemo.vue
deleted file mode 100644
index 3014210c..00000000
--- a/cutejava-front/src/views/components/base/CodemirrorDemo.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <JavaEdit height="500px" :value="form.content" :read-only="false" />
-</template>
-
-<script>
-import JavaEdit from '@/components/JavaEdit/index.vue'
-
-export default {
-  components: { JavaEdit },
-  data() {
-    return {
-      form: {
-        content: ''
-      }
-    }
-  }
-}
-</script>
diff --git a/cutejava-front/src/views/components/base/DragTableDemo.vue b/cutejava-front/src/views/components/base/DragTableDemo.vue
deleted file mode 100644
index 34d1a9ca..00000000
--- a/cutejava-front/src/views/components/base/DragTableDemo.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <!-- el-table中 添加 row-key="id" ，ref 创建拖拽时用到获取表格节点 -->
-  <el-table
-    ref="sortTable"
-    height="300"
-    :data="sortList"
-    row-key="id"
-  >
-    <el-table-column width="50" align="center" prop="orderNum" label="序号" />
-    <el-table-column width="100" align="center" prop="username" label="用户名" />
-    <el-table-column align="center" prop="code" label="编号" />
-    <el-table-column align="center" prop="code" label="编号" />
-    <el-table-column align="center" prop="code" label="编号" />
-    <el-table-column align="center" prop="code" label="编号" />
-    <el-table-column align="center" prop="code" label="编号" />
-    <el-table-column align="center" prop="code" label="编号" />
-    <el-table-column align="center" prop="code" label="编号" />
-    <el-table-column width="100" align="center" prop="sex" label="性别" />
-  </el-table>
-</template>
-
-<script>
-import Sortable from 'sortablejs'
-
-export default {
-  data() {
-    return {
-      sortList: []
-    }
-  },
-  mounted() {
-    const list = []
-    for (let i = 0; i < 10; i++) {
-      list.push({
-        orderNum: i + 1,
-        id: i + 1,
-        username: '用户名' + i,
-        code: i,
-        sex: i % 2 === 0 ? '男' : '女'
-      })
-    }
-    this.sortList = list
-    this.initDragTable()
-  },
-  methods: {
-    // 初始化拖拽功能
-    initDragTable() {
-      const table = this.$refs.sortTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
-      const that = this
-      Sortable.create(table, {
-        animation: 1000,
-        onEnd({ newIndex, oldIndex }) {
-          // 拖拽排序数据
-          that.sortList.splice(newIndex, 0, that.sortList.splice(oldIndex, 1)[0])
-          const newArray = that.sortList.slice(0)
-          that.sortList = [] // 必须有此步骤，不然拖拽后回弹
-          that.$nextTick(function() {
-            that.sortList = newArray // 重新赋值，用新数据来刷新视图
-            this.updateOrderNum(that.sortList)// 更改列表中的序号，使序号1.2.3.4.....显示，不然就是行拖拽后乱序显示如:3.2.4.1...
-          })
-        }
-      })
-    },
-    updateOrderNum(data) {
-      data.forEach((item, index) => {
-        item.orderNum = index + 1
-      })
-    }
-  }
-}
-</script>
diff --git a/cutejava-front/src/views/components/base/Editor.vue b/cutejava-front/src/views/components/base/Editor.vue
deleted file mode 100644
index d84fd845..00000000
--- a/cutejava-front/src/views/components/base/Editor.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <div class="app-container">
-    <p class="warn-content">
-      富文本基于
-      <el-link type="primary" href="https://www.wangeditor.com/v5/getting-started.html" target="_blank">wangEditor</el-link>
-    </p>
-    <el-row :gutter="10">
-      <wang-editor v-model="editorContent" style="height: 500px; overflow-y: hidden;" />
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import WangEditor from '@/components/WangEditor/index.vue'
-
-export default {
-  name: 'Editor',
-  components: { WangEditor },
-  data() {
-    return {
-      editorContent:
-        `更多帮助请查看官方文档`
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'imagesUploadApi',
-      'baseApi'
-    ])
-  },
-  mounted() {
-  }
-}
-</script>
diff --git a/cutejava-front/src/views/components/base/MarkDown.vue b/cutejava-front/src/views/components/base/MarkDown.vue
deleted file mode 100644
index 85876a43..00000000
--- a/cutejava-front/src/views/components/base/MarkDown.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <div class="app-container">
-    <p class="warn-content">
-      Markdown 基于
-      <el-link type="primary" href="https://github.com/hinesboy/mavonEditor" target="_blank">MavonEditor</el-link>
-    </p>
-    <mavon-editor ref="md" :style="'height:' + height" @imgAdd="imgAdd" />
-  </div>
-</template>
-
-<script>
-import { upload } from '@/utils/upload'
-import { mapGetters } from 'vuex'
-import { mavonEditor } from 'mavon-editor'
-import 'mavon-editor/dist/css/index.css'
-
-export default {
-  name: 'Markdown',
-  components: {
-    mavonEditor
-  },
-  data() {
-    return {
-      height: document.documentElement.clientHeight - 200 + 'px'
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'imagesUploadApi',
-      'baseApi'
-    ])
-  },
-  mounted() {
-    const that = this
-    window.onresize = function temp() {
-      that.height = document.documentElement.clientHeight - 200 + 'px'
-    }
-  },
-  methods: {
-    imgAdd(pos, $file) {
-      upload(this.imagesUploadApi, $file).then(res => {
-        const data = res.data
-        const url = this.baseApi + '/file/' + data.type + '/' + data.realName
-        this.$refs.md.$img2Url(pos, url)
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-  .v-note-wrapper.shadow {
-    z-index: 5;
-  }
-</style>
diff --git a/cutejava-front/src/views/components/base/YamlEdit.vue b/cutejava-front/src/views/components/base/YamlEdit.vue
deleted file mode 100644
index f8079205..00000000
--- a/cutejava-front/src/views/components/base/YamlEdit.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-  <div class="app-container">
-    <p class="warn-content">
-      Yaml编辑器 基于
-      <a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirror</a>，
-      主题预览地址 <a href="https://codemirror.net/demo/theme.html#idea" target="_blank">Theme</a>
-    </p>
-    <Yaml :value="value" :height="height" />
-  </div>
-</template>
-
-<script>
-import Yaml from '@/components/YamlEdit/index.vue'
-export default {
-  name: 'YamlEdit',
-  components: { Yaml },
-  data() {
-    return {
-      height: document.documentElement.clientHeight - 210 + 'px',
-      value: '# 展示数据，如需更换主题，请在src/components/YamlEdit 目录中搜索原主题名称进行替换\n' +
-        '\n' +
-        '# ===================================================================\n' +
-        '# Spring Boot configuration.\n' +
-        '#\n' +
-        '# This configuration will be overridden by the Spring profile you use,\n' +
-        '# for example application-dev.yml if you use the "dev" profile.\n' +
-        '#\n' +
-        '# More information on profiles: https://www.jhipster.tech/profiles/\n' +
-        '# More information on configuration properties: https://www.jhipster.tech/common-application-properties/\n' +
-        '# ===================================================================\n' +
-        '\n' +
-        '# ===================================================================\n' +
-        '# Standard Spring Boot properties.\n' +
-        '# Full reference is available at:\n' +
-        '# http://docs.spring.io/spring-boot/docs/current/reference/html/common-application-properties.html\n' +
-        '# ===================================================================\n' +
-        '\n' +
-        'eureka:\n' +
-        '    client:\n' +
-        '        enabled: true\n' +
-        '        healthcheck:\n' +
-        '            enabled: true\n' +
-        '        fetch-registry: true\n' +
-        '        register-with-eureka: true\n' +
-        '        instance-info-replication-interval-seconds: 10\n' +
-        '        registry-fetch-interval-seconds: 10\n' +
-        '    instance:\n' +
-        '        appname: product\n' +
-        '        instanceId: product:${spring.application.instance-id:${random.value}}\n' +
-        '        #instanceId: 127.0.0.1:9080\n' +
-        '        lease-renewal-interval-in-seconds: 5\n' +
-        '        lease-expiration-duration-in-seconds: 10\n' +
-        '        status-page-url-path: ${management.endpoints.web.base-path}/info\n' +
-        '        health-check-url-path: ${management.endpoints.web.base-path}/health\n' +
-        '        metadata-map:\n' +
-        '            zone: primary # This is needed for the load balancer\n' +
-        '            profile: ${spring.profiles.active}\n' +
-        '            version: ${info.project.version:}\n' +
-        '            git-version: ${git.commit.id.query:}\n' +
-        '            git-commit: ${git.commit.id.abbrev:}\n' +
-        '            git-branch: ${git.branch:}\n' +
-        'ribbon:\n' +
-        '    ReadTimeout: 120000\n' +
-        '    ConnectTimeout: 300000\n' +
-        '    eureka:\n' +
-        '        enabled: true\n' +
-        'zuul:\n' +
-        '  host:\n' +
-        '    connect-timeout-millis: 5000\n' +
-        '    max-per-route-connections: 10000\n' +
-        '    max-total-connections: 5000\n' +
-        '    socket-timeout-millis: 60000\n' +
-        '  semaphore:\n' +
-        '    max-semaphores: 500\n' +
-        '\n' +
-        'feign:\n' +
-        '    hystrix:\n' +
-        '        enabled: true\n' +
-        '    client:\n' +
-        '        config:\n' +
-        '            default:\n' +
-        '                connectTimeout: 500000\n' +
-        '                readTimeout: 500000\n' +
-        '\n' +
-        '# See https://github.com/Netflix/Hystrix/wiki/Configuration\n' +
-        'hystrix:\n' +
-        '    command:\n' +
-        '        default:\n' +
-        '            circuitBreaker:\n' +
-        '                sleepWindowInMilliseconds: 100000\n' +
-        '                forceClosed: true\n' +
-        '            execution:\n' +
-        '                isolation:\n' +
-        '#                    strategy: SEMAPHORE\n' +
-        '# See https://github.com/spring-cloud/spring-cloud-netflix/issues/1330\n' +
-        '                    thread:\n' +
-        '                        timeoutInMilliseconds: 60000\n' +
-        '    shareSecurityContext: true\n' +
-        '\n' +
-        'management:\n' +
-        '    endpoints:\n' +
-        '        web:\n' +
-        '            base-path: /management\n' +
-        '            exposure:\n' +
-        '                include: ["configprops", "env", "health", "info", "threaddump"]\n' +
-        '    endpoint:\n' +
-        '        health:\n' +
-        '            show-details: when_authorized\n' +
-        '    info:\n' +
-        '        git:\n' +
-        '            mode: full\n' +
-        '    health:\n' +
-        '        mail:\n' +
-        '            enabled: false # When using the MailService, configure an SMTP server and set this to true\n' +
-        '    metrics:\n' +
-        '        enabled: false # http://micrometer.io/ is disabled by default, as we use http://metrics.dropwizard.io/ instead\n' +
-        '\n' +
-        'spring:\n' +
-        '    application:\n' +
-        '        name: product\n' +
-        '    jpa:\n' +
-        '        open-in-view: false\n' +
-        '        hibernate:\n' +
-        '            ddl-auto: update\n' +
-        '            naming:\n' +
-        '                physical-strategy: org.springframework.boot.orm.jpa.hibernate.SpringPhysicalNamingStrategy\n' +
-        '                implicit-strategy: org.springframework.boot.orm.jpa.hibernate.SpringImplicitNamingStrategy\n' +
-        '    messages:\n' +
-        '        basename: i18n/messages\n' +
-        '    mvc:\n' +
-        '        favicon:\n' +
-        '            enabled: false\n' +
-        '    thymeleaf:\n' +
-        '        mode: HTML\n' +
-        'security:\n' +
-        '    oauth2:\n' +
-        '        resource:\n' +
-        '            filter-order: 3\n' +
-        '\n' +
-        'server:\n' +
-        '    servlet:\n' +
-        '        session:\n' +
-        '            cookie:\n' +
-        '                http-only: true\n' +
-        '\n' +
-        '# Properties to be exposed on the /info management endpoint\n' +
-        'info:\n' +
-        '    # Comma separated list of profiles that will trigger the ribbon to show\n' +
-        '    display-ribbon-on-profiles: "dev"\n' +
-        '\n' +
-        '# ===================================================================\n' +
-        '# JHipster specific properties\n' +
-        '#\n' +
-        '# Full reference is available at: https://www.jhipster.tech/common-application-properties/\n' +
-        '# ===================================================================\n' +
-        '\n' +
-        'jhipster:\n' +
-        '    async:\n' +
-        '        core-pool-size: 2\n' +
-        '        max-pool-size: 50\n' +
-        '        queue-capacity: 10000\n' +
-        '    # By default CORS is disabled. Uncomment to enable.\n' +
-        '    #cors:\n' +
-        '        #allowed-origins: "*"\n' +
-        '        #allowed-methods: "*"\n' +
-        '        #allowed-headers: "*"\n' +
-        '        #exposed-headers: "Authorization,Link,X-Total-Count"\n' +
-        '        #allow-credentials: true\n' +
-        '        #max-age: 1800\n' +
-        '    mail:\n' +
-        '        from: product@localhost\n' +
-        '    swagger:\n' +
-        '        default-include-pattern: /api/.*\n' +
-        '        title: product API\n' +
-        '        description: product API documentation\n' +
-        '        version: 0.0.1\n' +
-        '        terms-of-service-url:\n' +
-        '        contact-name:\n' +
-        '        contact-url:\n' +
-        '        contact-email:\n' +
-        '        license:\n' +
-        '        license-url:\n' +
-        '\n' +
-        '# ===================================================================\n' +
-        '# Application specific properties\n' +
-        '# Add your own application properties here, see the ApplicationProperties class\n' +
-        '# to have type-safe configuration, like in the JHipsterProperties above\n' +
-        '#\n' +
-        '# More documentation is available at:\n' +
-        '# https://www.jhipster.tech/common-application-properties/\n' +
-        '# ===================================================================\n' +
-        '\n' +
-        '# application:\n'
-    }
-  },
-  mounted() {
-    const that = this
-    window.onresize = function temp() {
-      that.height = document.documentElement.clientHeight - 210 + 'px'
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/cutejava-front/src/views/components/business/CuteDeptTree.vue b/cutejava-front/src/views/components/business/CuteDeptTree.vue
index 6d0f5893..57754cdc 100644
--- a/cutejava-front/src/views/components/business/CuteDeptTree.vue
+++ b/cutejava-front/src/views/components/business/CuteDeptTree.vue
@@ -43,18 +43,13 @@ export default {
       currentDept: null
     }
   },
-  watch: {
-    // 监听currentDept变量
-    currentDept(newValue) {
-      this.$emit('input', newValue)
-    }
-  },
   methods: {
     getDeptData(node, resolve) {
       const params = {}
       if (typeof node !== 'object') {
         if (node) {
           params['name'] = node
+          this.$emit('search', node)
         }
       } else if (node.level !== 0) {
         params['pid'] = node.data.id
@@ -62,7 +57,7 @@ export default {
       setTimeout(() => {
         queryDeptList({
           page: 1,
-          size: 999999,
+          size: 9999999,
           args: params
         }).then(res => {
           if (resolve) {
diff --git a/cutejava-front/src/views/components/business/CuteUserSelect.vue b/cutejava-front/src/views/components/business/CuteUserSelect.vue
index 2b5a6829..e4d2a048 100644
--- a/cutejava-front/src/views/components/business/CuteUserSelect.vue
+++ b/cutejava-front/src/views/components/business/CuteUserSelect.vue
@@ -40,12 +40,6 @@ export default {
       options: []
     }
   },
-  watch: {
-    // 监听users变量
-    users(newValue) {
-      this.$emit('input', newValue)
-    }
-  },
   methods: {
     remoteMethod(query) {
       if (query !== '') {
@@ -66,7 +60,6 @@ export default {
     },
     onChange(value) {
       this.$emit('change', value)
-      this.$emit('input', value)
     }
   }
 }
diff --git a/cutejava-front/src/views/components/business/DemoShow.vue b/cutejava-front/src/views/components/business/DemoShow.vue
deleted file mode 100644
index 7b2e13d8..00000000
--- a/cutejava-front/src/views/components/business/DemoShow.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <div style="padding: 50px">
-    <el-form ref="form" :model="form" label-width="80px">
-      <el-form-item label="用户" prop="user">
-        <!-- v-model 本质上是 :value 和 @input 事件的语法糖 -->
-        <cute-user-select v-model="form.user" />
-      </el-form-item>
-      <el-form-item label="部门" prop="dept">
-        <cute-dept-tree v-model="form.dept" />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="onSubmit">立即创建</el-button>
-        <el-button>取消</el-button>
-      </el-form-item>
-    </el-form>
-    <!--    <el-divider content-position="left">用户选择框</el-divider>-->
-    <!--    <cute-user-select @change="onUserSelectChange" />-->
-    <!--    <el-divider content-position="left">部门树</el-divider>-->
-    <!--    <cute-dept-tree @node-click="onDeptTreeNodeClick" />-->
-  </div>
-</template>
-
-<script>
-
-import CuteUserSelect from '@/views/components/business/CuteUserSelect'
-import CuteDeptTree from '@/views/components/business/CuteDeptTree'
-
-export default {
-  name: 'DemoShow',
-  components: { CuteDeptTree, CuteUserSelect },
-  data() {
-    return {
-      form: {
-        user: null,
-        dept: null
-      }
-    }
-  },
-  methods: {
-    onUserSelectChange(data) {
-      console.error('onUserSelectChange=', data)
-    },
-    onDeptTreeNodeClick(data) {
-      console.error('onDeptTreeNodeClick=', data)
-    },
-    onSubmit() {
-      console.error('this.form=', this.form)
-    }
-  }
-}
-</script>
-
diff --git a/cutejava-front/src/views/components/dev/CuteCodeEditor.vue b/cutejava-front/src/views/components/dev/CuteCodeEditor.vue
new file mode 100644
index 00000000..cbb7c962
--- /dev/null
+++ b/cutejava-front/src/views/components/dev/CuteCodeEditor.vue
@@ -0,0 +1,117 @@
+<!--Yaml编辑器 基于-->
+<!--<a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirror</a>，-->
+<!--主题预览地址 <a href="https://codemirror.net/demo/theme.html#idea" target="_blank">Theme</a>-->
+<!--</p>-->
+<!-- mode取值如下：yaml、java、go、swift、dockerfile、groovy、lua、perl、python、ruby、sql、xml、vue -->
+<template>
+  <textarea ref="textarea" />
+</template>
+
+<script>
+import CodeMirror from 'codemirror'
+import 'codemirror/lib/codemirror.css'
+// 替换主题这里需修改名称
+// 主题预览地址 https://blog.csdn.net/qq_41694291/article/details/106429772
+import 'codemirror/theme/darcula.css'
+import 'codemirror/mode/javascript/javascript'
+import 'codemirror/mode/yaml/yaml'
+import 'codemirror/mode/go/go'
+import 'codemirror/mode/swift/swift'
+import 'codemirror/mode/dockerfile/dockerfile'
+import 'codemirror/mode/groovy/groovy'
+import 'codemirror/mode/lua/lua'
+import 'codemirror/mode/perl/perl'
+import 'codemirror/mode/python/python'
+import 'codemirror/mode/ruby/ruby'
+import 'codemirror/mode/sql/sql'
+import 'codemirror/mode/vue/vue'
+import 'codemirror/mode/xml/xml'
+import { Message } from 'element-ui'
+const SupportModeList = ['yaml', 'java', 'go', 'swift', 'dockerfile', 'groovy', 'lua', 'perl', 'python', 'ruby', 'sql', 'xml', 'vue']
+export default {
+  name: 'CuteCodeEditor',
+  props: {
+    content: {
+      type: String,
+      required: true,
+      default: ''
+    },
+    height: {
+      type: String,
+      required: false,
+      default: '500px'
+    },
+    readOnly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    mode: {
+      type: String,
+      required: false,
+      default: 'yaml'
+    }
+  },
+  data() {
+    return {
+      editor: false
+    }
+  },
+  watch: {
+    content(newVal, oldVal) {
+      const editorValue = this.editor.getValue()
+      if (newVal !== editorValue) {
+        this.editor.setValue(newVal)
+      }
+    },
+    height(newVal, oldVal) {
+      this.editor.setSize('auto', newVal)
+    }
+  },
+  mounted() {
+    if (this.mode && SupportModeList.includes(this.mode)) {
+      let mode = 'yaml'
+      if (this.mode === 'java' || this.mode === 'javascript') {
+        mode = 'javascript'
+      } else {
+        mode = this.mode
+      }
+      this.editor = CodeMirror.fromTextArea(this.$refs.textarea, {
+        mode: mode,
+        autoRefresh: true,
+        lineNumbers: true,
+        lint: true,
+        lineWrapping: true,
+        tabSize: 2,
+        cursorHeight: 1,
+        // 替换主题这里需修改名称
+        theme: 'darcula'
+      })
+      this.editor.setSize('auto', this.height)
+      if (this.content) {
+        this.editor.setValue(this.content)
+      }
+      this.editor.setOption('readOnly', this.readOnly)
+      this.editor.on('change', cm => {
+        this.$emit('change', cm.getValue())
+      })
+      return
+    }
+    Message.error('不支持的mode')
+  },
+  methods: {
+    getValue() {
+      if (this.editor == null) {
+        return ''
+      }
+      return this.editor.getValue()
+    },
+    setValue(val) {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.setValue(val)
+    }
+  }
+}
+</script>
diff --git a/cutejava-front/src/views/components/dev/CuteDragTable.vue b/cutejava-front/src/views/components/dev/CuteDragTable.vue
index dbe2065d..9ff3915d 100644
--- a/cutejava-front/src/views/components/dev/CuteDragTable.vue
+++ b/cutejava-front/src/views/components/dev/CuteDragTable.vue
@@ -49,11 +49,6 @@ export default {
       required: true,
       default: null
     },
-    dataSource: {
-      type: Array,
-      required: false,
-      default: null
-    },
     fetch: {
       type: Function,
       required: false,
@@ -94,7 +89,7 @@ export default {
         columns: this.columns && this.columns.length > 0 ? this.columns : [],
         operateColumn: this.operateColumn,
         fetchUrl: null,
-        dataSource: this.dataSource && this.dataSource.length > 0 ? this.dataSource : [],
+        dataSource: [],
         onPageChange: (currentPage, pageSize) => {
           this.pageProps.current = currentPage
           this.pageProps.pageSize = pageSize
@@ -114,11 +109,6 @@ export default {
       this.initDragTable()
     },
     async initData() {
-      // 以dataSource属性为准
-      if (this.dataSource) {
-        this.crud.dataSource = this.dataSource
-        return
-      }
       let params = {}
       // 自定义请求参数
       if (this.paramsTransform) {
@@ -135,7 +125,7 @@ export default {
           if (this.responseTransform) {
             return this.responseTransform(response)
           }
-          if (response && response.totalElements && response.content) {
+          if (response && response.hasOwnProperty('totalElements') && response.hasOwnProperty('content')) {
             this.pageProps.total = response.totalElements
             this.crud.dataSource = response.content
           }
diff --git a/cutejava-front/src/views/components/dev/CuteFormDialog.vue b/cutejava-front/src/views/components/dev/CuteFormDialog.vue
index a97dc923..bec3bc20 100644
--- a/cutejava-front/src/views/components/dev/CuteFormDialog.vue
+++ b/cutejava-front/src/views/components/dev/CuteFormDialog.vue
@@ -1,10 +1,19 @@
 <template>
-  <el-dialog :title="title" :visible.sync="visible" :width="width" :fullscreen="fullscreen" :before-close="beforeClose">
-    <el-form ref="form" :model="form.model" :rules="form.rules">
-      <!-- 这里是插槽，用于渲染传入的 el-form-item -->
-      <slot />
-    </el-form>
-    <div slot="footer" class="dialog-footer">
+  <el-dialog
+    :title="title"
+    :visible.sync="visible"
+    :width="width"
+    :fullscreen="fullscreen"
+    :before-close="beforeClose"
+  >
+    <div class="container-form">
+      <el-form ref="form" :model="form.model" :rules="form.rules">
+        <!-- 这里是插槽，用于渲染传入的 el-form-item -->
+        <slot />
+      </el-form>
+    </div>
+    <el-divider />
+    <div class="dialog-footer" style="padding-right: 30px;text-align: right">
       <el-button type="danger" @click="hidden">取 消</el-button>
       <!--<el-button @click="resetForm('form')">重 置</el-button>-->
       <el-button type="primary" @click="submitForm('form')">提 交</el-button>
@@ -69,4 +78,16 @@ export default {
   }
 }
 </script>
+<style scoped>
+.container-form {
+  overflow-y: scroll; /* 启用滚动 */
+  scrollbar-width: none; /* Firefox */
+  padding-right: 20px;
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+}
+
+.container-form::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera*/
+}
+</style>
 
diff --git a/cutejava-front/src/views/components/dev/CuteFormDrawer.vue b/cutejava-front/src/views/components/dev/CuteFormDrawer.vue
new file mode 100644
index 00000000..6ae67078
--- /dev/null
+++ b/cutejava-front/src/views/components/dev/CuteFormDrawer.vue
@@ -0,0 +1,91 @@
+<template>
+  <el-drawer
+    :title="title"
+    :visible.sync="visible"
+    :size="width"
+    :before-close="beforeClose"
+    :append-to-body="true"
+    :close-on-press-escape="false"
+    :destroy-on-close="true"
+    :show-close="false"
+  >
+    <div class="container-form">
+      <el-form ref="form" :model="form.model" :rules="form.rules">
+        <!-- 这里是插槽，用于渲染传入的 el-form-item -->
+        <slot />
+      </el-form>
+    </div>
+    <el-divider />
+    <div class="dialog-footer" style="padding-right: 30px;text-align: right">
+      <el-button type="danger" @click="hidden">取 消</el-button>
+      <el-button type="primary" @click="submitForm('form')">提 交</el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+
+export default {
+  name: 'CuteFormDrawer',
+  props: {
+    title: {
+      type: String,
+      required: true,
+      default: '默认标题'
+    },
+    width: {
+      type: String,
+      required: false,
+      default: '40%'
+    },
+    form: {
+      type: Object,
+      required: true,
+      default: null
+    }
+  },
+  data() {
+    return {
+      visible: false
+    }
+  },
+  methods: {
+    show() {
+      this.visible = true
+    },
+    hidden() {
+      this.resetForm('form')
+      this.visible = false
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$emit('submit', this.form.model)
+        } else {
+          return false
+        }
+      })
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+    },
+    beforeClose() {
+      this.hidden()
+    }
+  }
+}
+</script>
+<style scoped>
+.container-form {
+  overflow-y: scroll; /* 启用滚动 */
+  scrollbar-width: none; /* Firefox */
+  height: 88%;
+  padding-right: 20px;
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+}
+
+.container-form::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera*/
+}
+</style>
+
diff --git a/cutejava-front/src/views/components/dev/CuteJavaEditor.vue b/cutejava-front/src/views/components/dev/CuteJavaEditor.vue
new file mode 100644
index 00000000..7645ad11
--- /dev/null
+++ b/cutejava-front/src/views/components/dev/CuteJavaEditor.vue
@@ -0,0 +1,87 @@
+<!--Yaml编辑器 基于-->
+<!--<a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirror</a>，-->
+<!--主题预览地址 <a href="https://codemirror.net/demo/theme.html#idea" target="_blank">Theme</a>-->
+<!--</p>-->
+<template>
+  <textarea ref="textarea" />
+</template>
+
+<script>
+import CodeMirror from 'codemirror'
+import 'codemirror/lib/codemirror.css'
+// 替换主题这里需修改名称
+// 主题预览地址 https://blog.csdn.net/qq_41694291/article/details/106429772
+import 'codemirror/theme/darcula.css'
+import 'codemirror/mode/javascript/javascript'
+export default {
+  name: 'CuteJavaEditor',
+  props: {
+    content: {
+      type: String,
+      required: true,
+      default: ''
+    },
+    height: {
+      type: String,
+      required: false,
+      default: '500px'
+    },
+    readOnly: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data() {
+    return {
+      editor: false
+    }
+  },
+  watch: {
+    content(newVal, oldVal) {
+      const editorValue = this.editor.getValue()
+      if (newVal !== editorValue) {
+        this.editor.setValue(newVal)
+      }
+    },
+    height(newVal, oldVal) {
+      this.editor.setSize('auto', newVal)
+    }
+  },
+  mounted() {
+    this.editor = CodeMirror.fromTextArea(this.$refs.textarea, {
+      mode: 'javascript',
+      autoRefresh: true,
+      lineNumbers: true,
+      lint: true,
+      lineWrapping: true,
+      tabSize: 2,
+      cursorHeight: 1,
+      // 替换主题这里需修改名称
+      theme: 'darcula'
+    })
+    this.editor.setSize('auto', this.height)
+    if (this.content) {
+      this.editor.setValue(this.content)
+    }
+    this.editor.setOption('readOnly', this.readOnly)
+    this.editor.on('change', cm => {
+      this.$emit('change', cm.getValue())
+    })
+  },
+  methods: {
+    getValue() {
+      if (this.editor == null) {
+        return ''
+      }
+      return this.editor.getValue()
+    },
+    setValue(val) {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.setValue(val)
+    }
+  }
+}
+</script>
diff --git a/cutejava-front/src/views/components/dev/CuteMarkdown.vue b/cutejava-front/src/views/components/dev/CuteMarkdown.vue
new file mode 100644
index 00000000..0f3012d9
--- /dev/null
+++ b/cutejava-front/src/views/components/dev/CuteMarkdown.vue
@@ -0,0 +1,72 @@
+<!--<p class="warn-content">-->
+<!--Markdown 基于-->
+<!--<el-link type="primary" href="https://github.com/hinesboy/mavonEditor" target="_blank">MavonEditor</el-link>-->
+<!--</p>-->
+<template>
+  <mavon-editor
+    ref="md"
+    v-model="content"
+    :style="`height: + ${height};overflow-y: hidden`"
+    :ishljs="true"
+    @imgAdd="imgAdd"
+    @change="onChange"
+    @save="onSave"
+  />
+</template>
+
+<script>
+import { upload } from '@/utils/upload'
+import { mapGetters } from 'vuex'
+import { mavonEditor } from 'mavon-editor'
+import 'mavon-editor/dist/css/index.css'
+const dynamicHeight = 160
+export default {
+  name: 'CuteMarkdown',
+  components: {
+    mavonEditor
+  },
+  props: {
+    content: {
+      type: String,
+      required: true,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      height: document.documentElement.clientHeight - dynamicHeight + 'px'
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'imagesUploadApi',
+      'baseApi'
+    ])
+  },
+  mounted() {
+    const that = this
+    window.onresize = () => {
+      that.height = document.documentElement.clientHeight - dynamicHeight + 'px'
+    }
+  },
+  methods: {
+    imgAdd(pos, $file) {
+      const that = this
+      upload(that.imagesUploadApi, $file).then(res => {
+        const data = res.data
+        const url = that.baseApi + '/file/' + data.type + '/' + data.realName
+        that.$refs.md.$img2Url(pos, url)
+      })
+    },
+    onChange(value, render) {
+      this.$emit('change', value, render)
+    },
+    onSave(value, render) {
+      this.$emit('save', value, render)
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/cutejava-front/src/views/components/dev/CuteOneKeyCopy.vue b/cutejava-front/src/views/components/dev/CuteOneKeyCopy.vue
index 02454b87..7506cbac 100644
--- a/cutejava-front/src/views/components/dev/CuteOneKeyCopy.vue
+++ b/cutejava-front/src/views/components/dev/CuteOneKeyCopy.vue
@@ -16,6 +16,7 @@ export default {
   props: {
     content: {
       type: String,
+      required: true,
       default: ''
     }
   },
diff --git a/cutejava-front/src/views/components/dev/CuteRichTextEditor.vue b/cutejava-front/src/views/components/dev/CuteRichTextEditor.vue
new file mode 100644
index 00000000..099fc570
--- /dev/null
+++ b/cutejava-front/src/views/components/dev/CuteRichTextEditor.vue
@@ -0,0 +1,294 @@
+<!--富文本基于-->
+<!--<el-link type="primary" href="https://www.wangeditor.com/v5/getting-started.html" target="_blank">wangEditor</el-link>-->
+<template>
+  <div ref="editor" style="border: 1px solid #ccc;">
+    <Toolbar
+      style="border-bottom: 1px solid #ccc"
+      :editor="editor"
+      :default-config="toolbarConfig"
+      :mode="editMode"
+    />
+    <Editor
+      v-model="editValue"
+      :style="`height: 500px;overflow-y: hidden`"
+      :default-config="editorConfig"
+      :mode="editMode"
+      @onCreated="onCreated"
+      @onChange="onChange"
+      @onDestroyed="onDestroyed"
+      @onFocus="onFocus"
+      @onBlur="onBlur"
+      @customAlert="customAlert"
+      @customPaste="customPaste"
+    />
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import '@wangeditor/editor/dist/css/style.css'
+import { Message } from 'element-ui'
+import { upload } from '@/utils/upload'
+import { Toolbar, Editor } from '@wangeditor/editor-for-vue'
+export default {
+  name: 'CuteRichTextEditor',
+  components: { Toolbar, Editor },
+  props: {
+    readOnly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    content: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  },
+  data() {
+    const that = this
+    return {
+      toolbarConfig: {},
+      editorConfig: {
+        placeholder: '请输入内容...',
+        readOnly: that.readOnly,
+        autoFocus: true,
+        scroll: false,
+        // 会造成卡顿
+        // maxLength: this.maxLength
+        MENU_CONF: {
+          'uploadImage': {
+            // 选择文件时的类型限制，默认为 ['image/*'] 。如不想限制，则设置为 []
+            allowedFileTypes: ['image/*'],
+            // 自定义上传
+            async customUpload(file, insertFn) { // JS 语法
+              upload(that.imagesUploadApi, file).then(res => {
+                const data = res.data
+                const url = that.baseApi + '/file/' + data.dateGroup + '/' + data.realName
+                // 最后插入图片
+                insertFn(url, '', '')
+              })
+            }
+          }
+        }
+      },
+      // 'default' or 'simple'
+      editMode: 'simple',
+      editor: null,
+      editValue: ''
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'imagesUploadApi',
+      'baseApi'
+    ])
+  },
+  methods: {
+    /**
+     * 编辑器创建完毕时的回调函数
+     * @param editor
+     */
+    onCreated(editor) {
+      // 一定要用 Object.seal(), 否则会报错
+      this.editor = Object.seal(editor)
+      this.editValue = this.content
+    },
+    /**
+     * 编辑器内容、选区变化时的回调函数
+     * @param editor
+     */
+    onChange(editor) {
+      if (editor == null) {
+        return
+      }
+      // 非格式化的 html
+      const html = editor.getHtml()
+      // 纯文本内容
+      const text = editor.getText()
+      this.$emit('change', html, text)
+    },
+    /**
+     * 编辑器销毁时的回调函数。调用 editor.destroy() 即可销毁编辑器
+     * @param editor
+     */
+    onDestroyed(editor) {
+      if (editor == null) {
+        return
+      }
+      editor.destroy()
+    },
+    /**
+     * 编辑器内容达到最大长度时的回调函数(会导致卡顿)
+     * @param editor
+     */
+    onMaxLength(editor) {
+      if (editor == null) {
+        return
+      }
+    },
+    /**
+     * 编辑器 focus 时的回调函数
+     * @param editor
+     */
+    onFocus(editor) {
+      if (editor == null) {
+        return
+      }
+      this.$emit('focus', editor)
+    },
+    /**
+     * 编辑器 blur 时的回调函数
+     * @param editor
+     */
+    onBlur(editor) {
+      if (editor == null) {
+        return
+      }
+      this.$emit('blur', editor)
+    },
+    /**
+     * 自定义编辑器 alert 。如想用 ElementUI 的 Message 功能
+     * @param editor
+     */
+    customAlert(info, type) {
+      switch (type) {
+        case 'success':
+          Message.success(info)
+          break
+        case 'info':
+          Message.info(info)
+          break
+        case 'warning':
+          Message.warning(info)
+          break
+        case 'error':
+          Message.error(info)
+          break
+        default:
+          Message.info(info)
+          break
+      }
+    },
+    /**
+     * 自定义粘贴。可阻止编辑器的默认粘贴，实现自己的粘贴逻辑
+     * @param editor
+     */
+    customPaste(editor, event, callback) {
+      if (editor == null) {
+        callback(true)
+      }
+      // console.log('ClipboardEvent 粘贴事件对象', event)
+      // // const html = event.clipboardData.getData('text/html') // 获取粘贴的 html
+      // // const text = event.clipboardData.getData('text/plain') // 获取粘贴的纯文本
+      // // const rtf = event.clipboardData.getData('text/rtf') // 获取 rtf 数据（如从 word wsp 复制粘贴）
+      //
+      // // 自定义插入内容
+      // editor.insertText('xxx')
+      //
+      // // 返回 false ，阻止默认粘贴行为
+      // event.preventDefault()
+      // callback(false) // 返回值（注意，vue 事件的返回值，不能用 return）
+      //
+      // // 返回 true ，继续默认的粘贴行为
+      // // callback(true)
+      callback(true)
+    },
+    /**
+     * 设置编辑器html内容
+     * @param html
+     * <br/>
+     * 如果是 editor.getHtml() 获取的 HTML 格式，可以完美解析。
+     * 如果是其他的 HTML 格式，则不能保证语义正确 —— dangerously 。
+     */
+    setHtml(html) {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.dangerouslyInsertHtml(html)
+    },
+    /**
+     * 获取编辑器html内容
+     */
+    getHtml() {
+      if (this.editor == null) {
+        return ''
+      }
+      this.editor.getHtml()
+    },
+    /**
+     * 清空编辑器内容
+     */
+    clear() {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.clear()
+    },
+    /**
+     * 撤销
+     */
+    undo() {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.undo()
+    },
+    /**
+     * 重做
+     */
+    redo() {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.redo()
+    },
+    /**
+     * 获取选中的文本
+     */
+    getSelectionText() {
+      if (this.editor == null) {
+        return ''
+      }
+      return this.editor.getSelectionText()
+    },
+    /**
+     * 删除选中的内容
+     */
+    deleteFragment() {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.deleteFragment()
+    },
+    /**
+     * 获取选中的内容。JSON格式
+     */
+    getFragment() {
+      if (this.editor == null) {
+        return {}
+      }
+      return this.editor.getFragment()
+    },
+    /**
+     * 获取文本内容
+     */
+    getText() {
+      if (this.editor == null) {
+        return ''
+      }
+      return this.editor.getText()
+    },
+    /**
+     * 在选区插入文本
+     * @param text
+     */
+    insertText(text) {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.insertText(text)
+    }
+  }
+}
+</script>
diff --git a/cutejava-front/src/views/components/dev/CuteSimpleTable.vue b/cutejava-front/src/views/components/dev/CuteSimpleTable.vue
index a1e2457b..91d59923 100644
--- a/cutejava-front/src/views/components/dev/CuteSimpleTable.vue
+++ b/cutejava-front/src/views/components/dev/CuteSimpleTable.vue
@@ -49,11 +49,6 @@ export default {
       required: true,
       default: null
     },
-    dataSource: {
-      type: Array,
-      required: false,
-      default: null
-    },
     fetch: {
       type: Function,
       required: false,
@@ -94,7 +89,7 @@ export default {
         columns: this.columns && this.columns.length > 0 ? this.columns : [],
         operateColumn: this.operateColumn,
         fetchUrl: null,
-        dataSource: this.dataSource && this.dataSource.length > 0 ? this.dataSource : [],
+        dataSource: [],
         onPageChange: (currentPage, pageSize) => {
           this.pageProps.current = currentPage
           this.pageProps.pageSize = pageSize
@@ -113,11 +108,6 @@ export default {
       this.initData()
     },
     async initData() {
-      // 以dataSource属性为准
-      if (this.dataSource) {
-        this.crud.dataSource = this.dataSource
-        return
-      }
       let params = {}
       // 自定义请求参数
       if (this.paramsTransform) {
@@ -134,7 +124,7 @@ export default {
           if (this.responseTransform) {
             return this.responseTransform(response)
           }
-          if (response && response.totalElements && response.content) {
+          if (response && response.hasOwnProperty('totalElements') && response.hasOwnProperty('content')) {
             this.pageProps.total = response.totalElements
             this.crud.dataSource = response.content
           }
diff --git a/cutejava-front/src/components/YamlEdit/index.vue b/cutejava-front/src/views/components/dev/CuteYamlEditor.vue
similarity index 51%
rename from cutejava-front/src/components/YamlEdit/index.vue
rename to cutejava-front/src/views/components/dev/CuteYamlEditor.vue
index a58a2730..09806888 100644
--- a/cutejava-front/src/components/YamlEdit/index.vue
+++ b/cutejava-front/src/views/components/dev/CuteYamlEditor.vue
@@ -1,3 +1,7 @@
+<!--Yaml编辑器 基于-->
+<!--<a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirror</a>，-->
+<!--主题预览地址 <a href="https://codemirror.net/demo/theme.html#idea" target="_blank">Theme</a>-->
+<!--</p>-->
 <template>
   <textarea ref="textarea" />
 </template>
@@ -6,18 +10,21 @@
 import CodeMirror from 'codemirror'
 import 'codemirror/lib/codemirror.css'
 // 替换主题这里需修改名称
-import 'codemirror/theme/idea.css'
+// 主题预览地址 https://blog.csdn.net/qq_41694291/article/details/106429772
+import 'codemirror/theme/darcula.css'
 import 'codemirror/mode/yaml/yaml'
 export default {
+  name: 'CuteYamlEditor',
   props: {
-    value: {
+    content: {
       type: String,
-      required: true
+      required: true,
+      default: ''
     },
     height: {
       type: String,
       required: false,
-      default: '450px'
+      default: '500px'
     },
     readOnly: {
       type: Boolean,
@@ -31,40 +38,49 @@ export default {
     }
   },
   watch: {
-    value(value) {
+    content(newVal, oldVal) {
       const editorValue = this.editor.getValue()
-      if (value !== editorValue) {
-        this.editor.setValue(this.value)
+      if (newVal !== editorValue) {
+        this.editor.setValue(newVal)
       }
     },
-    height(newHeight) {
-      this.editor.setSize('auto', newHeight)
+    height(newVal, oldVal) {
+      this.editor.setSize('auto', newVal)
     }
   },
   mounted() {
     this.editor = CodeMirror.fromTextArea(this.$refs.textarea, {
       mode: 'text/x-yaml',
+      autoRefresh: true,
       lineNumbers: true,
       lint: true,
       lineWrapping: true,
       tabSize: 2,
-      cursorHeight: 0.9,
+      cursorHeight: 1,
       // 替换主题这里需修改名称
-      theme: 'idea'
+      theme: 'darcula'
     })
     this.editor.setSize('auto', this.height)
-    if (this.value) {
-      this.editor.setValue(this.value)
+    if (this.content) {
+      this.editor.setValue(this.content)
     }
     this.editor.setOption('readOnly', this.readOnly)
     this.editor.on('change', cm => {
-      this.$emit('changed', cm.getValue())
-      this.$emit('input', cm.getValue())
+      this.$emit('change', cm.getValue())
     })
   },
   methods: {
     getValue() {
+      if (this.editor == null) {
+        return ''
+      }
       return this.editor.getValue()
+    },
+    setValue(val) {
+      if (this.editor == null) {
+        return
+      }
+      this.editor.setValue(val)
     }
   }
 }
diff --git a/cutejava-front/src/views/system/dept/index.vue b/cutejava-front/src/views/system/dept/index.vue
index 4e6a09ee..b71321b4 100644
--- a/cutejava-front/src/views/system/dept/index.vue
+++ b/cutejava-front/src/views/system/dept/index.vue
@@ -141,7 +141,7 @@ export default {
     getDeptDatas(tree, treeNode, resolve) {
       const params = {
         page: 1,
-        size: 999999,
+        size: 9999999,
         args: { pid: tree.id }
       }
       setTimeout(() => {
@@ -184,7 +184,7 @@ export default {
     getDepts() {
       crudDept.queryDeptList({
         page: 1,
-        size: 999999,
+        size: 9999999,
         args: { enabled: true }
       }).then(res => {
         this.depts = res.content.map(function(obj) {
@@ -200,7 +200,7 @@ export default {
       if (action === LOAD_CHILDREN_OPTIONS) {
         crudDept.queryDeptList({
           page: 1,
-          size: 999999,
+          size: 9999999,
           args: { enabled: true, pid: parentNode.id }
         }).then(res => {
           parentNode.children = res.content.map(function(obj) {
diff --git a/cutejava-front/src/views/system/menu/index.vue b/cutejava-front/src/views/system/menu/index.vue
index f3d772f4..50444a74 100644
--- a/cutejava-front/src/views/system/menu/index.vue
+++ b/cutejava-front/src/views/system/menu/index.vue
@@ -202,7 +202,7 @@ export default {
     queryMenuByArgs(tree, treeNode, resolve) {
       const params = {
         page: 1,
-        size: 999999,
+        size: 9999999,
         args: { pid: tree.id }
       }
       setTimeout(() => {
diff --git a/cutejava-front/src/views/system/role/index.vue b/cutejava-front/src/views/system/role/index.vue
index c45f6733..7bcdae95 100644
--- a/cutejava-front/src/views/system/role/index.vue
+++ b/cutejava-front/src/views/system/role/index.vue
@@ -286,7 +286,7 @@ export default {
     getDepts() {
       queryDeptList({
         page: 1,
-        size: 999999,
+        size: 9999999,
         args: { enabled: true }
       }).then(res => {
         this.depts = res.content.map(function(obj) {
@@ -323,7 +323,7 @@ export default {
       if (action === LOAD_CHILDREN_OPTIONS) {
         queryDeptList({
           page: 1,
-          size: 999999,
+          size: 9999999,
           args: { enabled: true, pid: parentNode.id }
         }).then(res => {
           parentNode.children = res.content.map(function(obj) {
diff --git a/cutejava-front/src/views/system/user/index.vue b/cutejava-front/src/views/system/user/index.vue
index 242ae4b9..d334c4f6 100644
--- a/cutejava-front/src/views/system/user/index.vue
+++ b/cutejava-front/src/views/system/user/index.vue
@@ -378,7 +378,7 @@ export default {
     getDepts() {
       queryDeptList({
         page: 1,
-        size: 999999,
+        size: 9999999,
         args: { enabled: true }
       }).then(res => {
         this.depts = res.content.map(function(obj) {
@@ -411,7 +411,7 @@ export default {
       if (action === LOAD_CHILDREN_OPTIONS) {
         queryDeptList({
           page: 1,
-          size: 999999,
+          size: 9999999,
           args: { enabled: true, pid: parentNode.id }
         }).then(res => {
           parentNode.children = res.content.map(function(obj) {
diff --git a/readme.md b/readme.md
deleted file mode 100644
index 329efe23..00000000
--- a/readme.md
+++ /dev/null
@@ -1 +0,0 @@
-基于eladmin-mp爆改、优化、重构，若要商用，自行斟酌，与本人无关。