├── README.md
├── linxi-server
    ├── README.md
    ├── api
    │   ├── api.py
    │   ├── db.py
    │   ├── menu.py
    │   └── user.py
    ├── app.py
    ├── pip.txt
    ├── static
    │   ├── css
    │   │   ├── layui.css
    │   │   ├── load.css
    │   │   └── main.css
    │   └── images
    │   │   ├── admin.png
    │   │   ├── flask-icon.png
    │   │   ├── linxi.png
    │   │   ├── pear.png
    │   │   ├── un26.svg
    │   │   └── un28.svg
    ├── templates
    │   └── index.html
    ├── test.py
    └── 数据库.db
└── linxi-vue
    ├── LICENSE
    ├── README.md
    ├── index.html
    ├── package.json
    ├── public
        ├── 123.html
        ├── Vue.png
        ├── favicon.ico
        ├── logo.png
        └── static
        │   ├── css
        │       ├── layui.css
        │       ├── load.css
        │       └── main.css
        │   └── images
        │       ├── admin.png
        │       ├── flask-icon.png
        │       ├── linxi.png
        │       ├── pear.png
        │       ├── un26.svg
        │       └── un28.svg
    ├── src
        ├── App.vue
        ├── api
        │   ├── list.js
        │   ├── manager.js
        │   ├── page.js
        │   ├── public.js
        │   └── qiandao.js
        ├── assets
        │   ├── avart.jpg
        │   └── logo.png
        ├── axios.js
        ├── components
        │   ├── FormDialog.vue
        │   └── ListHeader.vue
        ├── composables
        │   ├── Form.js
        │   ├── LoginManage.js
        │   ├── TabList.js
        │   ├── auth.js
        │   ├── util.js
        │   └── 表单封装代码.md
        ├── layouts
        │   ├── admin.vue
        │   └── components
        │   │   ├── FHeader.vue
        │   │   ├── FMenu.vue
        │   │   └── FTagList.vue
        ├── main.js
        ├── pages
        │   ├── 404.vue
        │   ├── index.vue
        │   ├── login.vue
        │   ├── page
        │   │   ├── card.vue
        │   │   └── table.vue
        │   ├── qiandao
        │   │   ├── todolist.vue
        │   │   └── todolog.vue
        │   ├── screen
        │   │   ├── index.vue
        │   │   └── index_old.vue
        │   ├── system
        │   │   ├── config.vue
        │   │   └── menus.vue
        │   └── user
        │   │   └── user.vue
        ├── permission.js
        ├── router
        │   └── index.js
        └── store
        │   └── index.js
    └── vite.config.js


/README.md:
--------------------------------------------------------------------------------
  1 | # linxi-admin
  2 | Linxi-admin是简洁的后台管理系统模板,后端基于Flask+Sqlite3,前端基于vue3+vite+ElementPlus
  3 | 
  4 | ### 项目简介：
  5 | 
  6 | # 💐💐💐 `Vue3.2` + `Element-Plus` + `Vite2` + `vuex` 后台管理系统
  7 | 
  8 | ### 采用技术
  9 | 
 10 | - `Vue3.2 + Vue-router4 + Vuex4 + Vite2 + Vueuse`
 11 | - `ElementPlus`
 12 | - `Naive-ui`
 13 | - `Windicss`
 14 | 
 15 | ### 前言 📖
 16 | 
 17 | 项目基于 Vue3.2、Javascript、Vite2、vuex、Element-Plus 开发的一套后台管理模板，目前利用空余时间开发 🕒🕒🕒🕒。项目中借鉴很多优秀的后台管理系统，从 0 开始搭建项目，整个项目还有很多地方不完善。
 18 | 
 19 | ### ？为什么开发这个管理系统 👩‍🔬
 20 | 
 21 | - 主要是想把自己常用的组件进行一个封装 二次巩固
 22 | - 目前看了很多优秀的 Vue3 的开源后台管理系统，感觉都非常庞大（想开发一套适合自己的）
 23 | 
 24 | ### 一、在线预览 🛫
 25 | 
 26 | - Link：http://blog.linxi.tk/#/login
 27 | - Link：http://blog.linxi.tk/#/home
 28 | 
 29 | ### 二、本地预览 🛫🛫🛫
 30 | 
 31 | ```
 32 | git clone 项目地址
 33 | 
 34 | npm install  (依赖安装失败可以尝试cnpm install)
 35 | 
 36 | npm run dev
 37 | ```
 38 | 
 39 | ### 三、🔨 项目功能
 40 | 
 41 | - 🚀 使用 Vue3.2 开发，单文件组件 `＜script setup＞`开发
 42 | - 🚀 采用动态路由菜单模式
 43 | - 🚀 数据由Flask后端提供
 44 | - 🚀 使用 Vuex getter 模块化管理（ 加入了持久化插件）
 45 | - 🚀 Axios 的二次封装 （全局错误拦截、常用请求封装、全局请求 Loading、取消重复请求……）
 46 | - 🚀 对 el-table 组件进行的二次封装
 47 | - 🚀 使用 vue-router 进行路由权限拦截（403 页面）、页面按钮权限配置、路由懒加载
 48 | - 🚀 vite.config.js 打包配置(静态资源合并打包/清除 log/gzip 压缩配置等)
 49 | 
 50 | ### 四、项目截图 📷
 51 | 
 52 | 
 53 | ### 五、文件资源目录 📚
 54 | 
 55 | ```text
 56 | ├─ .vscode                # vscode推荐配置
 57 | ├─ public                 # 静态资源文件
 58 | ├─ src
 59 | │  ├─ api                 # API 接口管理
 60 | │  ├─ assets              # 静态资源文件
 61 | │  ├─ components          # 全局组件
 62 | │  ├─ composables         # 全局工具库API封装(新增、删除、更新、获取函数的封装）
 63 | │  ├─ layout              # 框架布局
 64 | │  ├─ router              # 路由管理
 65 | │  ├─ store               # VUEX模块化管理
 66 | │  ├─ pages               # 项目所有页面
 67 | │  ├─ App.vue             # 入口页面
 68 | │  ├─ axios.js            # Axios封装
 69 | │  ├─ permission.js       # 权限管理
 70 | │  └─ main.js             # 入口文件
 71 | └─ vite.config.ts         # vite 配置
 72 | ```
 73 | 
 74 | ### 六、项目后台接口 🧩🧐
 75 | 
 76 | > 项目后台接口: `Falsk` + `Sqlite3` 等部署后端数据API
 77 | 
 78 | 
 79 | ### 七、所用技术栈
 80 | 
 81 | ```npm
 82 | npm install vite -D
 83 | 
 84 | npm i -D vite-plugin-windicss windicss
 85 | 
 86 | npm install element-plus --save
 87 | 
 88 | npm install @element-plus/icons-vue
 89 | 
 90 | npm install axios
 91 | 
 92 | npm install vue-router@4
 93 | 
 94 | npm i @vueuse/integrations
 95 | 
 96 | // 下面的要依赖上面这个库
 97 | npm i @vueuse/integrations
 98 | npm i universal-cookie
 99 | 
100 | cpm install vuex@next --save
101 | 
102 | cpm install --save nprogress
103 | 
104 | //图片压缩
105 | cpm i unplugin-imagemin -D
106 | 
107 | // ~~可视化大屏~~
108 | // ~~npm install @jiaminghi/data-view~~
109 | // ~~Echarts~~
110 | // ~~npm install echarts --save~~
111 | ```
112 | ### 报错处理
113 | 
114 | #### ~~dataV问题：`@jiaminghi/data-view `  问题如下解决办法:~~ (原首页是用来做大屏数据显示，觉得有点多余，已去除!)
115 | ``` npm
116 | 1、安装DataV：npm install @jiaminghi/data-view
117 | 2、将node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue中rect标签的:key="i"剪切到有v-for那一层的template中。
118 | 3、将node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue中rect标签的:key="i"剪切到有v-for那一层的template中。
119 |   7  |        >
120 |   8  |          <rect
121 |   9  |            :key="i"
122 |      |             ^
123 |   10 |            :fill="mergedColor[0]"
124 |   11 |            :x="point[0] - halfPointSideLength"
125 | //原文件
126 | <template
127 |         v-for="(point, i) in points"
128 |       >
129 |         <rect
130 |           :key="i"
131 |           :fill="mergedColor[0]"
132 |           :x="point[0] - halfPointSideLength"
133 |           :y="point[1] - halfPointSideLength"
134 |           :width="pointSideLength"
135 |           :height="pointSideLength"
136 |         >
137 | //修改后
138 | <template
139 |         v-for="(point, i) in points " :key="i"
140 |       >
141 |         <rect
142 |           :fill="mergedColor[0]"
143 |           :x="point[0] - halfPointSideLength"
144 |           :y="point[1] - halfPointSideLength"
145 |           :width="pointSideLength"
146 |           :height="pointSideLength"
147 |         >
148 | ```
149 | 


