diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..88b3bfc --- /dev/null +++ b/.prettierignore @@ -0,0 +1,3 @@ +dist +node_modules +yarn.lock diff --git a/README.md b/README.md index c6eb8a1..b0994cb 100644 --- a/README.md +++ b/README.md @@ -11,11 +11,11 @@ ## 平台简介 -* 本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [Element Plus](https://element-plus.org/zh-CN) + [Vite](https://cn.vitejs.dev) 版本。 -* 配套后端代码仓库地址[RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue) 或 [RuoYi-Vue-fast](https://github.com/yangzongzhuan/RuoYi-Vue-fast) 版本。 -* 前端技术栈([Vue2](https://cn.vuejs.org) + [Element](https://github.com/ElemeFE/element) + [Vue CLI](https://cli.vuejs.org/zh)),请移步[RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue/tree/master/ruoyi-ui)。 -* 阿里云折扣场:[点我进入](http://aly.ruoyi.vip),腾讯云秒杀场:[点我进入](http://txy.ruoyi.vip)   -* 阿里云优惠券:[点我领取](https://www.aliyun.com/minisite/goods?userCode=brki8iof&share_source=copy_link),腾讯云优惠券:[点我领取](https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console)   +- 本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [Element Plus](https://element-plus.org/zh-CN) + [Vite](https://cn.vitejs.dev) 版本。 +- 配套后端代码仓库地址[RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue) 或 [RuoYi-Vue-fast](https://github.com/yangzongzhuan/RuoYi-Vue-fast) 版本。 +- 前端技术栈([Vue2](https://cn.vuejs.org) + [Element](https://github.com/ElemeFE/element) + [Vue CLI](https://cli.vuejs.org/zh)),请移步[RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue/tree/master/ruoyi-ui)。 +- 阿里云折扣场:[点我进入](http://aly.ruoyi.vip),腾讯云秒杀场:[点我进入](http://txy.ruoyi.vip)   +- 阿里云优惠券:[点我领取](https://www.aliyun.com/minisite/goods?userCode=brki8iof&share_source=copy_link),腾讯云优惠券:[点我领取](https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console)   ## 前端运行 @@ -51,16 +51,16 @@ yarn dev 10. 登录日志:系统登录日志记录查询包含登录异常。 11. 在线用户:当前系统中活跃用户状态监控。 12. 定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。 -13. 代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。 -14. 系统接口:根据业务代码自动生成相关的api接口文档。 -15. 服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。 +13. 代码生成:前后端代码的生成(java、html、xml、sql)支持 CRUD 下载 。 +14. 系统接口:根据业务代码自动生成相关的 api 接口文档。 +15. 服务监控:监视当前系统 CPU、内存、磁盘、堆栈等相关信息。 16. 缓存监控:对系统的缓存信息查询,命令统计等。 -17. 在线构建器:拖动表单元素生成相应的HTML代码。 -18. 连接池监视:监视当前系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。 +17. 在线构建器:拖动表单元素生成相应的 HTML 代码。 +18. 连接池监视:监视当前系统数据库连接池状态,可进行分析 SQL 找出系统性能瓶颈。 ## 在线体验 -- admin/admin123 +- admin/admin123 - 陆陆续续收到一些打赏,为了更好的体验已用于演示服务器升级。谢谢各位小伙伴。 演示地址:http://vue.ruoyi.vip @@ -103,7 +103,6 @@ yarn dev - ## 若依前后端分离交流群 -QQ群: [![加入QQ群](https://img.shields.io/badge/已满-937441-blue.svg)](https://jq.qq.com/?_wv=1027&k=5bVB1og) [![加入QQ群](https://img.shields.io/badge/已满-887144332-blue.svg)](https://jq.qq.com/?_wv=1027&k=5eiA4DH) [![加入QQ群](https://img.shields.io/badge/已满-180251782-blue.svg)](https://jq.qq.com/?_wv=1027&k=5AxMKlC) [![加入QQ群](https://img.shields.io/badge/已满-104180207-blue.svg)](https://jq.qq.com/?_wv=1027&k=51G72yr) [![加入QQ群](https://img.shields.io/badge/已满-186866453-blue.svg)](https://jq.qq.com/?_wv=1027&k=VvjN2nvu) [![加入QQ群](https://img.shields.io/badge/已满-201396349-blue.svg)](https://jq.qq.com/?_wv=1027&k=5vYAqA05) [![加入QQ群](https://img.shields.io/badge/已满-101456076-blue.svg)](https://jq.qq.com/?_wv=1027&k=kOIINEb5) [![加入QQ群](https://img.shields.io/badge/已满-101539465-blue.svg)](https://jq.qq.com/?_wv=1027&k=UKtX5jhs) [![加入QQ群](https://img.shields.io/badge/已满-264312783-blue.svg)](https://jq.qq.com/?_wv=1027&k=EI9an8lJ) [![加入QQ群](https://img.shields.io/badge/已满-167385320-blue.svg)](https://jq.qq.com/?_wv=1027&k=SWCtLnMz) [![加入QQ群](https://img.shields.io/badge/已满-104748341-blue.svg)](https://jq.qq.com/?_wv=1027&k=96Dkdq0k) [![加入QQ群](https://img.shields.io/badge/已满-160110482-blue.svg)](https://jq.qq.com/?_wv=1027&k=0fsNiYZt) [![加入QQ群](https://img.shields.io/badge/已满-170801498-blue.svg)](https://jq.qq.com/?_wv=1027&k=7xw4xUG1) [![加入QQ群](https://img.shields.io/badge/已满-108482800-blue.svg)](https://jq.qq.com/?_wv=1027&k=eCx8eyoJ) [![加入QQ群](https://img.shields.io/badge/已满-101046199-blue.svg)](https://jq.qq.com/?_wv=1027&k=SpyH2875) [![加入QQ群](https://img.shields.io/badge/136919097-blue.svg)](https://jq.qq.com/?_wv=1027&k=tKEt51dz) 点击按钮入群。 \ No newline at end of file +QQ 群: [![加入QQ群](https://img.shields.io/badge/已满-937441-blue.svg)](https://jq.qq.com/?_wv=1027&k=5bVB1og) [![加入QQ群](https://img.shields.io/badge/已满-887144332-blue.svg)](https://jq.qq.com/?_wv=1027&k=5eiA4DH) [![加入QQ群](https://img.shields.io/badge/已满-180251782-blue.svg)](https://jq.qq.com/?_wv=1027&k=5AxMKlC) [![加入QQ群](https://img.shields.io/badge/已满-104180207-blue.svg)](https://jq.qq.com/?_wv=1027&k=51G72yr) [![加入QQ群](https://img.shields.io/badge/已满-186866453-blue.svg)](https://jq.qq.com/?_wv=1027&k=VvjN2nvu) [![加入QQ群](https://img.shields.io/badge/已满-201396349-blue.svg)](https://jq.qq.com/?_wv=1027&k=5vYAqA05) [![加入QQ群](https://img.shields.io/badge/已满-101456076-blue.svg)](https://jq.qq.com/?_wv=1027&k=kOIINEb5) [![加入QQ群](https://img.shields.io/badge/已满-101539465-blue.svg)](https://jq.qq.com/?_wv=1027&k=UKtX5jhs) [![加入QQ群](https://img.shields.io/badge/已满-264312783-blue.svg)](https://jq.qq.com/?_wv=1027&k=EI9an8lJ) [![加入QQ群](https://img.shields.io/badge/已满-167385320-blue.svg)](https://jq.qq.com/?_wv=1027&k=SWCtLnMz) [![加入QQ群](https://img.shields.io/badge/已满-104748341-blue.svg)](https://jq.qq.com/?_wv=1027&k=96Dkdq0k) [![加入QQ群](https://img.shields.io/badge/已满-160110482-blue.svg)](https://jq.qq.com/?_wv=1027&k=0fsNiYZt) [![加入QQ群](https://img.shields.io/badge/已满-170801498-blue.svg)](https://jq.qq.com/?_wv=1027&k=7xw4xUG1) [![加入QQ群](https://img.shields.io/badge/已满-108482800-blue.svg)](https://jq.qq.com/?_wv=1027&k=eCx8eyoJ) [![加入QQ群](https://img.shields.io/badge/已满-101046199-blue.svg)](https://jq.qq.com/?_wv=1027&k=SpyH2875) [![加入QQ群](https://img.shields.io/badge/136919097-blue.svg)](https://jq.qq.com/?_wv=1027&k=tKEt51dz) 点击按钮入群。 diff --git a/package.json b/package.json index a2dfccf..3356148 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,8 @@ "dev": "vite", "build:prod": "vite build", "build:stage": "vite build --mode staging", - "preview": "vite preview" + "preview": "vite preview", + "format": "prettier --write \"**/*.{js,ts,tsx,jsx,vue,md}\"" }, "repository": { "type": "git", @@ -37,6 +38,7 @@ "@vitejs/plugin-vue": "3.1.0", "@vitejs/plugin-vue-jsx": "^3.0.1", "@vue/compiler-sfc": "3.2.45", + "prettier": "^2.8.8", "sass": "1.56.1", "unplugin-auto-import": "0.11.4", "vite": "3.2.3", diff --git a/src/App.vue b/src/App.vue index 31839f2..bf23c9f 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,13 +3,13 @@ diff --git a/src/api/login.js b/src/api/login.js index 429763b..2e963a3 100644 --- a/src/api/login.js +++ b/src/api/login.js @@ -1,79 +1,79 @@ -import request from '@/utils/request' +import request from "@/utils/request"; import usePermissionStore from "@/store/modules/permission"; import useUserStore from "@/store/modules/user"; // 登录方法 export function login(username, password, code, uuid) { - const data = { - username, - password, - code, - uuid - } - return request({ - url: '/login', - headers: { - isToken: false, - }, - method: 'post', - data: data - }) + const data = { + username, + password, + code, + uuid, + }; + return request({ + url: "/login", + headers: { + isToken: false, + }, + method: "post", + data: data, + }); } // 注册方法 export function register(data) { - return request({ - url: '/register', - headers: { - isToken: false - }, - method: 'post', - data: data - }) + return request({ + url: "/register", + headers: { + isToken: false, + }, + method: "post", + data: data, + }); } // 获取用户详细信息 export function getInfo() { - if (useUserStore().userInfoRes) { - return new Promise((resolve, reject) => { - resolve(useUserStore().userInfoRes) - }) - } - return request({ - url: '/getInfo', - method: 'get' - }) + if (useUserStore().userInfoRes) { + return new Promise((resolve, reject) => { + resolve(useUserStore().userInfoRes); + }); + } + return request({ + url: "/getInfo", + method: "get", + }); } // 退出方法 export function logout() { - return request({ - url: '/logout', - method: 'post' - }) + return request({ + url: "/logout", + method: "post", + }); } // 获取验证码 export function getCodeImg() { - return request({ - url: '/captchaImage', - headers: { - isToken: false - }, - method: 'get', - timeout: 20000 - }) + return request({ + url: "/captchaImage", + headers: { + isToken: false, + }, + method: "get", + timeout: 20000, + }); } // 获取路由 export const getRouters = () => { - if (usePermissionStore().routesRes) { - return new Promise((resolve, reject) => { - resolve(usePermissionStore().routesRes) - }) - } - return request({ - url: '/getRouters', - method: 'get' - }) -} \ No newline at end of file + if (usePermissionStore().routesRes) { + return new Promise((resolve, reject) => { + resolve(usePermissionStore().routesRes); + }); + } + return request({ + url: "/getRouters", + method: "get", + }); +}; diff --git a/src/api/system/dept.js b/src/api/system/dept.js index fc943cd..e429f82 100644 --- a/src/api/system/dept.js +++ b/src/api/system/dept.js @@ -1,52 +1,52 @@ -import request from '@/utils/request' +import request from "@/utils/request"; // 查询部门列表 export function listDept(query) { return request({ - url: '/system/dept/list', - method: 'get', - params: query - }) + url: "/system/dept/list", + method: "get", + params: query, + }); } // 查询部门列表(排除节点) export function listDeptExcludeChild(deptId) { return request({ - url: '/system/dept/list/exclude/' + deptId, - method: 'get' - }) + url: "/system/dept/list/exclude/" + deptId, + method: "get", + }); } // 查询部门详细 export function getDept(deptId) { return request({ - url: '/system/dept/' + deptId, - method: 'get' - }) + url: "/system/dept/" + deptId, + method: "get", + }); } // 新增部门 export function addDept(data) { return request({ - url: '/system/dept', - method: 'post', - data: data - }) + url: "/system/dept", + method: "post", + data: data, + }); } // 修改部门 export function updateDept(data) { return request({ - url: '/system/dept', - method: 'put', - data: data - }) + url: "/system/dept", + method: "put", + data: data, + }); } // 删除部门 export function delDept(deptId) { return request({ - url: '/system/dept/' + deptId, - method: 'delete' - }) -} \ No newline at end of file + url: "/system/dept/" + deptId, + method: "delete", + }); +} diff --git a/src/api/system/menu.js b/src/api/system/menu.js index 48c36e7..fd4606c 100644 --- a/src/api/system/menu.js +++ b/src/api/system/menu.js @@ -1,60 +1,60 @@ -import request from '@/utils/request' +import request from "@/utils/request"; // 查询菜单列表 export function listMenu(query) { return request({ - url: '/system/menu/list', - method: 'get', - params: query - }) + url: "/system/menu/list", + method: "get", + params: query, + }); } // 查询菜单详细 export function getMenu(menuId) { return request({ - url: '/system/menu/' + menuId, - method: 'get' - }) + url: "/system/menu/" + menuId, + method: "get", + }); } // 查询菜单下拉树结构 export function treeSelect() { return request({ - url: '/system/menu/tree_select', - method: 'get' - }) + url: "/system/menu/tree_select", + method: "get", + }); } // 根据角色ID查询菜单下拉树结构 export function roleMenuTreeselect(roleId) { return request({ - url: '/system/menu/role_menu_tree_select/' + roleId, - method: 'get' - }) + url: "/system/menu/role_menu_tree_select/" + roleId, + method: "get", + }); } // 新增菜单 export function addMenu(data) { return request({ - url: '/system/menu', - method: 'post', - data: data - }) + url: "/system/menu", + method: "post", + data: data, + }); } // 修改菜单 export function updateMenu(data) { return request({ - url: '/system/menu', - method: 'put', - data: data - }) + url: "/system/menu", + method: "put", + data: data, + }); } // 删除菜单 export function delMenu(menuId) { return request({ - url: '/system/menu/' + menuId, - method: 'delete' - }) -} \ No newline at end of file + url: "/system/menu/" + menuId, + method: "delete", + }); +} diff --git a/src/api/system/post.js b/src/api/system/post.js index 1a8e9ca..0258833 100644 --- a/src/api/system/post.js +++ b/src/api/system/post.js @@ -1,44 +1,44 @@ -import request from '@/utils/request' +import request from "@/utils/request"; // 查询岗位列表 export function listPost(query) { return request({ - url: '/system/post/list', - method: 'get', - params: query - }) + url: "/system/post/list", + method: "get", + params: query, + }); } // 查询岗位详细 export function getPost(postId) { return request({ - url: '/system/post/' + postId, - method: 'get' - }) + url: "/system/post/" + postId, + method: "get", + }); } // 新增岗位 export function addPost(data) { return request({ - url: '/system/post', - method: 'post', - data: data - }) + url: "/system/post", + method: "post", + data: data, + }); } // 修改岗位 export function updatePost(data) { return request({ - url: '/system/post', - method: 'put', - data: data - }) + url: "/system/post", + method: "put", + data: data, + }); } // 删除岗位 export function delPost(postId) { return request({ - url: '/system/post/' + postId, - method: 'delete' - }) + url: "/system/post/" + postId, + method: "delete", + }); } diff --git a/src/api/system/role.js b/src/api/system/role.js index fdb2718..5c31a08 100644 --- a/src/api/system/role.js +++ b/src/api/system/role.js @@ -1,110 +1,110 @@ -import request from '@/utils/request' +import request from "@/utils/request"; // 查询角色列表 export function listRole(query) { return request({ - url: '/system/role/list', - method: 'get', - params: query - }) + url: "/system/role/list", + method: "get", + params: query, + }); } // 查询角色详细 export function getRole(roleId) { return request({ - url: '/system/role/' + roleId, - method: 'get' - }) + url: "/system/role/" + roleId, + method: "get", + }); } // 新增角色 export function addRole(data) { return request({ - url: '/system/role', - method: 'post', - data: data - }) + url: "/system/role", + method: "post", + data: data, + }); } // 修改角色 export function updateRole(data) { return request({ - url: '/system/role', - method: 'put', - data: data - }) + url: "/system/role", + method: "put", + data: data, + }); } // 角色数据权限 export function dataScope(data) { return request({ - url: '/system/role/dataScope', - method: 'put', - data: data - }) + url: "/system/role/dataScope", + method: "put", + data: data, + }); } // 角色状态修改 export function changeRoleStatus(roleId, status) { const data = { roleId, - status - } + status, + }; return request({ - url: '/system/role/changeStatus', - method: 'put', - data: data - }) + url: "/system/role/changeStatus", + method: "put", + data: data, + }); } // 删除角色 export function delRole(roleId) { return request({ - url: '/system/role/' + roleId, - method: 'delete' - }) + url: "/system/role/" + roleId, + method: "delete", + }); } // 查询角色已授权用户列表 export function allocatedUserList(query) { return request({ - url: '/system/role/authUser/allocatedList', - method: 'get', - params: query - }) + url: "/system/role/authUser/allocatedList", + method: "get", + params: query, + }); } // 查询角色未授权用户列表 export function unallocatedUserList(query) { return request({ - url: '/system/role/authUser/unallocatedList', - method: 'get', - params: query - }) + url: "/system/role/authUser/unallocatedList", + method: "get", + params: query, + }); } // 批量取消用户授权角色 export function authUserCancel(data) { return request({ - url: '/system/role/authUser/cancel', - method: 'put', - params: data - }) + url: "/system/role/authUser/cancel", + method: "put", + params: data, + }); } // 授权用户选择 export function insertAuthUser(data) { return request({ - url: '/system/role/authUser/insert', - method: 'put', - params: data - }) + url: "/system/role/authUser/insert", + method: "put", + params: data, + }); } // 根据角色ID查询部门树结构 export function deptTreeSelect(roleId) { return request({ - url: '/system/role/deptTree/' + roleId, - method: 'get' - }) + url: "/system/role/deptTree/" + roleId, + method: "get", + }); } diff --git a/src/api/system/user.js b/src/api/system/user.js index 6eb9e1d..a5812ac 100644 --- a/src/api/system/user.js +++ b/src/api/system/user.js @@ -1,135 +1,135 @@ -import request from '@/utils/request' +import request from "@/utils/request"; import { parseStrEmpty } from "@/utils/ruoyi"; // 查询用户列表 export function listUser(query) { return request({ - url: '/system/user/list', - method: 'get', - params: query - }) + url: "/system/user/list", + method: "get", + params: query, + }); } // 查询用户详细 export function getUser(userId) { return request({ - url: '/system/user/' + parseStrEmpty(userId), - method: 'get' - }) + url: "/system/user/" + parseStrEmpty(userId), + method: "get", + }); } // 新增用户 export function addUser(data) { return request({ - url: '/system/user', - method: 'post', - data: data - }) + url: "/system/user", + method: "post", + data: data, + }); } // 修改用户 export function updateUser(data) { return request({ - url: '/system/user', - method: 'put', - data: data - }) + url: "/system/user", + method: "put", + data: data, + }); } // 删除用户 export function delUser(userId) { return request({ - url: '/system/user/' + userId, - method: 'delete' - }) + url: "/system/user/" + userId, + method: "delete", + }); } // 用户密码重置 export function resetUserPwd(userId, password) { const data = { userId, - password - } + password, + }; return request({ - url: '/system/user/resetPwd', - method: 'put', - data: data - }) + url: "/system/user/resetPwd", + method: "put", + data: data, + }); } // 用户状态修改 export function changeUserStatus(userId, status) { const data = { userId, - status - } + status, + }; return request({ - url: '/system/user/changeStatus', - method: 'put', - data: data - }) + url: "/system/user/changeStatus", + method: "put", + data: data, + }); } // 查询用户个人信息 export function getUserProfile() { return request({ - url: '/system/user/profile', - method: 'get' - }) + url: "/system/user/profile", + method: "get", + }); } // 修改用户个人信息 export function updateUserProfile(data) { return request({ - url: '/system/user/profile', - method: 'put', - data: data - }) + url: "/system/user/profile", + method: "put", + data: data, + }); } // 用户密码重置 export function updateUserPwd(oldPassword, newPassword) { const data = { oldPassword, - newPassword - } + newPassword, + }; return request({ - url: '/system/user/profile/updatePwd', - method: 'put', - params: data - }) + url: "/system/user/profile/updatePwd", + method: "put", + params: data, + }); } // 用户头像上传 export function uploadAvatar(data) { return request({ - url: '/system/user/profile/avatar', - method: 'post', - data: data - }) + url: "/system/user/profile/avatar", + method: "post", + data: data, + }); } // 查询授权角色 export function getAuthRole(userId) { return request({ - url: '/system/user/authRole/' + userId, - method: 'get' - }) + url: "/system/user/authRole/" + userId, + method: "get", + }); } // 保存授权角色 export function updateAuthRole(data) { return request({ - url: '/system/user/authRole', - method: 'put', - params: data - }) + url: "/system/user/authRole", + method: "put", + params: data, + }); } // 查询部门下拉树结构 export function deptTreeSelect() { return request({ - url: '/system/dept/deptTree', - method: 'get' - }) + url: "/system/dept/deptTree", + method: "get", + }); } diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue index 489cba1..49adcdb 100644 --- a/src/components/Breadcrumb/index.vue +++ b/src/components/Breadcrumb/index.vue @@ -1,8 +1,12 @@ - \ No newline at end of file +} + diff --git a/src/components/IconSelect/requireIcons.js b/src/components/IconSelect/requireIcons.js index ac22fd7..196e4ed 100644 --- a/src/components/IconSelect/requireIcons.js +++ b/src/components/IconSelect/requireIcons.js @@ -1,8 +1,8 @@ -let icons = [] -const modules = import.meta.glob('./../../assets/icons/svg/*.svg'); +let icons = []; +const modules = import.meta.glob("./../../assets/icons/svg/*.svg"); for (const path in modules) { - const p = path.split('assets/icons/svg/')[1].split('.svg')[0]; + const p = path.split("assets/icons/svg/")[1].split(".svg")[0]; icons.push(p); } -export default icons \ No newline at end of file +export default icons; diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue index b607ab6..412f2c6 100644 --- a/src/components/ImagePreview/index.vue +++ b/src/components/ImagePreview/index.vue @@ -20,16 +20,16 @@ import { isExternal } from "@/utils/validate"; const props = defineProps({ src: { type: String, - default: "" + default: "", }, width: { type: [Number, String], - default: "" + default: "", }, height: { type: [Number, String], - default: "" - } + default: "", + }, }); const realSrc = computed(() => { @@ -49,7 +49,7 @@ const realSrcList = computed(() => { } let real_src_list = props.src.split(","); let srcList = []; - real_src_list.forEach(item => { + real_src_list.forEach((item) => { if (isExternal(item)) { return srcList.push(item); } diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue index 55dafb8..d1976b8 100644 --- a/src/components/ImageUpload/index.vue +++ b/src/components/ImageUpload/index.vue @@ -68,7 +68,7 @@ const props = defineProps({ // 是否显示提示 isShowTip: { type: Boolean, - default: true + default: true, }, }); @@ -86,26 +86,30 @@ const showTip = computed( () => props.isShowTip && (props.fileType || props.fileSize) ); -watch(() => props.modelValue, val => { - if (val) { - // 首先将值转为数组 - const list = Array.isArray(val) ? val : props.modelValue.split(","); - // 然后将数组转为对象数组 - fileList.value = list.map(item => { - if (typeof item === "string") { - if (item.indexOf(baseUrl) === -1) { - item = { name: baseUrl + item, url: baseUrl + item }; - } else { - item = { name: item, url: item }; +watch( + () => props.modelValue, + (val) => { + if (val) { + // 首先将值转为数组 + const list = Array.isArray(val) ? val : props.modelValue.split(","); + // 然后将数组转为对象数组 + fileList.value = list.map((item) => { + if (typeof item === "string") { + if (item.indexOf(baseUrl) === -1) { + item = { name: baseUrl + item, url: baseUrl + item }; + } else { + item = { name: item, url: item }; + } } - } - return item; - }); - } else { - fileList.value = []; - return []; - } -},{ deep: true, immediate: true }); + return item; + }); + } else { + fileList.value = []; + return []; + } + }, + { deep: true, immediate: true } +); // 上传前loading加载 function handleBeforeUpload(file) { @@ -115,7 +119,7 @@ function handleBeforeUpload(file) { if (file.name.lastIndexOf(".") > -1) { fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1); } - isImg = props.fileType.some(type => { + isImg = props.fileType.some((type) => { if (file.type.indexOf(type) > -1) return true; if (fileExtension && fileExtension.indexOf(type) > -1) return true; return false; @@ -161,7 +165,7 @@ function handleUploadSuccess(res, file) { // 删除图片 function handleDelete(file) { - const findex = fileList.value.map(f => f.name).indexOf(file.name); + const findex = fileList.value.map((f) => f.name).indexOf(file.name); if (findex > -1 && uploadList.value.length === number.value) { fileList.value.splice(findex, 1); emit("update:modelValue", listToString(fileList.value)); @@ -172,7 +176,9 @@ function handleDelete(file) { // 上传结束处理 function uploadedSuccessfully() { if (number.value > 0 && uploadList.value.length === number.value) { - fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value); + fileList.value = fileList.value + .filter((f) => f.url !== undefined) + .concat(uploadList.value); uploadList.value = []; number.value = 0; emit("update:modelValue", listToString(fileList.value)); @@ -208,6 +214,6 @@ function listToString(list, separator) { \ No newline at end of file + diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue index 38de953..8200733 100644 --- a/src/components/Pagination/index.vue +++ b/src/components/Pagination/index.vue @@ -1,5 +1,5 @@