+
+## 源码地址
+
+gitee地址(主推)：[https://gitee.com/liqianglog/django-vue-admin](https://gitee.com/liqianglog/django-vue-admin)👩👦👦
+
+github地址：[https://github.com/liqianglog/django-vue-admin](https://github.com/liqianglog/django-vue-admin)👩👦👦
+
+
+
+## 内置功能
+
+1. 👨⚕️菜单管理：配置系统菜单，操作权限，按钮权限标识、后端接口权限等。
+2. 🧑⚕️部门管理：配置系统组织机构（公司、部门、角色）。
+3. 👩⚕️角色管理：角色菜单权限分配、数据权限分配、设置角色按部门进行数据范围权限划分。
+4. 🧑🎓权限权限：授权角色的权限范围。
+5. 👨🎓用户管理：用户是系统操作者，该功能主要完成系统用户配置。
+6. 👬接口白名单：配置不需要进行权限校验的接口。
+7. 🧑🔧字典管理：对系统中经常使用的一些较为固定的数据进行维护。
+8. 🧑🔧地区管理：对省市县区域进行管理。
+9. 📁附件管理：对平台上所有文件、图片等进行统一管理。
+10. 🗓️操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
+11. 🔌[插件市场 ](https://bbs.django-vue-admin.com/plugMarket.html)：基于Django-Vue-Admin框架开发的应用和插件。
+
+## 插件市场 🔌
+
+- Celery异步任务：[dvadmin-celery](https://gitee.com/huge-dream/dvadmin-celery)
+- 升级中心后端：[dvadmin-upgrade-center](https://gitee.com/huge-dream/dvadmin-upgrade-center)
+- 升级中心前端：[dvadmin-upgrade-center-web](https://gitee.com/huge-dream/dvadmin-upgrade-center-web)
+
+## 准备工作
+~~~
+Python >= 3.8.0 (推荐3.8+版本)
+nodejs >= 14.0 (推荐最新)
+Mysql >= 5.7.0 (可选，默认数据库sqlite3，推荐8.0版本)
+Redis(可选，最新版)
+~~~
+
+## 前端♝
+
+```bash
+# 克隆项目
+git clone https://gitee.com/liqianglog/django-vue-admin.git
+
+# 进入项目目录
+cd web
+
+# 安装依赖
+npm install --registry=https://registry.npm.taobao.org
+
+# 启动服务
+npm run dev
+# 浏览器访问 http://localhost:8080
+# .env.development 文件中可配置启动端口等参数
+# 构建生产环境
+# npm run build
+```
+
+
+
+## 后端💈
+
+~~~bash
+1. 进入项目目录 cd backend
+2. 在项目根目录中，复制 ./conf/env.example.py 文件为一份新的到 ./conf 文件夹下，并重命名为 env.py
+3. 在 env.py 中配置数据库信息
+ mysql数据库版本建议：8.0
+ mysql数据库字符集：utf8mb4
+4. 安装依赖环境
+ pip3 install -r requirements.txt
+5. 执行迁移命令：
+ python3 manage.py makemigrations
+ python3 manage.py migrate
+6. 初始化数据
+ python3 manage.py init
+7. 初始化省市县数据:
+ python3 manage.py init_area
+8. 启动项目
+ python3 manage.py runserver 0.0.0.0:8000
+或使用 daphne :
+ daphne -b 0.0.0.0 -p 8000 application.asgi:application
+~~~
+
+### 访问项目
+
+- 访问地址：[http://localhost:8080](http://localhost:8080) (默认为此地址，如有修改请按照配置文件)
+- 账号：`superadmin` 密码：`admin123456`
+
+
+
+
+
+### docker-compose 运行
+
+~~~shell
+# 先安装docker-compose (自行百度安装),执行此命令等待安装，如有使用celery插件请打开docker-compose.yml中celery 部分注释
+docker-compose up -d
+# 初始化后端数据(第一次执行即可)
+docker exec -ti dvadmin-django bash
+python manage.py makemigrations
+python manage.py migrate
+python manage.py init_area
+python manage.py init
+exit
+
+前端地址：http://127.0.0.1:8080
+后端地址：http://127.0.0.1:8080/api
+# 在服务器上请把127.0.0.1 换成自己公网ip
+账号：superadmin 密码：admin123456
+
+# docker-compose 停止
+docker-compose down
+# docker-compose 重启
+docker-compose restart
+# docker-compose 启动时重新进行 build
+docker-compose up -d --build
+~~~
+
+
+
+## 演示图✅
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-#### 特技
-1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
-2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
-3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
-4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
-5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
-6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
diff --git a/backend/conf/env.example.py b/backend/conf/env.example.py
new file mode 100644
index 0000000..829b73a
--- /dev/null
+++ b/backend/conf/env.example.py
@@ -0,0 +1,49 @@
+import os
+
+from application.settings import BASE_DIR
+
+# ================================================= #
+# *************** mysql数据库 配置 *************** #
+# ================================================= #
+# 数据库 ENGINE ，默认演示使用 sqlite3 数据库，正式环境建议使用 mysql 数据库
+# sqlite3 设置
+DATABASE_ENGINE = "django.db.backends.sqlite3"
+DATABASE_NAME = os.path.join(BASE_DIR, "db.sqlite3")
+
+# 使用mysql时，改为此配置
+# DATABASE_ENGINE = "django.db.backends.mysql"
+# DATABASE_NAME = 'django-vue-admin' # mysql 时使用
+
+# 数据库地址 改为自己数据库地址
+DATABASE_HOST = "127.0.0.1"
+# # 数据库端口
+DATABASE_PORT = 3306
+# # 数据库用户名
+DATABASE_USER = "root"
+# # 数据库密码
+DATABASE_PASSWORD = "123456"
+
+# 表前缀
+TABLE_PREFIX = "dvadmin_"
+# ================================================= #
+# ******** redis配置，无redis 可不进行配置 ******** #
+# ================================================= #
+# REDIS_PASSWORD = ''
+# REDIS_HOST = '127.0.0.1'
+# REDIS_URL = f'redis://:{REDIS_PASSWORD or ""}@{REDIS_HOST}:6380'
+# ================================================= #
+# ****************** 功能 启停 ******************* #
+# ================================================= #
+DEBUG = True
+# 启动登录详细概略获取(通过调用api获取ip详细地址。如果是内网，关闭即可)
+ENABLE_LOGIN_ANALYSIS_LOG = True
+# 登录接口 /api/token/ 是否需要验证码认证，用于测试，正式环境建议取消
+LOGIN_NO_CAPTCHA_AUTH = True
+# ================================================= #
+# ****************** 其他 配置 ******************* #
+# ================================================= #
+
+ALLOWED_HOSTS = ["*"]
+
+# daphne启动命令
+#daphne application.asgi:application -b 0.0.0.0 -p 8000
diff --git a/web/.env b/web/.env
new file mode 100644
index 0000000..dacb1a5
--- /dev/null
+++ b/web/.env
@@ -0,0 +1,8 @@
+# port 端口号
+VITE_PORT = 8888
+
+# open 运行 npm run dev 时自动打开浏览器
+VITE_OPEN = false
+
+# public path 配置线上环境路径（打包）、本地通过 http-server 访问时，请置空即可
+VITE_PUBLIC_PATH = /vue-next-admin-preview/
\ No newline at end of file
diff --git a/web/.env.development b/web/.env.development
new file mode 100644
index 0000000..058274c
--- /dev/null
+++ b/web/.env.development
@@ -0,0 +1,5 @@
+# 本地环境
+ENV = 'development'
+
+# 本地环境接口地址
+VITE_API_URL = 'http://localhost:8888/'
\ No newline at end of file
diff --git a/web/.env.production b/web/.env.production
new file mode 100644
index 0000000..0336f50
--- /dev/null
+++ b/web/.env.production
@@ -0,0 +1,5 @@
+# 线上环境
+ENV = 'production'
+
+# 线上环境接口地址
+VITE_API_URL = 'https://lyt-top.gitee.io/vue-next-admin-preview/'
\ No newline at end of file
diff --git a/web/.eslintignore b/web/.eslintignore
new file mode 100644
index 0000000..cfc877d
--- /dev/null
+++ b/web/.eslintignore
@@ -0,0 +1,18 @@
+
+*.sh
+node_modules
+lib
+*.md
+*.scss
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+mock
+public
+bin
+build
+config
+index.html
+src/assets
\ No newline at end of file
diff --git a/web/.eslintrc.js b/web/.eslintrc.js
new file mode 100644
index 0000000..f4a9b6e
--- /dev/null
+++ b/web/.eslintrc.js
@@ -0,0 +1,76 @@
+module.exports = {
+ root: true,
+ env: {
+ browser: true,
+ es2021: true,
+ node: true,
+ },
+ parser: 'vue-eslint-parser',
+ parserOptions: {
+ ecmaVersion: 12,
+ parser: '@typescript-eslint/parser',
+ sourceType: 'module',
+ },
+ extends: ['plugin:vue/vue3-essential', 'plugin:vue/essential', 'eslint:recommended'],
+ plugins: ['vue', '@typescript-eslint'],
+ overrides: [
+ {
+ files: ['*.ts', '*.tsx', '*.vue'],
+ rules: {
+ 'no-undef': 'off',
+ },
+ },
+ ],
+ rules: {
+ // http://eslint.cn/docs/rules/
+ // https://eslint.vuejs.org/rules/
+ // https://typescript-eslint.io/rules/no-unused-vars/
+ '@typescript-eslint/ban-ts-ignore': 'off',
+ '@typescript-eslint/explicit-function-return-type': 'off',
+ '@typescript-eslint/no-explicit-any': 'off',
+ '@typescript-eslint/no-var-requires': 'off',
+ '@typescript-eslint/no-empty-function': 'off',
+ '@typescript-eslint/no-use-before-define': 'off',
+ '@typescript-eslint/ban-ts-comment': 'off',
+ '@typescript-eslint/ban-types': 'off',
+ '@typescript-eslint/no-non-null-assertion': 'off',
+ '@typescript-eslint/explicit-module-boundary-types': 'off',
+ '@typescript-eslint/no-redeclare': 'error',
+ '@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
+ '@typescript-eslint/no-unused-vars': [2],
+ 'vue/custom-event-name-casing': 'off',
+ 'vue/attributes-order': 'off',
+ 'vue/one-component-per-file': 'off',
+ 'vue/html-closing-bracket-newline': 'off',
+ 'vue/max-attributes-per-line': 'off',
+ 'vue/multiline-html-element-content-newline': 'off',
+ 'vue/singleline-html-element-content-newline': 'off',
+ 'vue/attribute-hyphenation': 'off',
+ 'vue/html-self-closing': 'off',
+ 'vue/no-multiple-template-root': 'off',
+ 'vue/require-default-prop': 'off',
+ 'vue/no-v-model-argument': 'off',
+ 'vue/no-arrow-functions-in-watch': 'off',
+ 'vue/no-template-key': 'off',
+ 'vue/no-v-html': 'off',
+ 'vue/comment-directive': 'off',
+ 'vue/no-parsing-error': 'off',
+ 'vue/no-deprecated-v-on-native-modifier': 'off',
+ 'vue/multi-word-component-names': 'off',
+ 'no-useless-escape': 'off',
+ 'no-sparse-arrays': 'off',
+ 'no-prototype-builtins': 'off',
+ 'no-constant-condition': 'off',
+ 'no-use-before-define': 'off',
+ 'no-restricted-globals': 'off',
+ 'no-restricted-syntax': 'off',
+ 'generator-star-spacing': 'off',
+ 'no-unreachable': 'off',
+ 'no-multiple-template-root': 'off',
+ 'no-unused-vars': 'error',
+ 'no-v-model-argument': 'off',
+ 'no-case-declarations': 'off',
+ 'no-console': 'error',
+ 'no-redeclare': 'off',
+ },
+};
diff --git a/web/.gitignore b/web/.gitignore
new file mode 100644
index 0000000..403adbc
--- /dev/null
+++ b/web/.gitignore
@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/web/.prettierrc.js b/web/.prettierrc.js
new file mode 100644
index 0000000..cff490a
--- /dev/null
+++ b/web/.prettierrc.js
@@ -0,0 +1,39 @@
+module.exports = {
+ // 一行最多多少个字符
+ printWidth: 150,
+ // 指定每个缩进级别的空格数
+ tabWidth: 2,
+ // 使用制表符而不是空格缩进行
+ useTabs: true,
+ // 在语句末尾打印分号
+ semi: true,
+ // 使用单引号而不是双引号
+ singleQuote: true,
+ // 更改引用对象属性的时间 可选值"
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+#### 💒 集成后端
+
+- @熊猫 PandaGoAdmin
+- @甜蜜蜜 GoPro 平台
+- @甜蜜蜜 NiuPi 平台
+- @游子 GFast-V3
+- @diygw.com gw-ui-php
+- @zsvg vboot-net
+- @zsvg vboot-java
+- @青红造了个白 buildadmin
+- @Goodwell iotfast(一个开源的物联网平台)
+
+#### ❤️ 鸣谢列表
+
+- vue
+- vue-next
+- element-ui
+- element-plus
+- vue-router-next
+- pinia
+- echarts
+- axios
+- clipboard
+- countUp
+- mitt
+- nprogress
+- screenfull
+- sortablejs
+- sass
+- typescript
+- vite
+- wangeditor
+- cropperjs
+- qrcodejs
+- print-js
+- vue-grid-layout
+- splitpanes
+- jsplumb
+- js-table2excel
+
+#### 💕 特别感谢
+
+特别感谢老哥们的建议、指导与帮忙。谢谢！
+
+- @省长
+- @唐参
+- @川歌
+- @华仔
+
+#### 💌 支持作者
+
+如果觉得框架不错，或者已经在使用了，希望你可以去 Github 或者
+Gitee 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..dc8466c
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/components/editor/index.vue b/web/src/components/editor/index.vue
new file mode 100644
index 0000000..c5fed8a
--- /dev/null
+++ b/web/src/components/editor/index.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ 预览
+
+
+
+ ![]()
+
+ 100 x 100
+
+
+
+ ![]()
+
+ 50 x 50
+
+
+
+
+
diff --git a/web/src/components/iconSelector/index.vue b/web/src/components/iconSelector/index.vue
new file mode 100644
index 0000000..0c44d11
--- /dev/null
+++ b/web/src/components/iconSelector/index.vue
@@ -0,0 +1,241 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/components/iconSelector/list.vue b/web/src/components/iconSelector/list.vue
new file mode 100644
index 0000000..8bf837b
--- /dev/null
+++ b/web/src/components/iconSelector/list.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/components/noticeBar/index.vue b/web/src/components/noticeBar/index.vue
new file mode 100644
index 0000000..8198bce
--- /dev/null
+++ b/web/src/components/noticeBar/index.vue
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
diff --git a/web/src/components/svgIcon/index.vue b/web/src/components/svgIcon/index.vue
new file mode 100644
index 0000000..81289e4
--- /dev/null
+++ b/web/src/components/svgIcon/index.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+ ![]()
+
+
+
+
+
diff --git a/web/src/components/table/index.vue b/web/src/components/table/index.vue
new file mode 100644
index 0000000..2b7961b
--- /dev/null
+++ b/web/src/components/table/index.vue
@@ -0,0 +1,256 @@
+
+
+
+
+
+
+ ![]()
+
+
+ {{ scope.row[item.key] }}
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/directive/authDirective.ts b/web/src/directive/authDirective.ts
new file mode 100644
index 0000000..5971e64
--- /dev/null
+++ b/web/src/directive/authDirective.ts
@@ -0,0 +1,40 @@
+import type { App } from 'vue';
+import { useUserInfo } from '/@/stores/userInfo';
+import { judementSameArr } from '/@/utils/arrayOperation';
+
+/**
+ * 用户权限指令
+ * @directive 单个权限验证（v-auth="xxx"）
+ * @directive 多个权限验证，满足一个则显示（v-auths="[xxx,xxx]"）
+ * @directive 多个权限验证，全部满足则显示（v-auth-all="[xxx,xxx]"）
+ */
+export function authDirective(app: App) {
+ // 单个权限验证（v-auth="xxx"）
+ app.directive('auth', {
+ mounted(el, binding) {
+ const stores = useUserInfo();
+ if (!stores.userInfos.authBtnList.some((v: string) => v === binding.value)) el.parentNode.removeChild(el);
+ },
+ });
+ // 多个权限验证，满足一个则显示（v-auths="[xxx,xxx]"）
+ app.directive('auths', {
+ mounted(el, binding) {
+ let flag = false;
+ const stores = useUserInfo();
+ stores.userInfos.authBtnList.map((val: string) => {
+ binding.value.map((v: string) => {
+ if (val === v) flag = true;
+ });
+ });
+ if (!flag) el.parentNode.removeChild(el);
+ },
+ });
+ // 多个权限验证，全部满足则显示（v-auth-all="[xxx,xxx]"）
+ app.directive('auth-all', {
+ mounted(el, binding) {
+ const stores = useUserInfo();
+ const flag = judementSameArr(binding.value, stores.userInfos.authBtnList);
+ if (!flag) el.parentNode.removeChild(el);
+ },
+ });
+}
diff --git a/web/src/directive/customDirective.ts b/web/src/directive/customDirective.ts
new file mode 100644
index 0000000..c67350f
--- /dev/null
+++ b/web/src/directive/customDirective.ts
@@ -0,0 +1,178 @@
+import type { App } from 'vue';
+
+/**
+ * 按钮波浪指令
+ * @directive 默认方式：v-waves，如 ``
+ * @directive 参数方式：v-waves=" |light|red|orange|purple|green|teal"，如 ``
+ */
+export function wavesDirective(app: App) {
+ app.directive('waves', {
+ mounted(el, binding) {
+ el.classList.add('waves-effect');
+ binding.value && el.classList.add(`waves-${binding.value}`);
+ function setConvertStyle(obj: { [key: string]: unknown }) {
+ let style: string = '';
+ for (let i in obj) {
+ if (obj.hasOwnProperty(i)) style += `${i}:${obj[i]};`;
+ }
+ return style;
+ }
+ function onCurrentClick(e: { [key: string]: unknown }) {
+ let elDiv = document.createElement('div');
+ elDiv.classList.add('waves-ripple');
+ el.appendChild(elDiv);
+ let styles = {
+ left: `${e.layerX}px`,
+ top: `${e.layerY}px`,
+ opacity: 1,
+ transform: `scale(${(el.clientWidth / 100) * 10})`,
+ 'transition-duration': `750ms`,
+ 'transition-timing-function': `cubic-bezier(0.250, 0.460, 0.450, 0.940)`,
+ };
+ elDiv.setAttribute('style', setConvertStyle(styles));
+ setTimeout(() => {
+ elDiv.setAttribute(
+ 'style',
+ setConvertStyle({
+ opacity: 0,
+ transform: styles.transform,
+ left: styles.left,
+ top: styles.top,
+ })
+ );
+ setTimeout(() => {
+ elDiv && el.removeChild(elDiv);
+ }, 750);
+ }, 450);
+ }
+ el.addEventListener('mousedown', onCurrentClick, false);
+ },
+ unmounted(el) {
+ el.addEventListener('mousedown', () => {});
+ },
+ });
+}
+
+/**
+ * 自定义拖动指令
+ * @description 使用方式：v-drag="[dragDom,dragHeader]"，如 ``
+ * @description dragDom 要拖动的元素，dragHeader 要拖动的 Header 位置
+ * @link 注意：https://github.com/element-plus/element-plus/issues/522
+ * @lick 参考：https://blog.csdn.net/weixin_46391323/article/details/105228020?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-10&spm=1001.2101.3001.4242
+ */
+export function dragDirective(app: App) {
+ app.directive('drag', {
+ mounted(el, binding) {
+ if (!binding.value) return false;
+
+ const dragDom = document.querySelector(binding.value[0]) as HTMLElement;
+ const dragHeader = document.querySelector(binding.value[1]) as HTMLElement;
+
+ dragHeader.onmouseover = () => (dragHeader.style.cursor = `move`);
+
+ function down(e: any, type: string) {
+ // 鼠标按下，计算当前元素距离可视区的距离
+ const disX = type === 'pc' ? e.clientX - dragHeader.offsetLeft : e.touches[0].clientX - dragHeader.offsetLeft;
+ const disY = type === 'pc' ? e.clientY - dragHeader.offsetTop : e.touches[0].clientY - dragHeader.offsetTop;
+
+ // body当前宽度
+ const screenWidth = document.body.clientWidth;
+ // 可见区域高度(应为body高度，可某些环境下无法获取)
+ const screenHeight = document.documentElement.clientHeight;
+
+ // 对话框宽度
+ const dragDomWidth = dragDom.offsetWidth;
+ // 对话框高度
+ const dragDomheight = dragDom.offsetHeight;
+
+ const minDragDomLeft = dragDom.offsetLeft;
+ const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
+
+ const minDragDomTop = dragDom.offsetTop;
+ const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
+
+ // 获取到的值带px 正则匹配替换
+ let styL: any = getComputedStyle(dragDom).left;
+ let styT: any = getComputedStyle(dragDom).top;
+
+ // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
+ if (styL.includes('%')) {
+ styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100);
+ styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100);
+ } else {
+ styL = +styL.replace(/\px/g, '');
+ styT = +styT.replace(/\px/g, '');
+ }
+
+ return {
+ disX,
+ disY,
+ minDragDomLeft,
+ maxDragDomLeft,
+ minDragDomTop,
+ maxDragDomTop,
+ styL,
+ styT,
+ };
+ }
+
+ function move(e: any, type: string, obj: any) {
+ let { disX, disY, minDragDomLeft, maxDragDomLeft, minDragDomTop, maxDragDomTop, styL, styT } = obj;
+
+ // 通过事件委托，计算移动的距离
+ let left = type === 'pc' ? e.clientX - disX : e.touches[0].clientX - disX;
+ let top = type === 'pc' ? e.clientY - disY : e.touches[0].clientY - disY;
+
+ // 边界处理
+ if (-left > minDragDomLeft) {
+ left = -minDragDomLeft;
+ } else if (left > maxDragDomLeft) {
+ left = maxDragDomLeft;
+ }
+
+ if (-top > minDragDomTop) {
+ top = -minDragDomTop;
+ } else if (top > maxDragDomTop) {
+ top = maxDragDomTop;
+ }
+
+ // 移动当前元素
+ dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
+ }
+
+ /**
+ * pc端
+ * onmousedown 鼠标按下触发事件
+ * onmousemove 鼠标按下时持续触发事件
+ * onmouseup 鼠标抬起触发事件
+ */
+ dragHeader.onmousedown = (e) => {
+ const obj = down(e, 'pc');
+ document.onmousemove = (e) => {
+ move(e, 'pc', obj);
+ };
+ document.onmouseup = () => {
+ document.onmousemove = null;
+ document.onmouseup = null;
+ };
+ };
+
+ /**
+ * 移动端
+ * ontouchstart 当按下手指时，触发ontouchstart
+ * ontouchmove 当移动手指时，触发ontouchmove
+ * ontouchend 当移走手指时，触发ontouchend
+ */
+ dragHeader.ontouchstart = (e) => {
+ const obj = down(e, 'app');
+ document.ontouchmove = (e) => {
+ move(e, 'app', obj);
+ };
+ document.ontouchend = () => {
+ document.ontouchmove = null;
+ document.ontouchend = null;
+ };
+ };
+ },
+ });
+}
diff --git a/web/src/directive/index.ts b/web/src/directive/index.ts
new file mode 100644
index 0000000..e2e1c57
--- /dev/null
+++ b/web/src/directive/index.ts
@@ -0,0 +1,18 @@
+import type { App } from 'vue';
+import { authDirective } from '/@/directive/authDirective';
+import { wavesDirective, dragDirective } from '/@/directive/customDirective';
+
+/**
+ * 导出指令方法：v-xxx
+ * @methods authDirective 用户权限指令，用法：v-auth
+ * @methods wavesDirective 按钮波浪指令，用法：v-waves
+ * @methods dragDirective 自定义拖动指令，用法：v-drag
+ */
+export function directive(app: App) {
+ // 用户权限指令
+ authDirective(app);
+ // 按钮波浪指令
+ wavesDirective(app);
+ // 自定义拖动指令
+ dragDirective(app);
+}
diff --git a/web/src/i18n/index.ts b/web/src/i18n/index.ts
new file mode 100644
index 0000000..2b9072a
--- /dev/null
+++ b/web/src/i18n/index.ts
@@ -0,0 +1,68 @@
+import { createI18n } from 'vue-i18n';
+import pinia from '/@/stores/index';
+import { storeToRefs } from 'pinia';
+import { useThemeConfig } from '/@/stores/themeConfig';
+
+// 定义语言国际化内容
+
+/**
+ * 说明：
+ * 须在 pages 下新建文件夹（建议 `要国际化界面目录` 与 `i18n 目录` 相同，方便查找），
+ * 注意国际化定义的字段，不要与原有的定义字段相同。
+ * 1、/src/i18n/lang 下的 ts 为框架的国际化内容
+ * 2、/src/i18n/pages 下的 ts 为各界面的国际化内容
+ */
+
+// element plus 自带国际化
+import enLocale from 'element-plus/lib/locale/lang/en';
+import zhcnLocale from 'element-plus/lib/locale/lang/zh-cn';
+import zhtwLocale from 'element-plus/lib/locale/lang/zh-tw';
+
+// 定义变量内容
+const messages = {};
+const element = { en: enLocale, 'zh-cn': zhcnLocale, 'zh-tw': zhtwLocale };
+const itemize = { en: [], 'zh-cn': [], 'zh-tw': [] };
+const modules: Record
+
+
+
+
+
+
+
+
diff --git a/web/src/layout/component/columnsAside.vue b/web/src/layout/component/columnsAside.vue
new file mode 100644
index 0000000..3720fdc
--- /dev/null
+++ b/web/src/layout/component/columnsAside.vue
@@ -0,0 +1,272 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/layout/component/header.vue b/web/src/layout/component/header.vue
new file mode 100644
index 0000000..29aa179
--- /dev/null
+++ b/web/src/layout/component/header.vue
@@ -0,0 +1,18 @@
+
+ -
+
-
+ ++ +
+ + {{ + $t(v.meta.title) && $t(v.meta.title).length >= 4 + ? $t(v.meta.title).substr(0, themeConfig.columnsAsideLayout === 'columns-vertical' ? 4 : 3) + : $t(v.meta.title) + }} ++
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/layout/logo/index.vue b/web/src/layout/logo/index.vue
new file mode 100644
index 0000000..7bb8a30
--- /dev/null
+++ b/web/src/layout/logo/index.vue
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+
+ {{ state.time.hm }}{{ state.time.s }}
+
+ {{ state.time.mdq }}
+
+
+ 上滑解锁
+
+
+
+
+
+
+ 
+
+
+ Administrator
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ {{ themeConfig.globalTitle }}
+
+
+ ![]()
+
+
+
+
+
+
diff --git a/web/src/layout/main/classic.vue b/web/src/layout/main/classic.vue
new file mode 100644
index 0000000..56d3b8e
--- /dev/null
+++ b/web/src/layout/main/classic.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/layout/navBars/breadcrumb/setings.vue b/web/src/layout/navBars/breadcrumb/setings.vue
new file mode 100644
index 0000000..db644af
--- /dev/null
+++ b/web/src/layout/navBars/breadcrumb/setings.vue
@@ -0,0 +1,824 @@
+
+
+
+
+
+
+
diff --git a/web/src/layout/navBars/breadcrumb/user.vue b/web/src/layout/navBars/breadcrumb/user.vue
new file mode 100644
index 0000000..9337211
--- /dev/null
+++ b/web/src/layout/navBars/breadcrumb/user.vue
@@ -0,0 +1,258 @@
+
+
+
+
+
+
+
+
+
+ {{ $t('message.user.dropdownLarge') }}
+ {{ $t('message.user.dropdownDefault') }}
+ {{ $t('message.user.dropdownSmall') }}
+
+
+
+
+
+
+
+ 简体中文
+ English
+ 繁體中文
+
+
+
+
+
+
+
+
+
+ ![]()
+ {{ userInfos.userName === '' ? 'common' : userInfos.userName }}
+
+
+
+
+
+ {{ $t('message.user.dropdown1') }}
+ {{ $t('message.user.dropdown6') }}
+ {{ $t('message.user.dropdown2') }}
+ {{ $t('message.user.dropdown3') }}
+ {{ $t('message.user.dropdown4') }}
+ {{ $t('message.user.dropdown5') }}
+
+
+
+
+
+
+
+
+
diff --git a/web/src/layout/navBars/breadcrumb/userNews.vue b/web/src/layout/navBars/breadcrumb/userNews.vue
new file mode 100644
index 0000000..340d880
--- /dev/null
+++ b/web/src/layout/navBars/breadcrumb/userNews.vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
diff --git a/web/src/layout/navBars/index.vue b/web/src/layout/navBars/index.vue
new file mode 100644
index 0000000..aa8edb9
--- /dev/null
+++ b/web/src/layout/navBars/index.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
diff --git a/web/src/layout/navBars/tagsView/contextmenu.vue b/web/src/layout/navBars/tagsView/contextmenu.vue
new file mode 100644
index 0000000..92a228d
--- /dev/null
+++ b/web/src/layout/navBars/tagsView/contextmenu.vue
@@ -0,0 +1,138 @@
+
+
+
+
+
+
diff --git a/web/src/layout/routerView/link.vue b/web/src/layout/routerView/link.vue
new file mode 100644
index 0000000..ccdc3a4
--- /dev/null
+++ b/web/src/layout/routerView/link.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/layout/routerView/parent.vue b/web/src/layout/routerView/parent.vue
new file mode 100644
index 0000000..4124f7f
--- /dev/null
+++ b/web/src/layout/routerView/parent.vue
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+ 立即前往体验
+
+
+ 页面 "{{ $t(state.title) }}" 已在新窗口中打开
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/layout/upgrade/index.vue b/web/src/layout/upgrade/index.vue
new file mode 100644
index 0000000..e361012
--- /dev/null
+++ b/web/src/layout/upgrade/index.vue
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/main.ts b/web/src/main.ts
new file mode 100644
index 0000000..9e452a8
--- /dev/null
+++ b/web/src/main.ts
@@ -0,0 +1,19 @@
+import { createApp } from 'vue';
+import pinia from '/@/stores/index';
+import App from './App.vue';
+import router from './router';
+import { directive } from '/@/directive/index';
+import { i18n } from '/@/i18n/index';
+import other from '/@/utils/other';
+
+import ElementPlus from 'element-plus';
+import 'element-plus/dist/index.css';
+import '/@/theme/index.scss';
+import VueGridLayout from 'vue-grid-layout';
+
+const app = createApp(App);
+
+directive(app);
+other.elSvg(app);
+
+app.use(pinia).use(router).use(ElementPlus, { i18n: i18n.global.t }).use(i18n).use(VueGridLayout).mount('#app');
diff --git a/web/src/router/backEnd.ts b/web/src/router/backEnd.ts
new file mode 100644
index 0000000..1e4eec1
--- /dev/null
+++ b/web/src/router/backEnd.ts
@@ -0,0 +1,162 @@
+import { RouteRecordRaw } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import pinia from '/@/stores/index';
+import { useUserInfo } from '/@/stores/userInfo';
+import { useRequestOldRoutes } from '/@/stores/requestOldRoutes';
+import { Session } from '/@/utils/storage';
+import { NextLoading } from '/@/utils/loading';
+import { dynamicRoutes, notFoundAndNoPower } from '/@/router/route';
+import { formatTwoStageRoutes, formatFlatteningRoutes, router } from '/@/router/index';
+import { useRoutesList } from '/@/stores/routesList';
+import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import { useMenuApi } from '/@/api/menu/index';
+
+// 后端控制路由
+
+// 引入 api 请求接口
+const menuApi = useMenuApi();
+
+/**
+ * 获取目录下的 .vue、.tsx 全部文件
+ * @method import.meta.glob
+ * @link 参考：https://cn.vitejs.dev/guide/features.html#json
+ */
+const layouModules: any = import.meta.glob('../layout/routerView/*.{vue,tsx}');
+const viewsModules: any = import.meta.glob('../views/**/*.{vue,tsx}');
+const dynamicViewsModules: Record
+
+
+ {{ $t('message.upgrade.title') }}
+ v{{ state.version }}
+
+
+ {{ getThemeConfig.globalTitle }} {{ $t('message.upgrade.msg') }}
+
+
+
+ CHANGELOG.md
+
+
+ {{ $t('message.upgrade.desc') }}
+
+ {{ $t('message.upgrade.btnOne') }}
+ {{ state.btnTxt }}
+
+
+
+
+
+
+
+
diff --git a/web/src/views/chart/index.vue b/web/src/views/chart/index.vue
new file mode 100644
index 0000000..ff22921
--- /dev/null
+++ b/web/src/views/chart/index.vue
@@ -0,0 +1,477 @@
+
+
+
+
+
+
+
diff --git a/web/src/views/error/401.vue b/web/src/views/error/401.vue
new file mode 100644
index 0000000..5441840
--- /dev/null
+++ b/web/src/views/error/401.vue
@@ -0,0 +1,91 @@
+
+
+
+ {{ state.time.txt }}
+
+
+ 智慧农业系统平台
+
+
+
+
+
+
+
+
diff --git a/web/src/views/error/404.vue b/web/src/views/error/404.vue
new file mode 100644
index 0000000..0b7d899
--- /dev/null
+++ b/web/src/views/error/404.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
+
+ 401
+ {{ $t('message.noAccess.accessTitle') }}
+ {{ $t('message.noAccess.accessMsg') }}
+
+ {{ $t('message.noAccess.accessBtn') }}
+
+
+ 
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/clipboard/index.vue b/web/src/views/fun/clipboard/index.vue
new file mode 100644
index 0000000..caefa71
--- /dev/null
+++ b/web/src/views/fun/clipboard/index.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+ 404
+ {{ $t('message.notFound.foundTitle') }}
+ {{ $t('message.notFound.foundMsg') }}
+
+ {{ $t('message.notFound.foundBtn') }}
+
+
+ 
+
+
+
+
+
+
+ 复制链接
+
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/countup/index.vue b/web/src/views/fun/countup/index.vue
new file mode 100644
index 0000000..ff794e9
--- /dev/null
+++ b/web/src/views/fun/countup/index.vue
@@ -0,0 +1,152 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/cropper/index.vue b/web/src/views/fun/cropper/index.vue
new file mode 100644
index 0000000..dd5ff7e
--- /dev/null
+++ b/web/src/views/fun/cropper/index.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+ {{ v.title }}
+
+ {{ v.tip }}
+
+
+
+
+
+
+
+
+
+ 重置/刷新数值
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/echartsMap/index.vue b/web/src/views/fun/echartsMap/index.vue
new file mode 100644
index 0000000..eaf23e9
--- /dev/null
+++ b/web/src/views/fun/echartsMap/index.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+ 更换头像
+
+
+
+ ![]()
+
+
+
+
+
+
diff --git a/web/src/views/fun/echartsMap/mock.ts b/web/src/views/fun/echartsMap/mock.ts
new file mode 100644
index 0000000..16623c7
--- /dev/null
+++ b/web/src/views/fun/echartsMap/mock.ts
@@ -0,0 +1,387 @@
+// 地图模拟数据
+export const echartsMapList = [
+ { name: '海门', value: 9 },
+ { name: '鄂尔多斯', value: 12 },
+ { name: '招远', value: 12 },
+ { name: '舟山', value: 12 },
+ { name: '齐齐哈尔', value: 14 },
+ { name: '盐城', value: 15 },
+ { name: '赤峰', value: 16 },
+ { name: '青岛', value: 18 },
+ { name: '乳山', value: 18 },
+ { name: '金昌', value: 19 },
+ { name: '泉州', value: 21 },
+ { name: '莱西', value: 21 },
+ { name: '日照', value: 21 },
+ { name: '胶南', value: 22 },
+ { name: '南通', value: 23 },
+ { name: '拉萨', value: 24 },
+ { name: '云浮', value: 24 },
+ { name: '梅州', value: 25 },
+ { name: '文登', value: 25 },
+ { name: '上海', value: 25 },
+ { name: '攀枝花', value: 25 },
+ { name: '威海', value: 25 },
+ { name: '承德', value: 25 },
+ { name: '厦门', value: 26 },
+ { name: '汕尾', value: 26 },
+ { name: '潮州', value: 26 },
+ { name: '丹东', value: 27 },
+ { name: '太仓', value: 27 },
+ { name: '曲靖', value: 27 },
+ { name: '烟台', value: 28 },
+ { name: '福州', value: 29 },
+ { name: '瓦房店', value: 30 },
+ { name: '即墨', value: 30 },
+ { name: '抚顺', value: 31 },
+ { name: '玉溪', value: 31 },
+ { name: '张家口', value: 31 },
+ { name: '阳泉', value: 31 },
+ { name: '莱州', value: 32 },
+ { name: '湖州', value: 32 },
+ { name: '汕头', value: 32 },
+ { name: '昆山', value: 33 },
+ { name: '宁波', value: 33 },
+ { name: '湛江', value: 33 },
+ { name: '揭阳', value: 34 },
+ { name: '荣成', value: 34 },
+ { name: '连云港', value: 35 },
+ { name: '葫芦岛', value: 35 },
+ { name: '常熟', value: 36 },
+ { name: '东莞', value: 36 },
+ { name: '河源', value: 36 },
+ { name: '淮安', value: 36 },
+ { name: '泰州', value: 36 },
+ { name: '南宁', value: 37 },
+ { name: '营口', value: 37 },
+ { name: '惠州', value: 37 },
+ { name: '江阴', value: 37 },
+ { name: '蓬莱', value: 37 },
+ { name: '韶关', value: 38 },
+ { name: '嘉峪关', value: 38 },
+ { name: '广州', value: 38 },
+ { name: '延安', value: 38 },
+ { name: '太原', value: 39 },
+ { name: '清远', value: 39 },
+ { name: '中山', value: 39 },
+ { name: '昆明', value: 39 },
+ { name: '寿光', value: 40 },
+ { name: '盘锦', value: 40 },
+ { name: '长治', value: 41 },
+ { name: '深圳', value: 360 },
+ { name: '珠海', value: 42 },
+ { name: '宿迁', value: 43 },
+ { name: '咸阳', value: 43 },
+ { name: '铜川', value: 44 },
+ { name: '平度', value: 44 },
+ { name: '佛山', value: 44 },
+ { name: '海口', value: 44 },
+ { name: '江门', value: 45 },
+ { name: '章丘', value: 45 },
+ { name: '肇庆', value: 46 },
+ { name: '大连', value: 47 },
+ { name: '临汾', value: 47 },
+ { name: '吴江', value: 47 },
+ { name: '石嘴山', value: 49 },
+ { name: '沈阳', value: 50 },
+ { name: '苏州', value: 50 },
+ { name: '茂名', value: 50 },
+ { name: '嘉兴', value: 51 },
+ { name: '长春', value: 51 },
+ { name: '胶州', value: 52 },
+ { name: '银川', value: 52 },
+ { name: '张家港', value: 52 },
+ { name: '三门峡', value: 53 },
+ { name: '锦州', value: 54 },
+ { name: '南昌', value: 54 },
+ { name: '柳州', value: 54 },
+ { name: '三亚', value: 54 },
+ { name: '自贡', value: 56 },
+ { name: '吉林', value: 56 },
+ { name: '阳江', value: 57 },
+ { name: '泸州', value: 57 },
+ { name: '西宁', value: 57 },
+ { name: '宜宾', value: 58 },
+ { name: '呼和浩特', value: 58 },
+ { name: '成都', value: 58 },
+ { name: '大同', value: 58 },
+ { name: '镇江', value: 59 },
+ { name: '桂林', value: 59 },
+ { name: '张家界', value: 59 },
+ { name: '宜兴', value: 59 },
+ { name: '北海', value: 60 },
+ { name: '西安', value: 61 },
+ { name: '金坛', value: 62 },
+ { name: '东营', value: 62 },
+ { name: '牡丹江', value: 63 },
+ { name: '遵义', value: 63 },
+ { name: '绍兴', value: 63 },
+ { name: '扬州', value: 64 },
+ { name: '常州', value: 64 },
+ { name: '潍坊', value: 65 },
+ { name: '重庆', value: 66 },
+ { name: '台州', value: 67 },
+ { name: '南京', value: 67 },
+ { name: '滨州', value: 70 },
+ { name: '贵阳', value: 71 },
+ { name: '无锡', value: 71 },
+ { name: '本溪', value: 71 },
+ { name: '克拉玛依', value: 72 },
+ { name: '渭南', value: 72 },
+ { name: '马鞍山', value: 72 },
+ { name: '宝鸡', value: 72 },
+ { name: '焦作', value: 75 },
+ { name: '句容', value: 75 },
+ { name: '北京', value: 79 },
+ { name: '徐州', value: 79 },
+ { name: '衡水', value: 80 },
+ { name: '包头', value: 80 },
+ { name: '绵阳', value: 80 },
+ { name: '乌鲁木齐', value: 84 },
+ { name: '枣庄', value: 84 },
+ { name: '杭州', value: 84 },
+ { name: '淄博', value: 85 },
+ { name: '鞍山', value: 86 },
+ { name: '溧阳', value: 86 },
+ { name: '库尔勒', value: 86 },
+ { name: '安阳', value: 90 },
+ { name: '开封', value: 90 },
+ { name: '济南', value: 92 },
+ { name: '德阳', value: 93 },
+ { name: '温州', value: 95 },
+ { name: '九江', value: 96 },
+ { name: '邯郸', value: 98 },
+ { name: '临安', value: 99 },
+ { name: '兰州', value: 99 },
+ { name: '沧州', value: 100 },
+ { name: '临沂', value: 103 },
+ { name: '南充', value: 104 },
+ { name: '天津', value: 105 },
+ { name: '富阳', value: 106 },
+ { name: '泰安', value: 112 },
+ { name: '诸暨', value: 112 },
+ { name: '郑州', value: 113 },
+ { name: '哈尔滨', value: 114 },
+ { name: '聊城', value: 116 },
+ { name: '芜湖', value: 117 },
+ { name: '唐山', value: 119 },
+ { name: '平顶山', value: 119 },
+ { name: '邢台', value: 119 },
+ { name: '德州', value: 120 },
+ { name: '济宁', value: 120 },
+ { name: '荆州', value: 127 },
+ { name: '宜昌', value: 130 },
+ { name: '义乌', value: 132 },
+ { name: '丽水', value: 133 },
+ { name: '洛阳', value: 134 },
+ { name: '秦皇岛', value: 136 },
+ { name: '株洲', value: 143 },
+ { name: '石家庄', value: 147 },
+ { name: '莱芜', value: 148 },
+ { name: '常德', value: 152 },
+ { name: '保定', value: 153 },
+ { name: '湘潭', value: 154 },
+ { name: '金华', value: 157 },
+ { name: '岳阳', value: 169 },
+ { name: '长沙', value: 175 },
+ { name: '衢州', value: 177 },
+ { name: '廊坊', value: 93 },
+ { name: '菏泽', value: 194 },
+ { name: '合肥', value: 229 },
+ { name: '武汉', value: 273 },
+ { name: '大庆', value: 279 },
+];
+
+// 地图经纬度数据
+export const echartsMapData = {
+ 海门: [121.15, 31.89],
+ 鄂尔多斯: [109.781327, 39.608266],
+ 招远: [120.38, 37.35],
+ 舟山: [122.207216, 29.985295],
+ 齐齐哈尔: [123.97, 47.33],
+ 盐城: [120.13, 33.38],
+ 赤峰: [118.87, 42.28],
+ 青岛: [120.33, 36.07],
+ 乳山: [121.52, 36.89],
+ 金昌: [102.188043, 38.520089],
+ 泉州: [118.58, 24.93],
+ 莱西: [120.53, 36.86],
+ 日照: [119.46, 35.42],
+ 胶南: [119.97, 35.88],
+ 南通: [121.05, 32.08],
+ 拉萨: [91.11, 29.97],
+ 云浮: [112.02, 22.93],
+ 梅州: [116.1, 24.55],
+ 文登: [122.05, 37.2],
+ 上海: [121.48, 31.22],
+ 攀枝花: [101.718637, 26.582347],
+ 威海: [122.1, 37.5],
+ 承德: [117.93, 40.97],
+ 厦门: [118.1, 24.46],
+ 汕尾: [115.375279, 22.786211],
+ 潮州: [116.63, 23.68],
+ 丹东: [124.37, 40.13],
+ 太仓: [121.1, 31.45],
+ 曲靖: [103.79, 25.51],
+ 烟台: [121.39, 37.52],
+ 福州: [119.3, 26.08],
+ 瓦房店: [121.979603, 39.627114],
+ 即墨: [120.45, 36.38],
+ 抚顺: [123.97, 41.97],
+ 玉溪: [102.52, 24.35],
+ 张家口: [114.87, 40.82],
+ 阳泉: [113.57, 37.85],
+ 莱州: [119.942327, 37.177017],
+ 湖州: [120.1, 30.86],
+ 汕头: [116.69, 23.39],
+ 昆山: [120.95, 31.39],
+ 宁波: [121.56, 29.86],
+ 湛江: [110.359377, 21.270708],
+ 揭阳: [116.35, 23.55],
+ 荣成: [122.41, 37.16],
+ 连云港: [119.16, 34.59],
+ 葫芦岛: [120.836932, 40.711052],
+ 常熟: [120.74, 31.64],
+ 东莞: [113.75, 23.04],
+ 河源: [114.68, 23.73],
+ 淮安: [119.15, 33.5],
+ 泰州: [119.9, 32.49],
+ 南宁: [108.33, 22.84],
+ 营口: [122.18, 40.65],
+ 惠州: [114.4, 23.09],
+ 江阴: [120.26, 31.91],
+ 蓬莱: [120.75, 37.8],
+ 韶关: [113.62, 24.84],
+ 嘉峪关: [98.289152, 39.77313],
+ 广州: [113.23, 23.16],
+ 延安: [109.47, 36.6],
+ 太原: [112.53, 37.87],
+ 清远: [113.01, 23.7],
+ 中山: [113.38, 22.52],
+ 昆明: [102.73, 25.04],
+ 寿光: [118.73, 36.86],
+ 盘锦: [122.070714, 41.119997],
+ 长治: [113.08, 36.18],
+ 深圳: [114.07, 22.62],
+ 珠海: [113.52, 22.3],
+ 宿迁: [118.3, 33.96],
+ 咸阳: [108.72, 34.36],
+ 铜川: [109.11, 35.09],
+ 平度: [119.97, 36.77],
+ 佛山: [113.11, 23.05],
+ 海口: [110.35, 20.02],
+ 江门: [113.06, 22.61],
+ 章丘: [117.53, 36.72],
+ 肇庆: [112.44, 23.05],
+ 大连: [121.62, 38.92],
+ 临汾: [111.5, 36.08],
+ 吴江: [120.63, 31.16],
+ 石嘴山: [106.39, 39.04],
+ 沈阳: [123.38, 41.8],
+ 苏州: [120.62, 31.32],
+ 茂名: [110.88, 21.68],
+ 嘉兴: [120.76, 30.77],
+ 长春: [125.35, 43.88],
+ 胶州: [120.03336, 36.264622],
+ 银川: [106.27, 38.47],
+ 张家港: [120.555821, 31.875428],
+ 三门峡: [111.19, 34.76],
+ 锦州: [121.15, 41.13],
+ 南昌: [115.89, 28.68],
+ 柳州: [109.4, 24.33],
+ 三亚: [109.511909, 18.252847],
+ 自贡: [104.778442, 29.33903],
+ 吉林: [126.57, 43.87],
+ 阳江: [111.95, 21.85],
+ 泸州: [105.39, 28.91],
+ 西宁: [101.74, 36.56],
+ 宜宾: [104.56, 29.77],
+ 呼和浩特: [111.65, 40.82],
+ 成都: [104.06, 30.67],
+ 大同: [113.3, 40.12],
+ 镇江: [119.44, 32.2],
+ 桂林: [110.28, 25.29],
+ 张家界: [110.479191, 29.117096],
+ 宜兴: [119.82, 31.36],
+ 北海: [109.12, 21.49],
+ 西安: [108.95, 34.27],
+ 金坛: [119.56, 31.74],
+ 东营: [118.49, 37.46],
+ 牡丹江: [129.58, 44.6],
+ 遵义: [106.9, 27.7],
+ 绍兴: [120.58, 30.01],
+ 扬州: [119.42, 32.39],
+ 常州: [119.95, 31.79],
+ 潍坊: [119.1, 36.62],
+ 重庆: [106.54, 29.59],
+ 台州: [121.420757, 28.656386],
+ 南京: [118.78, 32.04],
+ 滨州: [118.03, 37.36],
+ 贵阳: [106.71, 26.57],
+ 无锡: [120.29, 31.59],
+ 本溪: [123.73, 41.3],
+ 克拉玛依: [84.77, 45.59],
+ 渭南: [109.5, 34.52],
+ 马鞍山: [118.48, 31.56],
+ 宝鸡: [107.15, 34.38],
+ 焦作: [113.21, 35.24],
+ 句容: [119.16, 31.95],
+ 北京: [116.46, 39.92],
+ 徐州: [117.2, 34.26],
+ 衡水: [115.72, 37.72],
+ 包头: [110, 40.58],
+ 绵阳: [104.73, 31.48],
+ 乌鲁木齐: [87.68, 43.77],
+ 枣庄: [117.57, 34.86],
+ 杭州: [120.19, 30.26],
+ 淄博: [118.05, 36.78],
+ 鞍山: [122.85, 41.12],
+ 溧阳: [119.48, 31.43],
+ 库尔勒: [86.06, 41.68],
+ 安阳: [114.35, 36.1],
+ 开封: [114.35, 34.79],
+ 济南: [117, 36.65],
+ 德阳: [104.37, 31.13],
+ 温州: [120.65, 28.01],
+ 九江: [115.97, 29.71],
+ 邯郸: [114.47, 36.6],
+ 临安: [119.72, 30.23],
+ 兰州: [103.73, 36.03],
+ 沧州: [116.83, 38.33],
+ 临沂: [118.35, 35.05],
+ 南充: [106.110698, 30.837793],
+ 天津: [117.2, 39.13],
+ 富阳: [119.95, 30.07],
+ 泰安: [117.13, 36.18],
+ 诸暨: [120.23, 29.71],
+ 郑州: [113.65, 34.76],
+ 哈尔滨: [126.63, 45.75],
+ 聊城: [115.97, 36.45],
+ 芜湖: [118.38, 31.33],
+ 唐山: [118.02, 39.63],
+ 平顶山: [113.29, 33.75],
+ 邢台: [114.48, 37.05],
+ 德州: [116.29, 37.45],
+ 济宁: [116.59, 35.38],
+ 荆州: [112.239741, 30.335165],
+ 宜昌: [111.3, 30.7],
+ 义乌: [120.06, 29.32],
+ 丽水: [119.92, 28.45],
+ 洛阳: [112.44, 34.7],
+ 秦皇岛: [119.57, 39.95],
+ 株洲: [113.16, 27.83],
+ 石家庄: [114.48, 38.03],
+ 莱芜: [117.67, 36.19],
+ 常德: [111.69, 29.05],
+ 保定: [115.48, 38.85],
+ 湘潭: [112.91, 27.87],
+ 金华: [119.64, 29.12],
+ 岳阳: [113.09, 29.37],
+ 长沙: [113, 28.21],
+ 衢州: [118.88, 28.97],
+ 廊坊: [116.7, 39.53],
+ 菏泽: [115.480656, 35.23375],
+ 合肥: [117.27, 31.86],
+ 武汉: [114.31, 30.52],
+ 大庆: [125.03, 46.58],
+};
diff --git a/web/src/views/fun/gridLayout/index.vue b/web/src/views/fun/gridLayout/index.vue
new file mode 100644
index 0000000..8884003
--- /dev/null
+++ b/web/src/views/fun/gridLayout/index.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/printJs/index.vue b/web/src/views/fun/printJs/index.vue
new file mode 100644
index 0000000..d3b6188
--- /dev/null
+++ b/web/src/views/fun/printJs/index.vue
@@ -0,0 +1,35 @@
+
+
+ {{ item.i }}
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/qrcode/index.vue b/web/src/views/fun/qrcode/index.vue
new file mode 100644
index 0000000..46d77fd
--- /dev/null
+++ b/web/src/views/fun/qrcode/index.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/splitpanes/index.vue b/web/src/views/fun/splitpanes/index.vue
new file mode 100644
index 0000000..d54fb08
--- /dev/null
+++ b/web/src/views/fun/splitpanes/index.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+ 重新生成
+
+
+
+
+
+
+
+
+ 1
+
+
+ 2
+ 3
+
+
+ 4
+
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/tagsView/index.vue b/web/src/views/fun/tagsView/index.vue
new file mode 100644
index 0000000..8af1b02
--- /dev/null
+++ b/web/src/views/fun/tagsView/index.vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
diff --git a/web/src/views/fun/wangEditor/index.vue b/web/src/views/fun/wangEditor/index.vue
new file mode 100644
index 0000000..c3ab93b
--- /dev/null
+++ b/web/src/views/fun/wangEditor/index.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
diff --git a/web/src/views/home/index.vue b/web/src/views/home/index.vue
new file mode 100644
index 0000000..d351e1e
--- /dev/null
+++ b/web/src/views/home/index.vue
@@ -0,0 +1,633 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/limits/backEnd/page/index.vue b/web/src/views/limits/backEnd/page/index.vue
new file mode 100644
index 0000000..bda2789
--- /dev/null
+++ b/web/src/views/limits/backEnd/page/index.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+ {{ v.num1 }}
+ {{ v.num2 }}%
+
+
+ {{ v.num3 }}
+
+
+
+
+
+
+
+
+ 快捷导航工具
+
+
+
+
+
+
+
+
+
+
+ {{ v.label }}
+
+ {{ v.value }}
+
+
+
+
+
+
+
+ 立即前往前端控制路由
+
+
+
+
+
diff --git a/web/src/views/limits/frontEnd/btn/index.vue b/web/src/views/limits/frontEnd/btn/index.vue
new file mode 100644
index 0000000..3181c30
--- /dev/null
+++ b/web/src/views/limits/frontEnd/btn/index.vue
@@ -0,0 +1,379 @@
+
+
+
+ 单个权限验证（:value="xxx"）：
+ 多个权限验证，满足一个则显示（:value="[xxx,xxx]"）：
+ 多个权限验证，全部满足则显示（:value="[xxx,xxx]"）：
+
+
+
+
+ 单个权限验证（v-auth="xxx"）：
+ 多个权限验证，满足一个则显示（v-auths="[xxx,xxx]"）：
+ 多个权限验证，全部满足则显示（v-auth-all="[xxx,xxx]"）：
+
+
+
+
+ auth('xxx')、auths(['xxx','xxx'])、authAll(['xxx','xxx'])：
+
+
+
+
+
+
+
diff --git a/web/src/views/limits/frontEnd/page/index.vue b/web/src/views/limits/frontEnd/page/index.vue
new file mode 100644
index 0000000..9fa35ae
--- /dev/null
+++ b/web/src/views/limits/frontEnd/page/index.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+ 跳转
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+ 跳转
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+ 跳转
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+ 跳转
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+ 跳转
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+ 跳转
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/login/component/account.vue b/web/src/views/login/component/account.vue
new file mode 100644
index 0000000..a646f5a
--- /dev/null
+++ b/web/src/views/login/component/account.vue
@@ -0,0 +1,174 @@
+
+ {{ $t('message.mobile.msgText') }}
+
+
+
+
+
+
+
+
diff --git a/web/src/views/login/index.vue b/web/src/views/login/index.vue
new file mode 100644
index 0000000..aa53bc4
--- /dev/null
+++ b/web/src/views/login/index.vue
@@ -0,0 +1,254 @@
+
+
+
+ {{ $t('message.scan.text') }}
+
+
+
+
+
+
+
+
diff --git a/web/src/views/make/noticeBar/index.vue b/web/src/views/make/noticeBar/index.vue
new file mode 100644
index 0000000..10c61bd
--- /dev/null
+++ b/web/src/views/make/noticeBar/index.vue
@@ -0,0 +1,158 @@
+
+
+
+
+
diff --git a/web/src/views/make/selector/index.vue b/web/src/views/make/selector/index.vue
new file mode 100644
index 0000000..d8fd47f
--- /dev/null
+++ b/web/src/views/make/selector/index.vue
@@ -0,0 +1,118 @@
+
+
+ ![]()
+
+
+ ![]()
+
+
+ {{ getThemeConfig.globalViceTitle }}
+ {{ getThemeConfig.globalViceTitleMsg }}
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+ {{ getThemeConfig.globalTitle }} 欢迎您！
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/make/svgDemo/index.vue b/web/src/views/make/svgDemo/index.vue
new file mode 100644
index 0000000..ac0e777
--- /dev/null
+++ b/web/src/views/make/svgDemo/index.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/make/tableDemo/index.vue b/web/src/views/make/tableDemo/index.vue
new file mode 100644
index 0000000..052607f
--- /dev/null
+++ b/web/src/views/make/tableDemo/index.vue
@@ -0,0 +1,134 @@
+
+
+
+
+
+
+
+
diff --git a/web/src/views/make/tableDemo/search.vue b/web/src/views/make/tableDemo/search.vue
new file mode 100644
index 0000000..bffc6d6
--- /dev/null
+++ b/web/src/views/make/tableDemo/search.vue
@@ -0,0 +1,110 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/menu/menu1/menu11/index.vue b/web/src/views/menu/menu1/menu11/index.vue
new file mode 100644
index 0000000..005d831
--- /dev/null
+++ b/web/src/views/menu/menu1/menu11/index.vue
@@ -0,0 +1,12 @@
+
+
+ {{ state.isToggle ? '收筛选' : '展筛选' }}
+
+
+
+ 查询
+ 重置
+
+
+
+
+
+
diff --git a/web/src/views/menu/menu1/menu12/menu121/index.vue b/web/src/views/menu/menu1/menu12/menu121/index.vue
new file mode 100644
index 0000000..1fda6fe
--- /dev/null
+++ b/web/src/views/menu/menu1/menu12/menu121/index.vue
@@ -0,0 +1,12 @@
+
+
+
+
+
+
diff --git a/web/src/views/menu/menu1/menu12/menu122/index.vue b/web/src/views/menu/menu1/menu12/menu122/index.vue
new file mode 100644
index 0000000..c8c3001
--- /dev/null
+++ b/web/src/views/menu/menu1/menu12/menu122/index.vue
@@ -0,0 +1,12 @@
+
+
+
+
+
+
diff --git a/web/src/views/menu/menu1/menu13/index.vue b/web/src/views/menu/menu1/menu13/index.vue
new file mode 100644
index 0000000..82e99de
--- /dev/null
+++ b/web/src/views/menu/menu1/menu13/index.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
diff --git a/web/src/views/menu/menu2/index.vue b/web/src/views/menu/menu2/index.vue
new file mode 100644
index 0000000..95c9ef9
--- /dev/null
+++ b/web/src/views/menu/menu2/index.vue
@@ -0,0 +1,12 @@
+
+
+
+
+
+
diff --git a/web/src/views/pages/awesome/index.vue b/web/src/views/pages/awesome/index.vue
new file mode 100644
index 0000000..64a8170
--- /dev/null
+++ b/web/src/views/pages/awesome/index.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/drag/index.vue b/web/src/views/pages/drag/index.vue
new file mode 100644
index 0000000..3d5452d
--- /dev/null
+++ b/web/src/views/pages/drag/index.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+ {{ v }}
+
+
+
+
+
+ 点击打开 Dialog
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/dynamicForm/index.vue b/web/src/views/pages/dynamicForm/index.vue
new file mode 100644
index 0000000..5bc36d1
--- /dev/null
+++ b/web/src/views/pages/dynamicForm/index.vue
@@ -0,0 +1,168 @@
+
+
+
+
+
+
+
+ 按住进行拖动测试
+
+
+ 拖动指令效果（v-drag）
+
+ 鼠标放标题头进行 Dialog 对话框拖动
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 年度
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/dynamicForm/mock.ts b/web/src/views/pages/dynamicForm/mock.ts
new file mode 100644
index 0000000..2293fe9
--- /dev/null
+++ b/web/src/views/pages/dynamicForm/mock.ts
@@ -0,0 +1,119 @@
+// 表单数据选项(自行扩展)
+export const formData = [
+ {
+ label: '姓名',
+ prop: 'name',
+ placeholder: '请输入姓名',
+ clearable: true,
+ disabled: false,
+ required: true,
+ type: 'input',
+ i18n: false,
+ i18nText: '',
+ isShow: true,
+ xs: 24,
+ sm: 12,
+ md: 8,
+ lg: 6,
+ xl: 4,
+ },
+ {
+ label: '邮箱',
+ prop: 'email',
+ placeholder: '请输入用户邮箱',
+ clearable: true,
+ disabled: false,
+ required: true,
+ type: 'input',
+ i18n: false,
+ i18nText: '',
+ isShow: true,
+ xs: 24,
+ sm: 12,
+ md: 8,
+ lg: 6,
+ xl: 4,
+ },
+ {
+ label: '登陆时间',
+ prop: 'autograph',
+ placeholder: '选择时间',
+ clearable: true,
+ disabled: false,
+ required: true,
+ type: 'date',
+ i18n: false,
+ i18nText: '',
+ isShow: true,
+ xs: 24,
+ sm: 12,
+ md: 8,
+ lg: 6,
+ xl: 4,
+ },
+ {
+ label: '职务',
+ prop: 'occupation',
+ placeholder: '请选择职务',
+ clearable: true,
+ disabled: false,
+ required: true,
+ type: 'select',
+ i18n: false,
+ i18nText: '',
+ options: [
+ {
+ label: '计算机 / 互联网 / 通信',
+ value: '1',
+ },
+ {
+ label: '生产 / 工艺 / 制造',
+ value: '2',
+ },
+ {
+ label: '医疗 / 护理 / 制药',
+ value: '3',
+ },
+ ],
+ isShow: true,
+ xs: 24,
+ sm: 12,
+ md: 8,
+ lg: 6,
+ xl: 4,
+ },
+ {
+ label: '',
+ prop: '',
+ placeholder: '',
+ clearable: true,
+ disabled: false,
+ required: true,
+ type: '',
+ i18n: false,
+ i18nText: '',
+ isShow: true,
+ xs: 24,
+ sm: 24,
+ md: 24,
+ lg: 24,
+ xl: 24,
+ },
+ {
+ label: '备注',
+ prop: 'remarks',
+ placeholder: '请输入',
+ clearable: true,
+ disabled: false,
+ required: true,
+ type: 'textarea',
+ i18n: false,
+ i18nText: '',
+ isShow: true,
+ xs: 24,
+ sm: 24,
+ md: 24,
+ lg: 24,
+ xl: 24,
+ },
+];
diff --git a/web/src/views/pages/element/index.vue b/web/src/views/pages/element/index.vue
new file mode 100644
index 0000000..2baf544
--- /dev/null
+++ b/web/src/views/pages/element/index.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+ 重置表单
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/filtering/details.vue b/web/src/views/pages/filtering/details.vue
new file mode 100644
index 0000000..cbb49ef
--- /dev/null
+++ b/web/src/views/pages/filtering/details.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+ {{ v }}
+
+
+
+
+
diff --git a/web/src/views/pages/filtering/details1.vue b/web/src/views/pages/filtering/details1.vue
new file mode 100644
index 0000000..a088ba5
--- /dev/null
+++ b/web/src/views/pages/filtering/details1.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+ filtering-details 测试界面
+
+
+
+
+
diff --git a/web/src/views/pages/filtering/index.vue b/web/src/views/pages/filtering/index.vue
new file mode 100644
index 0000000..60da73e
--- /dev/null
+++ b/web/src/views/pages/filtering/index.vue
@@ -0,0 +1,344 @@
+
+
+
+
+
+ 测试界面
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/filtering/mock.ts b/web/src/views/pages/filtering/mock.ts
new file mode 100644
index 0000000..22e0f38
--- /dev/null
+++ b/web/src/views/pages/filtering/mock.ts
@@ -0,0 +1,201 @@
+// 导航数据
+export const filtering = [
+ {
+ title: '权限',
+ isMore: false,
+ isShowMore: false,
+ id: 0,
+ children: [
+ {
+ id: '01',
+ label: '全部',
+ active: true,
+ },
+ {
+ id: '02',
+ label: '普通用户',
+ active: false,
+ },
+ {
+ id: '03',
+ label: '管理员',
+ active: false,
+ },
+ ],
+ },
+ {
+ title: '布局',
+ isMore: false,
+ isShowMore: false,
+ id: 1,
+ children: [
+ {
+ id: 11,
+ label: '全部',
+ active: true,
+ },
+ {
+ id: 12,
+ label: '默认',
+ active: false,
+ },
+ {
+ id: 13,
+ label: '经典',
+ active: false,
+ },
+ {
+ id: 14,
+ label: '横向',
+ active: false,
+ },
+ {
+ id: 15,
+ label: '分栏',
+ active: false,
+ },
+ ],
+ },
+ {
+ title: '配置',
+ isMore: false,
+ isShowMore: false,
+ id: 2,
+ children: [
+ {
+ id: 21,
+ label: '全部',
+ active: true,
+ },
+ {
+ id: 22,
+ label: '开启 Breadcrumb',
+ active: false,
+ },
+ {
+ id: 23,
+ label: '开启 Tags-View',
+ active: false,
+ },
+ {
+ id: 24,
+ label: '固定 Header',
+ active: false,
+ },
+ {
+ id: 25,
+ label: '侧边栏 Logo',
+ active: false,
+ },
+ {
+ id: 26,
+ label: '开启折叠 NavMenu',
+ active: false,
+ },
+ {
+ id: 27,
+ label: '开启一个 NavMenu 展开',
+ active: false,
+ },
+ {
+ id: 28,
+ label: '登录用户头像',
+ active: false,
+ },
+ ],
+ },
+];
+
+// 列表数据
+export const filterList = [
+ {
+ img: 'http://news.sznews.com/pic/2020-08/14/9d9c9a60-f0af-41aa-b617-683b07c87642.jpg',
+ title: '嘉陵江2020年第1号洪水”在嘉陵江支流涪江形成',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 1,
+ },
+ {
+ img: 'http://www.sznews.com/news/pic/2020-08/13/0ea47d3c-feb9-4bd7-8597-a8a373aa6340c6ec12c7-3b33-4528-91a6-85ec8ca1df67_watermark.png',
+ title: '让《民法典》走近群众 盐田街道开展人民调解宣传活动',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 2,
+ },
+ {
+ img: 'http://www.sznews.com/photo/pic/2020-08/12/a08d6eb0-1d53-4f76-a313-ad3e5d701f98.jpg',
+ title: '记者手记：可可西里，“挪”向“藏羚羊大产房”的14个半小时',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 3,
+ },
+ {
+ img: 'http://www.sznews.com/photo/pic/2020-08/11/43cc0e14-9bca-45b9-9a8b-342e09d6a4c7.jpg',
+ title: '以优异成绩庆祝深圳经济特区建立40周年',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 4,
+ },
+ {
+ img: 'http://www.sznews.com/photo/pic/2020-08/11/a4dc322b-68ec-40e6-8906-3124142c3e49.jpg',
+ title: '草原上的“太阳姑娘”',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 5,
+ },
+ {
+ img: 'http://www.sznews.com/zhuanti/pic/2020-08/07/57f087b4-4812-46cc-adb9-ead73621284e.png',
+ title: '奇观天下|带你走进非洲野生动物观光第一目的地',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 6,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2020-09/02/t2_(101X54X600X335)7cd39301-d9cf-45f1-91c3-9575b1e5ce0e.jpg.2',
+ title: '五角大楼发布“中国军力报告” 华春莹： 罔顾事实，充满偏见',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 7,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2020-09/02/b8b41d9c-0508-4498-8d37-6e597493769f.jpg',
+ title: '最新地铁消息汇总：4号线北延、2号线三期、8号线一期等今年通车',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 8,
+ },
+ {
+ img: 'http://www.sznews.com/photo/pic/2020-08/10/1635374c-f4d6-475c-ac47-1334176f365d.png',
+ title: '9月1日深圳新增5例无症状感染者！钟南山这段话冲上热搜！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 9,
+ },
+ {
+ img: 'http://www.sznews.com/news/pic/2020-08/13/646e5458-92b7-4636-9940-9b0799babfe1.png',
+ title: '全能“小福宝” 为文明社区建设添砖加瓦',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 10,
+ },
+];
diff --git a/web/src/views/pages/formAdapt/index.vue b/web/src/views/pages/formAdapt/index.vue
new file mode 100644
index 0000000..153b132
--- /dev/null
+++ b/web/src/views/pages/formAdapt/index.vue
@@ -0,0 +1,107 @@
+
+
+
+ {{ val.title }}
+
+ {{
+ v.label
+ }}
+
+
+ {{ val.isMore ? '收起' : '展开' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ v.title }}
+
+
+
+
+
+ 评价 {{ v.evaluate }}
+ 收藏 {{ v.collection }}
+
+
+
+ ￥
+ {{ v.price }}
+
+ 月销{{ v.monSales }}笔
+
+
+
+
+
+
+
+ 暂无数据
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/formI18n/index.vue b/web/src/views/pages/formI18n/index.vue
new file mode 100644
index 0000000..f7893d3
--- /dev/null
+++ b/web/src/views/pages/formI18n/index.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/formRules/component/formRulesOne.vue b/web/src/views/pages/formRules/component/formRulesOne.vue
new file mode 100644
index 0000000..12473c3
--- /dev/null
+++ b/web/src/views/pages/formRules/component/formRulesOne.vue
@@ -0,0 +1,64 @@
+
+
+
+ 中文简体
+ 英文
+ 中文繁体
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/formRules/component/formRulesThree.vue b/web/src/views/pages/formRules/component/formRulesThree.vue
new file mode 100644
index 0000000..1ccf014
--- /dev/null
+++ b/web/src/views/pages/formRules/component/formRulesThree.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/formRules/component/formRulesTwo.vue b/web/src/views/pages/formRules/component/formRulesTwo.vue
new file mode 100644
index 0000000..ad7e526
--- /dev/null
+++ b/web/src/views/pages/formRules/component/formRulesTwo.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/formRules/index.vue b/web/src/views/pages/formRules/index.vue
new file mode 100644
index 0000000..71e4391
--- /dev/null
+++ b/web/src/views/pages/formRules/index.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/iocnfont/index.vue b/web/src/views/pages/iocnfont/index.vue
new file mode 100644
index 0000000..02fa7da
--- /dev/null
+++ b/web/src/views/pages/iocnfont/index.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/lazyImg/index.vue b/web/src/views/pages/lazyImg/index.vue
new file mode 100644
index 0000000..157e147
--- /dev/null
+++ b/web/src/views/pages/lazyImg/index.vue
@@ -0,0 +1,185 @@
+
+
+
+
+
+
+
+
+ {{ v }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/lazyImg/mock.ts b/web/src/views/pages/lazyImg/mock.ts
new file mode 100644
index 0000000..4eb3d29
--- /dev/null
+++ b/web/src/views/pages/lazyImg/mock.ts
@@ -0,0 +1,313 @@
+// 列表数据
+export const filterList = [
+ {
+ img: 'https://news.sznews.com/pic/2021-03/09/e37326cc-4583-48f3-aa00-ecc2392d319d.jpg',
+ title: '36分钟，深圳平均通勤时间出炉！GDP10强城市中仅输杭州',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 1,
+ loading: true,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/09/78cf72b6-e2d9-459d-a368-470414a027f4679cf4ea-26fa-48c8-9fee-c2d092a91400.png',
+ title: '为爱而动，“红色鹊桥”三八妇女节交友联谊活动助力深圳女孩脱单',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 2,
+ loading: true,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/09/1faf3c6e-1250-4e6b-b072-4a331553e027.jpg',
+ title: '粤桂协作“背水一战” 解决广西大化县3.7万人饮水难题',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 3,
+ loading: true,
+ },
+ {
+ img: 'https://news.sznews.com/pic/2021-03/09/9fcf6dd4-1e80-4497-bdc9-83dc7246d170.jpg.2',
+ title: '城镇就业女性平均薪酬6847元 女性职场渗透率提升',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 4,
+ loading: true,
+ },
+ {
+ img: 'https://news.sznews.com/pic/2021-03/09/1bd78227-4126-4a43-bdf6-48ead6edd1bf.jpg.2',
+ title: '深圳：实现“从0到1”源头创新，推进大湾区综合性国家科学中心建设！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 5,
+ loading: true,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/08/9ea943a3-3ae8-4f49-8296-711ec36ef8c6_watermark.png',
+ title: '煖声音第126期|愿你有诗酒趁年华的洒脱，也有岁月沉淀后的坚定从容',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 6,
+ loading: true,
+ },
+ {
+ img: 'https://news.sznews.com/pic/2021-03/08/a95ba232-1422-4f7e-b85f-c61d486c8659.jpg.2',
+ title: '姐妹们一起来吐槽，最不能接受男人的缺点！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 7,
+ loading: true,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/08/76816bf0-3899-4c7e-bc6e-079b5ba8725e.jpg',
+ title: '民生小事 | 手机遗落出租车 热心民警帮找回',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 8,
+ loading: true,
+ },
+ {
+ img: 'https://news.sznews.com/pic/2021-03/08/28ed70d4-71f5-4abb-bf7b-0294bece9e43.jpg.2',
+ title: '“十三五”：深圳交上靓丽答卷 发展动力加快转换',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 9,
+ loading: true,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/05/d13ae31f-fd45-431a-b48e-c5895bbc193e.png',
+ title: '深圳湾公园一女子落水，三名男子接力及时施救',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 10,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210704/653/w930h523/20210704/d5d2-krwipas6444058.jpg',
+ title: '36分钟，深圳平均通勤时间出炉！GDP10强城市中仅输杭州',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 1,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210704/766/w930h636/20210704/b1ae-krwipas6332914.jpg',
+ title: '为爱而动，“红色鹊桥”三八妇女节交友联谊活动助力深圳女孩脱单',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 2,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210704/750/w930h620/20210704/2886-krwipas6264821.jpg',
+ title: '粤桂协作“背水一战” 解决广西大化县3.7万人饮水难题',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 3,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210704/750/w930h620/20210704/767c-krwipas6387862.jpg',
+ title: '城镇就业女性平均薪酬6847元 女性职场渗透率提升',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 4,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210704/111/w1024h687/20210704/1f65-krwipas5871436.jpg',
+ title: '盛夏的那考河湿地公园！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 5,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210704/657/w930h527/20210704/7eae-krwipas5866609.jpg',
+ title: '煖声音第126期|愿你有诗酒趁年华的洒脱，也有岁月沉淀后的坚定从容',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 6,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210703/760/w930h630/20210703/124e-krwipas5596390.jpg',
+ title: '姐妹们一起来吐槽，最不能接受男人的缺点！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 7,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210703/27/w930h697/20210703/9630-krwipas5514972.jpg',
+ title: '民生小事 | 手机遗落出租车 热心民警帮找回',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 8,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210703/750/w930h620/20210703/2fe3-krwipas5388050.jpg',
+ title: '“十三五”：深圳交上靓丽答卷 发展动力加快转换',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 9,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210703/724/w930h594/20210703/98b6-krwipas5234060.jpg',
+ title: '深圳湾公园一女子落水，三名男子接力及时施救',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 10,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210703/750/w930h620/20210703/f765-krwipas5194727.jpg',
+ title: '36分钟，深圳平均通勤时间出炉！GDP10强城市中仅输杭州',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 1,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210702/750/w930h620/20210702/5dde-krwipas4724976.jpg',
+ title: '为爱而动，“红色鹊桥”三八妇女节交友联谊活动助力深圳女孩脱单',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 2,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210702/750/w930h620/20210702/f45e-krwipas4566804.jpg',
+ title: '粤桂协作“背水一战” 解决广西大化县3.7万人饮水难题',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 3,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210702/750/w930h620/20210702/5579-krwipas4551382.jpg',
+ title: '城镇就业女性平均薪酬6847元 女性职场渗透率提升',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 4,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210702/750/w930h620/20210702/7c75-krwipas4543661.jpg',
+ title: '深圳：实现“从0到1”源头创新，推进大湾区综合性国家科学中心建设！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 5,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210702/653/w930h523/20210702/ece2-krwipas4411140.jpg',
+ title: '煖声音第126期|愿你有诗酒趁年华的洒脱，也有岁月沉淀后的坚定从容',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 6,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210702/750/w930h620/20210702/f5c2-krwipas4215211.jpg',
+ title: '姐妹们一起来吐槽，最不能接受男人的缺点！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 7,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210701/720/w930h590/20210701/eabc-krwipas3509204.jpg',
+ title: '民生小事 | 手机遗落出租车 热心民警帮找回',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 8,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210701/797/w930h667/20210701/4667-krwipas3365057.jpg',
+ title: '“十三五”：深圳交上靓丽答卷 发展动力加快转换',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 9,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210701/750/w930h620/20210701/baea-krwipas2976622.jpg',
+ title: '民众前往中共一大纪念馆参观',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 10,
+ loading: true,
+ },
+ {
+ img: 'http://z0.sinaimg.cn/auto/resize?size=235_156&img=http://n.sinaimg.cn/spider20210630/617/w850h567/20210630/5c96-krwipas1819108.jpg',
+ title: '延吉灯光秀美轮美奂 市民徜徉璀璨夜景',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 10,
+ loading: true,
+ },
+];
diff --git a/web/src/views/pages/listAdapt/index.vue b/web/src/views/pages/listAdapt/index.vue
new file mode 100644
index 0000000..fa394c1
--- /dev/null
+++ b/web/src/views/pages/listAdapt/index.vue
@@ -0,0 +1,178 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ v.title }}
+
+
+
+
+
+ 评价 {{ v.evaluate }}
+ 收藏 {{ v.collection }}
+
+
+
+ ￥
+ {{ v.price }}
+
+ 月销{{ v.monSales }}笔
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/listAdapt/mock.ts b/web/src/views/pages/listAdapt/mock.ts
new file mode 100644
index 0000000..a31e9e3
--- /dev/null
+++ b/web/src/views/pages/listAdapt/mock.ts
@@ -0,0 +1,93 @@
+// 列表数据
+export const filterList = [
+ {
+ img: 'https://news.sznews.com/pic/2021-03/09/e37326cc-4583-48f3-aa00-ecc2392d319d.jpg',
+ title: '36分钟，深圳平均通勤时间出炉！GDP10强城市中仅输杭州',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 1,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/09/78cf72b6-e2d9-459d-a368-470414a027f4679cf4ea-26fa-48c8-9fee-c2d092a91400.png',
+ title: '为爱而动，“红色鹊桥”三八妇女节交友联谊活动助力深圳女孩脱单',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 2,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/09/1faf3c6e-1250-4e6b-b072-4a331553e027.jpg',
+ title: '粤桂协作“背水一战” 解决广西大化县3.7万人饮水难题',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 3,
+ },
+ {
+ img: 'https://news.sznews.com/pic/2021-03/09/9fcf6dd4-1e80-4497-bdc9-83dc7246d170.jpg.2',
+ title: '城镇就业女性平均薪酬6847元 女性职场渗透率提升',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 4,
+ },
+ {
+ img: 'https://news.sznews.com/pic/2021-03/09/1bd78227-4126-4a43-bdf6-48ead6edd1bf.jpg.2',
+ title: '深圳：实现“从0到1”源头创新，推进大湾区综合性国家科学中心建设！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 5,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/08/9ea943a3-3ae8-4f49-8296-711ec36ef8c6_watermark.png',
+ title: '煖声音第126期|愿你有诗酒趁年华的洒脱，也有岁月沉淀后的坚定从容',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 6,
+ },
+ {
+ img: 'https://news.sznews.com/pic/2021-03/08/a95ba232-1422-4f7e-b85f-c61d486c8659.jpg.2',
+ title: '姐妹们一起来吐槽，最不能接受男人的缺点！',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 7,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/08/76816bf0-3899-4c7e-bc6e-079b5ba8725e.jpg',
+ title: '民生小事 | 手机遗落出租车 热心民警帮找回',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 8,
+ },
+ {
+ img: 'https://news.sznews.com/pic/2021-03/08/28ed70d4-71f5-4abb-bf7b-0294bece9e43.jpg.2',
+ title: '“十三五”：深圳交上靓丽答卷 发展动力加快转换',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 9,
+ },
+ {
+ img: 'http://news.sznews.com/pic/2021-03/05/d13ae31f-fd45-431a-b48e-c5895bbc193e.png',
+ title: '深圳湾公园一女子落水，三名男子接力及时施救',
+ evaluate: (Math.random() * 10).toFixed(2),
+ collection: (Math.random() * 100).toFixed(2),
+ price: (Math.random() * 10).toFixed(2),
+ monSales: (Math.random() * 20).toFixed(2),
+ id: 10,
+ },
+];
diff --git a/web/src/views/pages/preview/index.vue b/web/src/views/pages/preview/index.vue
new file mode 100644
index 0000000..3650d16
--- /dev/null
+++ b/web/src/views/pages/preview/index.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ v.title }}
+
+
+
+
+
+ 评价 {{ v.evaluate }}
+ 收藏 {{ v.collection }}
+
+
+
+ ￥
+ {{ v.price }}
+
+ 月销{{ v.monSales }}笔
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/steps/index.vue b/web/src/views/pages/steps/index.vue
new file mode 100644
index 0000000..3f25ddb
--- /dev/null
+++ b/web/src/views/pages/steps/index.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/tableRules/index.vue b/web/src/views/pages/tableRules/index.vue
new file mode 100644
index 0000000..bb8d816
--- /dev/null
+++ b/web/src/views/pages/tableRules/index.vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+ *
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/tree/index.vue b/web/src/views/pages/tree/index.vue
new file mode 100644
index 0000000..623523f
--- /dev/null
+++ b/web/src/views/pages/tree/index.vue
@@ -0,0 +1,227 @@
+
+
+ 表格验证
+ 新增一行
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/waterfall/index.vue b/web/src/views/pages/waterfall/index.vue
new file mode 100644
index 0000000..a76977a
--- /dev/null
+++ b/web/src/views/pages/waterfall/index.vue
@@ -0,0 +1,164 @@
+
+
+
+
+
+ {{ node.label }}
+
+ {{ data.label1 }}
+ {{ data.label2 }}
+
+
+
+
+
+
+
+ 商品 ID
+
+
+ 商品名称
+ 描述
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/waves/index.vue b/web/src/views/pages/waves/index.vue
new file mode 100644
index 0000000..159cffd
--- /dev/null
+++ b/web/src/views/pages/waves/index.vue
@@ -0,0 +1,124 @@
+
+
+
+
+
+
+ {{ v }}
+
+
+
+
+
+
+ {{ v }}
+
+
+
+ 可选参数 v-waves=" |light|red|orange|purple|green|teal"
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/workflow/component/contextmenu/index.vue b/web/src/views/pages/workflow/component/contextmenu/index.vue
new file mode 100644
index 0000000..fe5dddd
--- /dev/null
+++ b/web/src/views/pages/workflow/component/contextmenu/index.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ v }}
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/workflow/component/drawer/line.vue b/web/src/views/pages/workflow/component/drawer/line.vue
new file mode 100644
index 0000000..ec0f133
--- /dev/null
+++ b/web/src/views/pages/workflow/component/drawer/line.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/workflow/component/drawer/node.vue b/web/src/views/pages/workflow/component/drawer/node.vue
new file mode 100644
index 0000000..e54d2b9
--- /dev/null
+++ b/web/src/views/pages/workflow/component/drawer/node.vue
@@ -0,0 +1,254 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/workflow/component/tool/help.vue b/web/src/views/pages/workflow/component/tool/help.vue
new file mode 100644
index 0000000..3596a79
--- /dev/null
+++ b/web/src/views/pages/workflow/component/tool/help.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/workflow/component/tool/index.vue b/web/src/views/pages/workflow/component/tool/index.vue
new file mode 100644
index 0000000..8682d9f
--- /dev/null
+++ b/web/src/views/pages/workflow/component/tool/index.vue
@@ -0,0 +1,74 @@
+
+ 使用帮助
+
+ 1、拖入：鼠标移入左侧导航中，鼠标形状改变时拖动到右侧网格状的视图中。
+ 2、移动：鼠标移入到视图中的某个节点元素，鼠标形状改变时拖动改变位置。
+ 3、连线：鼠标移入到视图中的某个节点元素的icon(图标)，鼠标形状改变（变成"+"），按下鼠标左键进行拖线连接。
+ 4、节点：鼠标移入到视图中的某个节点元素，点击鼠标右键可进行删除、编辑节点。
+ 5、线条：鼠标移入到视图中的某个线条，线条颜色改变时，点击鼠标右键可进行删除、编辑线条。
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/workflow/index.vue b/web/src/views/pages/workflow/index.vue
new file mode 100644
index 0000000..28ab1c6
--- /dev/null
+++ b/web/src/views/pages/workflow/index.vue
@@ -0,0 +1,631 @@
+
+ {{ setToolTitle }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/pages/workflow/js/config.ts b/web/src/views/pages/workflow/js/config.ts
new file mode 100644
index 0000000..3784c02
--- /dev/null
+++ b/web/src/views/pages/workflow/js/config.ts
@@ -0,0 +1,99 @@
+// jsplumb 默认配置
+export const jsplumbDefaults = {
+ // 多个锚点 [源锚点，目标锚点]
+ Anchors: [
+ 'Top',
+ 'TopCenter',
+ 'TopRight',
+ 'TopLeft',
+ 'Right',
+ 'RightMiddle',
+ 'Bottom',
+ 'BottomCenter',
+ 'BottomRight',
+ 'BottomLeft',
+ 'Left',
+ 'LeftMiddle',
+ ],
+ // 连线的容器id
+ Container: 'workflow-right',
+ // 设置链接线的形状，如直线或者曲线之类的。anchor可以去设置锚点的位置。可选值"
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ val.title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/params/common/index.vue b/web/src/views/params/common/index.vue
new file mode 100644
index 0000000..ec11295
--- /dev/null
+++ b/web/src/views/params/common/index.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+ paramsCommonDetails
+ 路径：path: {{ route.path }}
+ 参数：query: {{ route.query }}
+
+
+
+
+
diff --git a/web/src/views/params/dynamic/details.vue b/web/src/views/params/dynamic/details.vue
new file mode 100644
index 0000000..68e3722
--- /dev/null
+++ b/web/src/views/params/dynamic/details.vue
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 1、设置非国际化：格式：tagsViewName=xxx
+ +
2、设置国际化：格式：tagsViewName=JSON.stringify({"zh-cn":"测试用","en":"test+page","zh-tw":"測試用"})
+ +
3、设置国际化后，去顶栏切换语言查看演示效果
+ +
+ 4、 感谢@q7but、
+ !22 add 添加自定义 tagVIewName 拓展,支持国际化
+
+
+
+
+
+
+
diff --git a/web/src/views/params/dynamic/index.vue b/web/src/views/params/dynamic/index.vue
new file mode 100644
index 0000000..ddf7890
--- /dev/null
+++ b/web/src/views/params/dynamic/index.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+ paramsDynamicDetails
+ 路径：path: {{ route.path }}
+ 参数：params: {{ route.params }}
+
+
+
+
+
diff --git a/web/src/views/personal/index.vue b/web/src/views/personal/index.vue
new file mode 100644
index 0000000..4ca238e
--- /dev/null
+++ b/web/src/views/personal/index.vue
@@ -0,0 +1,373 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 1、设置非国际化：格式：tagsViewName=xxx
+ +
2、设置国际化：格式：tagsViewName=JSON.stringify({"zh-cn":"测试用","en":"test+page","zh-tw":"測試用"})
+ +
3、设置国际化后，去顶栏切换语言查看演示效果
+ +
+ 4、 感谢@q7but、
+ !22 add 添加自定义 tagVIewName 拓展,支持国际化
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 消息通知
+ 更多
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 更新个人信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/personal/mock.ts b/web/src/views/personal/mock.ts
new file mode 100644
index 0000000..ca261b6
--- /dev/null
+++ b/web/src/views/personal/mock.ts
@@ -0,0 +1,66 @@
+/**
+ * 消息通知
+ * @returns 返回模拟数据
+ */
+export const newsInfoList = [
+ {
+ title: '[发布] 2021年02月28日发布基于 vue3.x + vite v1.0.0 版本',
+ date: '02/28',
+ link: 'https://gitee.com/lyt-top/vue-next-admin',
+ },
+ {
+ title: '[发布] 2021年04月15日发布 vue2.x + webpack 重构版本',
+ date: '04/15',
+ link: 'https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin/',
+ },
+ {
+ title: '[重构] 2021年04月10日 重构 vue2.x + webpack v1.0.0 版本',
+ date: '04/10',
+ link: 'https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin/',
+ },
+ {
+ title: '[预览] 2020年12月08日，基于 vue3.x 版本后台模板的预览',
+ date: '12/08',
+ link: 'http://lyt-top.gitee.io/vue-next-admin-preview/#/login',
+ },
+ {
+ title: '[预览] 2020年11月15日，基于 vue2.x 版本后台模板的预览',
+ date: '11/15',
+ link: 'https://lyt-top.gitee.io/vue-prev-admin-preview/#/login',
+ },
+];
+
+/**
+ * 营销推荐
+ * @returns 返回模拟数据
+ */
+export const recommendList = [
+ {
+ title: '优惠券',
+ msg: '现金券、折扣券、营销必备',
+ icon: 'ele-Food',
+ bg: '#48D18D',
+ iconColor: '#64d89d',
+ },
+ {
+ title: '多人拼团',
+ msg: '社交电商、开辟流量',
+ icon: 'ele-ShoppingCart',
+ bg: '#F95959',
+ iconColor: '#F86C6B',
+ },
+ {
+ title: '分销中心',
+ msg: '轻松招募分销员，成功推广奖励',
+ icon: 'ele-School',
+ bg: '#8595F4',
+ iconColor: '#92A1F4',
+ },
+ {
+ title: '秒杀',
+ msg: '超低价抢购引导更多销量',
+ icon: 'ele-AlarmClock',
+ bg: '#FEBB50',
+ iconColor: '#FDC566',
+ },
+];
diff --git a/web/src/views/system/dept/dialog.vue b/web/src/views/system/dept/dialog.vue
new file mode 100644
index 0000000..b725593
--- /dev/null
+++ b/web/src/views/system/dept/dialog.vue
@@ -0,0 +1,167 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentTime }}，admin，生活变的再糟糕，也不妨碍我变得更好！
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 昵称：
+ 小柒
+ 身份：
+ 超级管理
+ 登录IP：
+ 192.168.1.1
+ 登录时间：
+ 2021-02-05 18:47:26
+
+
+ -
+
- + {{ v.title }} + +
+
+
+
+ {{ v.title }}
+ {{ v.msg }}
+ 基本信息
+ 账号安全
+
+
+
+
+
+
+ 账户密码
+ 当前密码强度：强
+
+ 立即修改
+
+
+
+
+
+
+
+ 密保手机
+ 已绑定手机：132****4108
+
+ 立即修改
+
+
+
+
+
+
+
+ 密保问题
+ 已设置密保问题，账号安全大幅度提升
+
+ 立即设置
+
+
+
+
+
+
+
+ 绑定QQ
+ 已绑定QQ：110****566
+
+ 立即设置
+
+
+
+
+
+
+
+
+
+ {{ data.deptName }}
+ ({{ data.children.length }})
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/dept/index.vue b/web/src/views/system/dept/index.vue
new file mode 100644
index 0000000..3d6f4e6
--- /dev/null
+++ b/web/src/views/system/dept/index.vue
@@ -0,0 +1,135 @@
+
+
+
+
+
+
+
+ {{ scope.$index }}
+
+
+
+
+ 启用
+ 禁用
+
+
+
+
+ 新增
+ 修改
+ 删除
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/dic/dialog.vue b/web/src/views/system/dic/dialog.vue
new file mode 100644
index 0000000..5ec6a46
--- /dev/null
+++ b/web/src/views/system/dic/dialog.vue
@@ -0,0 +1,150 @@
+
+
+
+
+
+
+ 查询
+
+
+
+
+ 新增部门
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 字段
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/dic/index.vue b/web/src/views/system/dic/index.vue
new file mode 100644
index 0000000..a561d2f
--- /dev/null
+++ b/web/src/views/system/dic/index.vue
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+ 启用
+ 禁用
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/menu/dialog.vue b/web/src/views/system/menu/dialog.vue
new file mode 100644
index 0000000..e1c452c
--- /dev/null
+++ b/web/src/views/system/menu/dialog.vue
@@ -0,0 +1,260 @@
+
+
+
+
+
diff --git a/web/src/views/system/menu/index.vue b/web/src/views/system/menu/index.vue
new file mode 100644
index 0000000..4bb258f
--- /dev/null
+++ b/web/src/views/system/menu/index.vue
@@ -0,0 +1,122 @@
+
+
+
+
+
diff --git a/web/src/views/system/role/dialog.vue b/web/src/views/system/role/dialog.vue
new file mode 100644
index 0000000..b39d6fa
--- /dev/null
+++ b/web/src/views/system/role/dialog.vue
@@ -0,0 +1,236 @@
+
+
+
+
+
+
+ 查询
+
+
+
+
+ 新增字典
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 角色标识
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/role/index.vue b/web/src/views/system/role/index.vue
new file mode 100644
index 0000000..730d282
--- /dev/null
+++ b/web/src/views/system/role/index.vue
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/user/dialog.vue b/web/src/views/system/user/dialog.vue
new file mode 100644
index 0000000..c304389
--- /dev/null
+++ b/web/src/views/system/user/dialog.vue
@@ -0,0 +1,187 @@
+
+
+
+
+
+ 启用
+ 禁用
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+ 新增角色
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.deptName }}
+ ({{ data.children.length }})
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/user/index.vue b/web/src/views/system/user/index.vue
new file mode 100644
index 0000000..c7b1f85
--- /dev/null
+++ b/web/src/views/system/user/index.vue
@@ -0,0 +1,158 @@
+
+
+
+
+
+
+ 启用
+ 禁用
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/tools/index.vue b/web/src/views/tools/index.vue
new file mode 100644
index 0000000..62eccf3
--- /dev/null
+++ b/web/src/views/tools/index.vue
@@ -0,0 +1,475 @@
+
+
+
+
+
+
+ 查询
+
+
+
+
+ 新增用户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/visualizing/demo1.vue b/web/src/views/visualizing/demo1.vue
new file mode 100644
index 0000000..68024a5
--- /dev/null
+++ b/web/src/views/visualizing/demo1.vue
@@ -0,0 +1,1267 @@
+
+ 验证可以输入大于0小于100的数字
+
+
+ %
+
+
+ 验证可以输入大于0小于100的数字
+
+
+ %
+
+
+
+ 验证可以输入小数或整数，0 开始， . 只能出现一次，保留小数点后保留2位小数。(负数时，模拟拼接负号给后台)。
+
+
+
+
+ 验证只可以输入正整数，0 开始后面将不可以输入。
+
+
+
+ 验证不可以输入空格与中文。
+
+
+
+ 验证不可以输入空格与英文。
+
+
+
+ 验证不可以输入空格。
+
+
+
+ 金额添加 `,` 进行区分，便于阅读。{{ state.ruleForm.a6 }}
+
+
+
+ 示例：
+
+
+
+
+ 验证数字转成中文的大写。{{ state.cnText }}
+
+
+
+
+
+ 验证手机号码 (true: 正确，false: 不正确)。{{ state.phone }}
+
+
+
+
+
+ 验证国内电话号码 (true: 正确，false: 不正确)。{{ state.telePhone }}
+
+
+
+
+
+
+ 验证登录账号是否正确。字母开头，允许5-16字节，允许字母数字下划线 (true: 正确，false: 不正确)。{{
+ state.account
+ }}
+
+
+
+
+
+ 验证密码是否正确。以字母开头，长度在6~16之间，只能包含字母、数字和下划线 (true: 正确，false: 不正确)。{{ state.password }}
+
+
+
+
+
+ 验证强密码是否正确。字母+数字+特殊字符，长度在6-16之间 (true: 正确，false: 不正确)。{{
+ state.passwordPowerful
+ }}
+
+
+
+
+
+
+ 验证密码强度。返回 强、中、弱。(弱：纯数字，纯字母，纯特殊字符，中：字母+数字，字母+特殊字符，数字+特殊字符，强：字母+数字+特殊字符){{ state.passwordStrength }}
+
+
+
+
+
+
+ 验证IP地址是否正确。(true: 正确，false: 不正确)。{{ state.iPAddress }}
+
+
+
+
+
+ 验证邮箱是否正确。(true: 正确，false:不正确)。{{ state.email }}
+
+
+
+
+
+ 验证身份证是否正确。(true: 正确，false:不正确)。{{ state.idCard }}
+
+
+
+
+
+ 验证姓名是否正确，包括少数民族名字。(true: 正确，false:不正确)。{{ state.fullName }}
+
+
+
+
+
+ 验证邮政编码是否正确，不能以 0 开始。(true: 正确，false:不正确)。{{ state.postalCode }}
+
+
+
+
+
+ 验证url是否正确。(true: 正确，false:不正确)。{{ state.url }}
+
+
+
+
+
+ 验证车牌号是否正确。(true: 正确，false:不正确)。{{ state.carNum }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/visualizing/demo2.vue b/web/src/views/visualizing/demo2.vue
new file mode 100644
index 0000000..f9fc01e
--- /dev/null
+++ b/web/src/views/visualizing/demo2.vue
@@ -0,0 +1,1342 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ state.time.txt }}
+
+
+
+
+ 深圳市xxx软件科技有限公司
+ 旅游经济
+
+
+
+
+ 🌤 多云转晴东南风 26~30℃
+
+
+
+
+
+
+ +
+
+
+ 产业概况
+
+ + +
+
+ +
+
+
+ A级风景区对比
+
+ + +
+
+
+
+
+
+
+
+ +
+
+
+ 游客过夜情况
+
+ + +
+
+ +
+
+
+ 游客驻留时长
+
+ + +
+
+
+
+ +
+
+
+ 当日游客趋势分析
+
+ + +
+
+ +
+
+
+ 当月游客趋势分析
+
+ + +
+
+
+
+
+
+
+
diff --git a/web/src/views/visualizing/images/bathymetry.jpg b/web/src/views/visualizing/images/bathymetry.jpg
new file mode 100644
index 0000000..5f9eebe
Binary files /dev/null and b/web/src/views/visualizing/images/bathymetry.jpg differ
diff --git a/web/src/views/visualizing/images/world.jpg b/web/src/views/visualizing/images/world.jpg
new file mode 100644
index 0000000..22c7566
Binary files /dev/null and b/web/src/views/visualizing/images/world.jpg differ
diff --git a/web/src/views/visualizing/mock/demo1.ts b/web/src/views/visualizing/mock/demo1.ts
new file mode 100644
index 0000000..550541d
--- /dev/null
+++ b/web/src/views/visualizing/mock/demo1.ts
@@ -0,0 +1,51 @@
+// 地图模拟数据
+export const echartsMapList = [
+ { name: '深圳市人民政府', value: '100' },
+ { name: '莲花山公园', value: '100' },
+ { name: '世界之窗', value: '100' },
+ { name: '华侨城欢乐谷', value: '100' },
+ { name: '宝安区西乡', value: '100' },
+];
+
+// 地图经纬度数据
+export const echartsMapData: object = {
+ 深圳市人民政府: [114.064524, 22.549225],
+ 莲花山公园: [114.0658, 22.560072],
+ 世界之窗: [113.979419, 22.540579],
+ 华侨城欢乐谷: [113.986066, 22.548056],
+ 宝安区西乡: [113.869053, 22.581714],
+};
+
+// 地图图片显示
+export const echartsMapImgs = [
+ {
+ url: 'https://img1.baidu.com/it/u=2425496005,2401702709&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500',
+ name: '深圳市人民政府',
+ add: '深圳市福田区福中三路市民中心C区',
+ dec: '深圳市人民政府是根据《中华人民共和国地方各级人民代表大会和地方各级人民政府组织法》设立的，是深圳市人民代表大会的执行机关，是深圳市的国家行政机关。',
+ },
+ {
+ url: 'https://img0.baidu.com/it/u=2666213152,2487785512&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500',
+ name: '莲花山公园',
+ add: '广东省深圳市福田区莲花街道莲花北社区红荔路6030号',
+ dec: '莲花山公园筹建于1992年10月10日 ，1997年6月23日正式对外局部开放。',
+ },
+ {
+ url: 'https://img1.baidu.com/it/u=1595204841,1838139326&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
+ name: '世界之窗',
+ add: '深圳市南山区深南大道9037号',
+ dec: '这里，世界首座实景拍摄悬空式球幕影院“飞跃美利坚””，为游客提供集休闲放松于一体的都市时尚生活空间。',
+ },
+ {
+ url: 'https://img0.baidu.com/it/u=1586832283,2276617306&fm=253&fmt=auto&app=138&f=JPEG?w=476&h=500',
+ name: '华侨城欢乐谷',
+ add: '广东省深圳市南山区沙河街道星河街社区侨城西街1号',
+ dec: '深圳欢乐谷注重满足人们参与、体验的新型诱游需求，营造出自然、清新、活泼、惊奇、热烈、刺激的休闲旅游氛围。',
+ },
+ {
+ url: 'https://img0.baidu.com/it/u=2899429152,3158963267&fm=253&fmt=auto&app=138&f=JPEG?w=200&h=200',
+ name: '宝安区西乡',
+ add: '西乡街道下辖25个社区',
+ dec: '西乡街道，隶属于广东省深圳市宝安区，位于宝安区西南部，东接石岩街道，南接新安街道，西至珠江口岸边，北接航城街道。',
+ },
+];
diff --git a/web/src/views/visualizing/mock/demo2.ts b/web/src/views/visualizing/mock/demo2.ts
new file mode 100644
index 0000000..6b302b4
--- /dev/null
+++ b/web/src/views/visualizing/mock/demo2.ts
@@ -0,0 +1,131 @@
+// 顶部下来菜单
+export const dropdownList: Array
+
+
+
+
+
+ 智慧农业系统平台
+
+
+
+
+ {{ state.dropdownActive }}
+
+ {{ v.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 天气预报
+
+
+
+
+
+
+
+ 多云转晴
+ 东南风
+ 良
+
+ 温馨提示：多云转晴，南风转北风风力3级
+
+ 25
+ °C
+
+
+
+
+
+ {{ v.v1 }}
+ {{ v.v2 }}
+
+
+ {{ v.v3 }}
+ {{ v.v4 }}
+ {{ v.v5 }}
+ {{ v.v6 }}
+ {{ v.v7 }}
+
+
+
+
+ 当前设备状态
+
+
+
+
+
+
+
+
+ 园区设备数
+ 99
+
+
+
+
+ 预警设备数
+ 10
+
+
+
+
+ 运行设备数
+ 20
+
+
+
+
+
+
+ {{ v.v1 }}
+ {{ v.v2 }}|{{ v.v3 }}
+ {{ v.v4 }}
+
+
+
+
+ 近30天预警总数
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ v.label }}
+
+
+
+
+
+ 当前设备监测
+ 单位：次
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ v.label }}
+
+
+
+
+
+
+
+ 近7天产品追溯扫码统计
+ 单位：次
+
+
+
+
+
+
+ 当前任务统计
+
+
+
+
+
+
+
+ 25
+ 待办任务
+
+
+
+
+ 12
+ 施肥
+
+
+
+
+ 3
+ 施药
+
+
+
+
+ 5
+ 农事
+
+
+
+
+ 3
+ 巡园
+
+
+
+
+ 2
+ 采集
+
+
+
+
+
+ 近7天投入品记录
+ 单位：件
+
+
+