--------------------------------------------------------------------------------
/linxi-server/README.md:
--------------------------------------------------------------------------------
1 | Flask+Sqlite后端代码-非完善版本(初版)
2 | [ 提交bug及完善代码 ]( http://wpa.qq.com/msgrd?v=3&uin=3162007152&site=qq&menu=yes)。
3 | 


--------------------------------------------------------------------------------
/linxi-server/api/api.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-server/api/api.py


--------------------------------------------------------------------------------
/linxi-server/api/db.py:
--------------------------------------------------------------------------------
 1 | import sqlite3
 2 | 
 3 | conn = sqlite3.connect('数据库.db', check_same_thread=False)
 4 | c = conn.cursor()
 5 | c.execute("CREATE TABLE IF NOT EXISTS 用户 (UID INTEGER PRIMARY KEY AUTOINCREMENT,昵称 VARCHAR(20),用户名 VARCHAR(20),密码 VARCHAR(20),头像 TEXT)")
 6 | c.execute("CREATE TABLE IF NOT EXISTS 菜单 (MID INTEGER PRIMARY KEY AUTOINCREMENT,菜单名称 VARCHAR(20),路径 VARCHAR(20),状态 INT,图标 VARCHAR(20), 二级菜单 INTEGER)")
 7 | 
 8 | 
 9 | def select_db(sql):
10 |     c.execute(sql)
11 |     data = c.fetchall()
12 |     return data
13 | 
14 | 
15 | def sqlite_db(sql):
16 |     c.execute(sql)
17 |     conn.commit()
18 | 
19 | 
20 | def Error():
21 |     data = {'msg': '请求异常,请联系管理员!', 'code': 500}
22 |     return data
23 | 


--------------------------------------------------------------------------------
/linxi-server/api/menu.py:
--------------------------------------------------------------------------------
 1 | import sqlite3
 2 | from flask import jsonify
 3 | from api.db import *
 4 | 
 5 | 
 6 | # 添加菜单
 7 | def add_menu_(name, path):
 8 |     try:
 9 |         if select_db(f"SELECT * FROM 菜单 WHERE 菜单名称='{name}' OR 路径='{path}'"):
10 |             return jsonify({'code': 400, 'msg': '已存在该菜单项已被绑定'})
11 |         else:
12 |             sqlite_db(f"INSERT INTO 菜单 (菜单名称, 路径) VALUES ('{name}', '{path}')")
13 |             return jsonify({'code': 200, 'msg': '菜单项添加成功'})
14 |     except sqlite3.Error:
15 |         return Error()
16 | 
17 | 
18 | # 查看菜单
19 | def menu_list_():
20 |     menu_list = select_db('SELECT * FROM 菜单')
21 |     return menu_list
22 | 
23 | 
24 | # 修改菜单
25 | def edit_menu_(menu_id, method):
26 |     if method == 'GET':
27 |         menu = select_db(f'SELECT * FROM 菜单 WHERE MID={menu_id}')
28 |         return render_template('edit_menu.html', menu=menu)
29 |     else:
30 |         name = request.form.get('name')
31 |         path = request.form.get('path')
32 |         sqlite_db(f"UPDATE 菜单 SET 菜单名称='{name}', 路径='{path}' WHERE MID={menu_id}")
33 |         return '修改成功'
34 | 
35 | 
36 | # 删除菜单
37 | def delete_menu_(menu_id):
38 |     sqlite_db(f'DELETE FROM menu WHERE id={menu_id}')
39 |     return '删除成功'
40 | 


--------------------------------------------------------------------------------
/linxi-server/api/user.py:
--------------------------------------------------------------------------------
  1 | # 用户操作接口: 登陆、注册、修改、删除等
  2 | import datetime
  3 | import json
  4 | import os
  5 | import sqlite3
  6 | from api.db import *
  7 | import hashlib
  8 | from flask import jsonify
  9 | import jwt
 10 | 
 11 | # 定义一个秘钥
 12 | SECRET_KEY = 'linxi#%&@zx%$cv456bnm**123'
 13 | 
 14 | 
 15 | def admin_getinfo(token):
 16 |     try:
 17 |         info = verify_token(token).json
 18 |         if info['code'] == 200:
 19 |             userinfo = select_db(f"SELECT 昵称,头像,邮箱,签名,职业 FROM 用户 WHERE 用户名='{info['username']}' AND UID='{info['uid']}'")[0]
 20 |             result = select_db("SELECT * FROM 菜单")
 21 |             data = {'code': 200,'id':info['uid'], 'name': userinfo[0], 'avatar': userinfo[1], 'username': info['username'] , 'email': userinfo[2], 'text': userinfo[3], 'job': userinfo[4], 'menus': []}
 22 |             for i in result:
 23 |                 if i[5] == 0:
 24 |                     data['menus'].append({'mid': i[0], 'name': i[1], 'path': i[2], 'status': i[3], 'icon': i[4], 'secMenus':[]})
 25 |                 # 有二级菜单
 26 |                 else:
 27 |                     for D in data['menus']:
 28 |                         if D['mid'] == i[5]:
 29 |                             D['secMenus'].append({'mid': i[0], 'name': i[1], 'path': i[2], 'status': i[3], 'icon': i[4]})
 30 |             return jsonify(data)
 31 |         else:
 32 |             return info,400
 33 |     except sqlite3.Error:
 34 |         return Error()
 35 | 
 36 | 
 37 | def admin_login(username, password):
 38 |     try:
 39 |         result = select_db(f"SELECT * FROM 用户 WHERE 用户名='{username}' AND 密码='{password}'")
 40 |         if result:
 41 |             # 用户id
 42 |             uid = result[0][0]
 43 |             # # 用户昵称
 44 |             # name = result[0][1]
 45 |             # # 用户头像
 46 |             # avatar = result[0][4]
 47 |             # 生成token
 48 |             payload = {
 49 |                 'username': username,
 50 |                 'uid': uid,
 51 |                 # 两小时过期(hours,minutes...)
 52 |                 'exp': datetime.datetime.utcnow() + datetime.timedelta(hours=2)
 53 |             }
 54 |             token = jwt.encode(payload, SECRET_KEY, algorithm='HS256')
 55 |             return jsonify({'code': 200, 'msg': '登陆成功', 'token': token})
 56 |         else:
 57 |             return jsonify({'code': 400, 'msg': '用户名或密码错误'}), 400
 58 |     except sqlite3.Error:
 59 |         return Error()
 60 | 
 61 | 
 62 | def admin_logout(token):
 63 |     try:
 64 |         info = verify_token(token).json
 65 |         if info['code'] == 200:
 66 |             return jsonify({'code': 400, 'msg': '退出登陆成功'})
 67 |         else:
 68 |             return info
 69 |     except sqlite3.Error:
 70 |         return Error()
 71 | 
 72 | 
 73 | def admin_register(username, password):
 74 |     try:
 75 |         result_s = select_db(f"SELECT * FROM 用户 WHERE 用户名='{username}' AND 身份='普通用户'")
 76 |         if result_s:
 77 |             return jsonify({'code': 400, 'msg': '该用户已存在'}), 400
 78 |         else:
 79 |             sqlite_db(f"INSERT INTO 用户(用户名,密码) VALUES('{username}','{password}')")
 80 |             return jsonify({'code': 200, 'msg': '恭喜,注册成功!'})
 81 |     except sqlite3.Error:
 82 |         return Error()
 83 | 
 84 | 
 85 | def admin_update(username, password, uid, token_time):
 86 |     try:
 87 |         result_s = select_db(f"SELECT * FROM 用户 WHERE 用户名='{username}'")
 88 |         if result_s:
 89 |             sqlite_db(f"UPDATE 用户 SET 用户名='{username}',密码='{password}',身份='{uid}',登陆时间='{token_time}'")
 90 |             return {'用户名': username, '提示': '用户信息更新成功!', '操作码': 200}
 91 |         else:
 92 |             return {'用户名': username, '提示': '该用户名不存在!', '操作码': 400}
 93 |     except sqlite3.Error:
 94 |         return Error()
 95 | 
 96 | 
 97 | def admin_adduser(username, password, uid, token_time):
 98 |     try:
 99 |         result_s = select_db(f"SELECT * FROM 用户 WHERE 用户名='{username}'")
100 |         if result_s:
101 |             return {'用户名': username, '提示': '该用户名已存在!', '操作码': 400}
102 |         else:
103 |             sqlite_db(f"INSERT INTO 用户(用户名,密码,身份,登陆时间) VALUES('{username}','{password}','{uid}','{token_time}')")
104 |             return {'用户名': username, '提示': '用户添加成功!', '操作码': 200}
105 |     except sqlite3.Error:
106 |         return Error()
107 | 
108 | 
109 | # 验证token接口
110 | def verify_token(token):
111 |     try:
112 |         payload = jwt.decode(token, SECRET_KEY, algorithms='HS256')
113 |         return jsonify({'code': 200, 'msg': '验证成功', 'uid': payload['uid'], 'username': payload['username']})
114 |     except jwt.ExpiredSignatureError:
115 |         return jsonify({'code': 400, 'msg': 'token已失效'})
116 |     except jwt.DecodeError:
117 |         return jsonify({'code': 400, 'msg': '非法token，请先登录！'})
118 | 


--------------------------------------------------------------------------------
/linxi-server/app.py:
--------------------------------------------------------------------------------
  1 | import json
  2 | 
  3 | from flask import Flask, request, render_template
  4 | from api.user import *
  5 | from api.menu import *
  6 | from flask_cors import CORS
  7 | import requests
  8 | from flask import make_response
  9 | # 解析请求头的user_agent
 10 | from user_agents import parse
 11 | 
 12 | app = Flask(__name__)
 13 | CORS(app, supports_credentials=True)  # 注册CORS, "/*" 允许访问所有api
 14 | 
 15 | 
 16 | @app.route('/', methods=["GET", "POST"])
 17 | def hello():
 18 |     return render_template('index.html')
 19 | 
 20 | 
 21 | @app.errorhandler(404)
 22 | def page_not_found(e):
 23 |     return render_template('index.html'), 404
 24 | 
 25 | 
 26 | # 获取用户列表
 27 | @app.route('/admin/getinfo', methods=["POST"])
 28 | def getinfo():
 29 |     token = request.headers.get("token")
 30 |     # print(token)
 31 |     data = admin_getinfo(token)
 32 |     return data
 33 | 
 34 | 
 35 | # 用户登陆接口
 36 | @app.route('/admin/login', methods=["POST"])
 37 | def login():
 38 |     # 获取用户名和密码
 39 |     username = request.get_json()['username']
 40 |     password = request.get_json()['password']
 41 |     token = request.headers.get("token")
 42 |     if token:
 43 |         return verify_token(token)
 44 |     else:
 45 |         data = admin_login(username, password)
 46 |         # 状态码 data.json['code']
 47 |         return data
 48 | 
 49 | 
 50 | # 用户退出登陆接口
 51 | @app.route('/admin/logout', methods=["POST"])
 52 | def logout():
 53 |     token = request.headers.get("token")
 54 |     return admin_logout(token)
 55 | 
 56 | 
 57 | # 用户注册接口
 58 | @app.route('/register', methods=["POST"])
 59 | def register():
 60 |     # 获取用户名和密码
 61 |     username = request.form.get('username')
 62 |     password = request.form.get('password')
 63 |     data = admin_register(username, password)
 64 |     return data
 65 | 
 66 | 
 67 | # 修改用户接口
 68 | @app.route('/update', methods=["POST"])
 69 | def update():
 70 |     # {"username": "linxi","password":"linxi123","uid":"管理员","sex": 1}
 71 |     data_json = request.get_json()
 72 |     data = admin_update(data_json['username'], data_json['password'], data_json['uid'], data_json['sex'])
 73 |     return data
 74 | 
 75 | 
 76 | # 添加用户接口
 77 | @app.route('/adduser', methods=["POST"])
 78 | def adduser():
 79 |     # {"username": "linxi","password":"linxi123","uid":"管理员","sex": 1}
 80 |     data_json = request.get_json()
 81 |     data = admin_adduser(data_json['username'], data_json['password'], data_json['uid'], data_json['sex'])
 82 |     return data
 83 | 
 84 | 
 85 | # 验证token接口
 86 | @app.route('/verify', methods=['POST'])
 87 | def verify():
 88 |     # 获取token
 89 |     token = request.form.get('token')
 90 |     # 验证token
 91 |     return verify_token(token)
 92 | 
 93 | 
 94 | # 卡片列表
 95 | @app.route('/getcardlist', methods=['GET'])
 96 | def cardlists():
 97 |     return {'code': 200, 'data': [
 98 |         {'avatar': 'http://linxi.tk/img/avatar.jpg', 'id': 1, 'title': '海上权论原从清。', 'user_name': '廖刚',
 99 |          'email': 'k.bgpnbsdd@pvamliuos.mr', 'number': '$2091.00', 'date': '1976-05-27', 'pay_state': '1001',
100 |          'content': '你好'},
101 |         {'avatar': 'http://linxi.tk/img/avatar.jpg', 'id': 2, 'title': '流今报并什查里。', 'user_name': '方敏',
102 |          'email': 'm.divmmo@bnltdlkfqq.la', 'number': '$2939.00', 'date': '1992-06-27', 'pay_state': '1002',
103 |          'content': '你好'},
104 |         {'avatar': 'http://linxi.tk/img/avatar.jpg', 'id': 3, 'title': '海上权论原从清。', 'user_name': '廖刚',
105 |          'email': 'k.bgpnbsdd@pvamliuos.mr', 'number': '$2091.00', 'date': '1976-05-27', 'pay_state': '1001',
106 |          'content': '你好'},
107 |         {'avatar': 'http://linxi.tk/img/avatar.jpg', 'id': 4, 'title': '流今报并什查里。', 'user_name': '方敏',
108 |          'email': 'm.divmmo@bnltdlkfqq.la', 'number': '$2939.00', 'date': '1992-06-27', 'pay_state': '1002',
109 |          'content': '你好'},
110 |         {'avatar': 'http://linxi.tk/img/avatar.jpg', 'id': 5, 'title': '海上权论原从清。', 'user_name': '廖刚',
111 |          'email': 'k.bgpnbsdd@pvamliuos.mr', 'number': '$2091.00', 'date': '1976-05-27', 'pay_state': '1001',
112 |          'content': '你好'},
113 |         {'avatar': 'http://linxi.tk/img/avatar.jpg', 'id': 6, 'title': '流今报并什查里。', 'user_name': '方敏',
114 |          'email': 'm.divmmo@bnltdlkfqq.la', 'number': '$2939.00', 'date': '1992-06-27', 'pay_state': '1002',
115 |          'content': '你好'},
116 |         {'avatar': 'http://linxi.tk/img/avatar.jpg', 'id': 7, 'title': '海上权论原从清。', 'user_name': '廖刚',
117 |          'email': 'k.bgpnbsdd@pvamliuos.mr', 'number': '$2091.00', 'date': '1976-05-27', 'pay_state': '1003',
118 |          'content': '你好'},
119 |         {'avatar': 'http://linxi.tk/img/avatar.jpg', 'id': 8, 'title': '流今报并什查里。', 'user_name': '方敏',
120 |          'email': 'm.divmmo@bnltdlkfqq.la', 'number': '$2939.00', 'date': '1992-06-27', 'pay_state': '1002',
121 |          'content': '你好'}]}
122 | 
123 | 
124 | # 卡片数据
125 | @app.route('/addcardList', methods=['POST'])
126 | def addcardList():
127 |     print(request.get_data())
128 |     return request.get_data()
129 | 
130 | 
131 | # 卡片数据
132 | @app.route('/upcardList/<id>', methods=['POST'])
133 | def upcardList(id):
134 |     print(id, request.get_data())
135 |     return request.get_data()
136 | 
137 | 
138 | # 卡片数据
139 | @app.route('/delcardlist/<id>', methods=['POST'])
140 | def delcardlist(id):
141 |     print(id + '删除')
142 |     return (id + '删除')
143 | 
144 | 
145 | # 表格数据
146 | @app.route('/getUserList/<page>', methods=['GET'])
147 | def getUserList(page):
148 |     if (page == '1') | (page == None):
149 |         data = {'code': 200, 'total': 12, 'data': [
150 |             {'id': '150000198207190198', 'title': '1', 'username': '于桂英', 'email': 'x.yrcw@yhl.nc',
151 |              'date': '1970-08-04', 'address': '广西壮族自治区 钦州市'},
152 |             {'id': '540000198008253195', 'title': '1', 'username': '邹勇', 'email': 'o.tjgnrm@tod.tf',
153 |              'date': '1971-05-30', 'address': '广西壮族自治区 河池市'},
154 |             {'id': '140000200507073223', 'title': '1', 'username': '武刚', 'email': 'k.kftwtx@irftc.yu',
155 |              'date': '2016-03-14', 'address': '重庆 重庆市'},
156 |             {'id': '430000201509036614', 'title': '1', 'username': '贺洋', 'email': 'i.szxjgw@rpofmvs.tk',
157 |              'date': '1984-10-19', 'address': '安徽省 马鞍山市'},
158 |             {'id': '810000200802076305', 'title': '1', 'username': '龚磊2', 'email': 'r.wxffty@rbfh.sj',
159 |              'date': '1984-12-25', 'address': '安徽省 黄山市 钦州市'},
160 |             {'id': '360000197402245144', 'title': '1', 'username': '汤敏', 'email': 'r.tghj@noheixps.ne',
161 |              'date': '1975-02-02', 'address': '河南省 平顶山市'},
162 |             {'id': '340000197411162179', 'title': '1', 'username': '万敏', 'email': 's.mvxnikc@lumrqbxbfg.org',
163 |              'date': '1979-03-17', 'address': '江西省 宜春市'},
164 |             {'id': '150000198809038564', 'title': '1', 'username': '江娜', 'email': 'q.fvqi@eytqfsoi.cf',
165 |              'date': '1994-02-13', 'address': '四川省 广安市'},
166 |             {'id': '150000198809038564', 'title': '1', 'username': '江娜', 'email': 'q.fvqi@eytqfsoi.cf',
167 |              'date': '1994-02-13', 'address': '四川省 广安市'},
168 |             {'id': '46000019890128674X', 'title': '1', 'username': '朱强', 'email': 'p.cduyu@qtbpi.pn',
169 |              'date': '1993-04-19', 'address': '山东省 威海市'}]}
170 |     else:
171 |         data = {'code': 200, 'total': 12, 'data': [
172 |             {'id': '810000200802076306', 'title': '1', 'username': '龚磊1', 'email': 'r.wxffty@rbfh.sj',
173 |              'date': '1984-12-25', 'address': '安徽省 黄山市 钦州市'},
174 |             {'id': '150000198809038564', 'title': '1', 'username': '江娜', 'email': 'q.fvqi@eytqfsoi.cf',
175 |              'date': '1994-02-13', 'address': '四川省 广安市'},
176 |             {'id': '150000197201096518', 'title': '1', 'username': '孟勇', 'email': 'e.zfuyqhyi@ygdx.af',
177 |              'date': '2005-06-10', 'address': '海南省 三沙市'},
178 |             {'id': '810000200802076304', 'title': '1', 'username': '龚磊3', 'email': 'r.wxffty@rbfh.sj',
179 |              'date': '1984-12-25', 'address': '安徽省 黄山市 钦州市'}]}
180 |     return data
181 | 
182 | 
183 | # 更新用户数据
184 | @app.route('/admin/updateuser/<id>', methods=['POST'])
185 | def updateuser(id):
186 |     print(id, request.get_json())
187 |     return request.get_json()
188 | 
189 | 
190 | # 表格数据
191 | @app.route('/updateList/<id>', methods=['POST'])
192 | def updateList(id):
193 |     print(id, request.get_json())
194 |     return request.get_json()
195 | 
196 | 
197 | # 表格数据
198 | @app.route('/deleteList/<id>', methods=['POST'])
199 | def deleteList(id):
200 |     print(id + '删除')
201 |     return (id + '删除')
202 | 
203 | 
204 | # 添加菜单
205 | @app.route('/add_menu', methods=['GET', 'POST'])
206 | def add_menu():
207 |     if request.method == 'GET':
208 |         return '返回添加页面'
209 |     else:
210 |         name = request.form.get('name')
211 |         path = request.form.get('path')
212 |         return add_menu_(name, path)
213 | 
214 | 
215 | # 查看菜单
216 | @app.route('/menu_list', methods=['GET'])
217 | def menu_list():
218 |     return menu_list_()
219 | 
220 | 
221 | # 修改菜单
222 | @app.route('/edit_menu/', methods=['GET', 'POST'])
223 | def edit_menu(menu_id):
224 |     return edit_menu_(menu_id, request.method)
225 | 
226 | 
227 | # 删除菜单
228 | @app.route('/delete_menu/')
229 | def delete_menu(menu_id):
230 |     return delete_menu_(menu_id)
231 | 
232 | 
233 | @app.route('/ip', methods=['GET'])
234 | def ipdata():
235 |     ip = request.headers.get('X-Forwarded-For').split(',')[0]
236 |     system = str(parse(request.headers.get('User-Agent')))
237 |     return {'ip': ip, 'system': system}
238 | 
239 | 
240 | # 签到列表
241 | @app.route('/gettodolist', methods=['GET'])
242 | def todolists():
243 |     return {'code': 200, 'data': [
244 |         {'img': 'http://linxi.tk/img/avatar.jpg', 'id': 1, 'title': '海上权论原从清。', 'user_name': '廖刚',
245 |          'email': 'k.bgpnbsdd@pvamliuos.mr', 'number': '$2091.00', 'date': '1976-05-27', 'status': '0',
246 |          'content': '你好'},
247 |         {'img': 'http://linxi.tk/img/avatar.jpg', 'id': 2, 'title': '流今报并什查里。', 'user_name': '方敏',
248 |          'email': 'm.divmmo@bnltdlkfqq.la', 'number': '$2939.00', 'date': '1992-06-27', 'status': '1', 'content': '你好'},
249 |         {'img': 'http://linxi.tk/img/avatar.jpg', 'id': 3, 'title': '海上权论原从清。', 'user_name': '廖刚',
250 |          'email': 'k.bgpnbsdd@pvamliuos.mr', 'number': '$2091.00', 'date': '1976-05-27', 'status': '2',
251 |          'content': '你好'},
252 |         {'img': 'http://linxi.tk/img/avatar.jpg', 'id': 4, 'title': '流今报并什查里。', 'user_name': '方敏',
253 |          'email': 'm.divmmo@bnltdlkfqq.la', 'number': '$2939.00', 'date': '1992-06-27', 'status': '3',
254 |          'content': '你好'}]}
255 | 
256 | 
257 | # 签到数据
258 | @app.route('/addtodoList', methods=['POST'])
259 | def addtodoList():
260 |     print(request.get_data())
261 |     return request.get_data()
262 | 
263 | 
264 | # 签到数据
265 | @app.route('/uptodoList/<id>', methods=['POST'])
266 | def uptodoList(id):
267 |     print(id, request.get_data())
268 |     return request.get_data()
269 | 
270 | 
271 | # 签到数据
272 | @app.route('/deltodolist/<id>', methods=['POST'])
273 | def deltodolist(id):
274 |     print(id + '删除')
275 |     return (id + '删除')
276 | 
277 | 
278 | if __name__ == '__main__':
279 |     # debug=True 修改后自动刷新
280 |     app.run(host='0.0.0.0', port=1234, debug=True)
281 | 


--------------------------------------------------------------------------------
/linxi-server/pip.txt:
--------------------------------------------------------------------------------
1 | pyjwt
2 | flask_cors
3 | user_agents


--------------------------------------------------------------------------------
/linxi-server/static/css/load.css:
--------------------------------------------------------------------------------
  1 | .loader-main{
  2 | 	position: fixed;
  3 | 	width: 100%;
  4 | 	height: 100%;
  5 | 	background-color: whitesmoke;
  6 | 	z-index: 9999999;
  7 | 	margin-top:-70px;
  8 | 	padding-left: 0px;
  9 | 	
 10 | }
 11 | 
 12 | .loader {
 13 | 	width: 50px;
 14 | 	height: 50px;
 15 | 	margin: 30px auto 40px;
 16 | 	margin-top: 20%;
 17 | 	position: relative;
 18 | 	z-index: 999999;
 19 | 	background-color: whitesmoke;
 20 | }
 21 | 
 22 | .loader:before {
 23 | 	content: "";
 24 | 	width: 50px;
 25 | 	height: 7px;
 26 | 	border-radius: 50%;
 27 | 	background: #000;
 28 | 	opacity: 0.1;
 29 | 	position: absolute;
 30 | 	top: 59px;
 31 | 	left: 0;
 32 | 	animation: shadow .5s linear infinite;
 33 | }
 34 | 
 35 | .loader:after {
 36 | 	content: "";
 37 | 	width: 50px;
 38 | 	height: 50px;
 39 | 	border-radius: 3px;
 40 | 	 background-color: #5FB878;
 41 | 	position: absolute;
 42 | 	top: 0;
 43 | 	left: 0;
 44 | 	animation: loading .5s linear infinite;
 45 | }
 46 | 
 47 | @-webkit-keyframes loading {
 48 | 	17% {
 49 | 		border-bottom-right-radius: 3px;
 50 | 	}
 51 | 
 52 | 	25% {
 53 | 		transform: translateY(9px) rotate(22.5deg);
 54 | 	}
 55 | 
 56 | 	50% {
 57 | 		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
 58 | 		border-bottom-right-radius: 40px;
 59 | 	}
 60 | 
 61 | 	75% {
 62 | 		transform: translateY(9px) rotate(67.5deg);
 63 | 	}
 64 | 
 65 | 	100% {
 66 | 		transform: translateY(0) rotate(90deg);
 67 | 	}
 68 | }
 69 | 
 70 | @keyframes loading {
 71 | 	17% {
 72 | 		border-bottom-right-radius: 3px;
 73 | 	}
 74 | 
 75 | 	25% {
 76 | 		transform: translateY(9px) rotate(22.5deg);
 77 | 	}
 78 | 
 79 | 	50% {
 80 | 		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
 81 | 		border-bottom-right-radius: 40px;
 82 | 	}
 83 | 
 84 | 	75% {
 85 | 		transform: translateY(9px) rotate(67.5deg);
 86 | 	}
 87 | 
 88 | 	100% {
 89 | 		transform: translateY(0) rotate(90deg);
 90 | 	}
 91 | }
 92 | 
 93 | @-webkit-keyframes shadow {
 94 | 
 95 | 	0%,
 96 | 	100% {
 97 | 		transform: scale(1, 1);
 98 | 	}
 99 | 
100 | 	50% {
101 | 		transform: scale(1.2, 1);
102 | 	}
103 | }
104 | 
105 | @keyframes shadow {
106 | 
107 | 	0%,
108 | 	100% {
109 | 		transform: scale(1, 1);
110 | 	}
111 | 
112 | 	50% {
113 | 		transform: scale(1.2, 1);
114 | 	}
115 | }
116 | 


--------------------------------------------------------------------------------
/linxi-server/static/images/admin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-server/static/images/admin.png


--------------------------------------------------------------------------------
/linxi-server/static/images/flask-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-server/static/images/flask-icon.png


--------------------------------------------------------------------------------
/linxi-server/static/images/linxi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-server/static/images/linxi.png


--------------------------------------------------------------------------------
/linxi-server/static/images/pear.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-server/static/images/pear.png


--------------------------------------------------------------------------------
/linxi-server/static/images/un26.svg:
--------------------------------------------------------------------------------
1 | <svg id="bbd1c8e1-0708-474d-a283-d1edf8e23e43" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1136.62628" height="835.42556" viewBox="0 0 1136.62628 835.42556"><title>snow_games</title><path d="M840.8275,654.79139,834,679h28c-3.99939-9.56384-5.022-18.64551-1.55554-27Z" transform="translate(-31.68686 -32.28722)" fill="#ffb8b8"/><path d="M1168.31314,866.56522c0,.37864-.01149.76884-.03446,1.14756H32.26064c-.023-.37872-.03446-.76892-.03446-1.14756,0-57.59617,254.32282-104.279,568.04348-104.279S1168.31314,808.96905,1168.31314,866.56522Z" transform="translate(-31.68686 -32.28722)" fill="#3f3d56"/><circle cx="950.72114" cy="718.37418" r="63.11594" fill="#d0cde1"/><ellipse cx="954.16383" cy="672.47167" rx="42.45982" ry="17.21344" fill="#00c58e"/><circle cx="956.45895" cy="633.45455" r="40.16469" fill="#d0cde1"/><circle cx="944.24182" cy="619.68379" r="6.14387" fill="#575a89"/><circle cx="965.23339" cy="619.68379" r="6.14387" fill="#575a89"/><path d="M984.70313,660.004,983.0264,680.1247a.74959.74959,0,0,0,1.46661.27214l5.94793-20.39289Z" transform="translate(-31.68686 -32.28722)" fill="#ff6584"/><polygon points="916.882 801.169 909.579 808.472 869.244 760.834 870.222 754.508 916.882 801.169" fill="#575a89"/><polygon points="885.31 778.047 885.31 782.638 848.588 780.343 845.145 778.047 885.31 778.047" fill="#575a89"/><ellipse cx="913.99914" cy="700.01318" rx="10.32806" ry="11.47563" fill="#d0cde1"/><polygon points="1000.626 699.036 1007.929 706.339 1048.264 658.701 1047.287 652.375 1000.626 699.036" fill="#575a89"/><polygon points="1021.87 681.652 1021.87 686.242 1058.592 683.947 1062.035 681.652 1021.87 681.652" fill="#575a89"/><ellipse cx="1003.50902" cy="700.01318" rx="10.32806" ry="11.47563" fill="#d0cde1"/><circle cx="954.16383" cy="704.60343" r="4.59025" fill="#575a89"/><circle cx="954.16383" cy="719.52174" r="4.59025" fill="#575a89"/><circle cx="954.16383" cy="734.44005" r="4.59025" fill="#575a89"/><path d="M787.46208,778.19284a24.07985,24.07985,0,0,0-42.908-16.11077,24.13267,24.13267,0,0,0-10.47231-8.8624A24.09511,24.09511,0,0,0,692.94549,730.871a56.15789,56.15789,0,0,0-20.02891-12.77661,24.08569,24.08569,0,0,0-46.20582-12.57361,24.06727,24.06727,0,0,0-36.09953,28.67068,24.11768,24.11768,0,0,0-7.71824,4.63444,24.07711,24.07711,0,0,0-29.72407,11.56185,24.11939,24.11939,0,0,0-7.78765-5.74135c.07093-.58976.145-1.17868.17289-1.78151a24.09882,24.09882,0,1,0-47.901,2.46091A23.85594,23.85594,0,0,0,480.19336,770.797c-27.04278.79374-53.125,2.06108-78.04945,3.77433a56.2381,56.2381,0,0,0-103.52416-11.34094,24.08792,24.08792,0,0,0-37.0275,27.83146q-1.63636.29411-3.25894.59167c.03843-.39992.09752-.79327.11632-1.199a24.09882,24.09882,0,1,0-48.146-2.22975c-.01157.24985.007.49339.00309.7417a14.90545,14.90545,0,0,0-20.18092,13.25812C190.03825,804.11424,787.41866,779.13019,787.46208,778.19284Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M40.22549,418.76859c.03292-.10465.06766-.21062.10072-.31561-.01429.046-.03222.09028-.04622.13644Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M589.05567,731.61849l84.99756-126.39988L589.22951,745.21668l.17738,14.22316q-9.30774.071-18.43465-.31l4.21568-182.82936-.11549-1.41046.15555-.27252.40349-17.27627L482.54913,422.19651,575.52165,544.411l.32993,3.65166,3.18419-138.13472L498.63771,269.81376l80.627,115.84783-.84157-286.17954.0018-.95251.02735.93676,5.337,225.548,73.27323-91.61772L584.02921,344.44475l1.59924,123.5583,67.42643-120.58822L585.87626,486.16824l.89022,68.70463,98.05625-167.978L587.06458,578.841Z" transform="translate(-31.68686 -32.28722)" fill="#3f3d56"/><circle cx="538.74617" cy="339.67852" r="9.1805" fill="#d0cde1"/><circle cx="598.41943" cy="479.68116" r="9.1805" fill="#d0cde1"/><circle cx="520.38517" cy="510.66535" r="9.1805" fill="#d0cde1"/><circle cx="490.54854" cy="367.22003" r="9.1805" fill="#d0cde1"/><path d="M584.2038,381.14625a9.17238,9.17238,0,0,0-4.67548-7.99408,9.1766,9.1766,0,1,0-13.60034,6.80762,8.989,8.989,0,0,0,1.80475,6.75006,9.184,9.184,0,1,0,15.7287-1.94665A9.14637,9.14637,0,0,0,584.2038,381.14625Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M601.41724,288.19368a9.18052,9.18052,0,0,0-9.18055,9.18048,9.17586,9.17586,0,0,0-8.89068,6.92871,9.17856,9.17856,0,1,0,9.74847,11.389,9.1789,9.1789,0,0,0,8.32276-9.1372,9.18048,9.18048,0,0,0,0-18.361Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><circle cx="375.79229" cy="403.94203" r="6.88538" fill="#d0cde1"/><circle cx="450.38385" cy="486.56653" r="6.88538" fill="#d0cde1"/><circle cx="785.47213" cy="168.6917" r="9.1805" fill="#d0cde1"/><circle cx="855.47344" cy="63.11594" r="6.88538" fill="#d0cde1"/><circle cx="930.06501" cy="145.74045" r="6.88538" fill="#d0cde1"/><circle cx="1023.01758" cy="335.08827" r="9.1805" fill="#d0cde1"/><circle cx="899.99914" cy="242.25033" r="6.88538" fill="#d0cde1"/><circle cx="706.29031" cy="486.56653" r="9.1805" fill="#d0cde1"/><circle cx="815.30875" cy="496.8946" r="6.88538" fill="#d0cde1"/><circle cx="139.39439" cy="195.08564" r="9.1805" fill="#d0cde1"/><circle cx="130.21389" cy="123.93676" r="6.88538" fill="#d0cde1"/><circle cx="123.32852" cy="626.56917" r="6.88538" fill="#d0cde1"/><circle cx="391.85816" cy="648.37286" r="6.88538" fill="#d0cde1"/><circle cx="946.13089" cy="515.2556" r="9.1805" fill="#d0cde1"/><circle cx="1078.10059" cy="574.92885" r="6.88538" fill="#d0cde1"/><circle cx="319.56172" cy="271.97233" r="6.88538" fill="#d0cde1"/><circle cx="697.10981" cy="616.24111" r="9.1805" fill="#d0cde1"/><circle cx="375.79229" cy="6.88538" r="6.88538" fill="#d0cde1"/><circle cx="450.38385" cy="89.50988" r="6.88538" fill="#d0cde1"/><circle cx="434.31798" cy="179.01976" r="6.88538" fill="#d0cde1"/><circle cx="644.32193" cy="67.70619" r="9.1805" fill="#d0cde1"/><circle cx="715.93063" cy="274.08696" r="6.88538" fill="#d0cde1"/><circle cx="883.01495" cy="397.05665" r="6.88538" fill="#d0cde1"/><circle cx="180.70665" cy="393.61397" r="6.88538" fill="#d0cde1"/><circle cx="77.42601" cy="525.58366" r="6.88538" fill="#d0cde1"/><circle cx="336.77516" cy="423.45059" r="18.361" fill="#d0cde1"/><polygon points="878.998 644.93 889.327 634.602 895.064 640.34 885.884 655.258 878.998 644.93" fill="#ffb8b8"/><path d="M915.27559,666.88933l6.88537-4.59025s17.21344-22.95125,24.09882-11.47563-12.62319,22.95125-12.62319,22.95125l-5.73781,6.88538Z" transform="translate(-31.68686 -32.28722)" fill="#ff6584"/><path d="M915.27559,666.88933l6.88537-4.59025s17.21344-22.95125,24.09882-11.47563-12.62319,22.95125-12.62319,22.95125l-5.73781,6.88538Z" transform="translate(-31.68686 -32.28722)" opacity="0.15"/><polygon points="821.62 656.406 858.342 656.406 880.146 641.487 892.769 658.701 862.933 681.652 831.948 687.39 821.62 656.406" fill="#00c58e"/><polygon points="821.62 656.406 858.342 656.406 880.146 641.487 892.769 658.701 862.933 681.652 831.948 687.39 821.62 656.406" opacity="0.15"/><path d="M868.22552,753.5303s33.27932,36.722,27.54151,45.90251-18.361,9.1805-20.65613,8.03293-35.57444-19.50856-35.57444-19.50856l4.59025-14.91831s-6.88538-16.06588,0-17.21344S868.22552,753.5303,868.22552,753.5303Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M846.42183,773.03887s-21.80368-17.21344-26.39394-13.77075-19.50856,25.24637-17.21343,35.57444,0,13.77075,6.88537,12.62318,8.03294-12.62318,8.03294-12.62318l24.09881-9.1805Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><rect x="865.3565" y="769.55211" width="1.14779" height="29.92477" transform="translate(-292.51794 1061.5928) rotate(-57.52881)" opacity="0.15"/><circle cx="821.62035" cy="612.22464" r="17.21344" fill="#ffb8b8"/><path d="M832.65108,664.02042s-4.59025,11.47563-4.59025,39.01713S811.995,743.20224,824.61815,756.973,887,762,887,762s-.53662.42529-.41348-.43676c1.14757-8.03294-11.47562-91.805-16.06587-92.95257S832.65108,664.02042,832.65108,664.02042Z" transform="translate(-31.68686 -32.28722)" fill="#00c58e"/><polygon points="878.998 625.995 889.327 615.667 895.064 621.405 885.884 636.323 878.998 625.995" fill="#ffb8b8"/><path d="M820.529,643.156c-3.80065.55714-7.99684.98195-10.68766,2.14211-3.53042,1.52215-3.32455,3.80625-2.36622,5.80036s2.45754,4.07079.85762,6.00485c-.92992,1.12414-2.833,2.08857-4.31839,3.12339s-2.5787,2.251-1.70086,3.3812c.91713,1.1807,3.72572,1.97977,5.69857,2.95728,4.2627,2.11208,4.32318,5.29969.14107,7.4348,3.59949-2.16635,10.46772-3.13187,16.76749-4.05427s13.06882-2.147,15.71068-4.50326c2.69414-2.40295.18889-5.20075,1.58715-7.7574,1.19537-2.18568,5.09924-3.98644,8.21831-5.87964s5.57587-4.2267,3.52393-6.31891c-1.51409-1.54381-5.389-2.89143-4.65208-4.51464.45579-1.004,2.58869-1.75343,4.12042-2.5905s2.38586-2.08962.45611-2.79859c-7.00833,1.264-14.1427,2.45906-21.05408,3.79723C828.56814,640.2054,826.04366,643.156,820.529,643.156Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><polygon points="821.62 637.471 858.342 637.471 880.146 622.553 892.769 639.766 862.933 662.717 831.948 668.455 821.62 637.471" fill="#00c58e"/><path d="M946.13779,663.44664s32.13176-16.06588,32.13176-21.80369-12.62319-22.95125-35.57444-22.95125c0,0-5.73782-10.32806-12.62319-2.29513s3.44269,13.77076,3.44269,13.77076-12.62319,20.65612,5.73781,33.27931Z" transform="translate(-31.68686 -32.28722)" fill="#00c58e"/><circle cx="632.8463" cy="424.59816" r="18.361" fill="#ff6584"/><polygon points="620.705 424.859 615.45 417.842 616.369 417.154 620.889 423.189 628.83 416.384 636.833 423.243 643.748 416.328 651.039 423.619 650.228 424.43 643.748 417.95 636.893 424.805 628.83 417.894 620.705 424.859" fill="#575a89"/><polygon points="619.569 433.933 614.362 426.977 615.163 426.378 619.729 432.477 627.682 425.661 635.689 432.524 642.6 425.612 649.84 432.851 649.132 433.558 642.6 427.026 635.742 433.886 627.682 426.977 619.569 433.933" fill="#575a89"/><rect x="631.69874" y="393.04018" width="1.14756" height="13.77075" fill="#575a89"/><circle cx="598.41943" cy="274.26746" r="18.361" fill="#ff6584"/><polygon points="586.278 274.529 581.023 267.511 581.942 266.823 586.462 272.859 594.403 266.053 602.406 272.913 609.321 265.997 616.612 273.288 615.801 274.099 609.321 267.62 602.466 274.475 594.403 267.564 586.278 274.529" fill="#575a89"/><polygon points="585.142 283.601 579.935 276.647 580.736 276.047 585.302 282.147 593.256 275.33 601.262 282.193 608.173 275.282 615.413 282.521 614.706 283.228 608.173 276.696 601.315 283.556 593.256 276.647 585.142 283.601" fill="#575a89"/><rect x="597.27186" y="242.70949" width="1.14756" height="13.77075" fill="#575a89"/><circle cx="457.26923" cy="430.33597" r="18.361" fill="#ff6584"/><polygon points="445.128 430.597 439.873 423.579 440.792 422.891 445.312 428.927 453.253 422.121 461.255 428.981 468.171 422.065 475.462 429.357 474.651 430.168 468.171 423.688 461.316 430.543 453.253 423.632 445.128 430.597" fill="#575a89"/><polygon points="443.992 439.67 438.785 432.716 439.586 432.116 444.152 438.215 452.105 431.399 460.112 438.262 467.024 431.35 474.262 438.589 473.555 439.296 467.024 432.765 460.165 439.623 452.105 432.716 443.992 439.67" fill="#575a89"/><rect x="456.12167" y="398.778" width="1.14756" height="13.77075" fill="#575a89"/><polygon points="563.405 93.16 547.768 81.426 531.776 92.672 538.104 74.174 522.466 62.439 542.014 62.741 548.342 44.243 554.096 62.928 573.644 63.23 557.652 74.476 563.405 93.16" fill="#00c58e"/><path d="M788.58,766.7521a24.07986,24.07986,0,0,0-42.908-16.11078,24.13261,24.13261,0,0,0-10.47231-8.8624,24.0951,24.0951,0,0,0-41.13627-22.34863,56.15786,56.15786,0,0,0-20.02892-12.7766,24.08569,24.08569,0,0,0-46.20582-12.57362,24.06727,24.06727,0,0,0-36.09953,28.67068,24.1177,24.1177,0,0,0-7.71824,4.63445A24.07707,24.07707,0,0,0,554.28683,738.947a24.11975,24.11975,0,0,0-7.78764-5.74135c.07092-.58976.145-1.17868.17288-1.78151a24.09882,24.09882,0,1,0-47.901,2.46091,23.85585,23.85585,0,0,0-17.45974,25.47115c-27.04279.79374-53.125,2.06108-78.04946,3.77434a56.2381,56.2381,0,0,0-103.52416-11.341,24.08792,24.08792,0,0,0-37.0275,27.83146q-1.63636.29412-3.25894.59168c.03843-.39992.09753-.79327.11632-1.199a24.09882,24.09882,0,1,0-48.146-2.22975c-.01157.24985.007.49339.0031.7417a14.90549,14.90549,0,0,0-20.18093,13.25813C191.15616,792.6735,788.53658,767.68944,788.58,766.7521Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M203.70645,867.43738a26.06,26.06,0,0,1,2.70823.2754h-7.58537A22.85644,22.85644,0,0,1,203.70645,867.43738Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M313.22983,867.71278H219.88712a56.211,56.211,0,0,1,93.34271,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M125.02956,867.71278H31.68686a56.211,56.211,0,0,1,93.3427,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M180.11257,867.71278H86.76987a56.211,56.211,0,0,1,93.3427,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M439.46171,814.9249H346.119a56.211,56.211,0,0,1,93.3427,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M813.56711,841.31884h-93.3427a56.211,56.211,0,0,1,93.3427,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M652.57558,862.27334a24.43565,24.43565,0,0,1,7.75754,5.43944h-259.682a24.17946,24.17946,0,0,1,15.49209-13.33467,23.53519,23.53519,0,0,1-.24094-4.69356,24.09609,24.09609,0,1,1,48.14019,2.23776c-.0229.59675-.09175,1.18195-.17209,1.77871a24.03015,24.03015,0,0,1,7.79192,5.73781,24.08484,24.08484,0,0,1,29.7219-11.556,24.02937,24.02937,0,0,1,7.72308-4.63612,23.807,23.807,0,0,1-1.68689-9.9953,24.07211,24.07211,0,0,1,37.78923-18.68228,24.08842,24.08842,0,0,1,46.47628,9.94935,24.86621,24.86621,0,0,1-.2754,2.62789,56.2102,56.2102,0,0,1,20.02491,12.77238,24.09008,24.09008,0,0,1,41.14016,22.35456Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M909.664,867.71278H865.3681a24.09135,24.09135,0,0,1,44.29589,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M1095.84453,867.71278H955.99109a23.24664,23.24664,0,0,1-1.02128-8.0674A24.07211,24.07211,0,0,1,992.759,840.9631a24.08842,24.08842,0,0,1,46.47628,9.94935,24.86885,24.86885,0,0,1-.2754,2.62789,56.21029,56.21029,0,0,1,20.02491,12.77238,24.09955,24.09955,0,0,1,36.8597,1.40006Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M697.42228,867.71278H666.39221a24.02261,24.02261,0,0,1,31.03007,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><circle cx="256.0696" cy="482.12957" r="20.44617" fill="#a0616a"/><path d="M292.56721,488.34605c7.28469.45635,14.04371,3.83473,20.36077,7.49118a2.63686,2.63686,0,0,0-3.18293.62814c-.84281.81713-1.37256,1.90844-2.18371,2.757-1.50766,1.57719-3.76919,2.1229-5.899,2.59674l-9.92639,2.20847-9.20638,2.04828a18.71819,18.71819,0,0,1-7.05026.64793c-2.34334-.3863-4.66277-1.89806-5.27513-4.19261-.85075-3.18785,5.48706-7.932,7.81111-9.85151A21.10291,21.10291,0,0,1,292.56721,488.34605Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M273.86424,505.07534c4.29151-6.02636,10.98949-9.94443,17.70816-13.32374-1.13045.44739-1.41757,1.9119-1.11446,3.10176s1.02464,2.26492,1.37347,3.44527c.64835,2.19389-.05212,4.454-.74862,6.55984l-3.24621,9.81456-3.01074,9.10266a17.85441,17.85441,0,0,1-3.15187,6.44947,6.55158,6.55158,0,0,1-6.65767,2.17676c-3.38242-1.07132-4.37445-9.22587-4.90349-12.31792A20.47861,20.47861,0,0,1,273.86424,505.07534Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M376.75742,498.78149s1.20271-26.45974,7.21629-25.257,1.20272,27.66246,1.20272,27.66246Z" transform="translate(-31.68686 -32.28722)" fill="#a0616a"/><path d="M375.55665,544.48554l-27.02247,19.57091-7.85988,5.68846-20.4432-28.86918,12.75958-5.02958,26.9297-10.60669,15.63627-31.27259,13.22357,3.60981C391.193,503.58991,375.55665,544.48554,375.55665,544.48554Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><path d="M333.45965,492.76791s-3.60814-31.2706,3.60815-28.86517,6.01358,32.47332,6.01358,32.47332Z" transform="translate(-31.68686 -32.28722)" fill="#a0616a"/><polygon points="246.996 740.808 240.056 758.957 259.389 764.676 259.021 740.625 246.996 740.808" fill="#575a89"/><polygon points="304.028 616.042 284.798 695.725 266.329 746.527 242.277 746.895 264.133 681.606 272.651 609.305 304.028 616.042" fill="#2f2e41"/><path d="M269.048,789.26657s-7.32217,15.586-2.38486,17.71989,18.34752,5,18.34752,5l1.841-1.54814s30.98367,6.9455,36.17195-3.70319-19.16349-15.31387-19.16349-15.31387l-11.1299-9.498L279.362,788.4506Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><polygon points="221.686 737.587 214.747 755.736 234.08 761.455 233.712 737.403 221.686 737.587" fill="#575a89"/><polygon points="245.978 611.51 238.879 681.993 216.913 740.066 237.467 746.968 268.999 685.141 283.547 613.95 245.978 611.51" fill="#2f2e41"/><path d="M242.43832,786.71567s-11.47546,12.83944-7.35509,16.29676,16.15,10.04044,16.15,10.04044l2.207-.95668s27.70118,15.52,35.71933,6.801-13.98084-20.15666-13.98084-20.15666l-7.9471-12.28533-14.677,2.4296Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M348.53418,564.05645l-7.85988,5.68846-20.4432-28.86918,5.68846-1.01146c.31553.51966,5.243.38973,5.56782.928C337.45422,550.56373,346.05651,558.82269,348.53418,564.05645Z" transform="translate(-31.68686 -32.28722)" opacity="0.15"/><path d="M361.18241,660.50034c-1.39237-.90065-1.71661-10.31336-3.71188-11.13564-1.0125-.41727-3.49053,7.72711-4.63912,7.3297-29.82037-10.3178-96.48125,11.80027-107.64522-12.89752-7.50591-16.60517,40.16256-48.802,40.16256-60.8284a35.33917,35.33917,0,0,0-1.65181-9.01061c-2.27354-7.962-6.50508-17.98406-9.92-25.547-2.92313-6.47722-5.26158-11.14487-5.26158-11.14487s35.068-10.42114,46.30566-14.4485c1.42911-.51043,2.46843-.91868,3.00667-1.18783,2.15284-1.07642,7.68356,6.533,13.35344,15.80335,6.97835,11.42331,14.17941,25.38,15.5064,28.7021C349.09094,572.14832,381.62561,673.73314,361.18241,660.50034Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><path d="M326.84753,535.22442c-13.01939,15.67337-27.03176,34.40908-39.09537,37.95393a20.03225,20.03225,0,0,1-4.05522.77952c-2.27354-7.962-6.50508-17.98406-9.92-25.547a16.405,16.405,0,0,1,4.90894-3.684L311.304,528.673l3.517-5.85549c1.42911-.51043,2.46843-.91868,3.00667-1.18783C319.98053,520.55322,321.17765,525.954,326.84753,535.22442Z" transform="translate(-31.68686 -32.28722)" opacity="0.15"/><path d="M278.6852,540.08779c-8.90871,4.38556-12.15467,15.7834-6.38316,23.8635,2.995,4.19306,7.78711,6.8428,15.45442,4.5877,20.44617-6.01357,58.93307-49.31134,58.93307-62.54121V493.97063l-14.43259-4.81087-20.954,34.871Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><ellipse cx="330.55941" cy="542.64818" rx="1.85594" ry="3.71188" transform="translate(-285.42458 260.6943) rotate(-35.51518)" fill="#2f2e41"/><ellipse cx="336.12723" cy="552.85585" rx="1.85594" ry="3.71188" transform="translate(-290.31857 265.82777) rotate(-35.51518)" fill="#2f2e41"/><ellipse cx="340.76707" cy="563.99148" rx="1.85594" ry="3.71188" transform="translate(-295.92428 270.5948) rotate(-35.51518)" fill="#2f2e41"/><ellipse cx="343.55098" cy="575.12712" rx="1.85594" ry="3.71188" transform="translate(-199.20532 109.70423) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="347.26286" cy="586.26276" rx="1.85594" ry="3.71188" transform="translate(-202.60677 111.50279) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="350.97474" cy="596.47042" rx="1.85594" ry="3.71188" transform="translate(-205.70815 113.2515) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="352.83068" cy="607.60606" rx="1.85594" ry="3.71188" transform="translate(-209.20932 114.44992) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="354.68662" cy="618.7417" rx="1.85594" ry="3.71188" transform="translate(-212.71048 115.64833) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="356.54256" cy="630.80531" rx="1.85594" ry="3.71188" transform="translate(-216.51172 116.8966) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="357.47053" cy="642.86891" rx="1.85594" ry="3.71188" transform="translate(-220.36281 117.8448) rotate(-18.86655)" fill="#2f2e41"/><path d="M277.01854,526.76215s27.47234-32.02552,24.85958-38.23768-24.1178-19.10055-48.96643-8.64949c0,0-10.91514-8.56912-14.71186,3.26321s9.99793,13.34152,9.99793,13.34152-4.2608,28.11185,21.36619,33.41775Z" transform="translate(-31.68686 -32.28722)" fill="#00c58e"/><circle cx="690.22443" cy="748.2108" r="18.361" fill="#ff6584"/><polygon points="678.083 748.472 672.828 741.454 673.747 740.766 678.267 746.802 686.208 739.996 694.211 746.856 701.126 739.94 708.417 747.231 707.606 748.043 701.126 741.563 694.271 748.418 686.208 741.507 678.083 748.472" fill="#575a89"/><polygon points="676.947 757.545 671.74 750.59 672.541 749.99 677.107 756.09 685.06 749.274 693.067 756.137 699.979 749.225 707.217 756.464 706.51 757.171 699.979 750.64 693.12 757.498 685.06 750.591 676.947 757.545" fill="#575a89"/><rect x="689.07687" y="716.65283" width="1.14756" height="13.77075" fill="#575a89"/><circle cx="628.8081" cy="747.56493" r="18.361" fill="#00c58e"/><polygon points="617.968 753.039 610.199 748.976 610.731 747.959 617.413 751.454 621.64 741.888 631.82 744.623 635.074 735.4 644.798 738.831 644.416 739.913 635.774 736.864 632.548 746.006 622.292 743.25 617.968 753.039" fill="#575a89"/><polygon points="620.399 760.74 613.173 757.656 613.565 756.736 619.952 759.463 624.625 750.787 634.373 752.605 638.067 744.316 647.219 746.744 646.964 747.711 638.633 745.502 634.965 753.732 625.16 751.904 620.399 760.74" fill="#575a89"/><rect x="648.75761" y="750.95676" width="1.14756" height="13.77075" transform="translate(-295.12976 322.07127) rotate(-25.5621)" fill="#575a89"/><circle cx="463.87069" cy="737.22413" r="18.361" fill="#00c58e"/><polygon points="452.335 733.43 449.715 725.064 450.81 724.721 453.064 731.916 462.817 728.141 468.081 737.273 476.903 733.053 481.353 742.355 480.317 742.85 476.363 734.583 467.618 738.766 462.314 729.566 452.335 733.43" fill="#575a89"/><polygon points="476.247 751.094 472.261 742.761 463.51 746.945 458.209 737.75 448.244 741.607 445.649 733.316 446.603 733.017 448.879 740.289 458.648 736.508 463.914 745.644 472.732 741.427 477.149 750.662 476.247 751.094" fill="#575a89"/><rect x="496.34176" y="745.4803" width="13.77075" height="1.14756" transform="translate(-399.45718 940.03591) rotate(-70.5621)" fill="#575a89"/><ellipse cx="883.1228" cy="728.77012" rx="1.7072" ry="5.73781" transform="translate(-134.85776 114.90186) rotate(-9.00383)" fill="#575a89"/><ellipse cx="880.82768" cy="712.70425" rx="1.7072" ry="5.73781" transform="translate(-132.37173 114.34471) rotate(-9.00383)" fill="#575a89"/><ellipse cx="885.41793" cy="743.68844" rx="1.7072" ry="5.73781" transform="translate(-137.1642 115.44487) rotate(-9.00383)" fill="#575a89"/><ellipse cx="886.56549" cy="757.45919" rx="1.7072" ry="5.73781" transform="translate(-98.36678 53.55751) rotate(-5.34291)" fill="#575a89"/><ellipse cx="911.81187" cy="666.80174" rx="5.73781" ry="1.7072" transform="translate(-236.12338 807.76284) rotate(-45)" fill="#575a89"/><path d="M869.72291,637.58638c-2.42563-.27518-4.499,1.61722-6.20073,3.36754a37.55222,37.55222,0,0,1-4.64957,4.27385,19.09966,19.09966,0,0,1-17.47217,2.48461c.14351.05214,5.5509-7.109,6.147-7.76774a75.27578,75.27578,0,0,1,7.25083-7.006c1.92426-1.62461,4.57153-4.40794,7.32565-3.20174C865.022,631.00619,867.66357,635.25421,869.72291,637.58638Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M836.09377,652.5448s32.13175-16.06588,32.13175-21.80369-12.62319-22.95125-35.57444-22.95125c0,0-5.73781-10.32807-12.62319-2.29513s3.44269,13.77075,3.44269,13.77075-12.62319,20.65613,5.73782,33.27932Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><path d="M875.9364,636.39727c-2.42563-.27518-4.499,1.61721-6.20073,3.36753a37.55,37.55,0,0,1-4.64957,4.27385,19.09966,19.09966,0,0,1-17.47217,2.48462c.14351.05213,5.5509-7.109,6.147-7.76774a75.27469,75.27469,0,0,1,7.25084-7.00595c1.92426-1.62462,4.57153-4.40794,7.32565-3.20174C871.23551,629.81708,873.87706,634.0651,875.9364,636.39727Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><path d="M946.25978,631.88867c-3.65407-6.09012-10.21677-2.484-15.57187,2.24189-.26126-2.94112-1.15268-5.1108-2.21535-5.1108-1.26755,0-2.29513,3.08268-2.29513,6.88538a19.44979,19.44979,0,0,0,.16019,2.51463c-2.50665,2.71846-4.17666,4.94453-4.17666,4.94453l-6.88537,4.59025,12.62319,13.77075,5.73781-6.88538S953.14515,643.3643,946.25978,631.88867Z" transform="translate(-31.68686 -32.28722)" fill="#ff6584"/><circle cx="786.61969" cy="570.3386" r="4.59025" fill="#575a89"/><path d="M845,729v7.5a10.5,10.5,0,0,0,21,0V729Z" transform="translate(-31.68686 -32.28722)" fill="#00c58e"/><path d="M845,729v7.5a10.5,10.5,0,0,0,21,0V729Z" transform="translate(-31.68686 -32.28722)" opacity="0.15"/></svg>


--------------------------------------------------------------------------------
/linxi-server/static/images/un28.svg:
--------------------------------------------------------------------------------
1 | <svg id="a767eac7-073f-42f5-be07-7b01228cc98c" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="889.07556" height="459.37952" viewBox="0 0 889.07556 459.37952"><title>welcome_cats</title><ellipse cx="444.53778" cy="398.16856" rx="444.53778" ry="12.43462" fill="#e6e6e6"/><path d="M836.90729,483.74151c-.56135.0077-1.12265.0154-1.69165.0154s-1.1303-.0077-1.69164-.0154c-29.75741-.67665-51.32574-19.26925-45.83561-38.77687l13.387-47.58878,3.38328-12.04134,59.97615,1.02263,3.6447,11.77994,14.34816,46.36621C888.50213,464.11853,866.93379,483.06486,836.90729,483.74151Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M868.07949,398.13709a66.201,66.201,0,0,1-67.00413-.76123l3.38328-12.04134,59.97615,1.02263Z" transform="translate(-155.46222 -220.31024)" opacity="0.2"/><path d="M865.54813,446.54371c2.59087-9.656,11.10609-23.5853,34.98657-40.37992,41.64786-29.29427,16.80312-51.25925,15.72654-52.1796-2.25846-1.93041-1.92491-4.09793.77549-4.83852a11.22377,11.22377,0,0,1,9.03426,2.10278c1.34843,1.11541,32.45928,27.68293-14.53706,60.73417-42.29508,29.74951-33.30237,49.16914-33.1992,49.35545,1.13341,2.077-.684,3.73882-4.063,3.71644s-7.03927-1.72268-8.17623-3.7975C865.8564,460.81807,863.1348,455.53283,865.54813,446.54371Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M807.53434,490.67723a6.92019,6.92019,0,0,1-6.92032-6.92032V453.76883a6.92032,6.92032,0,0,1,13.84065,0v29.98808A6.92019,6.92019,0,0,1,807.53434,490.67723Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M813.602,419.48415a6.92019,6.92019,0,0,1-9.17934,3.39434l-27.243-12.53415a6.92033,6.92033,0,0,1,5.785-12.57368l27.243,12.53415A6.92019,6.92019,0,0,1,813.602,419.48415Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M856.82926,419.48415a6.92019,6.92019,0,0,0,9.17934,3.39434l27.243-12.53415a6.92032,6.92032,0,0,0-5.785-12.57368l-27.243,12.53415A6.9202,6.9202,0,0,0,856.82926,419.48415Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M862.89684,490.67723a6.92018,6.92018,0,0,0,6.92032-6.92032V453.76883a6.92032,6.92032,0,1,0-13.84064,0v29.98808A6.92018,6.92018,0,0,0,862.89684,490.67723Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M891.81774,296.5349a6.80558,6.80558,0,0,0,1.3735-5.40838l-3.76639-22.157-3.76639-22.157a6.913,6.913,0,0,0-11.22615-4.16441L857.127,256.9884l-10.42587,8.63951a65.69368,65.69368,0,0,0-21.04716-.31735l-10.04291-8.32216-17.30532-14.34028a6.913,6.913,0,0,0-11.22614,4.16441l-3.76639,22.157-3.76639,22.157a6.8438,6.8438,0,0,0,.30144,3.47373,66.11762,66.11762,0,1,0,111.96948,1.93465Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M796.57153,251.7278a3.447,3.447,0,0,0-1.20182.21814,3.38791,3.38791,0,0,0-2.18438,2.6353L788.618,281.45081a3.4226,3.4226,0,0,0,4.56474,3.7823l25.55323-9.47941a3.42226,3.42226,0,0,0,.99345-5.84352l-.00038-.00076-20.98549-17.38979A3.39218,3.39218,0,0,0,796.57153,251.7278Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><path d="M876.16653,251.7278a3.39218,3.39218,0,0,0-2.172.79183l-20.98587,17.39055a3.42226,3.42226,0,0,0,.99344,5.84352l25.55324,9.47941a3.4226,3.4226,0,0,0,4.56474-3.7823l-4.56737-26.86957a3.38788,3.38788,0,0,0-2.18437-2.6353A3.447,3.447,0,0,0,876.16653,251.7278Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><circle cx="679.75342" cy="119.65771" r="9.2271" fill="#e6e6e6"/><ellipse cx="679.75342" cy="115.04416" rx="6.1514" ry="2.30677" fill="#3f3d56"/><path d="M675.13987,125.04018H683.598a0,0,0,0,1,0,0v10.38049a4.22908,4.22908,0,0,1-4.22908,4.22908h0a4.22908,4.22908,0,0,1-4.22908-4.22908V125.04018a0,0,0,0,1,0,0Z" fill="#ff6584"/><path d="M835.729,240.68976c-.4435.91976-.87414,1.84948-1.27916,2.7982a65.81817,65.81817,0,0,0-4.65081,35.34384c.86574-1.25608,1.77556-2.56471,2.701-3.88776A65.775,65.775,0,0,1,835.729,240.68976Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M842.64935,249.14794c-.4435.91976-.87415,1.84947-1.27916,2.79819A65.81818,65.81818,0,0,0,836.71937,287.29c.86575-1.25607,1.77556-2.56471,2.70095-3.88775A65.775,65.775,0,0,1,842.64935,249.14794Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M863.98522,415.199l-.97489-12.39806-.97489-12.39809a3.82528,3.82528,0,0,0-5.98-2.8528l-10.24962,7.04331-7.48458,5.14325a5.09542,5.09542,0,0,0-7.74914,0l-7.48459-5.14325L812.83794,387.55a3.82528,3.82528,0,0,0-5.98,2.8528l-.97489,12.39809-.97489,12.39806a3.82528,3.82528,0,0,0,5.4606,3.75238l11.22448-5.35474,9.22263-4.39977a5.10117,5.10117,0,0,0,7.26159,0l9.22264,4.39977,11.22448,5.35474A3.82528,3.82528,0,0,0,863.98522,415.199Z" transform="translate(-155.46222 -220.31024)" fill="#00c58e"/><circle cx="667.45062" cy="109.66168" r="2.30677" fill="#e6e6e6"/><circle cx="692.05622" cy="109.66168" r="2.30677" fill="#e6e6e6"/><path d="M388.8876,463.362c.56134.0077,1.12264.01539,1.69164.01539s1.1303-.00769,1.69164-.01539c29.75741-.67666,51.32574-19.26926,45.83561-38.77688l-13.387-47.58877L421.33624,364.955l-59.97615,1.02264-3.64469,11.77994-14.34817,46.36621C337.29275,443.739,358.86109,462.68533,388.8876,463.362Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M357.7154,377.75757a66.201,66.201,0,0,0,67.00413-.76123L421.33624,364.955l-59.97615,1.02264Z" transform="translate(-155.46222 -220.31024)" opacity="0.2"/><path d="M352.962,420.52381c-6.47349-7.6187-20.13012-16.56472-48.90033-21.5257-50.17744-8.65585-37.1209-39.13943-36.54168-40.43193,1.21524-2.71115-.01371-4.52748-2.77131-4.04135a11.22369,11.22369,0,0,0-7.26561,5.7663c-.74147,1.58513-17.492,38.90987,39.12707,48.67275,50.95721,8.79036,51.139,30.19031,51.12548,30.40285-.13567,2.36221,2.21806,3.08656,5.26252,1.62046s5.62513-4.5691,5.76494-6.93088C358.79137,433.55727,358.98968,427.61576,352.962,420.52381Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M418.26054,470.29771a6.92018,6.92018,0,0,0,6.92032-6.92033V433.38931a6.92033,6.92033,0,0,0-13.84065,0v29.98807A6.92019,6.92019,0,0,0,418.26054,470.29771Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M412.19286,399.10463a6.92019,6.92019,0,0,0,9.17934,3.39434l27.243-12.53415a6.92033,6.92033,0,1,0-5.785-12.57368l-27.243,12.53415A6.92019,6.92019,0,0,0,412.19286,399.10463Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M368.96562,399.10463a6.92019,6.92019,0,0,1-9.17934,3.39434l-27.243-12.53415a6.92033,6.92033,0,1,1,5.785-12.57368l27.243,12.53415A6.92019,6.92019,0,0,1,368.96562,399.10463Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M362.898,470.29771a6.92018,6.92018,0,0,1-6.92032-6.92033V433.38931a6.92033,6.92033,0,0,1,13.84065,0v29.98807A6.92019,6.92019,0,0,1,362.898,470.29771Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M445.94662,274.22073a6.8438,6.8438,0,0,0,.30144-3.47373l-3.76639-22.157-3.76639-22.157a6.913,6.913,0,0,0-11.22614-4.16442l-17.30532,14.34029L400.14091,244.931a65.69368,65.69368,0,0,0-21.04716.31735l-10.42587-8.63951-17.30531-14.34029a6.913,6.913,0,0,0-11.22615,4.16442L336.37,248.59l-3.76639,22.157a6.80563,6.80563,0,0,0,1.3735,5.40838,66.13684,66.13684,0,1,0,111.96948-1.93465Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M427.05136,232.14011,406.06587,249.5299l-.00038.00075a3.42226,3.42226,0,0,0,.99345,5.84353l25.55324,9.4794a3.4226,3.4226,0,0,0,4.56474-3.7823l-4.56737-26.86957a3.38792,3.38792,0,0,0-2.18438-2.63529,3.44677,3.44677,0,0,0-1.20182-.21814A3.3922,3.3922,0,0,0,427.05136,232.14011Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><path d="M348.42654,231.56642a3.38788,3.38788,0,0,0-2.18438,2.63529l-4.56737,26.86957a3.4226,3.4226,0,0,0,4.56474,3.7823l25.55324-9.4794a3.42227,3.42227,0,0,0,.99344-5.84353l-20.98587-17.39054a3.39218,3.39218,0,0,0-2.172-.79183A3.44672,3.44672,0,0,0,348.42654,231.56642Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><circle cx="235.11702" cy="99.27819" r="9.2271" fill="#e6e6e6"/><ellipse cx="235.11702" cy="94.66464" rx="6.1514" ry="2.30677" fill="#3f3d56"/><path d="M390.9637,324.9709h0A4.22908,4.22908,0,0,1,395.19279,329.2v10.38049a0,0,0,0,1,0,0h-8.45817a0,0,0,0,1,0,0V329.2A4.22908,4.22908,0,0,1,390.9637,324.9709Z" transform="translate(626.46519 444.24113) rotate(-180)" fill="#ff6584"/><path d="M390.06586,220.31024c.4435.91976.87414,1.84947,1.27916,2.79819a65.81819,65.81819,0,0,1,4.65081,35.34385c-.86574-1.25608-1.77555-2.56471-2.701-3.88776A65.775,65.775,0,0,0,390.06586,220.31024Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M383.14553,228.76841c.44351.91977.87415,1.84948,1.27917,2.7982a65.81827,65.81827,0,0,1,4.65081,35.34384c-.86574-1.25607-1.77556-2.56471-2.701-3.88776A65.77493,65.77493,0,0,0,383.14553,228.76841Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M361.80966,260.25756l.97489-12.39806.97489-12.39808a3.82528,3.82528,0,0,1,5.98-2.85281l10.24962,7.04332,7.48459,5.14325a5.09539,5.09539,0,0,1,7.74913,0l7.48459-5.14325,10.24962-7.04332a3.82528,3.82528,0,0,1,5.98,2.85281l.97489,12.39808.97489,12.39806a3.82528,3.82528,0,0,1-5.46059,3.75239L404.2016,258.6552l-9.22264-4.39977a5.10114,5.10114,0,0,1-7.26159,0l-9.22264,4.39977L367.27025,264.01A3.82528,3.82528,0,0,1,361.80966,260.25756Z" transform="translate(-155.46222 -220.31024)" fill="#00c58e"/><path d="M400.57526,309.5924c0,1.274,1.03278,0,2.30678,0s2.30677,1.274,2.30677,0a2.30678,2.30678,0,0,0-4.61355,0Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><path d="M380.58322,309.5924c0,1.274-1.03278,0-2.30678,0s-2.30677,1.274-2.30677,0a2.30678,2.30678,0,0,1,4.61355,0Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><polygon points="481.05 263.451 481.05 248.788 407.736 248.788 407.736 249.705 407.736 263.451 407.736 381.67 407.736 396.333 422.399 396.333 481.05 396.333 481.05 381.67 422.399 381.67 422.399 263.451 481.05 263.451" fill="#3f3d56"/><path d="M672.25275,469.09857V616.643h73.314V469.09857Zm58.65118,132.8816h-43.9884V483.76142h43.9884Z" transform="translate(-155.46222 -220.31024)" fill="#00c58e"/><polygon points="313.344 381.67 313.344 249.705 298.681 249.705 298.681 381.67 298.681 396.333 313.344 396.333 371.995 396.333 371.995 381.67 313.344 381.67" fill="#00c58e"/><polygon points="265.69 263.451 265.69 248.788 192.376 248.788 192.376 249.705 192.376 263.451 192.376 314.771 192.376 329.434 192.376 381.67 192.376 396.333 207.039 396.333 265.69 396.333 265.69 381.67 207.039 381.67 207.039 329.434 265.69 329.434 265.69 314.771 207.039 314.771 207.039 263.451 265.69 263.451" fill="#3f3d56"/><polygon points="839.372 263.451 839.372 248.788 766.058 248.788 766.058 249.705 766.058 263.451 766.058 314.771 766.058 329.434 766.058 381.67 766.058 396.333 780.721 396.333 839.372 396.333 839.372 381.67 780.721 381.67 780.721 329.434 839.372 329.434 839.372 314.771 780.721 314.771 780.721 263.451 839.372 263.451" fill="#00c58e"/><polygon points="142.889 249.705 142.889 370.89 104.228 332.23 104.14 332.319 104.058 332.237 64.535 371.76 64.535 249.247 49.872 249.247 49.872 395.875 64.535 395.875 64.535 392.496 104.147 352.884 142.889 391.627 142.889 396.333 157.552 396.333 157.552 249.705 142.889 249.705" fill="#3f3d56"/><polygon points="717.488 249.705 717.488 253.083 677.876 292.695 639.133 253.953 639.133 249.247 624.47 249.247 624.47 395.875 639.133 395.875 639.133 274.689 677.794 313.35 677.883 313.261 677.964 313.342 717.488 273.819 717.488 396.333 732.15 396.333 732.15 249.705 717.488 249.705" fill="#3f3d56"/><circle cx="335.07556" cy="150.37952" r="9" fill="#00c58e"/><circle cx="113.07556" cy="250.37952" r="9" fill="#00c58e"/><circle cx="291.07556" cy="450.37952" r="9" fill="#00c58e"/><circle cx="517.07556" cy="177.37952" r="9" fill="#00c58e"/><circle cx="782.07556" cy="442.37952" r="9" fill="#00c58e"/><circle cx="791.07556" cy="206.37952" r="9" fill="#00c58e"/><circle cx="677.07556" cy="368.37952" r="9" fill="#00c58e"/></svg>


--------------------------------------------------------------------------------
/linxi-server/templates/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zh-CN">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <title>Flask-Api</title>
  7 |     <meta name="description" content="林夕-Flask-Api">
  8 |     <meta name="keyword" content="林夕-Flask-Api">
  9 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 10 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 11 |     <link rel="shortcut icon" href="static/images/flask-icon.png"/>
 12 |     <link rel="stylesheet" href="static/css/layui.css" />
 13 |     <link rel="stylesheet" href="static/css/main.css" />
 14 |     <link rel="stylesheet" href="static/css/load.css" />
 15 |     <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
 16 |     <style>
 17 |         .layui-nav .layui-this:after {
 18 |             display: none;
 19 |         }
 20 | 
 21 |         .layui-nav .layui-nav-bar {
 22 |             display: none;
 23 |         }
 24 |     </style>
 25 | </head>
 26 | 
 27 | <body>
 28 |     <!-- header -->
 29 |     <div class="ew-header">
 30 |         <img class="layui-logo" src="static/images/un28.svg" style="height:50px;padding: 10px;" />
 31 |         <div class="ew-nav-group">
 32 |             <div class="nav-toggle">
 33 |                 <i class="fa fa-bars" aria-hidden="true"></i>
 34 |             </div>
 35 |             <ul class="layui-nav" lay-filter="ew-header-nav">
 36 |                 <li class="layui-nav-item">
 37 |                     <a href="http://blog.linxi.tk/#/" target="_blank">首页</a>
 38 |                 </li>
 39 |                 <li class="layui-nav-item">
 40 |                     <a href="http://blog.linxi.tk/#/login" target="_blank">后台</a>
 41 |                 </li>
 42 |             </ul>
 43 |         </div>
 44 |     </div>
 45 |     <!-- banner -->
 46 |     <div class="ew-banner" style="box-shadow: 0 0 8px rgba(0,0,0,.101562);">
 47 |         <div class="layui-container">
 48 |             <div class="layui-row layui-col-space25" style="margin-top: 10px;">
 49 |                 <div class="layui-col-md6  layui-col-xs12">
 50 |                     <img style="margin-top: 0px;margin-bottom: 40px;width: 80%;" src="static/images/linxi.png">
 51 |                     <!-- <img style="width: 25%;position: absolute;left: 38%;margin-top: 5px;" src="images/admin.png"></h1> -->
 52 |                     <p style="font-size: 13.8px;font-weight: 500;margin-top: 10px;">💐 致 力 于 用 " Flask " 开 发 更 好 用 的 后 端 API 接 口
 53 |                     </p>
 54 |                     <div class="ew-banner-btngroup" style="margin-top: 50px;margin-bottom: 50px;">
 55 |                         <ul class="layui-nav" style="background-color: white;" lay-filter="ew-header-nav">
 56 |                             <li class="layui-nav-item">
 57 |                                 <a target="_blank" href="http://blog.linxi.tk" class="layui-btn layui-btn-primary"
 58 |                                     nav-scroll="pricing">
 59 |                                     <svg data-v-796d512c=""
 60 |                                         style="width:20px;position: relative;top: 5px;margin-right: 5px;"
 61 |                                         aria-hidden="true" focusable="false" data-prefix="fad" data-icon="meteor"
 62 |                                         role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
 63 |                                         class="svg-inline--fa fa-meteor fa-w-16 h-5 -mb-1 mr-1">
 64 |                                         <g data-v-796d512c="" class="fa-group">
 65 |                                             <path data-v-796d512c="" fill="currentColor"
 66 |                                                 d="M491.14.7C452.44 12.3 379.34 35 303.44 62c-2.1-7-4-13.5-5.6-18.6a16.06 16.06 0 0 0-20-10.69 16.6 16.6 0 0 0-2.86 1.19C232.54 56 122.14 116.5 60.54 176.4c-1.1 1-2.5 2-3.5 3C-19 255.5-19 378.87 57.09 455s199.48 76 275.55-.1c1-1 2-2.4 3-3.5C395.44 389.8 456 279.3 478.14 237a16.05 16.05 0 0 0-6.64-21.72 15.52 15.52 0 0 0-2.86-1.18c-5.2-1.6-11.6-3.5-18.6-5.6 27-76 49.7-149 61.3-187.7A16.17 16.17 0 0 0 491.14.7zM191.94 448a128 128 0 1 1 128-128 128 128 0 0 1-128 128z"
 67 |                                                 opacity="0.4" class="fa-secondary"></path>
 68 |                                             <path data-v-796d512c="" fill="currentColor"
 69 |                                                 d="M191.94 192a128 128 0 1 0 128 128 128 128 0 0 0-128-128zm-32 128a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm48 64a16 16 0 1 1 16-16 16 16 0 0 1-16 16z"
 70 |                                                 class="fa-primary"></path>
 71 |                                         </g>
 72 |                                     </svg>
 73 |                                     Demo站点
 74 |                                 </a>
 75 |                             </li>
 76 |                         </ul>
 77 |                     </div>
 78 |                 </div>
 79 |                 <div class="layui-col-md6 layui-col-xs12">
 80 |                     <div class="ew-banner-right">
 81 |                         <img class="show" style="width: 92%;margin-top: 0px!important;" src="static/images/un26.svg">
 82 |                     </div>
 83 |                 </div>
 84 |             </div>
 85 |         </div>
 86 |         <br />
 87 |         <br />
 88 |     </div>
 89 |     <div class="section">
 90 |     </div>
 91 | 
 92 | 
 93 |     <div class="section" nav-id="product">
 94 |         <div class="section-title" style="font-size: 20px;font-weight:500;">
 95 |             用法演示
 96 |         </div>
 97 |         <div class="layui-container" style="padding-bottom: 60px;">
 98 |             <div class="layui-row layui-col-space30">
 99 | 
100 | 
101 |             </div>
102 |         </div>
103 |     </div>
104 |     <!-- contact -->
105 |     <div class="section">
106 |         <div class="section-title">
107 |             <h2 style="font-size: 20px;font-weight:500;">合作伙伴</h2>
108 |             <p>Flask + Vue</p>
109 |         </div>
110 |         <div class="layui-container">
111 |             <div class="layui-row layui-col-space30" style="margin-top: 10px;">
112 | 
113 |             </div>
114 |             <br>
115 |             <br>
116 |         </div>
117 |     </div>
118 |     <div class="ew-footer">
119 |         <div class="layui-container">
120 |             <div class="layui-row layui-col-space30">
121 |                 <div class="layui-col-md6">
122 |                     <h2 style="font-size: 17px;" class="footer-item-title">技术交流</h2>
123 |                     <p class="img-group" style="height: 105px;font-size: 15.5px;">
124 |                         <img src="static/images/flask-icon.png" style="border-radius: 2px;height: 100px;width: 100px;">
125 |                         扫码免费加入前后端分离技术交流QQ群，与各位大佬一起交流技术、讨论问题。
126 |                     </p>
127 |                 </div>
128 |                 <div class="layui-col-md4">
129 |                     <h2 style="font-size: 17px;" class="footer-item-title">联系我们</h2>
130 |                     <p>
131 |                         <i class="fa fa-meetup" aria-hidden="true"></i>
132 |                         <a href="http://flask.linxi.tk">官网 : flask.linxi.tk</a>
133 |                     </p>
134 |                     <p style="margin-top: 2px;">
135 |                         <i class="fa fa-telegram" aria-hidden="true"></i>
136 |                         <a href="http://linxi.tk/vueapi/">文档 : linxi.tk/vueapi/</a>
137 |                     </p>
138 |                 </div>
139 |                 <div class="layui-col-md2">
140 |                     <h2 style="font-size: 17px;" class="footer-item-title">友情链接</h2>
141 |                     <p>
142 |                         <i class="fa fa-umbrella" aria-hidden="true"></i>
143 |                         <a href="https://blog.nrhs.tk" target="_blank">花生的小金库</a>
144 |                     </p>
145 |                     <p style="margin-top: 10px;">
146 |                         <i class="fa fa-grav" aria-hidden="true"></i>
147 |                         <a href="http://blog.linxi.tk/" target="_blank">林夕-后台管理系统</a>
148 |                     </p>
149 |                 </div>
150 |             </div>
151 |         </div>
152 |     </div>
153 | 
154 |     <!-- js部分 -->
155 | </body>
156 | 
157 | </html>


--------------------------------------------------------------------------------
/linxi-server/test.py:
--------------------------------------------------------------------------------
1 | data=[
2 |     {'uid':1,'name':'111','ment_list':[]},
3 |     {'uid':2,'name':'222'},
4 | ]
5 | 
6 | for D in data:
7 |     print(D['uid']=)
8 | 


--------------------------------------------------------------------------------
/linxi-server/数据库.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-server/数据库.db


--------------------------------------------------------------------------------
/linxi-vue/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 是大赵同学鸭
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/linxi-vue/README.md:
--------------------------------------------------------------------------------
  1 | 
  2 | ### 项目简介：
  3 | 
  4 | # 💐💐💐 `Vue3.2` + `Element-Plus` + `Vite2` + `vuex` 后台管理系统
  5 | 
  6 | ### 采用技术
  7 | 
  8 | - `Vue3.2 + Vue-router4 + Vuex4 + Vite2 + Vueuse`
  9 | - `ElementPlus`
 10 | - `Naive-ui`
 11 | - `Windicss`
 12 | 
 13 | ### 前言 📖
 14 | 
 15 | 项目基于 Vue3.2、Javascript、Vite2、vuex、Element-Plus 开发的一套后台管理模板，目前利用空余时间开发 🕒🕒🕒🕒。项目中借鉴很多优秀的后台管理系统，从 0 开始搭建项目，整个项目还有很多地方不完善。
 16 | 
 17 | ### ？为什么开发这个管理系统 👩‍🔬
 18 | 
 19 | - 主要是想把自己常用的组件进行一个封装 二次巩固
 20 | - 目前看了很多优秀的 Vue3 的开源后台管理系统，感觉都非常庞大（想开发一套适合自己的）
 21 | 
 22 | ### 一、在线预览 🛫
 23 | 
 24 | - Link：http://blog.linxi.tk/#/login
 25 | 
 26 | 
 27 | ### 二、本地预览 🛫🛫🛫
 28 | 
 29 | ```
 30 | git clone 项目地址
 31 | 
 32 | npm install  (依赖安装失败可以尝试cnpm install)
 33 | 
 34 | npm run dev
 35 | ```
 36 | 
 37 | ### 三、🔨 项目功能
 38 | 
 39 | - 🚀 使用 Vue3.2 开发，单文件组件 `＜script setup＞`开发
 40 | - 🚀 采用动态路由菜单模式
 41 | - 🚀 数据由Flask后端提供
 42 | - 🚀 使用 Vuex getter 模块化管理（ 加入了持久化插件）
 43 | - 🚀 Axios 的二次封装 （全局错误拦截、常用请求封装、全局请求 Loading、取消重复请求……）
 44 | - 🚀 对 el-table 组件进行的二次封装
 45 | - 🚀 使用 vue-router 进行路由权限拦截（403 页面）、页面按钮权限配置、路由懒加载
 46 | - 🚀 vite.config.js 打包配置(静态资源合并打包/清除 log/gzip 压缩配置等)
 47 | 
 48 | ### 四、项目截图 📷
 49 | 
 50 | 
 51 | ### 五、文件资源目录 📚
 52 | 
 53 | ```text
 54 | ├─ .vscode                # vscode推荐配置
 55 | ├─ public                 # 静态资源文件
 56 | ├─ src
 57 | │  ├─ api                 # API 接口管理
 58 | │  ├─ assets              # 静态资源文件
 59 | │  ├─ components          # 全局组件
 60 | │  ├─ composables         # 全局工具库API封装(新增、删除、更新、获取函数的封装）
 61 | │  ├─ layout              # 框架布局
 62 | │  ├─ router              # 路由管理
 63 | │  ├─ store               # VUEX模块化管理
 64 | │  ├─ pages               # 项目所有页面
 65 | │  ├─ App.vue             # 入口页面
 66 | │  ├─ axios.js            # Axios封装
 67 | │  ├─ permission.js       # 权限管理
 68 | │  └─ main.js             # 入口文件
 69 | └─ vite.config.ts         # vite 配置
 70 | ```
 71 | 
 72 | ### 六、项目后台接口 🧩🧐
 73 | 
 74 | > 项目后台接口: `Falsk` + `Sqlite3` 等部署后端数据API
 75 | 
 76 | 
 77 | ### 七、所用技术栈
 78 | 
 79 | ```npm
 80 | npm install vite -D
 81 | 
 82 | npm i -D vite-plugin-windicss windicss
 83 | 
 84 | npm install element-plus --save
 85 | 
 86 | npm install @element-plus/icons-vue
 87 | 
 88 | npm install axios
 89 | 
 90 | npm install vue-router@4
 91 | 
 92 | npm i @vueuse/integrations
 93 | 
 94 | // 下面的要依赖上面这个库
 95 | npm i @vueuse/integrations
 96 | npm i universal-cookie
 97 | 
 98 | cpm install vuex@next --save
 99 | 
100 | cpm install --save nprogress
101 | 
102 | //图片压缩
103 | cpm i unplugin-imagemin -D
104 | 
105 | // 可视化大屏
106 | // npm install @jiaminghi/data-view
107 | // Echarts
108 | // npm install echarts --save
109 | ```
110 | ### 报错处理
111 | 
112 | #### dataV问题：`@jiaminghi/data-view `  问题如下解决办法:
113 | ``` npm
114 | 1、安装DataV：npm install @jiaminghi/data-view
115 | 2、将node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue中rect标签的:key="i"剪切到有v-for那一层的template中。
116 | 3、将node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue中rect标签的:key="i"剪切到有v-for那一层的template中。
117 |   7  |        >
118 |   8  |          <rect
119 |   9  |            :key="i"
120 |      |             ^
121 |   10 |            :fill="mergedColor[0]"
122 |   11 |            :x="point[0] - halfPointSideLength"
123 | //原文件
124 | <template
125 |         v-for="(point, i) in points"
126 |       >
127 |         <rect
128 |           :key="i"
129 |           :fill="mergedColor[0]"
130 |           :x="point[0] - halfPointSideLength"
131 |           :y="point[1] - halfPointSideLength"
132 |           :width="pointSideLength"
133 |           :height="pointSideLength"
134 |         >
135 | //修改后
136 | <template
137 |         v-for="(point, i) in points " :key="i"
138 |       >
139 |         <rect
140 |           :fill="mergedColor[0]"
141 |           :x="point[0] - halfPointSideLength"
142 |           :y="point[1] - halfPointSideLength"
143 |           :width="pointSideLength"
144 |           :height="pointSideLength"
145 |         >
146 | ```


--------------------------------------------------------------------------------
/linxi-vue/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>林夕-管理系统</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="/src/main.js"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/linxi-vue/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "linxi-admin",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "@element-plus/icons-vue": "^2.0.10",
12 |     "@vueuse/core": "^9.3.0",
13 |     "@vueuse/integrations": "^9.9.0",
14 |     "axios": "^1.2.1",
15 |     "element-plus": "^2.2.27",
16 |     "jquery": "2.2.0",
17 |     "nprogress": "^0.2.0",
18 |     "universal-cookie": "^4.0.4",
19 |     "vue": "^3.2.25",
20 |     "vue-router": "^4.1.6",
21 |     "vuex": "next"
22 |   },
23 |   "devDependencies": {
24 |     "@vitejs/plugin-vue": "^2.3.1",
25 |     "naive-ui": "^2.33.3",
26 |     "vite": "^4.0.3",
27 |     "vite-plugin-windicss": "^1.8.10",
28 |     "windicss": "^3.5.6"
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/linxi-vue/public/123.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zh-CN">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <title>Flask-Api</title>
  7 |     <meta name="description" content="林夕-Flask-Api">
  8 |     <meta name="keyword" content="林夕-Flask-Api">
  9 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 10 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 11 |     <link rel="shortcut icon" href="static/images/flask-icon.png"/>
 12 |     <link rel="stylesheet" href="static/css/layui.css" />
 13 |     <link rel="stylesheet" href="static/css/main.css" />
 14 |     <link rel="stylesheet" href="static/css/load.css" />
 15 |     <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
 16 |     <style>
 17 |         .layui-nav .layui-this:after {
 18 |             display: none;
 19 |         }
 20 | 
 21 |         .layui-nav .layui-nav-bar {
 22 |             display: none;
 23 |         }
 24 |     </style>
 25 | </head>
 26 | 
 27 | <body>
 28 |     <!-- header -->
 29 |     <div class="ew-header">
 30 |         <img class="layui-logo" src="static/images/un28.svg" style="height:50px;padding: 10px;" />
 31 |         <div class="ew-nav-group">
 32 |             <div class="nav-toggle">
 33 |                 <i class="fa fa-bars" aria-hidden="true"></i>
 34 |             </div>
 35 |             <ul class="layui-nav" lay-filter="ew-header-nav">
 36 |                 <li class="layui-nav-item">
 37 |                     <a href="#" target="_blank">首页</a>
 38 |                 </li>
 39 |                 <li class="layui-nav-item">
 40 |                     <a href="/#/login" target="_blank">后台</a>
 41 |                 </li>
 42 |             </ul>
 43 |         </div>
 44 |     </div>
 45 |     <!-- banner -->
 46 |     <div class="ew-banner" style="box-shadow: 0 0 8px rgba(0,0,0,.101562);">
 47 |         <div class="layui-container">
 48 |             <div class="layui-row layui-col-space25" style="margin-top: 10px;">
 49 |                 <div class="layui-col-md6  layui-col-xs12">
 50 |                     <img style="margin-top: 0px;margin-bottom: 40px;width: 80%;" src="static/images/linxi.png">
 51 |                     <!-- <img style="width: 25%;position: absolute;left: 38%;margin-top: 5px;" src="images/admin.png"></h1> -->
 52 |                     <p style="font-size: 13.8px;font-weight: 500;margin-top: 10px;">💐 致 力 于 用 " Flask " 开 发 更 好 用 的 后 端 API 接 口
 53 |                     </p>
 54 |                     <div class="ew-banner-btngroup" style="margin-top: 50px;margin-bottom: 50px;">
 55 |                         <ul class="layui-nav" style="background-color: white;" lay-filter="ew-header-nav">
 56 |                             <li class="layui-nav-item">
 57 |                                 <a target="_blank" href="http://blog.linxi.tk" class="layui-btn layui-btn-primary"
 58 |                                     nav-scroll="pricing">
 59 |                                     <svg data-v-796d512c=""
 60 |                                         style="width:20px;position: relative;top: 5px;margin-right: 5px;"
 61 |                                         aria-hidden="true" focusable="false" data-prefix="fad" data-icon="meteor"
 62 |                                         role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
 63 |                                         class="svg-inline--fa fa-meteor fa-w-16 h-5 -mb-1 mr-1">
 64 |                                         <g data-v-796d512c="" class="fa-group">
 65 |                                             <path data-v-796d512c="" fill="currentColor"
 66 |                                                 d="M491.14.7C452.44 12.3 379.34 35 303.44 62c-2.1-7-4-13.5-5.6-18.6a16.06 16.06 0 0 0-20-10.69 16.6 16.6 0 0 0-2.86 1.19C232.54 56 122.14 116.5 60.54 176.4c-1.1 1-2.5 2-3.5 3C-19 255.5-19 378.87 57.09 455s199.48 76 275.55-.1c1-1 2-2.4 3-3.5C395.44 389.8 456 279.3 478.14 237a16.05 16.05 0 0 0-6.64-21.72 15.52 15.52 0 0 0-2.86-1.18c-5.2-1.6-11.6-3.5-18.6-5.6 27-76 49.7-149 61.3-187.7A16.17 16.17 0 0 0 491.14.7zM191.94 448a128 128 0 1 1 128-128 128 128 0 0 1-128 128z"
 67 |                                                 opacity="0.4" class="fa-secondary"></path>
 68 |                                             <path data-v-796d512c="" fill="currentColor"
 69 |                                                 d="M191.94 192a128 128 0 1 0 128 128 128 128 0 0 0-128-128zm-32 128a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm48 64a16 16 0 1 1 16-16 16 16 0 0 1-16 16z"
 70 |                                                 class="fa-primary"></path>
 71 |                                         </g>
 72 |                                     </svg>
 73 |                                     Demo站点
 74 |                                 </a>
 75 |                             </li>
 76 |                         </ul>
 77 |                     </div>
 78 |                 </div>
 79 |                 <div class="layui-col-md6 layui-col-xs12">
 80 |                     <div class="ew-banner-right">
 81 |                         <img class="show" style="width: 92%;margin-top: 0px!important;" src="static/images/un26.svg">
 82 |                     </div>
 83 |                 </div>
 84 |             </div>
 85 |         </div>
 86 |         <br />
 87 |         <br />
 88 |     </div>
 89 |     <div class="section">
 90 |     </div>
 91 | 
 92 | 
 93 |     <div class="section" nav-id="product">
 94 |         <div class="section-title" style="font-size: 20px;font-weight:500;">
 95 |             用法演示
 96 |         </div>
 97 |         <div class="layui-container" style="padding-bottom: 60px;">
 98 |             <div class="layui-row layui-col-space30">
 99 | 
100 | 
101 |             </div>
102 |         </div>
103 |     </div>
104 |     <!-- contact -->
105 |     <div class="section">
106 |         <div class="section-title">
107 |             <h2 style="font-size: 20px;font-weight:500;">合作伙伴</h2>
108 |             <p>Flask + Vue</p>
109 |         </div>
110 |         <div class="layui-container">
111 |             <div class="layui-row layui-col-space30" style="margin-top: 10px;">
112 | 
113 |             </div>
114 |             <br>
115 |             <br>
116 |         </div>
117 |     </div>
118 |     <div class="ew-footer">
119 |         <div class="layui-container">
120 |             <div class="layui-row layui-col-space30">
121 |                 <div class="layui-col-md6">
122 |                     <h2 style="font-size: 17px;" class="footer-item-title">技术交流</h2>
123 |                     <p class="img-group" style="height: 105px;font-size: 15.5px;">
124 |                         <img src="static/images/flask-icon.png" style="border-radius: 2px;height: 100px;width: 100px;">
125 |                         扫码免费加入前后端分离技术交流QQ群，与各位大佬一起交流技术、讨论问题。
126 |                     </p>
127 |                 </div>
128 |                 <div class="layui-col-md4">
129 |                     <h2 style="font-size: 17px;" class="footer-item-title">联系我们</h2>
130 |                     <p>
131 |                         <i class="fa fa-meetup" aria-hidden="true"></i>
132 |                         <a href="http://flask.linxi.tk">官网 : flask.linxi.tk</a>
133 |                     </p>
134 |                     <p style="margin-top: 2px;">
135 |                         <i class="fa fa-telegram" aria-hidden="true"></i>
136 |                         <a href="http://linxi.tk/vueapi/">文档 : linxi.tk/vueapi/</a>
137 |                     </p>
138 |                 </div>
139 |                 <div class="layui-col-md2">
140 |                     <h2 style="font-size: 17px;" class="footer-item-title">友情链接</h2>
141 |                     <p>
142 |                         <i class="fa fa-umbrella" aria-hidden="true"></i>
143 |                         <a href="https://blog.nrhs.tk" target="_blank">花生的小金库</a>
144 |                     </p>
145 |                     <p style="margin-top: 10px;">
146 |                         <i class="fa fa-grav" aria-hidden="true"></i>
147 |                         <a href="http://blog.linxi.tk/" target="_blank">林夕-后台管理系统</a>
148 |                     </p>
149 |                 </div>
150 |             </div>
151 |         </div>
152 |     </div>
153 | 
154 |     <!-- js部分 -->
155 | </body>
156 | 
157 | </html>


--------------------------------------------------------------------------------
/linxi-vue/public/Vue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/public/Vue.png


--------------------------------------------------------------------------------
/linxi-vue/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/public/favicon.ico


--------------------------------------------------------------------------------
/linxi-vue/public/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/public/logo.png


--------------------------------------------------------------------------------
/linxi-vue/public/static/css/load.css:
--------------------------------------------------------------------------------
  1 | .loader-main{
  2 | 	position: fixed;
  3 | 	width: 100%;
  4 | 	height: 100%;
  5 | 	background-color: whitesmoke;
  6 | 	z-index: 9999999;
  7 | 	margin-top:-70px;
  8 | 	padding-left: 0px;
  9 | 	
 10 | }
 11 | 
 12 | .loader {
 13 | 	width: 50px;
 14 | 	height: 50px;
 15 | 	margin: 30px auto 40px;
 16 | 	margin-top: 20%;
 17 | 	position: relative;
 18 | 	z-index: 999999;
 19 | 	background-color: whitesmoke;
 20 | }
 21 | 
 22 | .loader:before {
 23 | 	content: "";
 24 | 	width: 50px;
 25 | 	height: 7px;
 26 | 	border-radius: 50%;
 27 | 	background: #000;
 28 | 	opacity: 0.1;
 29 | 	position: absolute;
 30 | 	top: 59px;
 31 | 	left: 0;
 32 | 	animation: shadow .5s linear infinite;
 33 | }
 34 | 
 35 | .loader:after {
 36 | 	content: "";
 37 | 	width: 50px;
 38 | 	height: 50px;
 39 | 	border-radius: 3px;
 40 | 	 background-color: #5FB878;
 41 | 	position: absolute;
 42 | 	top: 0;
 43 | 	left: 0;
 44 | 	animation: loading .5s linear infinite;
 45 | }
 46 | 
 47 | @-webkit-keyframes loading {
 48 | 	17% {
 49 | 		border-bottom-right-radius: 3px;
 50 | 	}
 51 | 
 52 | 	25% {
 53 | 		transform: translateY(9px) rotate(22.5deg);
 54 | 	}
 55 | 
 56 | 	50% {
 57 | 		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
 58 | 		border-bottom-right-radius: 40px;
 59 | 	}
 60 | 
 61 | 	75% {
 62 | 		transform: translateY(9px) rotate(67.5deg);
 63 | 	}
 64 | 
 65 | 	100% {
 66 | 		transform: translateY(0) rotate(90deg);
 67 | 	}
 68 | }
 69 | 
 70 | @keyframes loading {
 71 | 	17% {
 72 | 		border-bottom-right-radius: 3px;
 73 | 	}
 74 | 
 75 | 	25% {
 76 | 		transform: translateY(9px) rotate(22.5deg);
 77 | 	}
 78 | 
 79 | 	50% {
 80 | 		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
 81 | 		border-bottom-right-radius: 40px;
 82 | 	}
 83 | 
 84 | 	75% {
 85 | 		transform: translateY(9px) rotate(67.5deg);
 86 | 	}
 87 | 
 88 | 	100% {
 89 | 		transform: translateY(0) rotate(90deg);
 90 | 	}
 91 | }
 92 | 
 93 | @-webkit-keyframes shadow {
 94 | 
 95 | 	0%,
 96 | 	100% {
 97 | 		transform: scale(1, 1);
 98 | 	}
 99 | 
100 | 	50% {
101 | 		transform: scale(1.2, 1);
102 | 	}
103 | }
104 | 
105 | @keyframes shadow {
106 | 
107 | 	0%,
108 | 	100% {
109 | 		transform: scale(1, 1);
110 | 	}
111 | 
112 | 	50% {
113 | 		transform: scale(1.2, 1);
114 | 	}
115 | }
116 | 


--------------------------------------------------------------------------------
/linxi-vue/public/static/images/admin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/public/static/images/admin.png


--------------------------------------------------------------------------------
/linxi-vue/public/static/images/flask-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/public/static/images/flask-icon.png


--------------------------------------------------------------------------------
/linxi-vue/public/static/images/linxi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/public/static/images/linxi.png


--------------------------------------------------------------------------------
/linxi-vue/public/static/images/pear.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/public/static/images/pear.png


--------------------------------------------------------------------------------
/linxi-vue/public/static/images/un26.svg:
--------------------------------------------------------------------------------
1 | <svg id="bbd1c8e1-0708-474d-a283-d1edf8e23e43" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1136.62628" height="835.42556" viewBox="0 0 1136.62628 835.42556"><title>snow_games</title><path d="M840.8275,654.79139,834,679h28c-3.99939-9.56384-5.022-18.64551-1.55554-27Z" transform="translate(-31.68686 -32.28722)" fill="#ffb8b8"/><path d="M1168.31314,866.56522c0,.37864-.01149.76884-.03446,1.14756H32.26064c-.023-.37872-.03446-.76892-.03446-1.14756,0-57.59617,254.32282-104.279,568.04348-104.279S1168.31314,808.96905,1168.31314,866.56522Z" transform="translate(-31.68686 -32.28722)" fill="#3f3d56"/><circle cx="950.72114" cy="718.37418" r="63.11594" fill="#d0cde1"/><ellipse cx="954.16383" cy="672.47167" rx="42.45982" ry="17.21344" fill="#00c58e"/><circle cx="956.45895" cy="633.45455" r="40.16469" fill="#d0cde1"/><circle cx="944.24182" cy="619.68379" r="6.14387" fill="#575a89"/><circle cx="965.23339" cy="619.68379" r="6.14387" fill="#575a89"/><path d="M984.70313,660.004,983.0264,680.1247a.74959.74959,0,0,0,1.46661.27214l5.94793-20.39289Z" transform="translate(-31.68686 -32.28722)" fill="#ff6584"/><polygon points="916.882 801.169 909.579 808.472 869.244 760.834 870.222 754.508 916.882 801.169" fill="#575a89"/><polygon points="885.31 778.047 885.31 782.638 848.588 780.343 845.145 778.047 885.31 778.047" fill="#575a89"/><ellipse cx="913.99914" cy="700.01318" rx="10.32806" ry="11.47563" fill="#d0cde1"/><polygon points="1000.626 699.036 1007.929 706.339 1048.264 658.701 1047.287 652.375 1000.626 699.036" fill="#575a89"/><polygon points="1021.87 681.652 1021.87 686.242 1058.592 683.947 1062.035 681.652 1021.87 681.652" fill="#575a89"/><ellipse cx="1003.50902" cy="700.01318" rx="10.32806" ry="11.47563" fill="#d0cde1"/><circle cx="954.16383" cy="704.60343" r="4.59025" fill="#575a89"/><circle cx="954.16383" cy="719.52174" r="4.59025" fill="#575a89"/><circle cx="954.16383" cy="734.44005" r="4.59025" fill="#575a89"/><path d="M787.46208,778.19284a24.07985,24.07985,0,0,0-42.908-16.11077,24.13267,24.13267,0,0,0-10.47231-8.8624A24.09511,24.09511,0,0,0,692.94549,730.871a56.15789,56.15789,0,0,0-20.02891-12.77661,24.08569,24.08569,0,0,0-46.20582-12.57361,24.06727,24.06727,0,0,0-36.09953,28.67068,24.11768,24.11768,0,0,0-7.71824,4.63444,24.07711,24.07711,0,0,0-29.72407,11.56185,24.11939,24.11939,0,0,0-7.78765-5.74135c.07093-.58976.145-1.17868.17289-1.78151a24.09882,24.09882,0,1,0-47.901,2.46091A23.85594,23.85594,0,0,0,480.19336,770.797c-27.04278.79374-53.125,2.06108-78.04945,3.77433a56.2381,56.2381,0,0,0-103.52416-11.34094,24.08792,24.08792,0,0,0-37.0275,27.83146q-1.63636.29411-3.25894.59167c.03843-.39992.09752-.79327.11632-1.199a24.09882,24.09882,0,1,0-48.146-2.22975c-.01157.24985.007.49339.00309.7417a14.90545,14.90545,0,0,0-20.18092,13.25812C190.03825,804.11424,787.41866,779.13019,787.46208,778.19284Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M40.22549,418.76859c.03292-.10465.06766-.21062.10072-.31561-.01429.046-.03222.09028-.04622.13644Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M589.05567,731.61849l84.99756-126.39988L589.22951,745.21668l.17738,14.22316q-9.30774.071-18.43465-.31l4.21568-182.82936-.11549-1.41046.15555-.27252.40349-17.27627L482.54913,422.19651,575.52165,544.411l.32993,3.65166,3.18419-138.13472L498.63771,269.81376l80.627,115.84783-.84157-286.17954.0018-.95251.02735.93676,5.337,225.548,73.27323-91.61772L584.02921,344.44475l1.59924,123.5583,67.42643-120.58822L585.87626,486.16824l.89022,68.70463,98.05625-167.978L587.06458,578.841Z" transform="translate(-31.68686 -32.28722)" fill="#3f3d56"/><circle cx="538.74617" cy="339.67852" r="9.1805" fill="#d0cde1"/><circle cx="598.41943" cy="479.68116" r="9.1805" fill="#d0cde1"/><circle cx="520.38517" cy="510.66535" r="9.1805" fill="#d0cde1"/><circle cx="490.54854" cy="367.22003" r="9.1805" fill="#d0cde1"/><path d="M584.2038,381.14625a9.17238,9.17238,0,0,0-4.67548-7.99408,9.1766,9.1766,0,1,0-13.60034,6.80762,8.989,8.989,0,0,0,1.80475,6.75006,9.184,9.184,0,1,0,15.7287-1.94665A9.14637,9.14637,0,0,0,584.2038,381.14625Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M601.41724,288.19368a9.18052,9.18052,0,0,0-9.18055,9.18048,9.17586,9.17586,0,0,0-8.89068,6.92871,9.17856,9.17856,0,1,0,9.74847,11.389,9.1789,9.1789,0,0,0,8.32276-9.1372,9.18048,9.18048,0,0,0,0-18.361Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><circle cx="375.79229" cy="403.94203" r="6.88538" fill="#d0cde1"/><circle cx="450.38385" cy="486.56653" r="6.88538" fill="#d0cde1"/><circle cx="785.47213" cy="168.6917" r="9.1805" fill="#d0cde1"/><circle cx="855.47344" cy="63.11594" r="6.88538" fill="#d0cde1"/><circle cx="930.06501" cy="145.74045" r="6.88538" fill="#d0cde1"/><circle cx="1023.01758" cy="335.08827" r="9.1805" fill="#d0cde1"/><circle cx="899.99914" cy="242.25033" r="6.88538" fill="#d0cde1"/><circle cx="706.29031" cy="486.56653" r="9.1805" fill="#d0cde1"/><circle cx="815.30875" cy="496.8946" r="6.88538" fill="#d0cde1"/><circle cx="139.39439" cy="195.08564" r="9.1805" fill="#d0cde1"/><circle cx="130.21389" cy="123.93676" r="6.88538" fill="#d0cde1"/><circle cx="123.32852" cy="626.56917" r="6.88538" fill="#d0cde1"/><circle cx="391.85816" cy="648.37286" r="6.88538" fill="#d0cde1"/><circle cx="946.13089" cy="515.2556" r="9.1805" fill="#d0cde1"/><circle cx="1078.10059" cy="574.92885" r="6.88538" fill="#d0cde1"/><circle cx="319.56172" cy="271.97233" r="6.88538" fill="#d0cde1"/><circle cx="697.10981" cy="616.24111" r="9.1805" fill="#d0cde1"/><circle cx="375.79229" cy="6.88538" r="6.88538" fill="#d0cde1"/><circle cx="450.38385" cy="89.50988" r="6.88538" fill="#d0cde1"/><circle cx="434.31798" cy="179.01976" r="6.88538" fill="#d0cde1"/><circle cx="644.32193" cy="67.70619" r="9.1805" fill="#d0cde1"/><circle cx="715.93063" cy="274.08696" r="6.88538" fill="#d0cde1"/><circle cx="883.01495" cy="397.05665" r="6.88538" fill="#d0cde1"/><circle cx="180.70665" cy="393.61397" r="6.88538" fill="#d0cde1"/><circle cx="77.42601" cy="525.58366" r="6.88538" fill="#d0cde1"/><circle cx="336.77516" cy="423.45059" r="18.361" fill="#d0cde1"/><polygon points="878.998 644.93 889.327 634.602 895.064 640.34 885.884 655.258 878.998 644.93" fill="#ffb8b8"/><path d="M915.27559,666.88933l6.88537-4.59025s17.21344-22.95125,24.09882-11.47563-12.62319,22.95125-12.62319,22.95125l-5.73781,6.88538Z" transform="translate(-31.68686 -32.28722)" fill="#ff6584"/><path d="M915.27559,666.88933l6.88537-4.59025s17.21344-22.95125,24.09882-11.47563-12.62319,22.95125-12.62319,22.95125l-5.73781,6.88538Z" transform="translate(-31.68686 -32.28722)" opacity="0.15"/><polygon points="821.62 656.406 858.342 656.406 880.146 641.487 892.769 658.701 862.933 681.652 831.948 687.39 821.62 656.406" fill="#00c58e"/><polygon points="821.62 656.406 858.342 656.406 880.146 641.487 892.769 658.701 862.933 681.652 831.948 687.39 821.62 656.406" opacity="0.15"/><path d="M868.22552,753.5303s33.27932,36.722,27.54151,45.90251-18.361,9.1805-20.65613,8.03293-35.57444-19.50856-35.57444-19.50856l4.59025-14.91831s-6.88538-16.06588,0-17.21344S868.22552,753.5303,868.22552,753.5303Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M846.42183,773.03887s-21.80368-17.21344-26.39394-13.77075-19.50856,25.24637-17.21343,35.57444,0,13.77075,6.88537,12.62318,8.03294-12.62318,8.03294-12.62318l24.09881-9.1805Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><rect x="865.3565" y="769.55211" width="1.14779" height="29.92477" transform="translate(-292.51794 1061.5928) rotate(-57.52881)" opacity="0.15"/><circle cx="821.62035" cy="612.22464" r="17.21344" fill="#ffb8b8"/><path d="M832.65108,664.02042s-4.59025,11.47563-4.59025,39.01713S811.995,743.20224,824.61815,756.973,887,762,887,762s-.53662.42529-.41348-.43676c1.14757-8.03294-11.47562-91.805-16.06587-92.95257S832.65108,664.02042,832.65108,664.02042Z" transform="translate(-31.68686 -32.28722)" fill="#00c58e"/><polygon points="878.998 625.995 889.327 615.667 895.064 621.405 885.884 636.323 878.998 625.995" fill="#ffb8b8"/><path d="M820.529,643.156c-3.80065.55714-7.99684.98195-10.68766,2.14211-3.53042,1.52215-3.32455,3.80625-2.36622,5.80036s2.45754,4.07079.85762,6.00485c-.92992,1.12414-2.833,2.08857-4.31839,3.12339s-2.5787,2.251-1.70086,3.3812c.91713,1.1807,3.72572,1.97977,5.69857,2.95728,4.2627,2.11208,4.32318,5.29969.14107,7.4348,3.59949-2.16635,10.46772-3.13187,16.76749-4.05427s13.06882-2.147,15.71068-4.50326c2.69414-2.40295.18889-5.20075,1.58715-7.7574,1.19537-2.18568,5.09924-3.98644,8.21831-5.87964s5.57587-4.2267,3.52393-6.31891c-1.51409-1.54381-5.389-2.89143-4.65208-4.51464.45579-1.004,2.58869-1.75343,4.12042-2.5905s2.38586-2.08962.45611-2.79859c-7.00833,1.264-14.1427,2.45906-21.05408,3.79723C828.56814,640.2054,826.04366,643.156,820.529,643.156Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><polygon points="821.62 637.471 858.342 637.471 880.146 622.553 892.769 639.766 862.933 662.717 831.948 668.455 821.62 637.471" fill="#00c58e"/><path d="M946.13779,663.44664s32.13176-16.06588,32.13176-21.80369-12.62319-22.95125-35.57444-22.95125c0,0-5.73782-10.32806-12.62319-2.29513s3.44269,13.77076,3.44269,13.77076-12.62319,20.65612,5.73781,33.27931Z" transform="translate(-31.68686 -32.28722)" fill="#00c58e"/><circle cx="632.8463" cy="424.59816" r="18.361" fill="#ff6584"/><polygon points="620.705 424.859 615.45 417.842 616.369 417.154 620.889 423.189 628.83 416.384 636.833 423.243 643.748 416.328 651.039 423.619 650.228 424.43 643.748 417.95 636.893 424.805 628.83 417.894 620.705 424.859" fill="#575a89"/><polygon points="619.569 433.933 614.362 426.977 615.163 426.378 619.729 432.477 627.682 425.661 635.689 432.524 642.6 425.612 649.84 432.851 649.132 433.558 642.6 427.026 635.742 433.886 627.682 426.977 619.569 433.933" fill="#575a89"/><rect x="631.69874" y="393.04018" width="1.14756" height="13.77075" fill="#575a89"/><circle cx="598.41943" cy="274.26746" r="18.361" fill="#ff6584"/><polygon points="586.278 274.529 581.023 267.511 581.942 266.823 586.462 272.859 594.403 266.053 602.406 272.913 609.321 265.997 616.612 273.288 615.801 274.099 609.321 267.62 602.466 274.475 594.403 267.564 586.278 274.529" fill="#575a89"/><polygon points="585.142 283.601 579.935 276.647 580.736 276.047 585.302 282.147 593.256 275.33 601.262 282.193 608.173 275.282 615.413 282.521 614.706 283.228 608.173 276.696 601.315 283.556 593.256 276.647 585.142 283.601" fill="#575a89"/><rect x="597.27186" y="242.70949" width="1.14756" height="13.77075" fill="#575a89"/><circle cx="457.26923" cy="430.33597" r="18.361" fill="#ff6584"/><polygon points="445.128 430.597 439.873 423.579 440.792 422.891 445.312 428.927 453.253 422.121 461.255 428.981 468.171 422.065 475.462 429.357 474.651 430.168 468.171 423.688 461.316 430.543 453.253 423.632 445.128 430.597" fill="#575a89"/><polygon points="443.992 439.67 438.785 432.716 439.586 432.116 444.152 438.215 452.105 431.399 460.112 438.262 467.024 431.35 474.262 438.589 473.555 439.296 467.024 432.765 460.165 439.623 452.105 432.716 443.992 439.67" fill="#575a89"/><rect x="456.12167" y="398.778" width="1.14756" height="13.77075" fill="#575a89"/><polygon points="563.405 93.16 547.768 81.426 531.776 92.672 538.104 74.174 522.466 62.439 542.014 62.741 548.342 44.243 554.096 62.928 573.644 63.23 557.652 74.476 563.405 93.16" fill="#00c58e"/><path d="M788.58,766.7521a24.07986,24.07986,0,0,0-42.908-16.11078,24.13261,24.13261,0,0,0-10.47231-8.8624,24.0951,24.0951,0,0,0-41.13627-22.34863,56.15786,56.15786,0,0,0-20.02892-12.7766,24.08569,24.08569,0,0,0-46.20582-12.57362,24.06727,24.06727,0,0,0-36.09953,28.67068,24.1177,24.1177,0,0,0-7.71824,4.63445A24.07707,24.07707,0,0,0,554.28683,738.947a24.11975,24.11975,0,0,0-7.78764-5.74135c.07092-.58976.145-1.17868.17288-1.78151a24.09882,24.09882,0,1,0-47.901,2.46091,23.85585,23.85585,0,0,0-17.45974,25.47115c-27.04279.79374-53.125,2.06108-78.04946,3.77434a56.2381,56.2381,0,0,0-103.52416-11.341,24.08792,24.08792,0,0,0-37.0275,27.83146q-1.63636.29412-3.25894.59168c.03843-.39992.09753-.79327.11632-1.199a24.09882,24.09882,0,1,0-48.146-2.22975c-.01157.24985.007.49339.0031.7417a14.90549,14.90549,0,0,0-20.18093,13.25813C191.15616,792.6735,788.53658,767.68944,788.58,766.7521Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M203.70645,867.43738a26.06,26.06,0,0,1,2.70823.2754h-7.58537A22.85644,22.85644,0,0,1,203.70645,867.43738Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M313.22983,867.71278H219.88712a56.211,56.211,0,0,1,93.34271,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M125.02956,867.71278H31.68686a56.211,56.211,0,0,1,93.3427,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M180.11257,867.71278H86.76987a56.211,56.211,0,0,1,93.3427,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M439.46171,814.9249H346.119a56.211,56.211,0,0,1,93.3427,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M813.56711,841.31884h-93.3427a56.211,56.211,0,0,1,93.3427,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M652.57558,862.27334a24.43565,24.43565,0,0,1,7.75754,5.43944h-259.682a24.17946,24.17946,0,0,1,15.49209-13.33467,23.53519,23.53519,0,0,1-.24094-4.69356,24.09609,24.09609,0,1,1,48.14019,2.23776c-.0229.59675-.09175,1.18195-.17209,1.77871a24.03015,24.03015,0,0,1,7.79192,5.73781,24.08484,24.08484,0,0,1,29.7219-11.556,24.02937,24.02937,0,0,1,7.72308-4.63612,23.807,23.807,0,0,1-1.68689-9.9953,24.07211,24.07211,0,0,1,37.78923-18.68228,24.08842,24.08842,0,0,1,46.47628,9.94935,24.86621,24.86621,0,0,1-.2754,2.62789,56.2102,56.2102,0,0,1,20.02491,12.77238,24.09008,24.09008,0,0,1,41.14016,22.35456Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M909.664,867.71278H865.3681a24.09135,24.09135,0,0,1,44.29589,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M1095.84453,867.71278H955.99109a23.24664,23.24664,0,0,1-1.02128-8.0674A24.07211,24.07211,0,0,1,992.759,840.9631a24.08842,24.08842,0,0,1,46.47628,9.94935,24.86885,24.86885,0,0,1-.2754,2.62789,56.21029,56.21029,0,0,1,20.02491,12.77238,24.09955,24.09955,0,0,1,36.8597,1.40006Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><path d="M697.42228,867.71278H666.39221a24.02261,24.02261,0,0,1,31.03007,0Z" transform="translate(-31.68686 -32.28722)" fill="#d0cde1"/><circle cx="256.0696" cy="482.12957" r="20.44617" fill="#a0616a"/><path d="M292.56721,488.34605c7.28469.45635,14.04371,3.83473,20.36077,7.49118a2.63686,2.63686,0,0,0-3.18293.62814c-.84281.81713-1.37256,1.90844-2.18371,2.757-1.50766,1.57719-3.76919,2.1229-5.899,2.59674l-9.92639,2.20847-9.20638,2.04828a18.71819,18.71819,0,0,1-7.05026.64793c-2.34334-.3863-4.66277-1.89806-5.27513-4.19261-.85075-3.18785,5.48706-7.932,7.81111-9.85151A21.10291,21.10291,0,0,1,292.56721,488.34605Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M273.86424,505.07534c4.29151-6.02636,10.98949-9.94443,17.70816-13.32374-1.13045.44739-1.41757,1.9119-1.11446,3.10176s1.02464,2.26492,1.37347,3.44527c.64835,2.19389-.05212,4.454-.74862,6.55984l-3.24621,9.81456-3.01074,9.10266a17.85441,17.85441,0,0,1-3.15187,6.44947,6.55158,6.55158,0,0,1-6.65767,2.17676c-3.38242-1.07132-4.37445-9.22587-4.90349-12.31792A20.47861,20.47861,0,0,1,273.86424,505.07534Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M376.75742,498.78149s1.20271-26.45974,7.21629-25.257,1.20272,27.66246,1.20272,27.66246Z" transform="translate(-31.68686 -32.28722)" fill="#a0616a"/><path d="M375.55665,544.48554l-27.02247,19.57091-7.85988,5.68846-20.4432-28.86918,12.75958-5.02958,26.9297-10.60669,15.63627-31.27259,13.22357,3.60981C391.193,503.58991,375.55665,544.48554,375.55665,544.48554Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><path d="M333.45965,492.76791s-3.60814-31.2706,3.60815-28.86517,6.01358,32.47332,6.01358,32.47332Z" transform="translate(-31.68686 -32.28722)" fill="#a0616a"/><polygon points="246.996 740.808 240.056 758.957 259.389 764.676 259.021 740.625 246.996 740.808" fill="#575a89"/><polygon points="304.028 616.042 284.798 695.725 266.329 746.527 242.277 746.895 264.133 681.606 272.651 609.305 304.028 616.042" fill="#2f2e41"/><path d="M269.048,789.26657s-7.32217,15.586-2.38486,17.71989,18.34752,5,18.34752,5l1.841-1.54814s30.98367,6.9455,36.17195-3.70319-19.16349-15.31387-19.16349-15.31387l-11.1299-9.498L279.362,788.4506Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><polygon points="221.686 737.587 214.747 755.736 234.08 761.455 233.712 737.403 221.686 737.587" fill="#575a89"/><polygon points="245.978 611.51 238.879 681.993 216.913 740.066 237.467 746.968 268.999 685.141 283.547 613.95 245.978 611.51" fill="#2f2e41"/><path d="M242.43832,786.71567s-11.47546,12.83944-7.35509,16.29676,16.15,10.04044,16.15,10.04044l2.207-.95668s27.70118,15.52,35.71933,6.801-13.98084-20.15666-13.98084-20.15666l-7.9471-12.28533-14.677,2.4296Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M348.53418,564.05645l-7.85988,5.68846-20.4432-28.86918,5.68846-1.01146c.31553.51966,5.243.38973,5.56782.928C337.45422,550.56373,346.05651,558.82269,348.53418,564.05645Z" transform="translate(-31.68686 -32.28722)" opacity="0.15"/><path d="M361.18241,660.50034c-1.39237-.90065-1.71661-10.31336-3.71188-11.13564-1.0125-.41727-3.49053,7.72711-4.63912,7.3297-29.82037-10.3178-96.48125,11.80027-107.64522-12.89752-7.50591-16.60517,40.16256-48.802,40.16256-60.8284a35.33917,35.33917,0,0,0-1.65181-9.01061c-2.27354-7.962-6.50508-17.98406-9.92-25.547-2.92313-6.47722-5.26158-11.14487-5.26158-11.14487s35.068-10.42114,46.30566-14.4485c1.42911-.51043,2.46843-.91868,3.00667-1.18783,2.15284-1.07642,7.68356,6.533,13.35344,15.80335,6.97835,11.42331,14.17941,25.38,15.5064,28.7021C349.09094,572.14832,381.62561,673.73314,361.18241,660.50034Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><path d="M326.84753,535.22442c-13.01939,15.67337-27.03176,34.40908-39.09537,37.95393a20.03225,20.03225,0,0,1-4.05522.77952c-2.27354-7.962-6.50508-17.98406-9.92-25.547a16.405,16.405,0,0,1,4.90894-3.684L311.304,528.673l3.517-5.85549c1.42911-.51043,2.46843-.91868,3.00667-1.18783C319.98053,520.55322,321.17765,525.954,326.84753,535.22442Z" transform="translate(-31.68686 -32.28722)" opacity="0.15"/><path d="M278.6852,540.08779c-8.90871,4.38556-12.15467,15.7834-6.38316,23.8635,2.995,4.19306,7.78711,6.8428,15.45442,4.5877,20.44617-6.01357,58.93307-49.31134,58.93307-62.54121V493.97063l-14.43259-4.81087-20.954,34.871Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><ellipse cx="330.55941" cy="542.64818" rx="1.85594" ry="3.71188" transform="translate(-285.42458 260.6943) rotate(-35.51518)" fill="#2f2e41"/><ellipse cx="336.12723" cy="552.85585" rx="1.85594" ry="3.71188" transform="translate(-290.31857 265.82777) rotate(-35.51518)" fill="#2f2e41"/><ellipse cx="340.76707" cy="563.99148" rx="1.85594" ry="3.71188" transform="translate(-295.92428 270.5948) rotate(-35.51518)" fill="#2f2e41"/><ellipse cx="343.55098" cy="575.12712" rx="1.85594" ry="3.71188" transform="translate(-199.20532 109.70423) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="347.26286" cy="586.26276" rx="1.85594" ry="3.71188" transform="translate(-202.60677 111.50279) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="350.97474" cy="596.47042" rx="1.85594" ry="3.71188" transform="translate(-205.70815 113.2515) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="352.83068" cy="607.60606" rx="1.85594" ry="3.71188" transform="translate(-209.20932 114.44992) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="354.68662" cy="618.7417" rx="1.85594" ry="3.71188" transform="translate(-212.71048 115.64833) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="356.54256" cy="630.80531" rx="1.85594" ry="3.71188" transform="translate(-216.51172 116.8966) rotate(-18.86655)" fill="#2f2e41"/><ellipse cx="357.47053" cy="642.86891" rx="1.85594" ry="3.71188" transform="translate(-220.36281 117.8448) rotate(-18.86655)" fill="#2f2e41"/><path d="M277.01854,526.76215s27.47234-32.02552,24.85958-38.23768-24.1178-19.10055-48.96643-8.64949c0,0-10.91514-8.56912-14.71186,3.26321s9.99793,13.34152,9.99793,13.34152-4.2608,28.11185,21.36619,33.41775Z" transform="translate(-31.68686 -32.28722)" fill="#00c58e"/><circle cx="690.22443" cy="748.2108" r="18.361" fill="#ff6584"/><polygon points="678.083 748.472 672.828 741.454 673.747 740.766 678.267 746.802 686.208 739.996 694.211 746.856 701.126 739.94 708.417 747.231 707.606 748.043 701.126 741.563 694.271 748.418 686.208 741.507 678.083 748.472" fill="#575a89"/><polygon points="676.947 757.545 671.74 750.59 672.541 749.99 677.107 756.09 685.06 749.274 693.067 756.137 699.979 749.225 707.217 756.464 706.51 757.171 699.979 750.64 693.12 757.498 685.06 750.591 676.947 757.545" fill="#575a89"/><rect x="689.07687" y="716.65283" width="1.14756" height="13.77075" fill="#575a89"/><circle cx="628.8081" cy="747.56493" r="18.361" fill="#00c58e"/><polygon points="617.968 753.039 610.199 748.976 610.731 747.959 617.413 751.454 621.64 741.888 631.82 744.623 635.074 735.4 644.798 738.831 644.416 739.913 635.774 736.864 632.548 746.006 622.292 743.25 617.968 753.039" fill="#575a89"/><polygon points="620.399 760.74 613.173 757.656 613.565 756.736 619.952 759.463 624.625 750.787 634.373 752.605 638.067 744.316 647.219 746.744 646.964 747.711 638.633 745.502 634.965 753.732 625.16 751.904 620.399 760.74" fill="#575a89"/><rect x="648.75761" y="750.95676" width="1.14756" height="13.77075" transform="translate(-295.12976 322.07127) rotate(-25.5621)" fill="#575a89"/><circle cx="463.87069" cy="737.22413" r="18.361" fill="#00c58e"/><polygon points="452.335 733.43 449.715 725.064 450.81 724.721 453.064 731.916 462.817 728.141 468.081 737.273 476.903 733.053 481.353 742.355 480.317 742.85 476.363 734.583 467.618 738.766 462.314 729.566 452.335 733.43" fill="#575a89"/><polygon points="476.247 751.094 472.261 742.761 463.51 746.945 458.209 737.75 448.244 741.607 445.649 733.316 446.603 733.017 448.879 740.289 458.648 736.508 463.914 745.644 472.732 741.427 477.149 750.662 476.247 751.094" fill="#575a89"/><rect x="496.34176" y="745.4803" width="13.77075" height="1.14756" transform="translate(-399.45718 940.03591) rotate(-70.5621)" fill="#575a89"/><ellipse cx="883.1228" cy="728.77012" rx="1.7072" ry="5.73781" transform="translate(-134.85776 114.90186) rotate(-9.00383)" fill="#575a89"/><ellipse cx="880.82768" cy="712.70425" rx="1.7072" ry="5.73781" transform="translate(-132.37173 114.34471) rotate(-9.00383)" fill="#575a89"/><ellipse cx="885.41793" cy="743.68844" rx="1.7072" ry="5.73781" transform="translate(-137.1642 115.44487) rotate(-9.00383)" fill="#575a89"/><ellipse cx="886.56549" cy="757.45919" rx="1.7072" ry="5.73781" transform="translate(-98.36678 53.55751) rotate(-5.34291)" fill="#575a89"/><ellipse cx="911.81187" cy="666.80174" rx="5.73781" ry="1.7072" transform="translate(-236.12338 807.76284) rotate(-45)" fill="#575a89"/><path d="M869.72291,637.58638c-2.42563-.27518-4.499,1.61722-6.20073,3.36754a37.55222,37.55222,0,0,1-4.64957,4.27385,19.09966,19.09966,0,0,1-17.47217,2.48461c.14351.05214,5.5509-7.109,6.147-7.76774a75.27578,75.27578,0,0,1,7.25083-7.006c1.92426-1.62461,4.57153-4.40794,7.32565-3.20174C865.022,631.00619,867.66357,635.25421,869.72291,637.58638Z" transform="translate(-31.68686 -32.28722)" fill="#2f2e41"/><path d="M836.09377,652.5448s32.13175-16.06588,32.13175-21.80369-12.62319-22.95125-35.57444-22.95125c0,0-5.73781-10.32807-12.62319-2.29513s3.44269,13.77075,3.44269,13.77075-12.62319,20.65613,5.73782,33.27932Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><path d="M875.9364,636.39727c-2.42563-.27518-4.499,1.61721-6.20073,3.36753a37.55,37.55,0,0,1-4.64957,4.27385,19.09966,19.09966,0,0,1-17.47217,2.48462c.14351.05213,5.5509-7.109,6.147-7.76774a75.27469,75.27469,0,0,1,7.25084-7.00595c1.92426-1.62462,4.57153-4.40794,7.32565-3.20174C871.23551,629.81708,873.87706,634.0651,875.9364,636.39727Z" transform="translate(-31.68686 -32.28722)" fill="#575a89"/><path d="M946.25978,631.88867c-3.65407-6.09012-10.21677-2.484-15.57187,2.24189-.26126-2.94112-1.15268-5.1108-2.21535-5.1108-1.26755,0-2.29513,3.08268-2.29513,6.88538a19.44979,19.44979,0,0,0,.16019,2.51463c-2.50665,2.71846-4.17666,4.94453-4.17666,4.94453l-6.88537,4.59025,12.62319,13.77075,5.73781-6.88538S953.14515,643.3643,946.25978,631.88867Z" transform="translate(-31.68686 -32.28722)" fill="#ff6584"/><circle cx="786.61969" cy="570.3386" r="4.59025" fill="#575a89"/><path d="M845,729v7.5a10.5,10.5,0,0,0,21,0V729Z" transform="translate(-31.68686 -32.28722)" fill="#00c58e"/><path d="M845,729v7.5a10.5,10.5,0,0,0,21,0V729Z" transform="translate(-31.68686 -32.28722)" opacity="0.15"/></svg>


--------------------------------------------------------------------------------
/linxi-vue/public/static/images/un28.svg:
--------------------------------------------------------------------------------
1 | <svg id="a767eac7-073f-42f5-be07-7b01228cc98c" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="889.07556" height="459.37952" viewBox="0 0 889.07556 459.37952"><title>welcome_cats</title><ellipse cx="444.53778" cy="398.16856" rx="444.53778" ry="12.43462" fill="#e6e6e6"/><path d="M836.90729,483.74151c-.56135.0077-1.12265.0154-1.69165.0154s-1.1303-.0077-1.69164-.0154c-29.75741-.67665-51.32574-19.26925-45.83561-38.77687l13.387-47.58878,3.38328-12.04134,59.97615,1.02263,3.6447,11.77994,14.34816,46.36621C888.50213,464.11853,866.93379,483.06486,836.90729,483.74151Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M868.07949,398.13709a66.201,66.201,0,0,1-67.00413-.76123l3.38328-12.04134,59.97615,1.02263Z" transform="translate(-155.46222 -220.31024)" opacity="0.2"/><path d="M865.54813,446.54371c2.59087-9.656,11.10609-23.5853,34.98657-40.37992,41.64786-29.29427,16.80312-51.25925,15.72654-52.1796-2.25846-1.93041-1.92491-4.09793.77549-4.83852a11.22377,11.22377,0,0,1,9.03426,2.10278c1.34843,1.11541,32.45928,27.68293-14.53706,60.73417-42.29508,29.74951-33.30237,49.16914-33.1992,49.35545,1.13341,2.077-.684,3.73882-4.063,3.71644s-7.03927-1.72268-8.17623-3.7975C865.8564,460.81807,863.1348,455.53283,865.54813,446.54371Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M807.53434,490.67723a6.92019,6.92019,0,0,1-6.92032-6.92032V453.76883a6.92032,6.92032,0,0,1,13.84065,0v29.98808A6.92019,6.92019,0,0,1,807.53434,490.67723Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M813.602,419.48415a6.92019,6.92019,0,0,1-9.17934,3.39434l-27.243-12.53415a6.92033,6.92033,0,0,1,5.785-12.57368l27.243,12.53415A6.92019,6.92019,0,0,1,813.602,419.48415Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M856.82926,419.48415a6.92019,6.92019,0,0,0,9.17934,3.39434l27.243-12.53415a6.92032,6.92032,0,0,0-5.785-12.57368l-27.243,12.53415A6.9202,6.9202,0,0,0,856.82926,419.48415Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M862.89684,490.67723a6.92018,6.92018,0,0,0,6.92032-6.92032V453.76883a6.92032,6.92032,0,1,0-13.84064,0v29.98808A6.92018,6.92018,0,0,0,862.89684,490.67723Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M891.81774,296.5349a6.80558,6.80558,0,0,0,1.3735-5.40838l-3.76639-22.157-3.76639-22.157a6.913,6.913,0,0,0-11.22615-4.16441L857.127,256.9884l-10.42587,8.63951a65.69368,65.69368,0,0,0-21.04716-.31735l-10.04291-8.32216-17.30532-14.34028a6.913,6.913,0,0,0-11.22614,4.16441l-3.76639,22.157-3.76639,22.157a6.8438,6.8438,0,0,0,.30144,3.47373,66.11762,66.11762,0,1,0,111.96948,1.93465Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M796.57153,251.7278a3.447,3.447,0,0,0-1.20182.21814,3.38791,3.38791,0,0,0-2.18438,2.6353L788.618,281.45081a3.4226,3.4226,0,0,0,4.56474,3.7823l25.55323-9.47941a3.42226,3.42226,0,0,0,.99345-5.84352l-.00038-.00076-20.98549-17.38979A3.39218,3.39218,0,0,0,796.57153,251.7278Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><path d="M876.16653,251.7278a3.39218,3.39218,0,0,0-2.172.79183l-20.98587,17.39055a3.42226,3.42226,0,0,0,.99344,5.84352l25.55324,9.47941a3.4226,3.4226,0,0,0,4.56474-3.7823l-4.56737-26.86957a3.38788,3.38788,0,0,0-2.18437-2.6353A3.447,3.447,0,0,0,876.16653,251.7278Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><circle cx="679.75342" cy="119.65771" r="9.2271" fill="#e6e6e6"/><ellipse cx="679.75342" cy="115.04416" rx="6.1514" ry="2.30677" fill="#3f3d56"/><path d="M675.13987,125.04018H683.598a0,0,0,0,1,0,0v10.38049a4.22908,4.22908,0,0,1-4.22908,4.22908h0a4.22908,4.22908,0,0,1-4.22908-4.22908V125.04018a0,0,0,0,1,0,0Z" fill="#ff6584"/><path d="M835.729,240.68976c-.4435.91976-.87414,1.84948-1.27916,2.7982a65.81817,65.81817,0,0,0-4.65081,35.34384c.86574-1.25608,1.77556-2.56471,2.701-3.88776A65.775,65.775,0,0,1,835.729,240.68976Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M842.64935,249.14794c-.4435.91976-.87415,1.84947-1.27916,2.79819A65.81818,65.81818,0,0,0,836.71937,287.29c.86575-1.25607,1.77556-2.56471,2.70095-3.88775A65.775,65.775,0,0,1,842.64935,249.14794Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M863.98522,415.199l-.97489-12.39806-.97489-12.39809a3.82528,3.82528,0,0,0-5.98-2.8528l-10.24962,7.04331-7.48458,5.14325a5.09542,5.09542,0,0,0-7.74914,0l-7.48459-5.14325L812.83794,387.55a3.82528,3.82528,0,0,0-5.98,2.8528l-.97489,12.39809-.97489,12.39806a3.82528,3.82528,0,0,0,5.4606,3.75238l11.22448-5.35474,9.22263-4.39977a5.10117,5.10117,0,0,0,7.26159,0l9.22264,4.39977,11.22448,5.35474A3.82528,3.82528,0,0,0,863.98522,415.199Z" transform="translate(-155.46222 -220.31024)" fill="#00c58e"/><circle cx="667.45062" cy="109.66168" r="2.30677" fill="#e6e6e6"/><circle cx="692.05622" cy="109.66168" r="2.30677" fill="#e6e6e6"/><path d="M388.8876,463.362c.56134.0077,1.12264.01539,1.69164.01539s1.1303-.00769,1.69164-.01539c29.75741-.67666,51.32574-19.26926,45.83561-38.77688l-13.387-47.58877L421.33624,364.955l-59.97615,1.02264-3.64469,11.77994-14.34817,46.36621C337.29275,443.739,358.86109,462.68533,388.8876,463.362Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M357.7154,377.75757a66.201,66.201,0,0,0,67.00413-.76123L421.33624,364.955l-59.97615,1.02264Z" transform="translate(-155.46222 -220.31024)" opacity="0.2"/><path d="M352.962,420.52381c-6.47349-7.6187-20.13012-16.56472-48.90033-21.5257-50.17744-8.65585-37.1209-39.13943-36.54168-40.43193,1.21524-2.71115-.01371-4.52748-2.77131-4.04135a11.22369,11.22369,0,0,0-7.26561,5.7663c-.74147,1.58513-17.492,38.90987,39.12707,48.67275,50.95721,8.79036,51.139,30.19031,51.12548,30.40285-.13567,2.36221,2.21806,3.08656,5.26252,1.62046s5.62513-4.5691,5.76494-6.93088C358.79137,433.55727,358.98968,427.61576,352.962,420.52381Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M418.26054,470.29771a6.92018,6.92018,0,0,0,6.92032-6.92033V433.38931a6.92033,6.92033,0,0,0-13.84065,0v29.98807A6.92019,6.92019,0,0,0,418.26054,470.29771Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M412.19286,399.10463a6.92019,6.92019,0,0,0,9.17934,3.39434l27.243-12.53415a6.92033,6.92033,0,1,0-5.785-12.57368l-27.243,12.53415A6.92019,6.92019,0,0,0,412.19286,399.10463Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M368.96562,399.10463a6.92019,6.92019,0,0,1-9.17934,3.39434l-27.243-12.53415a6.92033,6.92033,0,1,1,5.785-12.57368l27.243,12.53415A6.92019,6.92019,0,0,1,368.96562,399.10463Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M362.898,470.29771a6.92018,6.92018,0,0,1-6.92032-6.92033V433.38931a6.92033,6.92033,0,0,1,13.84065,0v29.98807A6.92019,6.92019,0,0,1,362.898,470.29771Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M445.94662,274.22073a6.8438,6.8438,0,0,0,.30144-3.47373l-3.76639-22.157-3.76639-22.157a6.913,6.913,0,0,0-11.22614-4.16442l-17.30532,14.34029L400.14091,244.931a65.69368,65.69368,0,0,0-21.04716.31735l-10.42587-8.63951-17.30531-14.34029a6.913,6.913,0,0,0-11.22615,4.16442L336.37,248.59l-3.76639,22.157a6.80563,6.80563,0,0,0,1.3735,5.40838,66.13684,66.13684,0,1,0,111.96948-1.93465Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M427.05136,232.14011,406.06587,249.5299l-.00038.00075a3.42226,3.42226,0,0,0,.99345,5.84353l25.55324,9.4794a3.4226,3.4226,0,0,0,4.56474-3.7823l-4.56737-26.86957a3.38792,3.38792,0,0,0-2.18438-2.63529,3.44677,3.44677,0,0,0-1.20182-.21814A3.3922,3.3922,0,0,0,427.05136,232.14011Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><path d="M348.42654,231.56642a3.38788,3.38788,0,0,0-2.18438,2.63529l-4.56737,26.86957a3.4226,3.4226,0,0,0,4.56474,3.7823l25.55324-9.4794a3.42227,3.42227,0,0,0,.99344-5.84353l-20.98587-17.39054a3.39218,3.39218,0,0,0-2.172-.79183A3.44672,3.44672,0,0,0,348.42654,231.56642Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><circle cx="235.11702" cy="99.27819" r="9.2271" fill="#e6e6e6"/><ellipse cx="235.11702" cy="94.66464" rx="6.1514" ry="2.30677" fill="#3f3d56"/><path d="M390.9637,324.9709h0A4.22908,4.22908,0,0,1,395.19279,329.2v10.38049a0,0,0,0,1,0,0h-8.45817a0,0,0,0,1,0,0V329.2A4.22908,4.22908,0,0,1,390.9637,324.9709Z" transform="translate(626.46519 444.24113) rotate(-180)" fill="#ff6584"/><path d="M390.06586,220.31024c.4435.91976.87414,1.84947,1.27916,2.79819a65.81819,65.81819,0,0,1,4.65081,35.34385c-.86574-1.25608-1.77555-2.56471-2.701-3.88776A65.775,65.775,0,0,0,390.06586,220.31024Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M383.14553,228.76841c.44351.91977.87415,1.84948,1.27917,2.7982a65.81827,65.81827,0,0,1,4.65081,35.34384c-.86574-1.25607-1.77556-2.56471-2.701-3.88776A65.77493,65.77493,0,0,0,383.14553,228.76841Z" transform="translate(-155.46222 -220.31024)" fill="#3f3d56"/><path d="M361.80966,260.25756l.97489-12.39806.97489-12.39808a3.82528,3.82528,0,0,1,5.98-2.85281l10.24962,7.04332,7.48459,5.14325a5.09539,5.09539,0,0,1,7.74913,0l7.48459-5.14325,10.24962-7.04332a3.82528,3.82528,0,0,1,5.98,2.85281l.97489,12.39808.97489,12.39806a3.82528,3.82528,0,0,1-5.46059,3.75239L404.2016,258.6552l-9.22264-4.39977a5.10114,5.10114,0,0,1-7.26159,0l-9.22264,4.39977L367.27025,264.01A3.82528,3.82528,0,0,1,361.80966,260.25756Z" transform="translate(-155.46222 -220.31024)" fill="#00c58e"/><path d="M400.57526,309.5924c0,1.274,1.03278,0,2.30678,0s2.30677,1.274,2.30677,0a2.30678,2.30678,0,0,0-4.61355,0Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><path d="M380.58322,309.5924c0,1.274-1.03278,0-2.30678,0s-2.30677,1.274-2.30677,0a2.30678,2.30678,0,0,1,4.61355,0Z" transform="translate(-155.46222 -220.31024)" fill="#e6e6e6"/><polygon points="481.05 263.451 481.05 248.788 407.736 248.788 407.736 249.705 407.736 263.451 407.736 381.67 407.736 396.333 422.399 396.333 481.05 396.333 481.05 381.67 422.399 381.67 422.399 263.451 481.05 263.451" fill="#3f3d56"/><path d="M672.25275,469.09857V616.643h73.314V469.09857Zm58.65118,132.8816h-43.9884V483.76142h43.9884Z" transform="translate(-155.46222 -220.31024)" fill="#00c58e"/><polygon points="313.344 381.67 313.344 249.705 298.681 249.705 298.681 381.67 298.681 396.333 313.344 396.333 371.995 396.333 371.995 381.67 313.344 381.67" fill="#00c58e"/><polygon points="265.69 263.451 265.69 248.788 192.376 248.788 192.376 249.705 192.376 263.451 192.376 314.771 192.376 329.434 192.376 381.67 192.376 396.333 207.039 396.333 265.69 396.333 265.69 381.67 207.039 381.67 207.039 329.434 265.69 329.434 265.69 314.771 207.039 314.771 207.039 263.451 265.69 263.451" fill="#3f3d56"/><polygon points="839.372 263.451 839.372 248.788 766.058 248.788 766.058 249.705 766.058 263.451 766.058 314.771 766.058 329.434 766.058 381.67 766.058 396.333 780.721 396.333 839.372 396.333 839.372 381.67 780.721 381.67 780.721 329.434 839.372 329.434 839.372 314.771 780.721 314.771 780.721 263.451 839.372 263.451" fill="#00c58e"/><polygon points="142.889 249.705 142.889 370.89 104.228 332.23 104.14 332.319 104.058 332.237 64.535 371.76 64.535 249.247 49.872 249.247 49.872 395.875 64.535 395.875 64.535 392.496 104.147 352.884 142.889 391.627 142.889 396.333 157.552 396.333 157.552 249.705 142.889 249.705" fill="#3f3d56"/><polygon points="717.488 249.705 717.488 253.083 677.876 292.695 639.133 253.953 639.133 249.247 624.47 249.247 624.47 395.875 639.133 395.875 639.133 274.689 677.794 313.35 677.883 313.261 677.964 313.342 717.488 273.819 717.488 396.333 732.15 396.333 732.15 249.705 717.488 249.705" fill="#3f3d56"/><circle cx="335.07556" cy="150.37952" r="9" fill="#00c58e"/><circle cx="113.07556" cy="250.37952" r="9" fill="#00c58e"/><circle cx="291.07556" cy="450.37952" r="9" fill="#00c58e"/><circle cx="517.07556" cy="177.37952" r="9" fill="#00c58e"/><circle cx="782.07556" cy="442.37952" r="9" fill="#00c58e"/><circle cx="791.07556" cy="206.37952" r="9" fill="#00c58e"/><circle cx="677.07556" cy="368.37952" r="9" fill="#00c58e"/></svg>


--------------------------------------------------------------------------------
/linxi-vue/src/App.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | 
 3 | </script>
 4 | 
 5 | <template>
 6 |   <!-- 路由页面展示 -->
 7 |   <router-view></router-view>
 8 | </template>
 9 | 
10 | <style>
11 | /* 上方进度条样式 */
12 | #nprogress .bar{
13 |   background-color: #f4f4f4!important;
14 |   height: 3px!important;
15 | }
16 | </style>
17 | 


--------------------------------------------------------------------------------
/linxi-vue/src/api/list.js:
--------------------------------------------------------------------------------
 1 | // 引入axios
 2 | import axios from '~/axios'
 3 | 
 4 | // 表格接口
 5 | export function getNoticeList(page){
 6 |   return axios.get(`/getUserList/${page}`)
 7 | }
 8 | 
 9 | export function createNotice(data){
10 |   return axios.post("/addUserlist",data)
11 | }
12 | 
13 | export function updateNotice(id,data){
14 |   return axios.post("/updateList/"+id,data)
15 | }
16 | 
17 | export function deleteNotice(id){
18 |   return axios.post(`/deleteList/${id}`)
19 | }


--------------------------------------------------------------------------------
/linxi-vue/src/api/manager.js:
--------------------------------------------------------------------------------
 1 | // 引入axios
 2 | import axios from '~/axios'
 3 | 
 4 | // 登陆接口
 5 | export function login(username,password){
 6 |     return axios.post("/admin/login",{
 7 |         username,
 8 |         password
 9 |     })
10 | }
11 | 
12 | // 获取菜单信息接口
13 | export function getinfo(){
14 |     return axios.post("/admin/getinfo")
15 | }
16 | 
17 | // 退出登陆接口
18 | export function logout(){
19 |     return axios.post("/admin/logout")
20 | }
21 | 
22 | // 修改密码接口
23 | export function updatepassword(data){
24 |     return axios.post("/admin/updatepassword",data)
25 | }
26 | 
27 | // 修改密码接口
28 | export function updateuser(id,data){
29 |     return axios.post("/admin/updateuser/"+id,data)
30 | }


--------------------------------------------------------------------------------
/linxi-vue/src/api/page.js:
--------------------------------------------------------------------------------
 1 | // 引入axios
 2 | import axios from '~/axios'
 3 | 
 4 | // 表格接口
 5 | export function getNoticeList(page){
 6 |   return axios.get(`/getUserList/${page}`)
 7 | }
 8 | 
 9 | export function createNotice(data){
10 |   return axios.post("/addUserlist",data)
11 | }
12 | 
13 | export function updateNotice(id,data){
14 |   return axios.post("/updateList/"+id,data)
15 | }
16 | 
17 | export function deleteNotice(id){
18 |   return axios.post(`/deleteList/${id}`)
19 | }
20 | 
21 | 
22 | // 卡片列表接口
23 | export function getcardlists(){
24 |     return axios.get("/getcardlist")
25 | }
26 | 
27 | // 添加卡片数据
28 | export function addcardList(data){
29 |     return axios.post("/addcardList",{data})
30 | }
31 | // 更新(编辑)卡片数据
32 | export function upcardList(id,data){
33 |     return axios.post("/upcardList/"+id,data)
34 | }
35 | // 删除卡片数据
36 | export function delcardlist(id){
37 |     return axios.post("/delcardlist/"+id)
38 | }
39 | 


--------------------------------------------------------------------------------
/linxi-vue/src/api/public.js:
--------------------------------------------------------------------------------
 1 | // 引入axios
 2 | import axios from '~/axios'
 3 | 
 4 | // 获取请求ip接口
 5 | export function ip() {
 6 |     // http://myip.ipip.net/json
 7 |     return axios.get("/ip")
 8 | }
 9 | 
10 | // 获取时间
11 | export function getDateTime(type) {
12 |     var date = new Date();
13 |     var hengGang = "-";
14 |     var maoHao = ":";
15 |     var year = date.getFullYear();
16 |     var month = date.getMonth() + 1;
17 |     var curDate = date.getDate();
18 |     var curHours = date.getHours();
19 |     var curMinutes = date.getMinutes();
20 |     var curSeconds = date.getSeconds();
21 | 
22 |     if (month >= 1 && month <= 9) {
23 |         month = "0" + month;
24 |     }
25 |     if (curDate >= 0 && curDate <= 9) {
26 |         curDate = "0" + curDate;
27 |     }
28 |     if (curHours >= 0 && curHours <= 9) {
29 |         curHours = "0" + curHours;
30 |     }
31 |     if (curMinutes >= 0 && curMinutes <= 9) {
32 |         curMinutes = "0" + curMinutes;
33 |     }
34 |     if (curSeconds >= 0 && curSeconds <= 9) {
35 |         curSeconds = "0" + curSeconds;
36 |     }
37 |     var currentdate = "";
38 |     if (type == "year") {
39 |         currentdate = year;
40 |         return currentdate;
41 |     } else if (type == "month") {
42 |         currentdate = year + hengGang + month;
43 |         return currentdate;
44 |     } else {
45 |         currentdate = year + hengGang + month + hengGang + curDate + " "
46 |         return currentdate;
47 |     }
48 | }


--------------------------------------------------------------------------------
/linxi-vue/src/api/qiandao.js:
--------------------------------------------------------------------------------
 1 | // 引入axios
 2 | import axios from '~/axios'
 3 | 
 4 | // 签到日志获取
 5 | export function getTodolog(page) {
 6 |     return axios.get(`/getUserList/${page}`)
 7 | }
 8 | // 签到日志删除
 9 | export function delTodolog(id) {
10 |     return axios.post(`/deleteList/${id}`)
11 | }
12 | 
13 | // 签到卡片列表接口
14 | export function getTodolists() {
15 |     return axios.get("/gettodolist")
16 | }
17 | 
18 | // 添加签到数据
19 | export function addTodoList(data) {
20 |     return axios.post("/addtodoList", { data })
21 | }
22 | // 更新(编辑)签到数据
23 | export function upTodoList(id, data) {
24 |     return axios.post("/uptodoList/" + id, data)
25 | }
26 | // 删除签到数据
27 | export function delTodolist(id) {
28 |     return axios.post("/deltodolist/" + id)
29 | }


--------------------------------------------------------------------------------
/linxi-vue/src/assets/avart.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/src/assets/avart.jpg


--------------------------------------------------------------------------------
/linxi-vue/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LinxiDev/linxi-admin/198d08f06a99d731b8a5ada793c0e906e1cbf5b3/linxi-vue/src/assets/logo.png


--------------------------------------------------------------------------------
/linxi-vue/src/axios.js:
--------------------------------------------------------------------------------
 1 | // 引入axios
 2 | import axios from "axios"
 3 | // 消息提醒
 4 | import { toast } from '~/composables/util'
 5 | // 获取token
 6 | import { getToken } from '~/composables/auth'
 7 | // 获取状态管理
 8 | import store from "./store"
 9 | // 引入加载动画状态
10 | import { ElLoading } from 'element-plus'
11 | 
12 | // 创建实例axios
13 | const service = axios.create({
14 |   // 定义api接口替代域名
15 |   baseURL: import.meta.env.VITE_APP_BASE_API,
16 | })
17 | 
18 | // 添加请求拦截器
19 | service.interceptors.request.use(function (config) {
20 |   // 
21 |   // 往header头自动添加token
22 |   const token = getToken()
23 |   // 如果有token
24 |   if (token) {
25 |     // 添加到请求头
26 |     config.headers["token"] = token
27 |   }
28 | 
29 |   return config;
30 | }, function (error) {
31 |   // 如果没有token 返回错误提示
32 |   return Promise.reject(error);
33 | });
34 | 
35 | // 添加响应拦截器
36 | service.interceptors.response.use(function (response) {
37 | 
38 |   // 返回响应数据
39 |   return response.data;
40 | }, function (error) {
41 |   // 如果获取失败则获取错误提示
42 |   const msg = error.response.data.msg || "请求失败"
43 |   // 如果非法token
44 |   if (msg == "非法token，请先登录！" || msg == "token已失效") {
45 |     // 退出登陆并刷新
46 |     store.dispatch("logout").finally(() => location.reload())
47 |   }
48 |   // 错误提示
49 |   toast(msg, "error")
50 | 
51 |   return Promise.reject(error);
52 | })
53 | 
54 | export default service


--------------------------------------------------------------------------------
/linxi-vue/src/components/FormDialog.vue:
--------------------------------------------------------------------------------
 1 | <!-- 弹出提示框 -->
 2 | <template>
 3 |     <!-- draggable可拖拽 -->
 4 |     <el-dialog v-model="showDrawer" :title="title" :width="width" :destroy-on-close="destroyOnClose" draggable :close-on-click-modal="false">
 5 |         <div class="formDrawer">
 6 |             <div class="body">
 7 |                 <!-- 插槽 -->
 8 |                 <slot></slot>
 9 |             </div>
10 |             <div class="actions">
11 |                 <el-button type="primary" @click="submit" :loading="loading">{{ Buttontitle }}</el-button>
12 |                 <el-button type="default" @click="close">取消</el-button>
13 |             </div>
14 |         </div>
15 |   </el-dialog>
16 | </template>
17 | <script setup>
18 |     import { ref } from "vue"
19 |     const showDrawer = ref(false)
20 | 
21 |     const props = defineProps({
22 |         title:String,
23 |         width:{
24 |             type:String,
25 |             default:"45%"
26 |         },
27 |         destroyOnClose:{
28 |             type:Boolean,
29 |             default:false
30 |         },
31 |         Buttontitle:{
32 |             type:String,
33 |             default:"提交"
34 |         }
35 |     })
36 | 
37 |     const loading = ref(false)
38 |     const showLoading = ()=>loading.value = true
39 |     const hideLoading = ()=>loading.value = false
40 | 
41 |     // 打开
42 |     const open = ()=> showDrawer.value = true
43 | 
44 |     // 关闭
45 |     const close = ()=>showDrawer.value = false
46 | 
47 |     // 提交
48 |     const emit = defineEmits(["submit"])
49 |     const submit = ()=> emit("submit")
50 | 
51 |     // 向父组件暴露以下方法
52 |     defineExpose({
53 |         open,
54 |         close,
55 |         showLoading,
56 |         hideLoading
57 |     })
58 | 
59 | </script>
60 | <style>
61 |     .formDrawer{
62 |         width: 100%;
63 |         height: 100%;
64 |         position: relative;
65 |         @apply flex flex-col;
66 |     }
67 | 
68 |     .formDrawer .body{
69 |         bottom: 50px;
70 |         overflow-y: auto;
71 |     }
72 | 
73 |     .formDrawer .actions{
74 |         height: 50px;
75 |         @apply mt-auto flex items-center justify-center;
76 |     }
77 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/components/ListHeader.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="flex items-center justify-between mb-4">
 3 |         <div>
 4 |             <el-button v-if="btns.includes('create')" type="primary" size="default" @click="$emit('create')">{{title}}</el-button>
 5 |             <slot></slot>
 6 |         </div>
 7 |         <div>
 8 |             <el-tooltip v-if="btns.includes('refresh')" effect="dark" content="刷新数据" placement="top">
 9 |                 <el-button size="default" text @click="$emit('refresh')">
10 |                     <el-icon :size="15">
11 |                         <Refresh />
12 |                     </el-icon>
13 |                 </el-button>
14 |             </el-tooltip>
15 |         </div>
16 |     </div>
17 | </template>
18 | <script setup>
19 | import { computed } from 'vue';
20 | const props = defineProps({
21 |     layout: {
22 |         type: String,
23 |         default: "create,refresh"
24 |     },
25 |     title: {
26 |         type: String,
27 |         default: "新增数据"
28 |     }
29 | })
30 | const btns = computed(() => props.layout.split(","))
31 | 
32 | defineEmits(["create", "refresh", "delete", "download"])
33 | </script>


--------------------------------------------------------------------------------
/linxi-vue/src/composables/Form.js:
--------------------------------------------------------------------------------
  1 | // 响应式api
  2 | import { ref, reactive, computed } from 'vue';
  3 | // 提示框
  4 | import { showModal, toast } from "~/composables/util";
  5 | 
  6 | 
  7 | // 接受传入表单数据
  8 | export function InitForm(opt = {}) {
  9 |     // 页面数据列表
 10 |     const Data = ref([])
 11 | 
 12 |     // 表单板块加载动画
 13 |     const loading = ref(false)
 14 |     // 表单新增-0|修改-id(区分) 控制表单标题和表单按钮
 15 |     const editId = ref(0)
 16 |     // 新增按钮标题--按钮标题传入必须要computed
 17 |     const Newtitle = computed(() => opt.Buttontitle_value.title_2)
 18 |     // 表单确定按钮的标题
 19 |     const Buttontitle = computed(() => editId.value ? opt.Buttontitle_value.title_1 : opt.Buttontitle_value.title_2)
 20 |     // 表单标题
 21 |     const Formtitle = computed(() => editId.value ? opt.Formtitle_value.title_1 : opt.Formtitle_value.title_2)
 22 |     // 表单数据model model="form"
 23 |     const form = reactive({})
 24 |     // 表单验证规则
 25 |     const rules = opt.rules || {}
 26 |     // 表单默认状态数据列表
 27 |     const DefaultForm = opt.form
 28 |     // 表单父级 Formdialog 弹窗表单的ref
 29 |     const DialogformRef = ref(null)
 30 |     // 表单el-form 的ref
 31 |     const formRef = ref(null)
 32 | 
 33 | 
 34 |     // list卡片页面-打开页面请求数据
 35 |     const GetDataCard = () => {
 36 |         loading.value = true
 37 |         opt.getdata().then((res) => {
 38 |             // 获取响应数据里面的'data',给到listData
 39 |             Data.value = res.data
 40 |             // console.log(res)
 41 |         }).finally(() => {
 42 |             loading.value = false
 43 |         })
 44 |     }
 45 | 
 46 |     // 重置表单-传入列表数据(更新:一条数据,新增:不传入)
 47 |     function resetForm(row = false) {
 48 |         // 重置表单提示信息
 49 |         if (formRef.value) formRef.value.clearValidate()
 50 |         // 新增：重置表单数据-为空 更新：重置表单数据为传入数据
 51 |         // console.log("重置表单")
 52 |         // 循环遍历默认表单中的key 键(id,title...)
 53 |         for (const key in DefaultForm) {
 54 |             // 新增没有传入所以为空
 55 |             // 表单数据 = 更新数据的传入
 56 |             form[key] = row[key]
 57 |         }
 58 |     }
 59 | 
 60 |     // 新增数据按钮
 61 |     const AddData_Button = () => {
 62 |         // 新增：没有标识id 控制表单标题和表单按钮
 63 |         editId.value = 0
 64 |         // 重置表单数据为空
 65 |         resetForm(DefaultForm)
 66 |         // 打开表单
 67 |         DialogformRef.value.open()
 68 |     }
 69 | 
 70 |     // 更新数据按钮-传入修改的数据
 71 |     const UpData_Button = (index) => {
 72 |         // 修改：标识id=数据id 控制表单标题和表单按钮
 73 |         editId.value = index.id
 74 |         // 重置表单数据为需要修改的数据
 75 |         resetForm(index)
 76 |         // 打开表单
 77 |         DialogformRef.value.open()
 78 |     }
 79 | 
 80 |     // 按钮菜单项删除
 81 |     const DelData_Button = (index) => {
 82 |         showModal("是否确实要删除该条数据?", "warning", "提示")
 83 |             .then(() => {
 84 |                 Data.value.splice(index, 1)
 85 |                 opt.deldata(index.id)
 86 |                 GetData()
 87 |             })
 88 |             .catch(() => {
 89 | 
 90 |             });
 91 |     }
 92 | 
 93 | 
 94 |     // 表单内按钮控制-点击表单内按钮
 95 |     const FormSubmit = () => {
 96 |         // 数据提交验证-匹配表单验证规则rules
 97 |         formRef.value.validate((valid) => {
 98 |             // 如果验证通过
 99 |             if (!valid) return
100 |             // 确定按钮变为加载状态
101 |             DialogformRef.value.showLoading()
102 |             // 根据editId判断是新增还是修改   执行不同方式
103 |             const fun = editId.value ? opt.updata(editId.value, form) : opt.adddata(form)
104 |             // 请求完成
105 |             fun.then(res => {
106 |                 // 新增|更新(修改)后刷新数据
107 |                 GetData()
108 |                 // 通知提示
109 |                 toast(Formtitle.value + "成功")
110 |                 // 重新获取数据
111 |                 opt.getdata()
112 |                 // 关闭表单
113 |                 DialogformRef.value.close()
114 |             }).finally(() => {
115 |                 // 关闭按钮加载状态
116 |                 DialogformRef.value.hideLoading()
117 |             })
118 |         })
119 |     }
120 | 
121 | 
122 |     // ################################ 列表数据 #####################################
123 |     // 搜索
124 |     // let searchForm = null
125 |     // let resetSearchForm = null
126 |     // 分页
127 |     const currentPage = ref(1)
128 |     // 单页数量
129 |     const limit = ref(10)
130 |     // 总数量
131 |     const total = ref(0)
132 |     // table表格页面-打开页面请求数据
133 |     function GetDataTable(p = null) {
134 |         if (typeof p == "number") {
135 |             currentPage.value = p
136 |         }
137 |         loading.value = true
138 |         // console.log(p)
139 |         opt.getdata(currentPage.value)
140 |             .then(res => {
141 |                 Data.value = res.data
142 |                 // console.log(res)
143 |                 total.value = res.total
144 |             })
145 |             .finally(() => {
146 |                 loading.value = false
147 |             })
148 |     }
149 |     // ########################################################################
150 | 
151 | 
152 |     // 判断获取数据模块----(p 为表格数据传进来的页码)
153 |     function GetData(p = null) {
154 |         if (opt.title == "卡片数据") {
155 |             return GetDataCard()
156 |         }
157 |         if (opt.title == "表格数据") {
158 |             return GetDataTable(p)
159 |         }
160 |         if (opt.title == "列表数据") {
161 |             return GetDataTable(p)
162 |         }
163 |     }
164 | 
165 |     // GetDefaultData()
166 |     GetData()
167 | 
168 | 
169 |     return {
170 |         // 新增按钮标题
171 |         Newtitle,
172 |         // 页面获取的数据
173 |         Data,
174 |         // 数据板块的加载状态
175 |         loading,
176 |         // 表单按钮标题
177 |         Buttontitle,
178 |         // 表单标题
179 |         Formtitle,
180 |         // 区别新增和修改
181 |         editId,
182 |         // 表单model
183 |         form,
184 |         // 表单验证规则
185 |         rules,
186 |         // 父级FormDialog的ref
187 |         DialogformRef,
188 |         // 表单el-form的ref
189 |         formRef,
190 |         // 获取页面数据
191 |         GetData,
192 |         // 新增数据按钮
193 |         AddData_Button,
194 |         // 修改|更新数据按钮
195 |         UpData_Button,
196 |         // 删除数据按钮
197 |         DelData_Button,
198 |         // 绑定FormDialog弹窗表单按钮事件
199 |         FormSubmit,
200 | 
201 |         // ##### 列表数据分页 #####
202 |         currentPage,
203 |         total,
204 |         limit,
205 |     }
206 | }


--------------------------------------------------------------------------------
/linxi-vue/src/composables/LoginManage.js:
--------------------------------------------------------------------------------
  1 | // ref、reactive 响应式API(ref操作普通类型:int... reactive操作方法)
  2 | import { ref, reactive } from 'vue'
  3 | // 退出登陆和修改密码接口
  4 | import { logout, updatepassword } from "~/api/manager"
  5 | // 消息提醒和弹出消息提示框
  6 | import { showModal, toast } from "~/composables/util"
  7 | // 路由
  8 | import { useRouter } from "vue-router"
  9 | // 状态管理
 10 | import { useStore } from "vuex"
 11 | 
 12 | // 修改密码方法
 13 | export function useRepassword() {
 14 |     const router = useRouter()
 15 |     const store = useStore()
 16 |     // 修改密码
 17 |     const formDrawerRef = ref(null)
 18 |     const form = reactive({
 19 |         oldpassword: "",
 20 |         password: "",
 21 |         repassword: ""
 22 |     })
 23 | 
 24 |     const rules = {
 25 |         oldpassword: [
 26 |             {
 27 |                 // 必填
 28 |                 required: true,
 29 |                 // 提示
 30 |                 message: '旧密码不能为空',
 31 |                 trigger: 'blur'
 32 |             },
 33 |         ],
 34 |         password: [
 35 |             {
 36 |                 required: true,
 37 |                 message: '新密码不能为空',
 38 |                 trigger: 'blur'
 39 |             },
 40 |         ],
 41 |         repassword: [
 42 |             {
 43 |                 required: true,
 44 |                 message: '确认密码不能为空',
 45 |                 trigger: 'blur'
 46 |             },
 47 |         ]
 48 |     }
 49 | 
 50 |     const formRef = ref(null)
 51 |     const onSubmit = () => {
 52 |         formRef.value.validate((valid) => {
 53 |             if (!valid) {
 54 |                 return false
 55 |             }
 56 |             formDrawerRef.value.showLoading()
 57 |             updatepassword(form)
 58 |                 .then(res => {
 59 |                     toast("修改密码成功，请重新登录")
 60 |                     // 修改完重新登陆
 61 |                     store.dispatch("logout")
 62 |                     // 跳转回登录页
 63 |                     router.push("/login")
 64 |                 })
 65 |                 .finally(() => {
 66 |                     formDrawerRef.value.hideLoading()
 67 |                 })
 68 | 
 69 |         })
 70 |     }
 71 | 
 72 |     const openRePasswordForm = () => formDrawerRef.value.open()
 73 | 
 74 |     return {
 75 |         formDrawerRef,
 76 |         form,
 77 |         rules,
 78 |         formRef,
 79 |         onSubmit,
 80 |         openRePasswordForm
 81 |     }
 82 | }
 83 | 
 84 | // 退出登陆提示框
 85 | export function useLogout() {
 86 |     const router = useRouter()
 87 |     const store = useStore()
 88 |     function handleLogout() {
 89 |         showModal("是否要退出登录？").then(res => {
 90 |             logout().finally(() => {
 91 |                 store.dispatch("logout")
 92 |                 // 跳转回登录页
 93 |                 router.push("/login")
 94 |                 // 提示退出登录成功
 95 |                 toast("退出登录成功")
 96 |             })
 97 |         })
 98 |     }
 99 | 
100 |     return {
101 |         handleLogout
102 |     }
103 | }


--------------------------------------------------------------------------------
/linxi-vue/src/composables/TabList.js:
--------------------------------------------------------------------------------
  1 | import { ref } from "vue";
  2 | import { useRoute, onBeforeRouteUpdate } from "vue-router";
  3 | import { useCookies } from "@vueuse/integrations/useCookies";
  4 | import { router } from "~/router";
  5 | 
  6 | // 标签列表
  7 | export function TabList() {
  8 |   const route = useRoute();
  9 |   const cookie = useCookies();
 10 |   // 获取当前列表
 11 |   const activeTab = ref(route.path);
 12 |   const tabList = ref([
 13 |     {
 14 |       title: "后台首页",
 15 |       // 默认标签
 16 |       path: "/home",
 17 |     },
 18 |   ]);
 19 | 
 20 |   // 添加标签导航
 21 |   function addTab(tab) {
 22 |     let noTab = tabList.value.findIndex((t) => t.path == tab.path) == -1;
 23 |     if (noTab) {
 24 |       tabList.value.push(tab);
 25 |     }
 26 | 
 27 |     cookie.set("tabList", tabList.value);
 28 |   }
 29 | 
 30 |   // 初始化标签导航列表
 31 |   function initTabList() {
 32 |     let tbs = cookie.get("tabList");
 33 |     if (tbs) {
 34 |       tabList.value = tbs;
 35 |     }
 36 |   }
 37 | 
 38 |   initTabList();
 39 | 
 40 |   onBeforeRouteUpdate((to, from) => {
 41 |     activeTab.value = to.path;
 42 |     addTab({
 43 |       title: to.meta.title,
 44 |       path: to.path,
 45 |     });
 46 |   });
 47 | 
 48 |   const changeTab = (t) => {
 49 |     activeTab.value = t;
 50 |     router.push(t);
 51 |   };
 52 | 
 53 |   const removeTab = (t) => {
 54 |     let tabs = tabList.value;
 55 |     let a = activeTab.value;
 56 |     if (a == t) {
 57 |       tabs.forEach((tab, index) => {
 58 |         if (tab.path == t) {
 59 |           const nextTab = tabs[index + 1] || tabs[index - 1];
 60 |           if (nextTab) {
 61 |             a = nextTab.path;
 62 |           }
 63 |         }
 64 |       });
 65 |     }
 66 | 
 67 |     activeTab.value = a;
 68 |     tabList.value = tabList.value.filter((tab) => tab.path != t);
 69 | 
 70 |     cookie.set("tabList", tabList.value);
 71 |   };
 72 | 
 73 |   //定时清除cookie
 74 |   const time = 2 * 60 * 60 * 1000;
 75 |   setInterval(() => {
 76 |     const key = cookie.get("tabList");
 77 |     if (key) {
 78 |       cookie.remove(key);
 79 |     }
 80 |   }, time);
 81 | 
 82 |   const handleClose = (c) => {
 83 |     // console.log(c);
 84 |     if (c == "clearAll") {
 85 |       activeTab.value = "/home";
 86 |       tabList.value = [
 87 |         {
 88 |           title: "后台首页",
 89 |           path: "/home",
 90 |         },
 91 |       ];
 92 |     } else if (c == "clearOther") {
 93 |       tabList.value = tabList.value.filter(
 94 |         (tab) => tab.path == "/home" || tab.path == activeTab.value
 95 |       );
 96 |     }
 97 |     cookie.set("tabList", tabList.value);
 98 |   };
 99 | 
100 |   return {
101 |     activeTab,
102 |     tabList,
103 |     changeTab,
104 |     removeTab,
105 |     handleClose,
106 |   };
107 | }
108 | 


--------------------------------------------------------------------------------
/linxi-vue/src/composables/auth.js:
--------------------------------------------------------------------------------
 1 | // 引入cookie管理
 2 | import { useCookies } from '@vueuse/integrations/useCookies'
 3 | 
 4 | 
 5 | // 设置token的key值
 6 | const TokenKey = "Authorization-token"
 7 | // 实例化cookie
 8 | const cookie = useCookies()
 9 | 
10 | // 获取token
11 | export function getToken(){
12 |     return cookie.get(TokenKey)
13 | }
14 | 
15 | // 设置token
16 | export function setToken(token){
17 |     return cookie.set(TokenKey,token)
18 | }
19 | 
20 | // 清除token
21 | export function removeToken(){
22 |     // 清除菜单标签
23 |     cookie.remove("tabList")
24 |     return cookie.remove(TokenKey)
25 | }


--------------------------------------------------------------------------------
/linxi-vue/src/composables/util.js:
--------------------------------------------------------------------------------
 1 | // 消息提示模块
 2 | import { ElNotification,ElMessageBox } from 'element-plus'
 3 | // 进度条样式
 4 | import nprogress from 'nprogress'
 5 | // 消息提示
 6 | export function toast(message,type = "success",dangerouslyUseHTMLString = false){
 7 |     ElNotification({
 8 |       // 消息内容
 9 |         message,
10 |       // 类型
11 |         type,
12 |         dangerouslyUseHTMLString,
13 |       // 显示时间
14 |         duration:2000
15 |     })
16 | }
17 | 
18 | // 显示全屏loading
19 | export function showFullLoading(){
20 |   nprogress.start()
21 | }
22 | 
23 | // 隐藏全屏loading
24 | export function hideFullLoading(){
25 |   nprogress.done()
26 | }
27 | 
28 | // 弹出提示框
29 | export function showModal(content = "提示内容",type = "warning",title = ""){
30 |     return ElMessageBox.confirm(
31 |         content,
32 |         title,
33 |         {
34 |           confirmButtonText: '确认',
35 |           cancelButtonText: '取消',
36 |           type,
37 |         }
38 |       )
39 | }
40 | 


--------------------------------------------------------------------------------
/linxi-vue/src/composables/表单封装代码.md:
--------------------------------------------------------------------------------
  1 | # 原代码
  2 | ```vue
  3 | // 弹窗表单验证
  4 | const rules = reactive({
  5 |   title: [{ required: true, message: '请填写标题', trigger: 'blur' }],
  6 |   date: [{ required: true, message: '请填写日期', trigger: 'blur' }],
  7 |   user_name: [{ required: true, message: '请填写用户名', trigger: 'blur' }],
  8 |   number: [{ required: true, message: '请填写金额', trigger: 'blur' }],
  9 |   content: [{ required: true, message: '请填写备注', trigger: 'blur' }]
 10 | })
 11 | 
 12 | // 添加弹出表单
 13 | const cardForm = reactive({
 14 |   title: '',
 15 |   date: '',
 16 |   user_name: '',
 17 |   number: '',
 18 |   content: '',
 19 | })
 20 | 
 21 | 
 22 | const loading = ref(false)
 23 | const editId = ref(0)
 24 | // 默认确定按钮标题
 25 | const buttontitle = computed(() => editId.value ? "更新任务" : "新增任务")
 26 | // 动态卡片数组数据
 27 | const listData = ref([])
 28 | // 标题框
 29 | const cardFormtitle = computed(() => editId.value ? "更新卡片任务" : "新增卡片任务")
 30 | const form = reactive({})
 31 | 
 32 | // 表单数据
 33 | const formDrawerRef = ref(null)
 34 | // 表单提示
 35 | const formRef = ref(null)
 36 | 
 37 | // 重置表单
 38 | function resetForm(row = false) {
 39 |   // 重置提示信息
 40 |   if (formRef.value) formRef.value.clearValidate()
 41 |   // 重置表单数据
 42 |   console.log("重置表单")
 43 |   for (const key in cardForm) {
 44 |     form[key] = row[key]
 45 |   }
 46 | }
 47 | 
 48 | // 新增卡片
 49 | const newMenu = () => {
 50 |   editId.value = 0
 51 |   resetForm()
 52 |   formDrawerRef.value.open()
 53 | }
 54 | 
 55 | // 更新卡片
 56 | const upMenu = (index) => {
 57 |   editId.value = index.id
 58 |   resetForm(index)
 59 |   formDrawerRef.value.open()
 60 | }
 61 | 
 62 | const FormSubmit = () => {
 63 |   formRef.value.validate((valid) => {
 64 |     if (!valid) return
 65 |     formDrawerRef.value.showLoading()
 66 |     let body = {}
 67 |     if (formDrawerRef.beforeSubmit && typeof formDrawerRef.beforeSubmit == "function") {
 68 |       body = formDrawerRef.beforeSubmit({ ...form })
 69 |     } else {
 70 |       body = form
 71 |     }
 72 |     const fun = editId.value ? upcardList(editId.value, body) : addcardList(body)
 73 |     fun.then(res => {
 74 |       toast(cardFormtitle.value + "成功")
 75 |       // 修改刷新当前页，新增刷新第一页
 76 |       getdata()
 77 |       formDrawerRef.value.close()
 78 |     }).finally(() => {
 79 |       formDrawerRef.value.hideLoading()
 80 |     })
 81 |   })
 82 | }
 83 | 
 84 | // 按钮菜单项删除
 85 | const delMenu = (index) => {
 86 |   showModal("是否确实要删除该条数据?", "warning", "提示")
 87 |     .then(() => {
 88 |       console.log(index)
 89 |       listData.value.splice(index, 1)
 90 |     })
 91 |     .catch(() => {
 92 | 
 93 |     });
 94 | }
 95 | 
 96 | // 打开页面请求数据
 97 | const getdata = () => {
 98 |   loading.value=true
 99 |   getcardlists().then((res) => {
100 |     // 获取响应数据里面的'data',给到listData
101 |     listData.value = res.data
102 |     console.log(res)
103 |   }).finally(()=>{
104 |     loading.value=false
105 |   })
106 | }
107 | 
108 | getdata()
109 | ```
110 | # 封装后代码
111 | ```vue
112 | // 响应式api
113 | import { ref, reactive, computed } from 'vue';
114 | // 提示框
115 | import { showModal, toast } from "~/composables/util";
116 | 
117 | 
118 | // 接受传入表单数据
119 | export function InitForm(opt = {}) {
120 |     // 页面数据列表
121 |     const Data = ref([])
122 | 
123 |     // 表单板块加载动画
124 |     const loading = ref(false)
125 |     // 表单新增-0|修改-id(区分) 控制表单标题和表单按钮
126 |     const editId = ref(0)
127 |     // 表单确定按钮的标题
128 |     const Buttontitle = computed(() => editId.value ? "更新任务" : "新增任务")
129 |     // 表单标题
130 |     const Formtitle = computed(() => editId.value ? "更新卡片任务" : "新增卡片任务")
131 |     // 表单数据model model="form"
132 |     const form = reactive({})
133 |     // 表单验证规则
134 |     const rules = opt.rules || {}
135 |     // 表单默认状态数据列表
136 |     const DefaultForm = opt.form
137 |     // 表单父级 Formdialog 弹窗表单的ref
138 |     const DialogformRef = ref(null)
139 |     // 表单el-form 的ref
140 |     const formRef = ref(null)
141 | 
142 | 
143 |     // 打开页面请求数据
144 |     const Getdata = () => {
145 |         loading.value = true
146 |         opt.getdata().then((res) => {
147 |             // 获取响应数据里面的'data',给到listData
148 |             Data.value = res.data
149 |             // console.log(res)
150 |         }).finally(() => {
151 |             loading.value = false
152 |         })
153 |     }
154 | 
155 |     Getdata()
156 | 
157 |     // 重置表单-传入列表数据(更新:一条数据,新增:不传入)
158 |     function resetForm(row = false) {
159 |         // 重置表单提示信息
160 |         if (formRef.value) formRef.value.clearValidate()
161 |         // 新增：重置表单数据-为空 更新：重置表单数据为传入数据
162 |         // console.log("重置表单")
163 |         // 循环遍历默认表单中的key 键(id,title...)
164 |         for (const key in DefaultForm) {
165 |             // 新增没有传入所以为空
166 |             // 表单数据 = 更新数据的传入
167 |             form[key] = row[key]
168 |         }
169 |     }
170 | 
171 |     // 新增数据按钮
172 |     const AddData_Button = () => {
173 |         // 新增：没有标识id 控制表单标题和表单按钮
174 |         editId.value = 0
175 |         // 重置表单数据为空
176 |         resetForm(DefaultForm)
177 |         // 打开表单
178 |         DialogformRef.value.open()
179 |     }
180 | 
181 |     // 更新数据按钮-传入修改的数据
182 |     const UpData_Button = (index) => {
183 |         // 修改：标识id=数据id 控制表单标题和表单按钮
184 |         editId.value = index.id
185 |         // 重置表单数据为需要修改的数据
186 |         resetForm(index)
187 |         // 打开表单
188 |         DialogformRef.value.open()
189 |     }
190 | 
191 |     // 按钮菜单项删除
192 |     const DelData_Button = (index) => {
193 |         showModal("是否确实要删除该条数据?", "warning", "提示")
194 |             .then(() => {
195 |                 Data.value.splice(index, 1)
196 |                 opt.deldata(index.id)
197 |             })
198 |             .catch(() => {
199 | 
200 |             });
201 |     }
202 | 
203 | 
204 |     // 表单内按钮控制-点击表单内按钮
205 |     const FormSubmit = () => {
206 |         // 数据提交验证-匹配表单验证规则rules
207 |         formRef.value.validate((valid) => {
208 |             // 如果验证通过
209 |             if (!valid) return
210 |             // 确定按钮变为加载状态
211 |             DialogformRef.value.showLoading()
212 |             // 定义空提交数据
213 |             let body = {}
214 |             // 判断 提交之前 将表单数据给到body
215 |             if (DialogformRef.beforeSubmit && typeof DialogformRef.beforeSubmit == "function") {
216 |                 body = DialogformRef.beforeSubmit({ ...form })
217 |             } else {
218 |                 body = form
219 |             }
220 | 
221 |             // 根据editId判断是新增还是修改   执行不同方式
222 |             const fun = editId.value ? opt.updata(editId.value, body) : opt.adddata(body)
223 |             // 请求完成
224 |             fun.then(res => {
225 |                 // 通知提示
226 |                 toast(Formtitle.value + "成功")
227 |                 // 重新获取数据
228 |                 opt.getdata()
229 |                 // 关闭表单
230 |                 DialogformRef.value.close()
231 |             }).finally(() => {
232 |                 // 关闭按钮加载状态
233 |                 DialogformRef.value.hideLoading()
234 |             })
235 |         })
236 |     }
237 | 
238 |     return {
239 |         // 页面获取的数据
240 |         Data,
241 |         // 数据板块的加载状态
242 |         loading,
243 |         // 表单按钮标题
244 |         Buttontitle,
245 |         // 表单标题
246 |         Formtitle,
247 |         // 区别新增和修改
248 |         editId,
249 |         // 表单model
250 |         form,
251 |         // 表单验证规则
252 |         rules,
253 |         // 父级FormDialog的ref
254 |         DialogformRef,
255 |         // 表单el-form的ref
256 |         formRef,
257 |         // 获取页面数据
258 |         Getdata,
259 |         // 新增数据按钮
260 |         AddData_Button,
261 |         // 修改|更新数据按钮
262 |         UpData_Button,
263 |         // 删除数据按钮
264 |         DelData_Button,
265 |         // 绑定FormDialog弹窗表单按钮事件
266 |         FormSubmit
267 |     }
268 | }
269 | ```


--------------------------------------------------------------------------------
/linxi-vue/src/layouts/admin.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <el-container>
 3 |         <el-header>
 4 |             <f-header />
 5 |         </el-header>
 6 |         <el-container>
 7 |             <el-aside :width="$store.state.asideWidth">
 8 |                 <f-menu></f-menu>
 9 |             </el-aside>
10 |             <el-main>
11 |                 <f-tag-list />
12 |                     <router-view v-slot="{ Component }">
13 |                         <transition name="fade">
14 |                             <keep-alive :max="10">
15 |                                 <component :is="Component"></component>
16 |                             </keep-alive>
17 |                         </transition>
18 |                     </router-view>
19 |             </el-main>
20 |         </el-container>
21 |     </el-container>
22 | </template>
23 | <script setup>
24 | import FHeader from './components/FHeader.vue';
25 | import FMenu from './components/FMenu.vue';
26 | import FTagList from './components/FTagList.vue';
27 | 
28 | </script>
29 | <style>
30 | .el-aside {
31 |     transition: all 0.2s;
32 | }
33 | 
34 | /* 进入之前动画 */
35 | .fade-enter-from {
36 |     opacity: 0;
37 | }
38 | 
39 | /* 进入之后动画 */
40 | .fade-enter-to {
41 |     opacity: 1;
42 | }
43 | 
44 | /* 离开之前动画 */
45 | .fade-leave-from {
46 |     opacity: 1;
47 | }
48 | 
49 | /* 离开之前动画 */
50 | .fade-leave-to {
51 |     opacity: 0;
52 | }
53 | 
54 | /* 动画 */
55 | .fade-enter-active,
56 | .fade-leave-active {
57 |     transition: all .3s;
58 | }
59 | 
60 | /* 延迟进入 先执行离开 */
61 | .fade-enter-active {
62 |     transition-delay: .3s;
63 | }
64 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/layouts/components/FHeader.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="f-header">
  3 |         <span class="logo" :style="{ width: $store.state.asideWidth }">
  4 |             <el-icon class="mr-0" :size="24">
  5 |                 <Promotion />
  6 |             </el-icon>
  7 |             <!-- 距离左边图标边距 -->
  8 |             <div class="ml-1">{{$store.state.title}}</div>
  9 |         </span>
 10 |         <el-icon class="icon-btn" @click="$store.commit('handleAsideWidth')">
 11 |             <fold v-if="$store.state.asideWidth == '200px'"/>
 12 |             <Expand v-else/>
 13 |         </el-icon>
 14 | 
 15 |         <div class="ml-auto flex items-center">
 16 |             <el-tooltip effect="dark" content="刷新" placement="bottom">
 17 |                 <el-icon class="icon-btn" @click="handleRefresh">
 18 |                     <refresh />
 19 |                 </el-icon>
 20 |             </el-tooltip>
 21 |             <el-tooltip effect="dark" content="全屏" placement="bottom">
 22 |                 <el-icon class="icon-btn" @click="toggle">
 23 |                     <full-screen v-if="!isFullscreen" />
 24 |                     <aim v-else />
 25 |                 </el-icon>
 26 |             </el-tooltip>
 27 | 
 28 |             <el-dropdown class="dropdown" @command="handleCommand">
 29 |                 <span class="flex items-center text-gray-700">
 30 |                     <el-avatar class="mr-2" :size="25" :src="$store.state.user.avatar" />
 31 |                     {{ $store.state.user.name }}
 32 |                     <el-icon class="el-icon--right">
 33 |                         <arrow-down />
 34 |                     </el-icon>
 35 |                 </span>
 36 |                 <template #dropdown>
 37 |                     <el-dropdown-menu>
 38 |                         <el-dropdown-item command="rePassword">修改密码</el-dropdown-item>
 39 |                         <el-dropdown-item command="logout">退出登录</el-dropdown-item>
 40 |                     </el-dropdown-menu>
 41 |                 </template>
 42 |             </el-dropdown>
 43 |         </div>
 44 |     </div>
 45 | 
 46 |     <FormDialog ref="formDrawerRef" title="修改密码" width="30%" destroyOnClose @submit="onSubmit">
 47 |         <el-form ref="formRef" :rules="rules" :model="form" label-width="80px" size="default">
 48 |             <el-form-item prop="oldpassword" label="旧密码">
 49 |                 <el-input v-model="form.oldpassword" placeholder="请输入旧密码"></el-input>
 50 |             </el-form-item>
 51 |             <el-form-item prop="password" label="新密码">
 52 |                 <el-input type="password" v-model="form.password" placeholder="请输入密码" show-password></el-input>
 53 |             </el-form-item>
 54 |             <el-form-item prop="repassword" label="确认密码">
 55 |                 <el-input type="password" v-model="form.repassword" placeholder="请输入确认密码" show-password></el-input>
 56 |             </el-form-item>
 57 |         </el-form>
 58 |     </FormDialog>
 59 | 
 60 | </template>
 61 | <script setup>
 62 | import FormDialog from '~/components/FormDialog.vue'
 63 | import { useFullscreen } from '@vueuse/core'
 64 | import { useRepassword,useLogout } from "~/composables/LoginManage"
 65 | const {
 66 |     // 是否全屏状态
 67 |     isFullscreen,
 68 |     // 切换全屏
 69 |     toggle
 70 | } = useFullscreen()
 71 | 
 72 | const { formDrawerRef,form,rules,formRef,onSubmit,openRePasswordForm} = useRepassword()
 73 | 
 74 | const {handleLogout} = useLogout()
 75 | 
 76 | const handleCommand = (c) => {
 77 |     switch (c) {
 78 |         case "logout":
 79 |             handleLogout()
 80 |             break;
 81 |         case "rePassword":
 82 |             openRePasswordForm()
 83 |             break;
 84 |     }
 85 | }
 86 | 
 87 | // 刷新
 88 | const handleRefresh = () => location.reload()
 89 | 
 90 | </script>
 91 | <style>
 92 | .f-header {
 93 |     @apply flex items-center bg-light-400 text-gray-500 fixed top-0 left-0 right-0;
 94 |     height: 50px;
 95 |     z-index: 1000;
 96 | }
 97 | 
 98 | .logo {
 99 |     /* width: 200px; */
100 |     @apply flex justify-center items-center text-xl font-thin;
101 | }
102 | 
103 | .icon-btn {
104 |     @apply flex justify-center items-center;
105 |     width: 42px;
106 |     height: 50px;
107 |     cursor: pointer;
108 | }
109 | 
110 | .icon-btn:hover {
111 |     @apply bg-gray-400;
112 | }
113 | 
114 | .f-header .dropdown {
115 |     height: 50px;
116 |     cursor: pointer;
117 |     @apply flex justify-center items-center mx-5;
118 | }
119 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/layouts/components/FMenu.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="f-menu" :style="{ width: $store.state.asideWidth }">
 3 |         <el-menu :default-active="defaultActive" unique-opened :collapse="isCollapse" default-active="2"
 4 |             class="border-0" @select="handleSelect" :collapse-transition="false">
 5 | 
 6 |             <template v-for="(item, index) in asideMenus" :key="index">
 7 |                 <el-sub-menu v-if="item.secMenus && item.secMenus.length > 0" :index="item.name">
 8 |                     <template #title>
 9 |                         <el-icon>
10 |                             <component :is="item.icon"></component>
11 |                         </el-icon>
12 |                         <span>{{ item.name }}</span>
13 |                     </template>
14 |                     <el-menu-item v-for="(item2, index2) in item.secMenus" :key="index2" :index="item2.path">
15 |                         <el-icon>
16 |                             <component :is="item2.icon"></component>
17 |                         </el-icon>
18 |                         <span>{{ item2.name }}</span>
19 |                     </el-menu-item>
20 |                 </el-sub-menu>
21 | 
22 |                 <el-menu-item v-else :index="item.path">
23 |                     <el-icon>
24 |                         <component :is="item.icon"></component>
25 |                     </el-icon>
26 |                     <span>{{ item.name }}</span>
27 |                 </el-menu-item>
28 |             </template>
29 |         </el-menu>
30 |     </div>
31 | </template>
32 | <script setup>
33 | import { computed,ref } from 'vue';
34 | import { useRouter,useRoute,onBeforeRouteUpdate } from 'vue-router';
35 | import { useStore } from 'vuex';
36 | const router = useRouter()
37 | const store = useStore()
38 | const route = useRoute()
39 | 
40 | // 默认选中
41 | const defaultActive = ref(route.path)
42 | 
43 | // 监听路由变化
44 | onBeforeRouteUpdate((to,from)=>{
45 |     defaultActive.value = to.path
46 | })
47 | 
48 | // 是否折叠
49 | const isCollapse = computed(() => !(store.state.asideWidth == '200px'))
50 | 
51 | const asideMenus = computed(() =>
52 |     store.state.menus
53 | )
54 | 
55 | const handleSelect = (e) => {
56 |     router.push(e)
57 | }
58 | </script>
59 | <style>
60 | .f-menu {
61 |     transition: all 0.2s;
62 |     top: 50px;
63 |     bottom: 0;
64 |     left: 0;
65 |     overflow-y: auto;
66 |     overflow-x: hidden;
67 |     @apply shadow-md fixed bg-light-50 flex justify-center;
68 | }
69 | 
70 | .f-menu::-webkit-scrollbar {
71 |     width: 0px;
72 | }
73 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/layouts/components/FTagList.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="f-tag-list" :style="{ left: $store.state.asideWidth }">
 3 |         <el-tabs v-model="activeTab" type="card" class="flex-1" @tab-remove="removeTab" style="min-width:100px;"
 4 |             @tab-change="changeTab">
 5 |             <el-tab-pane :closable="item.path != '/home'" v-for="item in tabList" :key="item.path" :label="item.title" :name="item.path">
 6 |             </el-tab-pane>
 7 |         </el-tabs>
 8 | 
 9 |         <span class="tag-btn">
10 |             <el-dropdown @command="handleClose">
11 |                 <span class="el-dropdown-link">
12 |                     <el-icon>
13 |                         <arrow-down />
14 |                     </el-icon>
15 |                 </span>
16 |                 <template #dropdown>
17 |                     <el-dropdown-menu>
18 |                         <el-dropdown-item command="clearOther">关闭其他</el-dropdown-item>
19 |                         <el-dropdown-item command="clearAll">全部关闭</el-dropdown-item>
20 |                     </el-dropdown-menu>
21 |                 </template>
22 |             </el-dropdown>
23 |         </span>
24 |     </div>
25 |     <div style="height:44px;"></div>
26 | </template>
27 | <script setup>
28 | import { TabList } from "~/composables/TabList.js";
29 | const { activeTab,tabList,changeTab,removeTab,handleClose } = TabList()
30 | </script>
31 | <style scoped>
32 | .f-tag-list {
33 |     @apply fixed bg-gray-100 flex items-center px-2;
34 |     top: 50px;
35 |     right: 0;
36 |     height: 44px;
37 |     z-index: 100;
38 | }
39 | 
40 | .tag-btn {
41 |     @apply bg-white rounded ml-auto flex items-center justify-center px-2;
42 |     height: 32px;
43 | }
44 | 
45 | :deep(.el-tabs__header) {
46 |     border: 0 !important;
47 |     @apply mb-0;
48 | }
49 | 
50 | :deep(.el-tabs__nav) {
51 |     border: 0 !important;
52 | }
53 | 
54 | :deep(.el-tabs__item) {
55 |     border: 0 !important;
56 |     height: 32px;
57 |     line-height: 32px;
58 |     @apply bg-white mx-1 my-1 rounded;
59 | }
60 | 
61 | :deep(.el-tabs__nav-next),
62 | :deep(.el-tabs__nav-prev) {
63 |     line-height: 32px;
64 |     height: 32px;
65 | }
66 | 
67 | :deep(.is-disabled) {
68 |     cursor: not-allowed;
69 |     @apply text-gray-300;
70 | }
71 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/main.js:
--------------------------------------------------------------------------------
 1 | // 创建app
 2 | import { createApp } from "vue";
 3 | // 引入ElementPlus
 4 | import ElementPlus from "element-plus";
 5 | import "element-plus/dist/index.css";
 6 | // 引入默认页面
 7 | import App from "./App.vue";
 8 | // 引入官方路由
 9 | import { router } from "./router";
10 | // 引入状态管理
11 | import store from "./store";
12 | // 引入ElementPlus图标库
13 | import * as ElementPlusIconsVue from "@element-plus/icons-vue";
14 | // 引入中文:时间选择器中文
15 | import zhCn from "element-plus/es/locale/lang/zh-cn";
16 | // 将大屏数据可视化自动注册所有组件为全局组件
17 | // import DataVVue3 from '@kjgl77/datav-vue3'
18 | 
19 | 
20 | // 实例化vue
21 | const app = createApp(App);
22 | 
23 | // 屏蔽警告信息VUE warn
24 | // app.config.warnHandler = () => null;
25 | 
26 | // 全局注册
27 | // app.use(DataVVue3);
28 | 
29 | // 引用状态管理
30 | app.use(store);
31 | // 引用vue路由
32 | app.use(router);
33 | // 引用ElementPlus,加载中文
34 | app.use(ElementPlus,{locale: zhCn});
35 | // 全局注册ElementPlus图标库
36 | for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
37 |   app.component(key, component);
38 | }
39 | 
40 | // 引入WindiCSS
41 | import "virtual:windi.css";
42 | // 引入permission.js
43 | import "./permission";
44 | // 引入进度条样式
45 | import "nprogress/nprogress.css";
46 | 
47 | app.mount("#app");


--------------------------------------------------------------------------------
/linxi-vue/src/pages/404.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="main">
 3 |         <el-result
 4 |             icon="warning"
 5 |             title="404提示"
 6 |             sub-title="你找的页面走丢了~"
 7 |         >
 8 |             <template #extra>
 9 |                 <el-button type="primary" @click="$router.push('/home')">回到首页</el-button>
10 |             </template>
11 |         </el-result>
12 |     </div>
13 | </template>
14 | <style>
15 | 
16 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <el-col :span="24">
  4 |             <el-row :gutter="10">
  5 |                 <el-col :span="24">
  6 |                     <!-- <el-card> -->
  7 |                         <!-- <template #header>
  8 |                             <span>4k壁纸图API</span>
  9 |                         </template> -->
 10 |                         <div class="block text-center" :span="24">
 11 |                             <!-- <span class="demonstration">随机图片</span> -->
 12 |                             <el-carousel height="300px">
 13 |                                 <el-carousel-item v-for="imgsrc in ImgData" :key="imgsrc">
 14 |                                     <img :src="imgsrc" style="width:100%" alt="">
 15 |                                     <!-- <h3 class="small justify-center" text="2xl">{{ imgsrc }}</h3> -->
 16 |                                 </el-carousel-item>
 17 |                             </el-carousel>
 18 |                         </div>
 19 |                     <!-- </el-card> -->
 20 |                 </el-col>
 21 |             </el-row>
 22 |         </el-col>
 23 |         <el-row :gutter="10" class="pt-4">
 24 |             <el-col :span="10">
 25 |                 <el-card class="h-65">
 26 |                     <template #header>
 27 |                         <div>
 28 |                             <span>作者信息</span>
 29 |                             <el-button class="button" text><el-tag>看门大爷：林夕</el-tag></el-button>
 30 |                         </div>
 31 |                         <div>
 32 |                             <span>晚上好！愿你天黑有灯，下雨有伞</span>
 33 |                             <el-button class="button" text>今天是{{ date }}</el-button>
 34 |                         </div>
 35 |                     </template>
 36 |                     <div class="dirtext">
 37 |                         <el-descriptions :column="2" border>
 38 |                             <el-descriptions-item label="Github">http://github.com/linxi-520</el-descriptions-item>
 39 |                             <el-descriptions-item label="昵称">林夕</el-descriptions-item>
 40 |                             <el-descriptions-item label="联系方式" :span="2">木有，根本木有</el-descriptions-item>
 41 |                             <el-descriptions-item label="娱乐方式" :span="2">
 42 |                                 <el-tag class="mr-1">摸鱼</el-tag>
 43 |                                 <el-tag class="mr-1">摸鱼🐟</el-tag>
 44 |                                 <el-tag class="mr-1">写代码</el-tag>
 45 |                             </el-descriptions-item>
 46 |                         </el-descriptions>
 47 |                     </div>
 48 |                 </el-card>
 49 |             </el-col>
 50 |             <el-col :span="14">
 51 |                 <el-card class="h-65">
 52 |                     <div class="dirtextlist">
 53 |                         <el-descriptions title="技术栈" :column="3" border>
 54 |                             <el-descriptions-item label="Vue3" label-align="right">
 55 |                                 <el-tag type="danger">^3.2.25</el-tag>
 56 |                             </el-descriptions-item>
 57 |                             <el-descriptions-item label="Element-Plus" label-align="right">
 58 |                                 <el-tag>^2.2.27</el-tag>
 59 |                             </el-descriptions-item>
 60 |                             <el-descriptions-item label="WindiCSS" label-align="right">
 61 |                                 <el-tag>^3.5.6</el-tag>
 62 |                             </el-descriptions-item>
 63 |                             <el-descriptions-item label="Echarts" label-align="right">
 64 |                                 <el-tag type="danger">^5.3.3</el-tag>
 65 |                             </el-descriptions-item>
 66 |                             <el-descriptions-item label="Vite" label-align="right">
 67 |                                 <el-tag>^4.0.3</el-tag>
 68 |                             </el-descriptions-item>
 69 |                             <el-descriptions-item label="Axios" label-align="right">
 70 |                                 <el-tag>^1.2.1</el-tag>
 71 |                             </el-descriptions-item>
 72 |                             <el-descriptions-item label="Vuex" label-align="right">
 73 |                                 <el-tag type="danger">^4.1.0</el-tag>
 74 |                             </el-descriptions-item>
 75 |                             <el-descriptions-item label="Vue-Router" label-align="right">
 76 |                                 <el-tag type="danger">^4.1.6</el-tag>
 77 |                             </el-descriptions-item>
 78 |                             <el-descriptions-item label="Nprogress" label-align="right">
 79 |                                 <el-tag>^0.2.0</el-tag>
 80 |                             </el-descriptions-item>
 81 |                             <el-descriptions-item label="Universal-cookie" label-align="right">
 82 |                                 <el-tag>^4.0.4</el-tag>
 83 |                             </el-descriptions-item>
 84 |                         </el-descriptions>
 85 |                     </div>
 86 |                 </el-card>
 87 |             </el-col>
 88 |         </el-row>
 89 |     </div>
 90 | </template>
 91 | 
 92 | <script setup>
 93 | import { ref } from 'vue';
 94 | import { getDateTime } from '~/api/public'
 95 | const date = getDateTime()
 96 | 
 97 | const ImgData= ref([
 98 | 'https://api.btstu.cn/sjbz/api.php',
 99 | 'https://api.r10086.com/img-api.php?type=动漫综合1',
100 | 'https://api.yimian.xyz/img',
101 | 'https://api.dujin.org/bing/1366.php',
102 | 'https://img.paulzzh.com/touhou/random',])
103 | 
104 | </script>
105 | 
106 | <style scoped>
107 | .dirtext {
108 |     width: 100%;
109 | }
110 | 
111 | .dirtextlist {
112 |     width: 100%;
113 | }
114 | 
115 | .demonstration {
116 |   color: var(--el-text-color-secondary);
117 | }
118 | 
119 | .el-carousel__item h3 {
120 |   color: #475669;
121 |   opacity: 0.75;
122 |   line-height: 150px;
123 |   margin: 0;
124 |   text-align: center;
125 | }
126 | 
127 | .el-carousel__item:nth-child(2n) {
128 |   background-color: #99a9bf;
129 | }
130 | 
131 | .el-carousel__item:nth-child(2n + 1) {
132 |   background-color: #d3dce6;
133 | }
134 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/login.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <el-row class="login-container">
  3 |         <el-col :lg="16" :md="12" class="left">
  4 |             <div align="center">
  5 |                 <div>欢迎光临 🎓</div>
  6 |                 <div>此站点是个人开发的后台管理系统模板</div>
  7 |                 <div><img src="/logo.png" /></div>
  8 |             </div>
  9 |         </el-col>
 10 |         <el-col :lg="8" :md="12" class="right">
 11 |             <h2 class="title">欢迎回来</h2>
 12 |             <div>
 13 |                 <span class="line"></span>
 14 |                 <span>账号密码登录</span>
 15 |                 <span class="line"></span>
 16 |             </div>
 17 |             <el-form ref="formRef" :rules="rules" :model="form" class="w-[250px]">
 18 |                 <el-form-item prop="username">
 19 |                     <el-input v-model="form.username" placeholder="请输入用户名">
 20 |                         <template #prefix>
 21 |                             <el-icon>
 22 |                                 <user />
 23 |                             </el-icon>
 24 |                         </template>
 25 |                     </el-input>
 26 |                 </el-form-item>
 27 |                 <el-form-item prop="password">
 28 |                     <el-input type="password" v-model="form.password" placeholder="请输入密码" show-password>
 29 |                         <template #prefix>
 30 |                             <el-icon>
 31 |                                 <lock />
 32 |                             </el-icon>
 33 |                         </template>
 34 |                     </el-input>
 35 |                 </el-form-item>
 36 |                 <el-form-item>
 37 |                     <el-button round color="#a0cfff" class="w-[250px]" type="primary" @click="onSubmit"
 38 |                         :loading="loading">登 录</el-button>
 39 |                 </el-form-item>
 40 |             </el-form>
 41 |         </el-col>
 42 |     </el-row>
 43 | </template>
 44 | 
 45 | <script setup>
 46 | import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
 47 | import { toast } from '~/composables/util'
 48 | import { useRouter } from 'vue-router'
 49 | import { useStore } from 'vuex'
 50 | 
 51 | const store = useStore()
 52 | const router = useRouter()
 53 | 
 54 | // do not use same name with ref
 55 | const form = reactive({
 56 |     username: "",
 57 |     password: ""
 58 | })
 59 | 
 60 | const rules = {
 61 |     username: [
 62 |         {
 63 |             required: true,
 64 |             message: '用户名不能为空',
 65 |             trigger: 'blur'
 66 |         },
 67 |     ],
 68 |     password: [
 69 |         {
 70 |             required: true,
 71 |             message: '用户名不能为空',
 72 |             trigger: 'blur'
 73 |         },
 74 |     ]
 75 | }
 76 | 
 77 | const formRef = ref(null)
 78 | const loading = ref(false)
 79 | const onSubmit = () => {
 80 |     formRef.value.validate((valid) => {
 81 |         if (!valid) {
 82 |             return false
 83 |         }
 84 |         loading.value = true
 85 | 
 86 |         store.dispatch("login", form).then(res => {
 87 |             toast("登录成功")
 88 |             router.push("/home")
 89 |         }).finally(() => {
 90 |             loading.value = false
 91 |         })
 92 |     })
 93 | }
 94 | 
 95 | // 监听回车事件
 96 | function onKeyUp(e) {
 97 |     if (e.key == "Enter") onSubmit()
 98 | }
 99 | 
100 | // 添加键盘监听
101 | onMounted(() => {
102 |     document.addEventListener("keyup", onKeyUp)
103 | })
104 | // 移除键盘监听
105 | onBeforeUnmount(() => {
106 |     document.removeEventListener("keyup", onKeyUp)
107 | })
108 | 
109 | </script>
110 | 
111 | <style scoped>
112 | .login-container {
113 |     @apply min-h-screen;
114 |     background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
115 | }
116 | 
117 | .login-container .left,
118 | .login-container .right {
119 |     @apply flex items-center justify-center;
120 | }
121 | 
122 | .login-container .right {
123 |     @apply bg-light-50 flex-col;
124 | }
125 | 
126 | .left>div>div:first-child {
127 |     @apply font-bold text-5xl text-light-50 mb-4;
128 | }
129 | 
130 | .left>div>div:last-child {
131 |     @apply text-gray-200 text-sm;
132 | }
133 | 
134 | .right .title {
135 |     @apply font-bold text-3xl text-gray-800;
136 | }
137 | 
138 | .right>div {
139 |     @apply flex items-center justify-center my-5 text-gray-300 space-x-2;
140 | }
141 | 
142 | .right .line {
143 |     @apply h-[1px] w-16 bg-gray-200;
144 | }
145 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/page/card.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <ListHeader class="ml-[10px]" @create="AddData_Button" @refresh="GetData" :title="Newtitle" />
  4 |     <!-- 加载动画 -->
  5 |     <el-row v-loading="loading">
  6 |       <!-- 遍历数据 offset="1" 控制台查看获取的数据 -->
  7 |       <el-col :span="6" v-for="item in Data" :key="item">
  8 |         <!-- 阴影动画和样式 -->
  9 |         <el-card shadow="hover" class="card_lists">
 10 |           <!-- 按钮 -->
 11 |           <div class="item-state-pos">
 12 |             <el-dropdown>
 13 |               <el-icon class="text-blue-400">
 14 |                 <MoreFilled />
 15 |               </el-icon>
 16 |               <template #dropdown>
 17 |                 <el-dropdown-menu>
 18 |                   <el-dropdown-item @click="UpData_Button(item)"><el-icon>
 19 |                       <Tools />
 20 |                     </el-icon>修改任务</el-dropdown-item>
 21 |                   <el-dropdown-item @click="DelData_Button(item)"><el-icon>
 22 |                       <DeleteFilled />
 23 |                     </el-icon>删除任务</el-dropdown-item>
 24 |                 </el-dropdown-menu>
 25 |               </template>
 26 |             </el-dropdown>
 27 |           </div>
 28 | 
 29 |           <!-- 头像和标题 -->
 30 |           <div class="item-title"><img :src="item.avatar" alt="">{{ item.title }}</div>
 31 |           <!-- 具体数据 -->
 32 |           <div class="item-content">
 33 |             <div class="cot">
 34 |               <div class="cot-tit">发行日期</div>
 35 |               <div class="cot-txt">{{ item.date }}</div>
 36 |             </div>
 37 |             <div class="cot">
 38 |               <div class="cot-tit">客户姓名</div>
 39 |               <div class="cot-txt">{{ item.user_name }}</div>
 40 |             </div>
 41 |           </div>
 42 |           <div class="item-content">
 43 |             <div class="cot">
 44 |               <div class="cot-tit">金额 <span>{{ item.number }}</span></div>
 45 |             </div>
 46 |             <div class="cot">
 47 |               <div class="cot-tit">状态<span
 48 |                   :class="[item.pay_state == '1002' ? 'type suc-type' : item.pay_state == '1003' ? 'type' : 'type error-type',]">
 49 |                   {{ item.pay_state == '1001' ? '已支付' : item.pay_state == '1002' ? '待支付' : '未支付' }}</span>
 50 |               </div>
 51 |             </div>
 52 |           </div>
 53 |           <div class="item-content flx-row">
 54 |             <div class="cot">
 55 |               <div class="cot-tit">详情</div>
 56 |               <div class="cot-txt one-cut-txt">{{ item.content }}</div>
 57 |             </div>
 58 |           </div>
 59 |         </el-card>
 60 |       </el-col>
 61 |     </el-row>
 62 |     <FormDialog ref="DialogformRef" :title="Formtitle" width="40%" :Buttontitle="Buttontitle" @submit="FormSubmit">
 63 |       <!-- 数据表单 -->
 64 |       <el-form :model="form" :rules="rules" ref="formRef" :validate-on-rule-change="false" label-width="80px">
 65 |         <div class="flex justify-between">
 66 |           <el-form-item label="标题:" prop="title">
 67 |             <el-input v-model="form.title" autocomplete="off" />
 68 |           </el-form-item>
 69 |           <el-form-item label="日期:" prop="date">
 70 |             <el-input v-model="form.date" autocomplete="off" />
 71 |           </el-form-item>
 72 |         </div>
 73 |         <div class="flex justify-between">
 74 |           <el-form-item label="用户名:" prop="user_name">
 75 |             <el-input v-model="form.user_name" />
 76 |           </el-form-item>
 77 |           <el-form-item label="金额:" prop="number">
 78 |             <el-input v-model="form.number" />
 79 |           </el-form-item>
 80 |         </div>
 81 |         <div class="flex-auto">
 82 |           <el-form-item label="备注:" prop="content">
 83 |             <el-input v-model="form.content" />
 84 |           </el-form-item>
 85 |         </div>
 86 |       </el-form>
 87 |     </FormDialog>
 88 |   </div>
 89 | </template>
 90 | 
 91 | <script setup>
 92 | // 引入弹窗表单框架,和新增框架
 93 | import ListHeader from "~/components/ListHeader.vue";
 94 | import FormDialog from "~/components/FormDialog.vue";
 95 | // 引入获取卡片列表
 96 | import { getcardlists, addcardList, upcardList, delcardlist } from '~/api/page';
 97 | // 引入弹窗表单处理封装
 98 | import { InitForm } from '~/composables/Form'
 99 | 
100 | const {
101 |   // 新增按钮标题
102 |   Newtitle,
103 |   // 页面获取的数据
104 |   Data,
105 |   // 数据板块的加载状态
106 |   loading,
107 |   // 表单按钮标题
108 |   Buttontitle,
109 |   // 表单标题
110 |   Formtitle,
111 |   // 区别新增和修改
112 |   // editId,
113 |   // 表单model
114 |   form,
115 |   // 表单验证规则
116 |   rules,
117 |   // 父级FormDialog的ref
118 |   DialogformRef,
119 |   // 表单el-form的ref
120 |   formRef,
121 |   // 获取页面数据
122 |   GetData,
123 |   // 新增数据按钮
124 |   AddData_Button,
125 |   // 修改|更新数据按钮
126 |   UpData_Button,
127 |   // 删除数据按钮
128 |   DelData_Button,
129 |   // 绑定FormDialog弹窗表单按钮事件
130 |   FormSubmit
131 | } = InitForm({
132 |   title:"卡片数据",
133 |   rules: {
134 |     title: [{ required: true, message: '请填写标题', trigger: 'blur' }],
135 |     date: [{ required: true, message: '请填写日期', trigger: 'blur' }],
136 |     user_name: [{ required: true, message: '请填写用户名', trigger: 'blur' }],
137 |     number: [{ required: true, message: '请填写金额', trigger: 'blur' }],
138 |     content: [{ required: true, message: '请填写备注', trigger: 'blur' }]
139 |   },
140 |   form: {
141 |     title: '',
142 |     date: '',
143 |     user_name: '',
144 |     number: '',
145 |     content: '',
146 |   },
147 |   Buttontitle_value:{
148 |     title_1:'更新任务',
149 |     title_2:'新增任务'
150 |   },
151 |   Formtitle_value:{
152 |     title_1:'更新卡片任务',
153 |     title_2:'新增卡片任务'
154 |   },
155 |   getdata:getcardlists,
156 |   updata:upcardList,
157 |   adddata:addcardList,
158 |   deldata:delcardlist
159 | })
160 | </script>
161 | <style scoped>
162 | /* 卡片样式 */
163 | .card_lists {
164 |   /* 父级 卡片边距 */
165 |   @apply relative m-[10px];
166 | }
167 | 
168 | /* 菜单按钮 */
169 | .item-state-pos {
170 |   /* 子级 右边距 上边距 大小 圆角*/
171 |   @apply absolute right-1 top-[10px] text-sm rounded-xl;
172 |   /* font-size: 14px; */
173 |   padding: 5px 10px;
174 | }
175 | 
176 | .item-title {
177 |   /* 块级flex容器 */
178 |   @apply flex text-stroke-dark-500 text-left;
179 |   /* 字体大小 */
180 |   font-size: 16px;
181 |   /* 字体宽度 */
182 |   font-weight: 600;
183 |   /* color: #0f1222; */
184 |   /* text-align: left; */
185 |   vertical-align: top;
186 |   margin-bottom: 15px;
187 | }
188 | 
189 | .item-title img {
190 |   width: 24px;
191 |   height: 24px;
192 |   border-radius: 50%;
193 |   margin-right: 5px;
194 |   vertical-align: text-top;
195 | }
196 | 
197 | .item-content {
198 |   margin-bottom: 5px;
199 |   @apply flex;
200 | }
201 | 
202 | .card_lists .item-content .cot {
203 |   flex: 1;
204 | }
205 | 
206 | .card_lists .item-content .cot .cot-tit {
207 |   font-size: 14px;
208 |   font-weight: 400;
209 |   color: #535875;
210 |   padding-bottom: 5px;
211 | }
212 | 
213 | .card_lists .item-content .cot .cot-tit span {
214 |   font-size: 14px;
215 |   color: #0f1222;
216 | }
217 | 
218 | .card_lists .item-content .cot .cot-tit span.type {
219 |   font-size: 10px;
220 |   padding: 5px 10px;
221 |   font-weight: 500;
222 |   line-height: 0px;
223 |   color: #fa4a1e;
224 |   text-align: left;
225 |   border-radius: 6px;
226 |   background: #fa4a1e14;
227 | }
228 | 
229 | .card_lists .item-content .cot .cot-tit span.type.error-type {
230 |   color: #4060c7;
231 |   background: #e8f3ff;
232 | }
233 | 
234 | .card_lists .item-content .cot .cot-tit span.type.suc-type {
235 |   color: #48ac4c;
236 |   background: #e2ffef;
237 | }
238 | 
239 | .card_lists .item-content .cot .cot-txt {
240 |   font-size: 14px;
241 |   font-weight: 400;
242 |   color: #0f1222;
243 | }
244 | 
245 | .card_lists .item-bottom {
246 |   flex-flow: row-reverse;
247 | }
248 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/page/table.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <el-card shadow="never" class="border-0 pl-[10px]" :body-style="{ padding: '0px' }">
  4 |       <!-- 新增|刷新 -->
  5 |       <ListHeader @create="AddData_Button" @refresh="GetData" :title="Newtitle" />
  6 | 
  7 |       <el-table :data="Data" stripe border style="width: 100%" v-loading="loading">
  8 |         <el-table-column prop="title" label="标题" />
  9 |         <el-table-column prop="username" label="用户名" />
 10 |         <el-table-column prop="email" label="邮箱" />
 11 |         <el-table-column prop="date" label="修改时间" />
 12 |         <el-table-column prop="address" label="地址" />
 13 |         <el-table-column label="操作" width="180" align="center">
 14 |           <template #default="scope">
 15 |             <el-button type="primary" size="small" text @click="UpData_Button(scope.row)">修改</el-button>
 16 | 
 17 |             <el-popconfirm title="是否要删除该数据？" confirmButtonText="确认" cancelButtonText="取消"
 18 |               @confirm="DelData_Button(scope.row)">
 19 |               <template #reference>
 20 |                 <el-button text type="primary" size="small">删除</el-button>
 21 |               </template>
 22 |             </el-popconfirm>
 23 |           </template>
 24 |         </el-table-column>
 25 |       </el-table>
 26 | 
 27 |       <div class="flex items-center justify-center mt-2">
 28 |         <el-pagination background layout="prev, pager ,next" :total="total" :current-page="currentPage"
 29 |           :page-size="limit" @current-change="GetData" />
 30 |       </div>
 31 | 
 32 |       <FormDialog ref="DialogformRef" :title="Formtitle" @submit="FormSubmit" width="40%" :Buttontitle="Buttontitle">
 33 |         <el-form :model="form" ref="formRef" :rules="rules" label-width="80px">
 34 |           <div class="flex justify-between">
 35 |             <el-form-item prop="title" label="标题">
 36 |               <el-input v-model="form.title" placeholder="标题"></el-input>
 37 |             </el-form-item>
 38 |             <el-form-item prop="username" label="用户名">
 39 |               <el-input v-model="form.username" placeholder="用户名"></el-input>
 40 |             </el-form-item>
 41 |           </div>
 42 |           <div class="flex justify-between">
 43 |             <el-form-item prop="email" label="邮箱">
 44 |               <el-input v-model="form.email" placeholder="邮箱"></el-input>
 45 |             </el-form-item>
 46 |             <el-form-item prop="date" label="修改时间">
 47 |               <el-input v-model="form.date" placeholder="修改时间"></el-input>
 48 |             </el-form-item>
 49 |           </div>
 50 |           <div class="flex-auto">
 51 |             <el-form-item prop="address" label="地址">
 52 |               <el-input v-model="form.address" placeholder="地址" type="textarea"></el-input>
 53 |             </el-form-item>
 54 |           </div>
 55 |         </el-form>
 56 |       </FormDialog>
 57 | 
 58 |     </el-card>
 59 |   </div>
 60 | </template>
 61 | 
 62 | <script setup>
 63 | import ListHeader from "~/components/ListHeader.vue";
 64 | import FormDialog from "~/components/FormDialog.vue";
 65 | import { getNoticeList, createNotice, updateNotice, deleteNotice } from "~/api/page"
 66 | import { InitForm } from '~/composables/Form.js'
 67 | const {
 68 |   // 新增按钮标题
 69 |   Newtitle,
 70 |   // 当前页码
 71 |   currentPage,
 72 |   // 数据总数量
 73 |   total,
 74 |   // 分页数量页码
 75 |   limit,
 76 |   // 页面获取的数据
 77 |   Data,
 78 |   // 数据板块的加载状态
 79 |   loading,
 80 |   // 表单按钮标题
 81 |   Buttontitle,
 82 |   // 表单标题
 83 |   Formtitle,
 84 |   // 区别新增和修改
 85 |   // editId,
 86 |   // 表单model
 87 |   form,
 88 |   // 表单验证规则
 89 |   rules,
 90 |   // 父级FormDialog的ref
 91 |   DialogformRef,
 92 |   // 表单el-form的ref
 93 |   formRef,
 94 |   // 获取页面数据
 95 |   GetData,
 96 |   // 新增数据按钮
 97 |   AddData_Button,
 98 |   // 修改|更新数据按钮
 99 |   UpData_Button,
100 |   // 删除数据按钮
101 |   DelData_Button,
102 |   // 绑定FormDialog弹窗表单按钮事件
103 |   FormSubmit
104 | } = InitForm({
105 |   title: "表格数据",
106 |   // 搜索表单
107 |   // searchKeyword: "",
108 |   form: {
109 |     title: "",
110 |     username: "",
111 |     email: "",
112 |     date: "",
113 |     address: ""
114 |   },
115 |   rules: {
116 |     title: [{ required: true, message: '标题不能为空', trigger: 'blur' }],
117 |     username: [{ required: true, message: '用户名不能为空', trigger: 'blur' }],
118 |     email: [{ required: true, message: '邮箱不能为空', trigger: 'blur' }],
119 |     date: [{ required: true, message: '修改日期不能为空', trigger: 'blur' }],
120 |     address: [{ required: false, message: '地址不能为空', trigger: 'blur' }]
121 |   },
122 |   Buttontitle_value: {
123 |     title_1: '更新数据',
124 |     title_2: '新增数据'
125 |   },
126 |   Formtitle_value: {
127 |     title_1: '更新列表数据',
128 |     title_2: '新增列表数据'
129 |   },
130 |   getdata: getNoticeList,
131 |   updata: updateNotice,
132 |   adddata: createNotice,
133 |   deldata: deleteNotice
134 | })
135 | </script>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/qiandao/todolist.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <ListHeader class="ml-[10px]" @create="AddData_Button" @refresh="GetData" :title="Newtitle" />
  4 |     <!-- 加载动画 -->
  5 |     <el-row v-loading="loading">
  6 |       <!-- 遍历数据 offset="1" 控制台查看获取的数据 -->
  7 |       <el-col :span="6" v-for="item in Data" :key="item">
  8 |         <!-- 阴影动画和样式 -->
  9 |         <el-card shadow="hover" class="card_lists">
 10 |           <!-- 按钮 -->
 11 |           <div class="item-state-pos">
 12 |             <el-dropdown>
 13 |               <el-icon class="text-blue-400">
 14 |                 <MoreFilled />
 15 |               </el-icon>
 16 |               <template #dropdown>
 17 |                 <el-dropdown-menu>
 18 |                   <el-dropdown-item @click="UpData_Button(item)"><el-icon>
 19 |                       <Tools />
 20 |                     </el-icon>修改任务</el-dropdown-item>
 21 |                   <el-dropdown-item @click="DelData_Button(item)"><el-icon>
 22 |                       <DeleteFilled />
 23 |                     </el-icon>删除任务</el-dropdown-item>
 24 |                 </el-dropdown-menu>
 25 |               </template>
 26 |             </el-dropdown>
 27 |           </div>
 28 | 
 29 |           <!-- 头像和标题 -->
 30 |           <div class="item-title"><img :src="item.img" alt="">{{ item.title }}</div>
 31 |           <!-- 具体数据 -->
 32 |           <div class="item-content">
 33 |             <div class="cot">
 34 |               <div class="cot-tit">创建时间</div>
 35 |               <div class="cot-txt">{{ item.date }}</div>
 36 |             </div>
 37 |             <div class="cot">
 38 |               <div class="cot-tit">所属账号</div>
 39 |               <div class="cot-txt">{{ item.user_name }}</div>
 40 |             </div>
 41 |           </div>
 42 |           <div class="item-content">
 43 |             <div class="cot">
 44 |               <div class="cot-tit">频率 <span>{{ item.pl }}</span></div>
 45 |             </div>
 46 |             <div class="cot">
 47 |               <div class="cot-tit">状态<span
 48 |                   :class="[item.status == 1 ? 'type suc-type' : item.status == 0 ? 'type' : 'type error-type',]">
 49 |                   {{ item.status == 1 ? '运行正常' : item.status == 0 ? '运行失败' : '暂停运行' }}</span>
 50 |               </div>
 51 |             </div>
 52 |           </div>
 53 |           <div class="item-content flx-row">
 54 |             <div class="cot">
 55 |               <div class="cot-tit">备注</div>
 56 |               <div class="cot-txt one-cut-txt">{{ item.content }}</div>
 57 |             </div>
 58 |           </div>
 59 |         </el-card>
 60 |       </el-col>
 61 |     </el-row>
 62 |     <FormDialog ref="DialogformRef" :title="Formtitle" width="40%" :Buttontitle="Buttontitle" @submit="FormSubmit">
 63 |       <!-- 数据表单 -->
 64 |       <el-form :model="form" :rules="rules" ref="formRef" :validate-on-rule-change="false" label-width="80px">
 65 |         <div class="flex justify-between">
 66 |           <el-form-item label="标题:" prop="title">
 67 |             <el-input v-model="form.title" autocomplete="off" />
 68 |           </el-form-item>
 69 |           <el-form-item label="日期:" prop="date">
 70 |             <el-input v-model="form.date" autocomplete="off" />
 71 |           </el-form-item>
 72 |         </div>
 73 |         <div class="flex justify-between">
 74 |           <el-form-item label="用户名:" prop="user_name">
 75 |             <el-input v-model="form.user_name" />
 76 |           </el-form-item>
 77 |           <el-form-item label="频率:" prop="pl">
 78 |             <el-input v-model="form.pl" />
 79 |           </el-form-item>
 80 |         </div>
 81 |         <div class="flex-auto">
 82 |           <el-form-item label="备注:" prop="content">
 83 |             <el-input v-model="form.content" />
 84 |           </el-form-item>
 85 |         </div>
 86 |         <div class="text-center">
 87 |           <el-radio-group v-model="form.status" prop="status">
 88 |             <el-radio :label="1"><span class="text-green-600">运行正常</span></el-radio>
 89 |             <el-radio :label="2"><span class="text-light-blue-400">暂停运行</span></el-radio>
 90 |             <el-radio :label="0" disabled ><span class="text-red-600">运行失败</span></el-radio>
 91 |           </el-radio-group>
 92 |         </div>
 93 |       </el-form>
 94 |     </FormDialog>
 95 |   </div>
 96 | </template>
 97 | 
 98 | <script setup>
 99 | // 引入弹窗表单框架,和新增框架
100 | import ListHeader from "~/components/ListHeader.vue";
101 | import FormDialog from "~/components/FormDialog.vue";
102 | // 引入获取卡片列表
103 | import { getTodolists, addTodoList, upTodoList, delTodolist } from '~/api/qiandao';
104 | // 引入弹窗表单处理封装
105 | import { InitForm } from '~/composables/Form'
106 | 
107 | const {
108 |   // 新增按钮标题
109 |   Newtitle,
110 |   // 页面获取的数据
111 |   Data,
112 |   // 数据板块的加载状态
113 |   loading,
114 |   // 表单按钮标题
115 |   Buttontitle,
116 |   // 表单标题
117 |   Formtitle,
118 |   // 区别新增和修改
119 |   // editId,
120 |   // 表单model
121 |   form,
122 |   // 表单验证规则
123 |   rules,
124 |   // 父级FormDialog的ref
125 |   DialogformRef,
126 |   // 表单el-form的ref
127 |   formRef,
128 |   // 获取页面数据
129 |   GetData,
130 |   // 新增数据按钮
131 |   AddData_Button,
132 |   // 修改|更新数据按钮
133 |   UpData_Button,
134 |   // 删除数据按钮
135 |   DelData_Button,
136 |   // 绑定FormDialog弹窗表单按钮事件
137 |   FormSubmit
138 | } = InitForm({
139 |   title: "卡片数据",
140 |   rules: {
141 |     title: [{ required: true, message: '请填写标题', trigger: 'blur' }],
142 |     date: [{ required: true, message: '请填写日期', trigger: 'blur' }],
143 |     user_name: [{ required: true, message: '请填写用户名', trigger: 'blur' }],
144 |     number: [{ required: true, message: '请填写金额', trigger: 'blur' }],
145 |     content: [{ required: true, message: '请填写备注', trigger: 'blur' }]
146 |   },
147 |   form: {
148 |     title: '',
149 |     date: '',
150 |     user_name: '',
151 |     pl: '',
152 |     content: '',
153 |     status:'',
154 |   },
155 |   Buttontitle_value: {
156 |     title_1: '更新任务',
157 |     title_2: '新增任务'
158 |   },
159 |   Formtitle_value: {
160 |     title_1: '更新卡片任务',
161 |     title_2: '新增卡片任务'
162 |   },
163 |   getdata: getTodolists,
164 |   updata: upTodoList,
165 |   adddata: addTodoList,
166 |   deldata: delTodolist
167 | })
168 | </script>
169 | <style scoped>
170 | /* 卡片样式 */
171 | .card_lists {
172 |   /* 父级 卡片边距 */
173 |   @apply relative m-[10px];
174 | }
175 | 
176 | /* 菜单按钮 */
177 | .item-state-pos {
178 |   /* 子级 右边距 上边距 大小 圆角*/
179 |   @apply absolute right-1 top-[10px] text-sm rounded-xl;
180 |   /* font-size: 14px; */
181 |   padding: 5px 10px;
182 | }
183 | 
184 | .item-title {
185 |   /* 块级flex容器 */
186 |   @apply flex text-stroke-dark-500 text-left;
187 |   /* 字体大小 */
188 |   font-size: 16px;
189 |   /* 字体宽度 */
190 |   font-weight: 600;
191 |   /* color: #0f1222; */
192 |   /* text-align: left; */
193 |   vertical-align: top;
194 |   margin-bottom: 15px;
195 | }
196 | 
197 | .item-title img {
198 |   width: 24px;
199 |   height: 24px;
200 |   border-radius: 50%;
201 |   margin-right: 5px;
202 |   vertical-align: text-top;
203 | }
204 | 
205 | .item-content {
206 |   margin-bottom: 5px;
207 |   @apply flex;
208 | }
209 | 
210 | .card_lists .item-content .cot {
211 |   flex: 1;
212 | }
213 | 
214 | .card_lists .item-content .cot .cot-tit {
215 |   font-size: 14px;
216 |   font-weight: 400;
217 |   color: #535875;
218 |   padding-bottom: 5px;
219 | }
220 | 
221 | .card_lists .item-content .cot .cot-tit span {
222 |   font-size: 14px;
223 |   color: #0f1222;
224 | }
225 | 
226 | .card_lists .item-content .cot .cot-tit span.type {
227 |   font-size: 10px;
228 |   padding: 5px 10px;
229 |   font-weight: 500;
230 |   line-height: 0px;
231 |   color: #fa4a1e;
232 |   text-align: left;
233 |   border-radius: 6px;
234 |   background: #fa4a1e14;
235 | }
236 | 
237 | .card_lists .item-content .cot .cot-tit span.type.error-type {
238 |   color: #4060c7;
239 |   background: #e8f3ff;
240 | }
241 | 
242 | .card_lists .item-content .cot .cot-tit span.type.suc-type {
243 |   color: #48ac4c;
244 |   background: #e2ffef;
245 | }
246 | 
247 | .card_lists .item-content .cot .cot-txt {
248 |   font-size: 14px;
249 |   font-weight: 400;
250 |   color: #0f1222;
251 | }
252 | 
253 | .card_lists .item-bottom {
254 |   flex-flow: row-reverse;
255 | }
256 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/qiandao/todolog.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <el-card shadow="never" class="border-0 pl-[10px]" :body-style="{ padding: '0px' }">
 4 |       <el-table :data="Data" stripe border style="width: 100%" v-loading="loading">
 5 |         <el-table-column prop="title" label="序号" />
 6 |         <el-table-column prop="username" label="签到任务" />
 7 |         <el-table-column prop="email" label="所属账号" />
 8 |         <el-table-column prop="date" label="执行时间" />
 9 |         <el-table-column prop="address" label="执行结果" />
10 |         <el-table-column label="操作" width="180" align="center">
11 |           <template #default="scope">
12 |             <el-popconfirm title="是否要删除该数据？" confirmButtonText="确认" cancelButtonText="取消"
13 |               @confirm="DelData_Button(scope.row)">
14 |               <template #reference>
15 |                 <el-button text type="primary" size="small">删除</el-button>
16 |               </template>
17 |             </el-popconfirm>
18 |           </template>
19 |         </el-table-column>
20 |       </el-table>
21 | 
22 |       <div class="flex items-center justify-center mt-2">
23 |         <el-pagination background layout="prev, pager ,next" :total="total" :current-page="currentPage"
24 |           :page-size="limit" @current-change="GetDataTable" />
25 |       </div>
26 | 
27 |     </el-card>
28 |   </div>
29 | </template>
30 | 
31 | <script setup>
32 | import { ref } from 'vue';
33 | import { getTodolog, delTodolog } from "~/api/qiandao"
34 | // 提示框
35 | import { showModal, toast } from "~/composables/util";
36 | // 表单板块加载动画
37 | const loading = ref(false)
38 | // 页面数据
39 | const Data = ref([])
40 | // 分页
41 | const currentPage = ref(1)
42 | // 单页数量
43 | const limit = ref(10)
44 | // 总数量
45 | const total = ref(0)
46 | // table表格页面-打开页面请求数据
47 | function GetDataTable(p = null) {
48 |   if (typeof p == "number") {
49 |     currentPage.value = p
50 |   }
51 |   loading.value = true
52 |   // console.log(p)
53 |   getTodolog(currentPage.value)
54 |     .then(res => {
55 |       Data.value = res.data
56 |       // console.log(res)
57 |       total.value = res.total
58 |     })
59 |     .finally(() => {
60 |       loading.value = false
61 |     })
62 | }
63 | GetDataTable()
64 | 
65 | // 按钮菜单项删除
66 | const DelData_Button = (index) => {
67 |   showModal("是否确实要删除该条数据?", "warning", "提示")
68 |     .then(() => {
69 |       Data.value.splice(index, 1)
70 |       delTodolog(index.id)
71 |       GetDataTable()
72 |     })
73 |     .catch(() => {
74 | 
75 |     });
76 | }
77 | </script>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/screen/index.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <div>
3 |         <iframe src="/123.html"  width="100%" height="800px" scrolling="auto"></iframe>
4 |     </div>
5 | </template>
6 |  


--------------------------------------------------------------------------------
/linxi-vue/src/pages/screen/index_old.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app" style="width: 100%;">
  3 |     <dv-full-screen-container style="background: #01133d;width: 100%">
  4 |       <dv-border-box-11 title="智慧服务" class="flex">
  5 |         <div class="container">
  6 |           <div class="itme" :style="{ width: '70%', height: '100%' }">
  7 |             <!-- 用于设置echarts元素的-->
  8 |               <dv-border-box-10 class="p-2">
  9 |                 <el-carousel trigger="click" height="500px">
 10 |                   <el-carousel-item v-for="item in srcitem" :key="item">
 11 |                     <img :src="item" style="width:100%;height:100%;" alt="">
 12 |                   </el-carousel-item>
 13 |                 </el-carousel>
 14 |               </dv-border-box-10>
 15 |           </div>
 16 |           <div class="itme" :style="{ width: '30%', height: '100%' }">
 17 |             <div style="width: 95%;height: 50%;float: left;padding-bottom: 1%;">
 18 |               <dv-border-box-10 class="p-2">
 19 |                 <dv-capsule-chart :config="config2" style="width:100%;height:100%" />
 20 |               </dv-border-box-10>
 21 |             </div>
 22 |             <div style="width: 95%;height: 50%;float: left;">
 23 |               <dv-border-box-10 class="p-3">
 24 |                 <dv-scroll-ranking-board :config="config3" style="width:100%;height:100%" />
 25 |               </dv-border-box-10>
 26 |             </div>
 27 |           </div>
 28 | 
 29 |         </div>
 30 |         <div class="footer">
 31 |           <div class="itme" :style="{ width: '100%', height: '70%' }">
 32 |             <div style="width: 98.6%;height: 100%;float: left;margin-right: 10px">
 33 |               <dv-border-box-10>
 34 |                 <dv-scroll-board :config="config4" class="p-2" style="width:100%;height:220px" />
 35 |               </dv-border-box-10>
 36 |             </div>
 37 |           </div>
 38 | 
 39 |         </div>
 40 |       </dv-border-box-11>
 41 |     </dv-full-screen-container>
 42 |   </div>
 43 | </template>
 44 | 
 45 | <script setup>
 46 | import { ref, reactive } from 'vue';
 47 | 
 48 | const srcitem = reactive([
 49 |   'http://www.qiku.com/static/img/product/n7lite/index-bg1.jpg',
 50 |   'http://www.qiku.com/static/img/product/n7lite/index-bg3.jpg',
 51 |   'http://www.qiku.com/static/img/product/n7lite/index-bg8.jpg',
 52 |   'http://www.qiku.com/static/img/product/n7lite/index-bg81.jpg',
 53 |   'http://www.qiku.com/static/img/product/n7lite/index-bg9.jpg'
 54 | ])
 55 | 
 56 | const config2 = reactive({
 57 |   data: [
 58 |     {
 59 |       name: '南阳',
 60 |       value: 167
 61 |     },
 62 |     {
 63 |       name: '周口',
 64 |       value: 123
 65 |     },
 66 |     {
 67 |       name: '漯河',
 68 |       value: 98
 69 |     },
 70 |     {
 71 |       name: '郑州',
 72 |       value: 75
 73 |     },
 74 |     {
 75 |       name: '西峡',
 76 |       value: 66
 77 |     },
 78 |   ],
 79 |   colors: ['#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],
 80 |   unit: '单位',
 81 |   showValue: true
 82 | })
 83 | const config3 = reactive({
 84 |   data: [
 85 |     {
 86 |       name: '周口',
 87 |       value: 55
 88 |     },
 89 |     {
 90 |       name: '南阳',
 91 |       value: 120
 92 |     },
 93 |     {
 94 |       name: '西峡',
 95 |       value: 78
 96 |     },
 97 |     {
 98 |       name: '驻马店',
 99 |       value: 66
100 |     },
101 |     {
102 |       name: '新乡',
103 |       value: 80
104 |     },
105 |     {
106 |       name: '信阳',
107 |       value: 45
108 |     },
109 |     {
110 |       name: '漯河',
111 |       value: 29
112 |     }
113 |   ]
114 | })
115 | const config4 = reactive({
116 |   header: ['列1', '列2', '列3'],
117 |   data: [
118 |     ['行1列1', '行1列2', '行1列3'],
119 |     ['行2列1', '行2列2', '行2列3'],
120 |     ['行3列1', '行3列2', '行3列3'],
121 |     ['行4列1', '行4列2', '行4列3'],
122 |     ['行5列1', '行5列2', '行5列3'],
123 |     ['行6列1', '行6列2', '行6列3'],
124 |     ['行7列1', '行7列2', '行7列3'],
125 |     ['行8列1', '行8列2', '行8列3'],
126 |     ['行9列1', '行9列2', '行9列3'],
127 |     ['行10列1', '行10列2', '行10列3']
128 |   ],
129 |   index: true,
130 |   columnWidth: [50],
131 |   align: ['center'],
132 |   headerBGC: '00',
133 | })
134 | 
135 | </script>
136 | 
137 | <style scoped>
138 | #app {
139 |   font-family: Avenir, Helvetica, Arial, sans-serif;
140 |   -webkit-font-smoothing: antialiased;
141 |   -moz-osx-font-smoothing: grayscale;
142 |   text-align: center;
143 |   color: #2c3e50;
144 |   margin-top: 60px;
145 | }
146 | 
147 | .itme {
148 |   float: left;
149 |   padding: 0px 0px 0px 0px;
150 |   margin: 75px 0px 0px 9px;
151 | }
152 | 
153 | .container {
154 |   height: 60%;
155 |   width: 99%;
156 |   padding-left: 1%;
157 |   flex-direction: row;
158 |   display: flex;
159 |   flex-direction: row;
160 |   flex-wrap: nowrap;
161 |   align-content: flex-start;
162 | }
163 | 
164 | .footer {
165 |   height: 40%;
166 |   padding-left: 1%;
167 |   padding-top: 1%;
168 |   flex-direction: row;
169 |   display: flex;
170 |   flex-direction: row;
171 |   flex-wrap: nowrap;
172 |   align-content: flex-start;
173 | }
174 | </style>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/system/config.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <div>
3 |         系统配置-待开发。。。
4 |     </div>
5 | </template>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/system/menus.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <div>
3 |         菜单管理-待开发。。。
4 |     </div>
5 | </template>


--------------------------------------------------------------------------------
/linxi-vue/src/pages/user/user.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <el-card>
  4 |       <el-descriptions class="mt-0" :title="`个人简介 :`+ipdata.system" :column="2" border>
  5 |         <el-descriptions-item>
  6 |           <template #label>
  7 |             <el-icon>
  8 |               <Picture />
  9 |             </el-icon>头像
 10 |           </template>
 11 |           <el-avatar shape="square" :size="100" :src="$store.state.user.avatar" />
 12 |         </el-descriptions-item>
 13 |         <el-descriptions-item>
 14 |           <template #label><el-icon>
 15 |               <User />
 16 |             </el-icon>账户名
 17 |           </template>
 18 |           {{ $store.state.user.username }}
 19 |         </el-descriptions-item>
 20 |         <el-descriptions-item>
 21 |           <template #label>
 22 |             <el-icon>
 23 |               <Avatar />
 24 |             </el-icon>昵称
 25 |           </template>
 26 |           {{ $store.state.user.name }}
 27 |         </el-descriptions-item>
 28 |         <el-descriptions-item>
 29 |           <template #label>
 30 |             <el-icon>
 31 |               <Message />
 32 |             </el-icon>
 33 |             邮箱Email
 34 |           </template>
 35 |           {{ $store.state.user.email }}
 36 |         </el-descriptions-item>
 37 |         <el-descriptions-item>
 38 |           <template #label>
 39 |             <el-icon>
 40 |               <Location />
 41 |             </el-icon>
 42 |             登陆IP
 43 |           </template>
 44 |           {{ ipdata.ip}}
 45 |         </el-descriptions-item>
 46 |         <el-descriptions-item>
 47 |           <template #label>
 48 |             <el-icon>
 49 |               <Location />
 50 |             </el-icon>
 51 |             职业
 52 |           </template>
 53 |           {{ $store.state.user.job }}
 54 |         </el-descriptions-item>
 55 |         <el-descriptions-item>
 56 |           <template #label>
 57 |             <el-icon>
 58 |               <ChatRound />
 59 |             </el-icon>
 60 |             个性签名
 61 |           </template>
 62 |           {{ $store.state.user.text }}
 63 |         </el-descriptions-item>
 64 |       </el-descriptions>
 65 |       <el-button class="mt-2" type="primary" @click="UpData_Button($store.state.user)">修改</el-button>
 66 |     </el-card>
 67 |     <FormDialog ref="DialogformRef" :title="Formtitle" @submit="FormSubmit" width="40%" :Buttontitle="Buttontitle">
 68 |       <el-form :model="form" ref="formRef" :rules="rules" label-width="80px">
 69 |         <div class="flex justify-between">
 70 |           <el-form-item prop="avatar" label="头像">
 71 |             <el-input v-model="form.avatar" placeholder="头像地址"></el-input>
 72 |           </el-form-item>
 73 |           <el-form-item prop="username" label="用户名">
 74 |             <el-input v-model="form.username" placeholder="用户名"></el-input>
 75 |           </el-form-item>
 76 |         </div>
 77 |         <div class="flex justify-between">
 78 |           <el-form-item prop="name" label="昵称">
 79 |             <el-input v-model="form.name" placeholder="昵称"></el-input>
 80 |           </el-form-item>
 81 |           <el-form-item prop="email" label="邮箱">
 82 |             <el-input v-model="form.email" placeholder="邮箱地址"></el-input>
 83 |           </el-form-item>
 84 |         </div>
 85 |         <div class="flex justify-between">
 86 |           <el-form-item prop="job" label="职业">
 87 |             <el-input v-model="form.job" placeholder="职业"></el-input>
 88 |           </el-form-item>
 89 |           <el-form-item prop="text" label="地址">
 90 |             <el-input v-model="form.text" placeholder="地址" type="textarea"></el-input>
 91 |           </el-form-item>
 92 |         </div>
 93 |       </el-form>
 94 |     </FormDialog>
 95 |   </div>
 96 | </template>
 97 | 
 98 | <script setup>
 99 | import { ref } from 'vue';
100 | import { ip } from '~/api/public';
101 | import FormDialog from "~/components/FormDialog.vue";
102 | import { InitForm } from '~/composables/Form.js'
103 | import { updateuser } from '~/api/manager.js'
104 | import store from '~/store'
105 | 
106 | 
107 | const ipdata = ref({
108 |   ip: "",
109 |   system: ""
110 | })
111 | ip().then(res => {
112 |   ipdata.value = res
113 | })
114 | const {
115 |   form,
116 |   // 表单验证规则
117 |   rules,
118 |   // 父级FormDialog的ref
119 |   DialogformRef,
120 |   // 表单el-form的ref
121 |   formRef,
122 |   // 表单按钮标题
123 |   Buttontitle,
124 |   // 表单标题
125 |   Formtitle,
126 |   UpData_Button,
127 |   FormSubmit
128 | } = InitForm({
129 |   title: "个人中心",
130 |   // 搜索表单
131 |   // searchKeyword: "",
132 |   form: {
133 |     id: store.state.user.uid,
134 |     avatar: "",
135 |     username: "",
136 |     name: "",
137 |     email: "",
138 |     job: "",
139 |     text: ""
140 |   },
141 |   Buttontitle_value: {
142 |     title_1: '修改数据',
143 |   },
144 |   Formtitle_value: {
145 |     title_1: '修改用户数据',
146 |   },
147 |   rules: {
148 |     avatar: [{ required: true, message: '头像地址不能为空', trigger: 'blur' }],
149 |     username: [{ required: true, message: '用户名不能为空', trigger: 'blur' }],
150 |     name: [{ required: true, message: '昵称不能为空', trigger: 'blur' }],
151 |     email: [{ required: false, message: '邮箱可以为空', trigger: 'blur' }],
152 |     job: [{ required: false, message: '职业可以为空', trigger: 'blur' }],
153 |     text: [{ required: false, message: '个性签名可以为空', trigger: 'blur' }]
154 |   },
155 |   getdata: ip,
156 |   updata: updateuser,
157 | })
158 | </script>
159 | 


--------------------------------------------------------------------------------
/linxi-vue/src/permission.js:
--------------------------------------------------------------------------------
 1 | // 引入路由和添加路由
 2 | import { router, addRoutes } from "~/router";
 3 | // 获取Token
 4 | import { getToken } from "~/composables/auth";
 5 | // 消息通知、进度条加载、进度条隐藏
 6 | import { toast, showFullLoading, hideFullLoading } from "~/composables/util";
 7 | // 状态管理
 8 | import store from "./store";
 9 | 
10 | // 全局前置守卫
11 | let hasGetInfo = false;
12 | router.beforeEach(async (to, from, next) => {
13 |   
14 |   // 显示loading进度条
15 |   showFullLoading();
16 |   // 获取token
17 |   const token = getToken();
18 | 
19 |   // 没有登录，强制跳转回登录页,可随意访问可视化大屏/路径
20 |   if (!token && to.path != "/login" && to.path != "/" ) {
21 |     // 消息提醒
22 |     toast("请先登录", "error");
23 |     // 跳转路径
24 |     return next({ path: "/login" });
25 |   }
26 | 
27 |   // 防止重复登录
28 |   if (token && to.path == "/login") {
29 |     // 消息提醒
30 |     toast("请勿重复登录", "error");
31 |     // 从哪来返回哪里
32 |     return next({ path: from.path ? from.path : "/home" });
33 |   }
34 | 
35 |   // 如果用户登录了，自动获取用户信息，并存储在vuex当中
36 |   let hasNewRoutes = false;
37 |   // 有token存在
38 |   if (token && !hasGetInfo) {
39 |     // 获取返回响应数据中的menus
40 |     let { menus } = await store.dispatch("getinfo")
41 |     // 查看是否成功执行异步操作,防止加载太快异步失败,如果没有数据则重新执行操作
42 |     if (menus == null){
43 |       menus = await store.dispatch("getinfo")
44 |     }
45 |     hasGetInfo = true
46 |     //动态添加路由
47 |     hasNewRoutes = addRoutes(menus)
48 |   }
49 | 
50 |   // 设置页面标题
51 |   let title = (to.meta.title ? to.meta.title : "林夕") + "-后台管理系统";
52 |   document.title = title;
53 | 
54 |   // 如果有新路由则指定path,否则放行
55 |   hasNewRoutes ? next(to.fullPath) : next();
56 | });
57 | 
58 | // 全局后置守卫
59 | router.afterEach((to, from) => hideFullLoading());
60 | 


--------------------------------------------------------------------------------
/linxi-vue/src/router/index.js:
--------------------------------------------------------------------------------
  1 | // 引入vue-router官方路由
  2 | import { createRouter, createWebHashHistory } from "vue-router";
  3 | // 引入各类页面
  4 | // 后台框架
  5 | import Admin from "~/layouts/admin.vue";
  6 | // 后台首页
  7 | import Index from "~/pages/index.vue";
  8 | // 登陆页
  9 | import Login from "~/pages/login.vue";
 10 | // 404页面
 11 | import NotFound from "~/pages/404.vue";
 12 | // 卡片列表
 13 | import CardData from "~/pages/page/card.vue";
 14 | // 表格列表
 15 | import TableData from "~/pages/page/table.vue";
 16 | // 系统参数设置
 17 | import Config from "~/pages/system/config.vue";
 18 | // 菜单管理
 19 | import MenusList from "~/pages/system/menus.vue";
 20 | // 个人中心
 21 | import User from "~/pages/user/user.vue";
 22 | // 签到任务
 23 | import Todolist from "~/pages/qiandao/todolist.vue";
 24 | // 运行日志
 25 | import Todolog from "~/pages/qiandao/todolog.vue";
 26 | 
 27 | 
 28 | 
 29 | 
 30 | // 可视化大屏
 31 | import Bigscreen from "~/pages/screen/index.vue"
 32 | 
 33 | //默认路由,所有用户共享
 34 | const routes = [
 35 |   // 后台框架
 36 |   {
 37 |     path: "/home",
 38 |     name: "admin",
 39 |     component: Admin,
 40 |   },
 41 |   {
 42 |     path: "/",
 43 |     component: Bigscreen,
 44 |     meta: {
 45 |       title: "首页",
 46 |     },
 47 |   },
 48 |   {
 49 |     path: "/login",
 50 |     component: Login,
 51 |     meta: {
 52 |       title: "登录页",
 53 |     },
 54 |   },
 55 |   // 404匹配规则
 56 |   {
 57 |     path: "/:pathMatch(.*)*",
 58 |     name: "NotFound",
 59 |     component: NotFound,
 60 |   },
 61 | ];
 62 | 
 63 | //动态匹配添加路由
 64 | const asyncRoutes = [
 65 |   // 后台首页页面
 66 |   {
 67 |     // 后台首页
 68 |     path:"/home",
 69 |     name:"/home",
 70 |     component: Index,
 71 |     meta:{
 72 |       title:""
 73 |     },
 74 |   },
 75 |   // 添加路由实际页面
 76 |   {
 77 |     // 卡片数据
 78 |     path: "/card",
 79 |     component: CardData,
 80 |     meta: {
 81 |       title: "",
 82 |     },
 83 |   },
 84 |   {
 85 |     // 表格数据
 86 |     path: "/table",
 87 |     component: TableData,
 88 |     meta: {
 89 |       title: "",
 90 |     },
 91 |   }
 92 |   ,
 93 |   {
 94 |     // 参数配置
 95 |     path: "/sys/config",
 96 |     component: Config,
 97 |     meta: {
 98 |       title: "",
 99 |     },
100 |   }
101 |   ,
102 |   {
103 |     // 菜单管理
104 |     path: "/sys/menus",
105 |     component: MenusList,
106 |     meta: {
107 |       title: "",
108 |     },
109 |   }
110 |   ,
111 |   {
112 |     // 个人中心
113 |     path: "/user",
114 |     component: User,
115 |     meta: {
116 |       title: "",
117 |     },
118 |   },
119 |   {
120 |     // 签到任务
121 |     path: "/todolist",
122 |     component: Todolist,
123 |     meta: {
124 |       title: "",
125 |     },
126 |   },
127 |   {
128 |     // 运行日志
129 |     path: "/todolog",
130 |     component: Todolog,
131 |     meta: {
132 |       title: "",
133 |     },
134 |   },
135 |   
136 | ];
137 | 
138 | // 传入菜单数据设置菜单标题
139 | 
140 | // 创建实例化路由
141 | export const router = createRouter({
142 |   history: createWebHashHistory(),
143 |   routes,
144 | });
145 | 
146 | //动态添加路由方法
147 | export function addRoutes(menus) {
148 |   //是否有新的路由
149 |   let hasNewRoutes = false;
150 |   // 创建方法
151 |   const findAndAddRoutesByMenus = (arr) => {
152 |     // 遍历得到每个菜单项
153 |     arr.forEach(e => {
154 |       // 遍历动态路由列表
155 |       let item = asyncRoutes.find((o) => o.path == e.path);
156 |       // 判断路由是否存在
157 |       if (item && !router.hasRoute(item.path)) {
158 |         // 设置标题为获取到的name值
159 |         item.meta.title=e.name
160 |         // 指定父级路由
161 |         router.addRoute("admin", item);
162 |         // 设置标题
163 |         hasNewRoutes = true;
164 |       }
165 |       //子路由,并且长度大于0,即添加子路由
166 |       if (e.secMenus && e.secMenus.length > 0) {
167 |         // 执行方法添加子路由
168 |         findAndAddRoutesByMenus(e.secMenus);
169 |       }
170 |     });
171 |   };
172 |   // 执行方法
173 |   findAndAddRoutesByMenus(menus)
174 | 
175 |   // console.log("获取路由",router.getRoutes());
176 |   return hasNewRoutes;
177 | }
178 | 


--------------------------------------------------------------------------------
/linxi-vue/src/store/index.js:
--------------------------------------------------------------------------------
 1 | // 引入状态管理
 2 | import { createStore } from "vuex";
 3 | // 引入登陆和获取菜单接口
 4 | import { login, getinfo } from "~/api/manager";
 5 | // 得到token后设置和删除
 6 | import { setToken, removeToken } from "~/composables/auth";
 7 | 
 8 | // 实例化状态管理
 9 | const store = createStore({
10 |   state() {
11 |     return {
12 |       // 用户信息数据
13 |       user: {},
14 |       // 后台标题: 供Header模块菜单收缩使用
15 |       title: "后台管理",
16 |       // 侧边菜单宽度: 供Header模块菜单收缩使用
17 |       asideWidth: "200px",
18 |       // 后端传进来的菜单列表
19 |       menus: [],
20 | 
21 |       // ruleNames: [],
22 |     };
23 |   },
24 |   mutations: {
25 |     // 记录用户信息
26 |     SET_USERINFO(state, user) {
27 |       state.user = user;
28 |     },
29 |     // 展开/缩起侧边 和 标题收缩
30 |     handleAsideWidth(state) {
31 |       state.title = state.title == "后台管理" ? undefined : "后台管理";
32 |       state.asideWidth = state.asideWidth == "200px" ? "50px" : "200px";
33 |     },
34 |     // 设置菜单数据
35 |     SET_MENUS(state, menu) {
36 |       state.menus = menu;
37 |     },
38 | 
39 |     // SET_RULENAMES(state, ruleNames) {
40 |     //   state.ruleNames = ruleNames;
41 |     // },
42 |   },
43 |   actions: {
44 |     // 登录-提交用户名和密码
45 |     login({ commit }, { username, password }) {
46 |       return new Promise((resolve, reject) => {
47 |         login(username, password)
48 |           .then((res) => {
49 |             // 登陆成功,设置token
50 |             setToken(res.token);
51 |             resolve(res);
52 |           })
53 |           .catch((err) => reject(err));
54 |       });
55 |     },
56 |     // 获取当前登录用户信息
57 |     getinfo({ commit }) {
58 |       return new Promise((resolve, reject) => {
59 |         getinfo()
60 |           .then((res) => {
61 |             // 获取成功
62 |             // 提交数据给用户信息
63 |             commit("SET_USERINFO", res);
64 |             // 提交菜单数据给菜单列表
65 |             commit("SET_MENUS", res.menus);
66 | 
67 |             // commit("SET_RULENAMES", res.ruleNames);
68 |             resolve(res);
69 |           })
70 |           .catch((err) => reject(err));
71 |       });
72 |     },
73 |     // 退出登录
74 |     logout({ commit }) {
75 |       // 移除cookie里的token
76 |       removeToken();
77 |       // 清除当前用户状态 vuex
78 |       commit("SET_USERINFO", {});
79 |     },
80 |   },
81 | });
82 | 
83 | export default store;
84 | 


--------------------------------------------------------------------------------
/linxi-vue/vite.config.js:
--------------------------------------------------------------------------------
 1 | // 引入vite
 2 | import { defineConfig } from 'vite'
 3 | import vue from '@vitejs/plugin-vue'
 4 | // WindiCSS样式模块
 5 | import WindiCSS from 'vite-plugin-windicss'
 6 | // 引入路径
 7 | import path from "path"
 8 | // 引入图片压缩插件
 9 | // import viteImagemin from 'vite-plugin-imagemin'
10 | 
11 | 
12 | // https://vitejs.dev/config/
13 | export default defineConfig({
14 |   resolve: {
15 |     // src目录别名
16 |     alias: {
17 |       "~": path.resolve(__dirname, "src"),
18 |     }
19 |   },
20 | 
21 |   // 配置前端服务地址和端口
22 |   server: {
23 |     // 前端地址
24 |     host: '0.0.0.0',
25 |     // 前端端口
26 |     port: 8080,
27 |     // 启动成功自动打开浏览器
28 |     // open: true,
29 |     // 设置反向代理，跨域
30 |     proxy: {
31 |       '/api': {
32 |         target: 'http://linxi-flask.run.goorm.app',//http://flask.linxi.tk
33 |         changeOrigin: true,
34 |         rewrite: (path) => path.replace(/^\/api/, '')
35 |       },
36 |     }
37 |   },
38 | 
39 |   plugins: [vue(), WindiCSS()]
40 | })
41 | 


--------------------------------------------------------------------------------