diff --git a/api/src/main/java/com/qihang/api/TokenFilter.java b/api/src/main/java/com/qihang/api/TokenFilter.java index 56f5ffa2..aece4f20 100644 --- a/api/src/main/java/com/qihang/api/TokenFilter.java +++ b/api/src/main/java/com/qihang/api/TokenFilter.java @@ -20,7 +20,7 @@ public class TokenFilter implements GlobalFilter, Ordered { System.out.println("Token:"+token); String url = exchange.getRequest().getURI().getPath(); System.out.println("intercept " + url); - if(url.equals("/api/sys-api/login")){ + if(url.equals("/api/sys-api/login") || url.equals("/api/sys-api/getInfo") || url.equals("/api/sys-api/logout")){ // 登录页面 放行 return chain.filter(exchange); } diff --git a/core/security/src/main/java/com/qihang/security/JwtAuthenticationTokenFilter.java b/core/security/src/main/java/com/qihang/security/JwtAuthenticationTokenFilter.java index 4820edd3..34be9512 100644 --- a/core/security/src/main/java/com/qihang/security/JwtAuthenticationTokenFilter.java +++ b/core/security/src/main/java/com/qihang/security/JwtAuthenticationTokenFilter.java @@ -44,9 +44,9 @@ public class JwtAuthenticationTokenFilter extends OncePerRequestFilter // String token = exchange.getRequest().getHeaders().getFirst(TOKEN_HEADER); String token = request.getHeader("Authorization"); String url =request.getRequestURI(); - log.info("intercept " + url); - log.info("token: " + token); - if(request.getRequestURI().equals("/login")){ +// log.info("intercept " + url); +// log.info("token: " + token); + if(request.getRequestURI().equals("/login") || request.getRequestURI().equals("/getInfo") || request.getRequestURI().equals("/logout")){ // 登录页面，放行 chain.doFilter(request, response); return; diff --git a/core/security/src/main/java/com/qihang/security/entity/SysUser.java b/core/security/src/main/java/com/qihang/security/entity/SysUser.java index 99123155..2e075fad 100644 --- a/core/security/src/main/java/com/qihang/security/entity/SysUser.java +++ b/core/security/src/main/java/com/qihang/security/entity/SysUser.java @@ -2,6 +2,7 @@ package com.qihang.security.entity; import java.util.Date; +import java.util.List; /** * 用户对象 sys_user @@ -82,6 +83,8 @@ public class SysUser this.userId = userId; } + + public Long getUserId() { return userId; diff --git a/sys-api/src/main/java/com/qihang/sys/api/common/SecurityUtils.java b/sys-api/src/main/java/com/qihang/sys/api/common/SecurityUtils.java new file mode 100644 index 00000000..9b16c3aa --- /dev/null +++ b/sys-api/src/main/java/com/qihang/sys/api/common/SecurityUtils.java @@ -0,0 +1,121 @@ +package com.qihang.sys.api.common; + + +import com.qihang.common.common.ServiceException; +import com.qihang.common.enums.HttpStatus; +import com.qihang.security.LoginUser; +import org.springframework.security.core.Authentication; +import org.springframework.security.core.context.SecurityContextHolder; +import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder; + +/** + * 安全服务工具类 + * + * @author qihang + */ +public class SecurityUtils +{ + /** + * 用户ID + **/ + public static Long getUserId() + { + try + { + return getLoginUser().getUserId(); + } + catch (Exception e) + { + throw new ServiceException("获取用户ID异常", HttpStatus.UNAUTHORIZED); + } + } + + /** + * 获取部门ID + **/ + public static Long getDeptId() + { + try + { + return getLoginUser().getDeptId(); + } + catch (Exception e) + { + throw new ServiceException("获取部门ID异常", HttpStatus.UNAUTHORIZED); + } + } + + /** + * 获取用户账户 + **/ + public static String getUsername() + { + try + { + return getLoginUser().getUsername(); + } + catch (Exception e) + { + throw new ServiceException("获取用户账户异常", HttpStatus.UNAUTHORIZED); + } + } + + /** + * 获取用户 + **/ + public static LoginUser getLoginUser() + { + try + { + return (LoginUser) getAuthentication().getPrincipal(); + } + catch (Exception e) + { + throw new ServiceException("获取用户信息异常", HttpStatus.UNAUTHORIZED); + } + } + + /** + * 获取Authentication + */ + public static Authentication getAuthentication() + { + return SecurityContextHolder.getContext().getAuthentication(); + } + + /** + * 生成BCryptPasswordEncoder密码 + * + * @param password 密码 + * @return 加密字符串 + */ + public static String encryptPassword(String password) + { + BCryptPasswordEncoder passwordEncoder = new BCryptPasswordEncoder(); + return passwordEncoder.encode(password); + } + + /** + * 判断密码是否相同 + * + * @param rawPassword 真实密码 + * @param encodedPassword 加密后字符 + * @return 结果 + */ + public static boolean matchesPassword(String rawPassword, String encodedPassword) + { + BCryptPasswordEncoder passwordEncoder = new BCryptPasswordEncoder(); + return passwordEncoder.matches(rawPassword, encodedPassword); + } + + /** + * 是否为管理员 + * + * @param userId 用户ID + * @return 结果 + */ + public static boolean isAdmin(Long userId) + { + return userId != null && 1L == userId; + } +} diff --git a/sys-api/src/main/java/com/qihang/sys/api/controller/LoginController.java b/sys-api/src/main/java/com/qihang/sys/api/controller/LoginController.java index 4edfdb71..32718f8b 100644 --- a/sys-api/src/main/java/com/qihang/sys/api/controller/LoginController.java +++ b/sys-api/src/main/java/com/qihang/sys/api/controller/LoginController.java @@ -16,19 +16,19 @@ public class LoginController { private SysLoginService loginService; @Autowired private ISysUserService userService; - @PostMapping(value = "/login") - public AjaxResult login(@RequestBody LoginBody loginBody){ -// AjaxResult ajax = -// SysUser user = userService.selectUserByUserName(loginBody.getUsername()); - // 生成令牌 - String token = loginService.login(loginBody.getUsername(), loginBody.getPassword(), loginBody.getCode(), - loginBody.getUuid()); -// ajax.put(Constants.TOKEN, token); - Map map = new HashMap<>(); - map.put("accessToken", token); - map.put("tokenType","Bearer"); - return AjaxResult.success(map); - } +// @PostMapping(value = "/login") +// public AjaxResult login(@RequestBody LoginBody loginBody){ +//// AjaxResult ajax = +//// SysUser user = userService.selectUserByUserName(loginBody.getUsername()); +// // 生成令牌 +// String token = loginService.login(loginBody.getUsername(), loginBody.getPassword(), loginBody.getCode(), +// loginBody.getUuid()); +//// ajax.put(Constants.TOKEN, token); +// Map map = new HashMap<>(); +// map.put("accessToken", token); +// map.put("tokenType","Bearer"); +// return AjaxResult.success(map); +// } //logout diff --git a/sys-api/src/main/java/com/qihang/sys/api/controller/SysLoginController.java b/sys-api/src/main/java/com/qihang/sys/api/controller/SysLoginController.java new file mode 100644 index 00000000..d4e3ee7f --- /dev/null +++ b/sys-api/src/main/java/com/qihang/sys/api/controller/SysLoginController.java @@ -0,0 +1,96 @@ +package com.qihang.sys.api.controller; + +//import com.zhijian.common.constant.Constants; +//import com.zhijian.common.core.domain.AjaxResult; +//import com.zhijian.common.core.domain.entity.SysMenu; +//import com.zhijian.common.core.domain.entity.SysUser; +//import com.zhijian.common.core.domain.model.LoginBody; +//import com.zhijian.common.utils.SecurityUtils; +//import com.zhijian.core.web.service.SysLoginService; +//import com.zhijian.core.web.service.SysPermissionService; +//import com.zhijian.system.service.ISysMenuService; +import com.qihang.common.common.AjaxResult; +import com.qihang.common.constant.Constants; +import com.qihang.security.entity.SysUser; +import com.qihang.security.service.SysLoginService; +import com.qihang.sys.api.common.SecurityUtils; +import com.qihang.sys.api.domain.LoginBody; +import com.qihang.sys.api.domain.SysMenu; +import com.qihang.sys.api.service.ISysMenuService; +import com.qihang.sys.api.service.SysPermissionService; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.web.bind.annotation.GetMapping; +import org.springframework.web.bind.annotation.PostMapping; +import org.springframework.web.bind.annotation.RequestBody; +import org.springframework.web.bind.annotation.RestController; + +import java.util.List; +import java.util.Set; + +/** + * 登录验证 + * + * @author qihang + */ +@RestController +public class SysLoginController +{ + @Autowired + private SysLoginService loginService; + + @Autowired + private ISysMenuService menuService; + + @Autowired + private SysPermissionService permissionService; + + /** + * 登录方法 + * + * @param loginBody 登录信息 + * @return 结果 + */ + @PostMapping("/login") + public AjaxResult login(@RequestBody LoginBody loginBody) + { + AjaxResult ajax = AjaxResult.success(); + // 生成令牌 + String token = loginService.login(loginBody.getUsername(), loginBody.getPassword(), loginBody.getCode(), + loginBody.getUuid()); + ajax.put(Constants.TOKEN, token); + return ajax; + } + + /** + * 获取用户信息 + * + * @return 用户信息 + */ + @GetMapping("getInfo") + public AjaxResult getInfo() + { + SysUser user = SecurityUtils.getLoginUser().getUser(); + // 角色集合 + Set roles = permissionService.getRolePermission(user); + // 权限集合 + Set permissions = permissionService.getMenuPermission(user); + AjaxResult ajax = AjaxResult.success(); + ajax.put("user", user); + ajax.put("roles", roles); + ajax.put("permissions", permissions); + return ajax; + } + + /** + * 获取路由信息 + * + * @return 路由信息 + */ +// @GetMapping("getRouters") +// public AjaxResult getRouters() +// { +// Long userId = SecurityUtils.getUserId(); +// List menus = menuService.selectMenuTreeByUserId(userId); +// return AjaxResult.success(menuService.buildMenus(menus)); +// } +} diff --git a/sys-api/src/main/java/com/qihang/sys/api/controller/SysMenuController.java b/sys-api/src/main/java/com/qihang/sys/api/controller/SysMenuController.java new file mode 100644 index 00000000..15aa202c --- /dev/null +++ b/sys-api/src/main/java/com/qihang/sys/api/controller/SysMenuController.java @@ -0,0 +1,137 @@ +//package com.qihang.sys.api.controller; +// +////import com.zhijian.common.annotation.Log; +////import com.zhijian.common.constant.UserConstants; +////import com.zhijian.common.core.controller.BaseController; +////import com.zhijian.common.core.domain.AjaxResult; +////import com.zhijian.common.core.domain.entity.SysMenu; +////import com.zhijian.common.enums.BusinessType; +////import com.zhijian.common.utils.StringUtils; +////import com.zhijian.system.service.ISysMenuService; +//import com.qihang.sys.api.service.ISysMenuService; +//import org.springframework.beans.factory.annotation.Autowired; +//import org.springframework.security.access.prepost.PreAuthorize; +//import org.springframework.validation.annotation.Validated; +//import org.springframework.web.bind.annotation.*; +// +//import java.util.List; +// +///** +// * 菜单信息 +// * +// * @author qihang +// */ +//@RestController +//@RequestMapping("/system/menu") +//public class SysMenuController +//{ +// @Autowired +// private ISysMenuService menuService; +// +// /** +// * 获取菜单列表 +// */ +// @PreAuthorize("@ss.hasPermi('system:menu:list')") +// @GetMapping("/list") +// public AjaxResult list(SysMenu menu) +// { +// List menus = menuService.selectMenuList(menu, getUserId()); +// return success(menus); +// } +// +// /** +// * 根据菜单编号获取详细信息 +// */ +// @PreAuthorize("@ss.hasPermi('system:menu:query')") +// @GetMapping(value = "/{menuId}") +// public AjaxResult getInfo(@PathVariable Long menuId) +// { +// return success(menuService.selectMenuById(menuId)); +// } +// +// /** +// * 获取菜单下拉树列表 +// */ +// @GetMapping("/treeselect") +// public AjaxResult treeselect(SysMenu menu) +// { +// List menus = menuService.selectMenuList(menu, getUserId()); +// return success(menuService.buildMenuTreeSelect(menus)); +// } +// +// /** +// * 加载对应角色菜单列表树 +// */ +// @GetMapping(value = "/roleMenuTreeselect/{roleId}") +// public AjaxResult roleMenuTreeselect(@PathVariable("roleId") Long roleId) +// { +// List menus = menuService.selectMenuList(getUserId()); +// AjaxResult ajax = AjaxResult.success(); +// ajax.put("checkedKeys", menuService.selectMenuListByRoleId(roleId)); +// ajax.put("menus", menuService.buildMenuTreeSelect(menus)); +// return ajax; +// } +// +// /** +// * 新增菜单 +// */ +// @PreAuthorize("@ss.hasPermi('system:menu:add')") +// @Log(title = "菜单管理", businessType = BusinessType.INSERT) +// @PostMapping +// public AjaxResult add(@Validated @RequestBody SysMenu menu) +// { +// if (!menuService.checkMenuNameUnique(menu)) +// { +// return error("新增菜单'" + menu.getMenuName() + "'失败，菜单名称已存在"); +// } +// else if (UserConstants.YES_FRAME.equals(menu.getIsFrame()) && !StringUtils.ishttp(menu.getPath())) +// { +// return error("新增菜单'" + menu.getMenuName() + "'失败，地址必须以http(s)://开头"); +// } +// menu.setCreateBy(getUsername()); +// return toAjax(menuService.insertMenu(menu)); +// } +// +// /** +// * 修改菜单 +// */ +// @PreAuthorize("@ss.hasPermi('system:menu:edit')") +// @Log(title = "菜单管理", businessType = BusinessType.UPDATE) +// @PutMapping +// public AjaxResult edit(@Validated @RequestBody SysMenu menu) +// { +// if (!menuService.checkMenuNameUnique(menu)) +// { +// return error("修改菜单'" + menu.getMenuName() + "'失败，菜单名称已存在"); +// } +// else if (UserConstants.YES_FRAME.equals(menu.getIsFrame()) && !StringUtils.ishttp(menu.getPath())) +// { +// return error("修改菜单'" + menu.getMenuName() + "'失败，地址必须以http(s)://开头"); +// } +// else if (menu.getMenuId().equals(menu.getParentId())) +// { +// return error("修改菜单'" + menu.getMenuName() + "'失败，上级菜单不能选择自己"); +// } +// menu.setUpdateBy(getUsername()); +// return toAjax(menuService.updateMenu(menu)); +// } +// +// /** +// * 删除菜单 +// */ +// @PreAuthorize("@ss.hasPermi('system:menu:remove')") +// @Log(title = "菜单管理", businessType = BusinessType.DELETE) +// @DeleteMapping("/{menuId}") +// public AjaxResult remove(@PathVariable("menuId") Long menuId) +// { +// if (menuService.hasChildByMenuId(menuId)) +// { +// return warn("存在子菜单,不允许删除"); +// } +// if (menuService.checkMenuExistRole(menuId)) +// { +// return warn("菜单已分配,不允许删除"); +// } +// return toAjax(menuService.deleteMenuById(menuId)); +// } +//} \ No newline at end of file diff --git a/sys-api/src/main/java/com/qihang/sys/api/domain/SysRole.java b/sys-api/src/main/java/com/qihang/sys/api/domain/SysRole.java new file mode 100644 index 00000000..344c5153 --- /dev/null +++ b/sys-api/src/main/java/com/qihang/sys/api/domain/SysRole.java @@ -0,0 +1,352 @@ +package com.qihang.sys.api.domain; + +import java.io.Serializable; +import java.util.Date; + +/** + * 角色信息表 + * @TableName sys_role + */ +public class SysRole implements Serializable { + /** + * 角色ID + */ + private Long roleId; + + /** + * 角色名称 + */ + private String roleName; + + /** + * 角色权限字符串 + */ + private String roleKey; + + /** + * 显示顺序 + */ + private Integer roleSort; + + /** + * 数据范围（1：全部数据权限 2：自定数据权限 3：本部门数据权限 4：本部门及以下数据权限） + */ + private String dataScope; + + /** + * 菜单树选择项是否关联显示 + */ + private Integer menuCheckStrictly; + + /** + * 部门树选择项是否关联显示 + */ + private Integer deptCheckStrictly; + + /** + * 角色状态（0正常 1停用） + */ + private String status; + + /** + * 删除标志（0代表存在 2代表删除） + */ + private String delFlag; + + /** + * 创建者 + */ + private String createBy; + + /** + * 创建时间 + */ + private Date createTime; + + /** + * 更新者 + */ + private String updateBy; + + /** + * 更新时间 + */ + private Date updateTime; + + /** + * 备注 + */ + private String remark; + + private static final long serialVersionUID = 1L; + + /** + * 角色ID + */ + public Long getRoleId() { + return roleId; + } + + /** + * 角色ID + */ + public void setRoleId(Long roleId) { + this.roleId = roleId; + } + + /** + * 角色名称 + */ + public String getRoleName() { + return roleName; + } + + /** + * 角色名称 + */ + public void setRoleName(String roleName) { + this.roleName = roleName; + } + + /** + * 角色权限字符串 + */ + public String getRoleKey() { + return roleKey; + } + + /** + * 角色权限字符串 + */ + public void setRoleKey(String roleKey) { + this.roleKey = roleKey; + } + + /** + * 显示顺序 + */ + public Integer getRoleSort() { + return roleSort; + } + + /** + * 显示顺序 + */ + public void setRoleSort(Integer roleSort) { + this.roleSort = roleSort; + } + + /** + * 数据范围（1：全部数据权限 2：自定数据权限 3：本部门数据权限 4：本部门及以下数据权限） + */ + public String getDataScope() { + return dataScope; + } + + /** + * 数据范围（1：全部数据权限 2：自定数据权限 3：本部门数据权限 4：本部门及以下数据权限） + */ + public void setDataScope(String dataScope) { + this.dataScope = dataScope; + } + + /** + * 菜单树选择项是否关联显示 + */ + public Integer getMenuCheckStrictly() { + return menuCheckStrictly; + } + + /** + * 菜单树选择项是否关联显示 + */ + public void setMenuCheckStrictly(Integer menuCheckStrictly) { + this.menuCheckStrictly = menuCheckStrictly; + } + + /** + * 部门树选择项是否关联显示 + */ + public Integer getDeptCheckStrictly() { + return deptCheckStrictly; + } + + /** + * 部门树选择项是否关联显示 + */ + public void setDeptCheckStrictly(Integer deptCheckStrictly) { + this.deptCheckStrictly = deptCheckStrictly; + } + + /** + * 角色状态（0正常 1停用） + */ + public String getStatus() { + return status; + } + + /** + * 角色状态（0正常 1停用） + */ + public void setStatus(String status) { + this.status = status; + } + + /** + * 删除标志（0代表存在 2代表删除） + */ + public String getDelFlag() { + return delFlag; + } + + /** + * 删除标志（0代表存在 2代表删除） + */ + public void setDelFlag(String delFlag) { + this.delFlag = delFlag; + } + + /** + * 创建者 + */ + public String getCreateBy() { + return createBy; + } + + /** + * 创建者 + */ + public void setCreateBy(String createBy) { + this.createBy = createBy; + } + + /** + * 创建时间 + */ + public Date getCreateTime() { + return createTime; + } + + /** + * 创建时间 + */ + public void setCreateTime(Date createTime) { + this.createTime = createTime; + } + + /** + * 更新者 + */ + public String getUpdateBy() { + return updateBy; + } + + /** + * 更新者 + */ + public void setUpdateBy(String updateBy) { + this.updateBy = updateBy; + } + + /** + * 更新时间 + */ + public Date getUpdateTime() { + return updateTime; + } + + /** + * 更新时间 + */ + public void setUpdateTime(Date updateTime) { + this.updateTime = updateTime; + } + + /** + * 备注 + */ + public String getRemark() { + return remark; + } + + /** + * 备注 + */ + public void setRemark(String remark) { + this.remark = remark; + } + + @Override + public boolean equals(Object that) { + if (this == that) { + return true; + } + if (that == null) { + return false; + } + if (getClass() != that.getClass()) { + return false; + } + SysRole other = (SysRole) that; + return (this.getRoleId() == null ? other.getRoleId() == null : this.getRoleId().equals(other.getRoleId())) + && (this.getRoleName() == null ? other.getRoleName() == null : this.getRoleName().equals(other.getRoleName())) + && (this.getRoleKey() == null ? other.getRoleKey() == null : this.getRoleKey().equals(other.getRoleKey())) + && (this.getRoleSort() == null ? other.getRoleSort() == null : this.getRoleSort().equals(other.getRoleSort())) + && (this.getDataScope() == null ? other.getDataScope() == null : this.getDataScope().equals(other.getDataScope())) + && (this.getMenuCheckStrictly() == null ? other.getMenuCheckStrictly() == null : this.getMenuCheckStrictly().equals(other.getMenuCheckStrictly())) + && (this.getDeptCheckStrictly() == null ? other.getDeptCheckStrictly() == null : this.getDeptCheckStrictly().equals(other.getDeptCheckStrictly())) + && (this.getStatus() == null ? other.getStatus() == null : this.getStatus().equals(other.getStatus())) + && (this.getDelFlag() == null ? other.getDelFlag() == null : this.getDelFlag().equals(other.getDelFlag())) + && (this.getCreateBy() == null ? other.getCreateBy() == null : this.getCreateBy().equals(other.getCreateBy())) + && (this.getCreateTime() == null ? other.getCreateTime() == null : this.getCreateTime().equals(other.getCreateTime())) + && (this.getUpdateBy() == null ? other.getUpdateBy() == null : this.getUpdateBy().equals(other.getUpdateBy())) + && (this.getUpdateTime() == null ? other.getUpdateTime() == null : this.getUpdateTime().equals(other.getUpdateTime())) + && (this.getRemark() == null ? other.getRemark() == null : this.getRemark().equals(other.getRemark())); + } + + @Override + public int hashCode() { + final int prime = 31; + int result = 1; + result = prime * result + ((getRoleId() == null) ? 0 : getRoleId().hashCode()); + result = prime * result + ((getRoleName() == null) ? 0 : getRoleName().hashCode()); + result = prime * result + ((getRoleKey() == null) ? 0 : getRoleKey().hashCode()); + result = prime * result + ((getRoleSort() == null) ? 0 : getRoleSort().hashCode()); + result = prime * result + ((getDataScope() == null) ? 0 : getDataScope().hashCode()); + result = prime * result + ((getMenuCheckStrictly() == null) ? 0 : getMenuCheckStrictly().hashCode()); + result = prime * result + ((getDeptCheckStrictly() == null) ? 0 : getDeptCheckStrictly().hashCode()); + result = prime * result + ((getStatus() == null) ? 0 : getStatus().hashCode()); + result = prime * result + ((getDelFlag() == null) ? 0 : getDelFlag().hashCode()); + result = prime * result + ((getCreateBy() == null) ? 0 : getCreateBy().hashCode()); + result = prime * result + ((getCreateTime() == null) ? 0 : getCreateTime().hashCode()); + result = prime * result + ((getUpdateBy() == null) ? 0 : getUpdateBy().hashCode()); + result = prime * result + ((getUpdateTime() == null) ? 0 : getUpdateTime().hashCode()); + result = prime * result + ((getRemark() == null) ? 0 : getRemark().hashCode()); + return result; + } + + @Override + public String toString() { + StringBuilder sb = new StringBuilder(); + sb.append(getClass().getSimpleName()); + sb.append(" ["); + sb.append("Hash = ").append(hashCode()); + sb.append(", roleId=").append(roleId); + sb.append(", roleName=").append(roleName); + sb.append(", roleKey=").append(roleKey); + sb.append(", roleSort=").append(roleSort); + sb.append(", dataScope=").append(dataScope); + sb.append(", menuCheckStrictly=").append(menuCheckStrictly); + sb.append(", deptCheckStrictly=").append(deptCheckStrictly); + sb.append(", status=").append(status); + sb.append(", delFlag=").append(delFlag); + sb.append(", createBy=").append(createBy); + sb.append(", createTime=").append(createTime); + sb.append(", updateBy=").append(updateBy); + sb.append(", updateTime=").append(updateTime); + sb.append(", remark=").append(remark); + sb.append(", serialVersionUID=").append(serialVersionUID); + sb.append("]"); + return sb.toString(); + } +} \ No newline at end of file diff --git a/sys-api/src/main/java/com/qihang/sys/api/mapper/SysRoleMapper.java b/sys-api/src/main/java/com/qihang/sys/api/mapper/SysRoleMapper.java new file mode 100644 index 00000000..9eb0225a --- /dev/null +++ b/sys-api/src/main/java/com/qihang/sys/api/mapper/SysRoleMapper.java @@ -0,0 +1,20 @@ +package com.qihang.sys.api.mapper; + +import com.qihang.sys.api.domain.SysRole; +import com.baomidou.mybatisplus.core.mapper.BaseMapper; + +import java.util.List; + +/** +* @author TW +* @description 针对表【sys_role(角色信息表)】的数据库操作Mapper +* @createDate 2024-03-15 16:55:10 +* @Entity com.qihang.sys.api.domain.SysRole +*/ +public interface SysRoleMapper extends BaseMapper { + List selectRolePermissionByUserId(Long userId); +} + + + + diff --git a/sys-api/src/main/java/com/qihang/sys/api/service/SysPermissionService.java b/sys-api/src/main/java/com/qihang/sys/api/service/SysPermissionService.java new file mode 100644 index 00000000..80bdc7ed --- /dev/null +++ b/sys-api/src/main/java/com/qihang/sys/api/service/SysPermissionService.java @@ -0,0 +1,83 @@ +package com.qihang.sys.api.service; + + +import com.qihang.security.entity.SysUser; +import com.qihang.sys.api.domain.SysRole; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Component; +import org.springframework.util.CollectionUtils; + +import java.util.HashSet; +import java.util.List; +import java.util.Set; + +/** + * 用户权限处理 + * + * @author qihang + */ +@Component +public class SysPermissionService +{ + @Autowired + private SysRoleService roleService; + + @Autowired + private ISysMenuService menuService; + + /** + * 获取角色数据权限 + * + * @param user 用户信息 + * @return 角色权限信息 + */ + public Set getRolePermission(SysUser user) + { + Set roles = new HashSet(); + // 管理员拥有所有权限 + if (user.isAdmin()) + { + roles.add("admin"); + } + else + { + roles.addAll(roleService.selectRolePermissionByUserId(user.getUserId())); + } + return roles; + } + + /** + * 获取菜单数据权限 + * + * @param user 用户信息 + * @return 菜单权限信息 + */ + public Set getMenuPermission(SysUser user) + { + Set perms = new HashSet(); + // 管理员拥有所有权限 + if (user.isAdmin()) + { + perms.add("*:*:*"); + } + else + { +// List roles = user.getRoles(); +// if (!CollectionUtils.isEmpty(roles)) +// { +// // 多角色设置permissions属性，以便数据权限匹配权限 +// for (SysRole role : roles) +// { +// Set rolePerms = menuService.selectMenuPermsByRoleId(role.getRoleId()); +// role.setPermissions(rolePerms); +// perms.addAll(rolePerms); +// } +// } +// else +// { + perms.addAll(menuService.selectMenuPermsByUserId(user.getUserId())); +// } + } + return perms; + } +} diff --git a/sys-api/src/main/java/com/qihang/sys/api/service/SysRoleService.java b/sys-api/src/main/java/com/qihang/sys/api/service/SysRoleService.java new file mode 100644 index 00000000..1e7f2fb0 --- /dev/null +++ b/sys-api/src/main/java/com/qihang/sys/api/service/SysRoleService.java @@ -0,0 +1,19 @@ +package com.qihang.sys.api.service; + +import com.qihang.sys.api.domain.SysRole; +import com.baomidou.mybatisplus.extension.service.IService; +import com.qihang.sys.api.mapper.SysRoleMapper; +import lombok.AllArgsConstructor; +import org.springframework.stereotype.Component; +import org.springframework.stereotype.Service; + +import java.util.Set; + +/** +* @author TW +* @description 针对表【sys_role(角色信息表)】的数据库操作Service +* @createDate 2024-03-15 16:55:10 +*/ +public interface SysRoleService extends IService { + Set selectRolePermissionByUserId(Long userId); +} diff --git a/sys-api/src/main/java/com/qihang/sys/api/service/impl/SysRoleServiceImpl.java b/sys-api/src/main/java/com/qihang/sys/api/service/impl/SysRoleServiceImpl.java new file mode 100644 index 00000000..4f0d29cb --- /dev/null +++ b/sys-api/src/main/java/com/qihang/sys/api/service/impl/SysRoleServiceImpl.java @@ -0,0 +1,45 @@ +package com.qihang.sys.api.service.impl; + +import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper; +import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl; +import com.qihang.common.utils.StringUtils; +import com.qihang.sys.api.domain.SysRole; +import com.qihang.sys.api.service.SysRoleService; +import com.qihang.sys.api.mapper.SysRoleMapper; +import lombok.AllArgsConstructor; +import org.springframework.stereotype.Service; + +import java.util.Arrays; +import java.util.HashSet; +import java.util.List; +import java.util.Set; + +/** +* @author TW +* @description 针对表【sys_role(角色信息表)】的数据库操作Service实现 +* @createDate 2024-03-15 16:55:10 +*/ +@AllArgsConstructor +@Service +public class SysRoleServiceImpl extends ServiceImpl + implements SysRoleService{ + private final SysRoleMapper roleMapper; + + @Override + public Set selectRolePermissionByUserId(Long userId) { + List perms = roleMapper.selectRolePermissionByUserId(userId); + Set permsSet = new HashSet<>(); + for (SysRole perm : perms) + { + if (StringUtils.isNotNull(perm)) + { + permsSet.addAll(Arrays.asList(perm.getRoleKey().trim().split(","))); + } + } + return permsSet; + } +} + + + + diff --git a/sys-api/src/main/resources/mapper/SysRoleMapper.xml b/sys-api/src/main/resources/mapper/SysRoleMapper.xml new file mode 100644 index 00000000..35d94ad6 --- /dev/null +++ b/sys-api/src/main/resources/mapper/SysRoleMapper.xml @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + role_id,role_name,role_key, + role_sort,data_scope,menu_check_strictly, + dept_check_strictly,status,del_flag, + create_by,create_time,update_by, + update_time,remark + + + + select distinct r.role_id, r.role_name, r.role_key, r.role_sort, r.data_scope, r.menu_check_strictly, r.dept_check_strictly, + r.status, r.del_flag, r.create_time, r.remark + from sys_role r + left join sys_user_role ur on ur.role_id = r.role_id + left join sys_user u on u.user_id = ur.user_id + left join sys_dept d on u.dept_id = d.dept_id + + + + + diff --git a/vue/.editorconfig b/vue/.editorconfig new file mode 100644 index 00000000..7034f9bf --- /dev/null +++ b/vue/.editorconfig @@ -0,0 +1,22 @@ +# 告诉EditorConfig插件，这是根文件，不用继续往上查找 +root = true + +# 匹配全部文件 +[*] +# 设置字符集 +charset = utf-8 +# 缩进风格，可选space、tab +indent_style = space +# 缩进的空格数 +indent_size = 2 +# 结尾换行符，可选lf、cr、crlf +end_of_line = lf +# 在文件结尾插入新行 +insert_final_newline = true +# 删除一行中的前后空格 +trim_trailing_whitespace = true + +# 匹配md结尾的文件 +[*.md] +insert_final_newline = false +trim_trailing_whitespace = false diff --git a/vue/.env.development b/vue/.env.development new file mode 100644 index 00000000..addac921 --- /dev/null +++ b/vue/.env.development @@ -0,0 +1,11 @@ +# 页面标题 +VUE_APP_TITLE = 启航电商OMS系统 + +# 开发环境配置 +ENV = 'development' + +# 启航电商OMS系统/开发环境 +VUE_APP_BASE_API = '/dev-api' + +# 路由懒加载 +VUE_CLI_BABEL_TRANSPILE_MODULES = true diff --git a/vue/.env.production b/vue/.env.production new file mode 100644 index 00000000..34b71124 --- /dev/null +++ b/vue/.env.production @@ -0,0 +1,8 @@ +# 页面标题 +VUE_APP_TITLE = 启航电商管理系统 + +# 生产环境配置 +ENV = 'production' + +# 启航电商管理系统/生产环境 +VUE_APP_BASE_API = '/prod-api' diff --git a/vue/.env.staging b/vue/.env.staging new file mode 100644 index 00000000..48a60294 --- /dev/null +++ b/vue/.env.staging @@ -0,0 +1,10 @@ +# 页面标题 +VUE_APP_TITLE = 启航电商管理系统 + +NODE_ENV = production + +# 测试环境配置 +ENV = 'staging' + +# 启航电商管理系统/测试环境 +VUE_APP_BASE_API = '/stage-api' diff --git a/vue/.eslintignore b/vue/.eslintignore new file mode 100644 index 00000000..89be6f65 --- /dev/null +++ b/vue/.eslintignore @@ -0,0 +1,10 @@ +# 忽略build目录下类型为js的文件的语法检查 +build/*.js +# 忽略src/assets目录下文件的语法检查 +src/assets +# 忽略public目录下文件的语法检查 +public +# 忽略当前目录下为js的文件的语法检查 +*.js +# 忽略当前目录下为vue的文件的语法检查 +*.vue \ No newline at end of file diff --git a/vue/.eslintrc.js b/vue/.eslintrc.js new file mode 100644 index 00000000..82bbdeea --- /dev/null +++ b/vue/.eslintrc.js @@ -0,0 +1,199 @@ +// ESlint 检查配置 +module.exports = { + root: true, + parserOptions: { + parser: 'babel-eslint', + sourceType: 'module' + }, + env: { + browser: true, + node: true, + es6: true, + }, + extends: ['plugin:vue/recommended', 'eslint:recommended'], + + // add your custom rules here + //it is base on https://github.com/vuejs/eslint-config-vue + rules: { + "vue/max-attributes-per-line": [2, { + "singleline": 10, + "multiline": { + "max": 1, + "allowFirstLine": false + } + }], + "vue/singleline-html-element-content-newline": "off", + "vue/multiline-html-element-content-newline":"off", + "vue/name-property-casing": ["error", "PascalCase"], + "vue/no-v-html": "off", + 'accessor-pairs': 2, + 'arrow-spacing': [2, { + 'before': true, + 'after': true + }], + 'block-spacing': [2, 'always'], + 'brace-style': [2, '1tbs', { + 'allowSingleLine': true + }], + 'camelcase': [0, { + 'properties': 'always' + }], + 'comma-dangle': [2, 'never'], + 'comma-spacing': [2, { + 'before': false, + 'after': true + }], + 'comma-style': [2, 'last'], + 'constructor-super': 2, + 'curly': [2, 'multi-line'], + 'dot-location': [2, 'property'], + 'eol-last': 2, + 'eqeqeq': ["error", "always", {"null": "ignore"}], + 'generator-star-spacing': [2, { + 'before': true, + 'after': true + }], + 'handle-callback-err': [2, '^(err|error)$'], + 'indent': [2, 2, { + 'SwitchCase': 1 + }], + 'jsx-quotes': [2, 'prefer-single'], + 'key-spacing': [2, { + 'beforeColon': false, + 'afterColon': true + }], + 'keyword-spacing': [2, { + 'before': true, + 'after': true + }], + 'new-cap': [2, { + 'newIsCap': true, + 'capIsNew': false + }], + 'new-parens': 2, + 'no-array-constructor': 2, + 'no-caller': 2, + 'no-console': 'off', + 'no-class-assign': 2, + 'no-cond-assign': 2, + 'no-const-assign': 2, + 'no-control-regex': 0, + 'no-delete-var': 2, + 'no-dupe-args': 2, + 'no-dupe-class-members': 2, + 'no-dupe-keys': 2, + 'no-duplicate-case': 2, + 'no-empty-character-class': 2, + 'no-empty-pattern': 2, + 'no-eval': 2, + 'no-ex-assign': 2, + 'no-extend-native': 2, + 'no-extra-bind': 2, + 'no-extra-boolean-cast': 2, + 'no-extra-parens': [2, 'functions'], + 'no-fallthrough': 2, + 'no-floating-decimal': 2, + 'no-func-assign': 2, + 'no-implied-eval': 2, + 'no-inner-declarations': [2, 'functions'], + 'no-invalid-regexp': 2, + 'no-irregular-whitespace': 2, + 'no-iterator': 2, + 'no-label-var': 2, + 'no-labels': [2, { + 'allowLoop': false, + 'allowSwitch': false + }], + 'no-lone-blocks': 2, + 'no-mixed-spaces-and-tabs': 2, + 'no-multi-spaces': 2, + 'no-multi-str': 2, + 'no-multiple-empty-lines': [2, { + 'max': 1 + }], + 'no-native-reassign': 2, + 'no-negated-in-lhs': 2, + 'no-new-object': 2, + 'no-new-require': 2, + 'no-new-symbol': 2, + 'no-new-wrappers': 2, + 'no-obj-calls': 2, + 'no-octal': 2, + 'no-octal-escape': 2, + 'no-path-concat': 2, + 'no-proto': 2, + 'no-redeclare': 2, + 'no-regex-spaces': 2, + 'no-return-assign': [2, 'except-parens'], + 'no-self-assign': 2, + 'no-self-compare': 2, + 'no-sequences': 2, + 'no-shadow-restricted-names': 2, + 'no-spaced-func': 2, + 'no-sparse-arrays': 2, + 'no-this-before-super': 2, + 'no-throw-literal': 2, + 'no-trailing-spaces': 2, + 'no-undef': 2, + 'no-undef-init': 2, + 'no-unexpected-multiline': 2, + 'no-unmodified-loop-condition': 2, + 'no-unneeded-ternary': [2, { + 'defaultAssignment': false + }], + 'no-unreachable': 2, + 'no-unsafe-finally': 2, + 'no-unused-vars': [2, { + 'vars': 'all', + 'args': 'none' + }], + 'no-useless-call': 2, + 'no-useless-computed-key': 2, + 'no-useless-constructor': 2, + 'no-useless-escape': 0, + 'no-whitespace-before-property': 2, + 'no-with': 2, + 'one-var': [2, { + 'initialized': 'never' + }], + 'operator-linebreak': [2, 'after', { + 'overrides': { + '?': 'before', + ':': 'before' + } + }], + 'padded-blocks': [2, 'never'], + 'quotes': [2, 'single', { + 'avoidEscape': true, + 'allowTemplateLiterals': true + }], + 'semi': [2, 'never'], + 'semi-spacing': [2, { + 'before': false, + 'after': true + }], + 'space-before-blocks': [2, 'always'], + 'space-before-function-paren': [2, 'never'], + 'space-in-parens': [2, 'never'], + 'space-infix-ops': 2, + 'space-unary-ops': [2, { + 'words': true, + 'nonwords': false + }], + 'spaced-comment': [2, 'always', { + 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ','] + }], + 'template-curly-spacing': [2, 'never'], + 'use-isnan': 2, + 'valid-typeof': 2, + 'wrap-iife': [2, 'any'], + 'yield-star-spacing': [2, 'both'], + 'yoda': [2, 'never'], + 'prefer-const': 2, + 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, + 'object-curly-spacing': [2, 'always', { + objectsInObjects: false + }], + 'array-bracket-spacing': [2, 'never'] + } +} diff --git a/vue/.gitignore b/vue/.gitignore new file mode 100644 index 00000000..78a752d8 --- /dev/null +++ b/vue/.gitignore @@ -0,0 +1,23 @@ +.DS_Store +node_modules/ +dist/ +npm-debug.log* +yarn-debug.log* +yarn-error.log* +**/*.log + +tests/**/coverage/ +tests/e2e/reports +selenium-debug.log + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.local + +package-lock.json +yarn.lock diff --git a/vue/README.md b/vue/README.md new file mode 100644 index 00000000..1e59ddb9 --- /dev/null +++ b/vue/README.md @@ -0,0 +1,30 @@ +## 开发 + +```bash +# 克隆项目 + + +# 进入项目目录 +cd zhijian-vue + +# 安装依赖 +npm install + +# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 +npm install --registry=https://registry.npmmirror.com + +# 启动服务 +npm run dev +``` + +浏览器访问 http://localhost:80 + +## 发布 + +```bash +# 构建测试环境 +npm run build:stage + +# 构建生产环境 +npm run build:prod +``` \ No newline at end of file diff --git a/vue/babel.config.js b/vue/babel.config.js new file mode 100644 index 00000000..c8267b2d --- /dev/null +++ b/vue/babel.config.js @@ -0,0 +1,13 @@ +module.exports = { + presets: [ + // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app + '@vue/cli-plugin-babel/preset' + ], + 'env': { + 'development': { + // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require(). + // This plugin can significantly increase the speed of hot updates, when you have a large number of pages. + 'plugins': ['dynamic-import-node'] + } + } +} \ No newline at end of file diff --git a/vue/package.json b/vue/package.json new file mode 100644 index 00000000..4eaff57f --- /dev/null +++ b/vue/package.json @@ -0,0 +1,92 @@ +{ + "name": "qihang-ecerp", + "version": "0.1.1", + "description": "启航电商ERP系统", + "author": "qihang", + "license": "MIT", + "scripts": { + "dev": "vue-cli-service serve", + "build:prod": "vue-cli-service build", + "build:stage": "vue-cli-service build --mode staging", + "preview": "node build/index.js --preview", + "lint": "eslint --ext .js,.vue src" + }, + "husky": { + "hooks": { + "pre-commit": "lint-staged" + } + }, + "lint-staged": { + "src/**/*.{js,vue}": [ + "eslint --fix", + "git add" + ] + }, + "keywords": [ + "vue", + "admin", + "dashboard", + "element-ui", + "boilerplate", + "admin-template", + "management-system" + ], + "repository": { + "type": "git", + "url": "https://gitee.com/qiliping/zhijian.git" + }, + "dependencies": { + "@riophae/vue-treeselect": "^0.4.0", + "@smallwei/avue": "^2.10.15", + "axios": "0.24.0", + "clipboard": "2.0.8", + "core-js": "3.25.3", + "echarts": "5.4.0", + "element-china-area-data": "^6.1.0", + "element-ui": "2.15.13", + "file-saver": "2.0.5", + "fuse.js": "6.4.3", + "highlight.js": "9.18.5", + "js-beautify": "1.13.0", + "js-cookie": "3.0.1", + "jsencrypt": "3.0.0-rc.1", + "nprogress": "0.2.0", + "quill": "1.3.7", + "screenfull": "5.0.2", + "sortablejs": "1.10.2", + "vue": "2.6.12", + "vue-count-to": "1.0.13", + "vue-cropper": "0.5.5", + "vue-meta": "2.4.0", + "vue-router": "3.4.9", + "vuedraggable": "2.24.3", + "vuex": "3.6.0" + }, + "devDependencies": { + "@vue/cli-plugin-babel": "4.4.6", + "@vue/cli-plugin-eslint": "4.4.6", + "@vue/cli-service": "4.4.6", + "babel-eslint": "10.1.0", + "babel-plugin-dynamic-import-node": "2.3.3", + "chalk": "4.1.0", + "compression-webpack-plugin": "5.0.2", + "connect": "3.6.6", + "eslint": "7.15.0", + "eslint-plugin-vue": "7.2.0", + "lint-staged": "10.5.3", + "runjs": "4.4.2", + "sass": "1.32.13", + "sass-loader": "10.1.1", + "script-ext-html-webpack-plugin": "2.1.5", + "svg-sprite-loader": "5.1.1", + "vue-template-compiler": "2.6.12" + }, + "engines": { + "node": ">=8.9", + "npm": ">= 3.0.0" + }, + "browserslist": [ + "> 1%", + "last 2 versions" + ] +} diff --git a/vue/public/favicon.ico b/vue/public/favicon.ico new file mode 100644 index 00000000..e2637602 Binary files /dev/null and b/vue/public/favicon.ico differ diff --git a/vue/public/html/ie.html b/vue/public/html/ie.html new file mode 100644 index 00000000..052ffcd6 --- /dev/null +++ b/vue/public/html/ie.html @@ -0,0 +1,46 @@ + + + + + + 请升级您的浏览器 + + + + + + +

请升级您的浏览器，以便我们更好的为您提供服务！

+

您正在使用 Internet Explorer 的早期版本（IE11以下版本或使用该内核的浏览器）。这意味着在升级浏览器前，您将无法访问此网站。

+
+

请注意：微软公司对Windows XP 及 Internet Explorer 早期版本的支持已经结束

+

自 2016 年 1 月 12 日起，Microsoft 不再为 IE 11 以下版本提供相应支持和更新。没有关键的浏览器安全更新，您的电脑可能易受有害病毒、间谍软件和其他恶意软件的攻击，它们可以窃取或损害您的业务数据和信息。请参阅 微软对 Internet Explorer 早期版本的支持将于 2016 年 1 月 12 日结束的说明 。

+
+

您可以选择更先进的浏览器

+

推荐使用以下浏览器的最新版本。如果您的电脑已有以下浏览器的最新版本则直接使用该浏览器访问即可。

+ +
+ + \ No newline at end of file diff --git a/vue/public/index.html b/vue/public/index.html new file mode 100644 index 00000000..925455ca --- /dev/null +++ b/vue/public/index.html @@ -0,0 +1,208 @@ + + + + + + + + + <%= webpackConfig.name %> + + + + +
+
+
+
+
+
正在加载系统资源，请耐心等待
+
+
+ + diff --git a/vue/public/robots.txt b/vue/public/robots.txt new file mode 100644 index 00000000..77470cb3 --- /dev/null +++ b/vue/public/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: / \ No newline at end of file diff --git a/vue/src/App.vue b/vue/src/App.vue new file mode 100644 index 00000000..29de49f1 --- /dev/null +++ b/vue/src/App.vue @@ -0,0 +1,28 @@ + + + + diff --git a/vue/src/api/api/logistics.js b/vue/src/api/api/logistics.js new file mode 100644 index 00000000..0a194690 --- /dev/null +++ b/vue/src/api/api/logistics.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询物流公司列表 +export function listLogistics(query) { + return request({ + url: '/api/logistics/list', + method: 'get', + params: query + }) +} + +// 查询物流公司详细 +export function getLogistics(id) { + return request({ + url: '/api/logistics/' + id, + method: 'get' + }) +} + +// 新增物流公司 +export function addLogistics(data) { + return request({ + url: '/api/logistics', + method: 'post', + data: data + }) +} + +// 修改物流公司 +export function updateLogistics(data) { + return request({ + url: '/api/logistics', + method: 'put', + data: data + }) +} + +// 删除物流公司 +export function delLogistics(id) { + return request({ + url: '/api/logistics/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/api/returned.js b/vue/src/api/api/returned.js new file mode 100644 index 00000000..93b380a8 --- /dev/null +++ b/vue/src/api/api/returned.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询退换货列表 +export function listReturned(query) { + return request({ + url: '/api/returned/list', + method: 'get', + params: query + }) +} + +// 查询退换货详细 +export function getReturned(id) { + return request({ + url: '/api/returned/' + id, + method: 'get' + }) +} + +// 新增退换货 +export function addReturned(data) { + return request({ + url: '/api/returned', + method: 'post', + data: data + }) +} + +// 修改退换货 +export function updateReturned(data) { + return request({ + url: '/api/returned', + method: 'put', + data: data + }) +} + +// 删除退换货 +export function delReturned(id) { + return request({ + url: '/api/returned/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/dou/douRefund.js b/vue/src/api/dou/douRefund.js new file mode 100644 index 00000000..0ac2127f --- /dev/null +++ b/vue/src/api/dou/douRefund.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询抖店订单退款列表 +export function listDouRefund(query) { + return request({ + url: '/dou/douRefund/list', + method: 'get', + params: query + }) +} + +// 查询抖店订单退款详细 +export function getDouRefund(id) { + return request({ + url: '/dou/douRefund/' + id, + method: 'get' + }) +} + +// 新增抖店订单退款 +export function addDouRefund(data) { + return request({ + url: '/dou/douRefund', + method: 'post', + data: data + }) +} + +// 修改抖店订单退款 +export function updateDouRefund(data) { + return request({ + url: '/dou/douRefund', + method: 'put', + data: data + }) +} + +// 删除抖店订单退款 +export function delDouRefund(id) { + return request({ + url: '/dou/douRefund/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/dou/order.js b/vue/src/api/dou/order.js new file mode 100644 index 00000000..33803183 --- /dev/null +++ b/vue/src/api/dou/order.js @@ -0,0 +1,53 @@ +import request from '@/utils/request' + +// 查询抖店订单列表 +export function listOrder(query) { + return request({ + url: '/dou/order/list', + method: 'get', + params: query + }) +} + +// 查询抖店订单详细 +export function getOrder(id) { + return request({ + url: '/dou/order/' + id, + method: 'get' + }) +} + +// 新增抖店订单 +export function addOrder(data) { + return request({ + url: '/dou/order', + method: 'post', + data: data + }) +} + +// 修改抖店订单 +export function confirmOrder(data) { + return request({ + url: '/dou/order/confirm', + method: 'post', + data: data + }) +} + +// 删除抖店订单 +export function delOrder(id) { + return request({ + url: '/dou/order/' + id, + method: 'delete' + }) +} + +// 接口拉取淘宝订单 +export function pullOrder(query) { + return request({ + url: '/douapi/order/pull_order', + method: 'get', + params: query + }) +} diff --git a/vue/src/api/dou/refund.js b/vue/src/api/dou/refund.js new file mode 100644 index 00000000..975867b3 --- /dev/null +++ b/vue/src/api/dou/refund.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询抖店订单退款列表 +export function listRefund(query) { + return request({ + url: '/dou/refund/list', + method: 'get', + params: query + }) +} + +// 查询抖店订单退款详细 +export function getRefund(id) { + return request({ + url: '/dou/refund/' + id, + method: 'get' + }) +} + +// 新增抖店订单退款 +export function addRefund(data) { + return request({ + url: '/dou/refund', + method: 'post', + data: data + }) +} + +// 修改抖店订单退款 +export function updateRefund(data) { + return request({ + url: '/dou/refund', + method: 'put', + data: data + }) +} + +// 删除抖店订单退款 +export function delRefund(id) { + return request({ + url: '/dou/refund/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/fms/agentShip.js b/vue/src/api/fms/agentShip.js new file mode 100644 index 00000000..709484f7 --- /dev/null +++ b/vue/src/api/fms/agentShip.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询财务管理-应付款-代发账单列表 +export function listAgentShip(query) { + return request({ + url: '/fms/agentShip/list', + method: 'get', + params: query + }) +} + +// 查询财务管理-应付款-代发账单详细 +export function getAgentShip(id) { + return request({ + url: '/fms/agentShip/' + id, + method: 'get' + }) +} + +// 新增财务管理-应付款-代发账单 +export function addAgentShip(data) { + return request({ + url: '/fms/agentShip', + method: 'post', + data: data + }) +} + +// 修改财务管理-应付款-代发账单 +export function updateAgentShip(data) { + return request({ + url: '/fms/agentShip', + method: 'put', + data: data + }) +} + +// 删除财务管理-应付款-代发账单 +export function delAgentShip(id) { + return request({ + url: '/fms/agentShip/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/fms/inventoryReport.js b/vue/src/api/fms/inventoryReport.js new file mode 100644 index 00000000..25da6ff7 --- /dev/null +++ b/vue/src/api/fms/inventoryReport.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询库存存货报列表 +export function listInventoryReport(query) { + return request({ + url: '/fms/inventoryReport/list', + method: 'get', + params: query + }) +} + +// 查询库存存货报详细 +export function getInventoryReport(id) { + return request({ + url: '/fms/inventoryReport/' + id, + method: 'get' + }) +} + +// 新增库存存货报 +export function addInventoryReport(data) { + return request({ + url: '/fms/inventoryReport', + method: 'post', + data: data + }) +} + +// 修改库存存货报 +export function updateInventoryReport(data) { + return request({ + url: '/fms/inventoryReport', + method: 'put', + data: data + }) +} + +// 删除库存存货报 +export function delInventoryReport(id) { + return request({ + url: '/fms/inventoryReport/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/fms/payablePurchase.js b/vue/src/api/fms/payablePurchase.js new file mode 100644 index 00000000..7b23057b --- /dev/null +++ b/vue/src/api/fms/payablePurchase.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询财务管理-应付款-采购货款列表 +export function listPayablePurchase(query) { + return request({ + url: '/fms/payablePurchase/list', + method: 'get', + params: query + }) +} + +// 查询财务管理-应付款-采购货款详细 +export function getPayablePurchase(id) { + return request({ + url: '/fms/payablePurchase/' + id, + method: 'get' + }) +} + +// 新增财务管理-应付款-采购货款 +export function addPayablePurchase(data) { + return request({ + url: '/fms/payablePurchase', + method: 'post', + data: data + }) +} + +// 修改财务管理-应付款-采购货款 +export function updatePayablePurchase(data) { + return request({ + url: '/fms/payablePurchase', + method: 'put', + data: data + }) +} + +// 删除财务管理-应付款-采购货款 +export function delPayablePurchase(id) { + return request({ + url: '/fms/payablePurchase/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/fms/receivableOrder.js b/vue/src/api/fms/receivableOrder.js new file mode 100644 index 00000000..ffee2ad7 --- /dev/null +++ b/vue/src/api/fms/receivableOrder.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询财务管理-应收款-订单收入列表 +export function listReceivableOrder(query) { + return request({ + url: '/fms/receivableOrder/list', + method: 'get', + params: query + }) +} + +// 查询财务管理-应收款-订单收入详细 +export function getReceivableOrder(id) { + return request({ + url: '/fms/receivableOrder/' + id, + method: 'get' + }) +} + +// 新增财务管理-应收款-订单收入 +export function addReceivableOrder(data) { + return request({ + url: '/fms/receivableOrder', + method: 'post', + data: data + }) +} + +// 修改财务管理-应收款-订单收入 +export function updateReceivableOrder(data) { + return request({ + url: '/fms/receivableOrder', + method: 'put', + data: data + }) +} + +// 删除财务管理-应收款-订单收入 +export function delReceivableOrder(id) { + return request({ + url: '/fms/receivableOrder/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/fms/shipFee.js b/vue/src/api/fms/shipFee.js new file mode 100644 index 00000000..33d91188 --- /dev/null +++ b/vue/src/api/fms/shipFee.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询财务管理-应付款-物流费用列表 +export function listShipFee(query) { + return request({ + url: '/fms/shipFee/list', + method: 'get', + params: query + }) +} + +// 查询财务管理-应付款-物流费用详细 +export function getShipFee(id) { + return request({ + url: '/fms/shipFee/' + id, + method: 'get' + }) +} + +// 新增财务管理-应付款-物流费用 +export function addShipFee(data) { + return request({ + url: '/fms/shipFee', + method: 'post', + data: data + }) +} + +// 修改财务管理-应付款-物流费用 +export function updateShipFee(data) { + return request({ + url: '/fms/shipFee', + method: 'put', + data: data + }) +} + +// 删除财务管理-应付款-物流费用 +export function delShipFee(id) { + return request({ + url: '/fms/shipFee/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/goods/brand.js b/vue/src/api/goods/brand.js new file mode 100644 index 00000000..dac3b96c --- /dev/null +++ b/vue/src/api/goods/brand.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询商品品牌列表 +export function listBrand(query) { + return request({ + url: '/goods/brand/list', + method: 'get', + params: query + }) +} + +// 查询商品品牌详细 +export function getBrand(id) { + return request({ + url: '/goods/brand/' + id, + method: 'get' + }) +} + +// 新增商品品牌 +export function addBrand(data) { + return request({ + url: '/goods/brand', + method: 'post', + data: data + }) +} + +// 修改商品品牌 +export function updateBrand(data) { + return request({ + url: '/goods/brand', + method: 'put', + data: data + }) +} + +// 删除商品品牌 +export function delBrand(id) { + return request({ + url: '/goods/brand/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/goods/category.js b/vue/src/api/goods/category.js new file mode 100644 index 00000000..551a043a --- /dev/null +++ b/vue/src/api/goods/category.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询商品分类列表 +export function listCategory(query) { + return request({ + url: '/goods/category/list', + method: 'get', + params: query + }) +} + +// 查询商品分类详细 +export function getCategory(id) { + return request({ + url: '/goods/category/' + id, + method: 'get' + }) +} + +// 新增商品分类 +export function addCategory(data) { + return request({ + url: '/goods/category', + method: 'post', + data: data + }) +} + +// 修改商品分类 +export function updateCategory(data) { + return request({ + url: '/goods/category', + method: 'put', + data: data + }) +} + +// 删除商品分类 +export function delCategory(id) { + return request({ + url: '/goods/category/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/goods/categoryAttribute.js b/vue/src/api/goods/categoryAttribute.js new file mode 100644 index 00000000..16eb6c69 --- /dev/null +++ b/vue/src/api/goods/categoryAttribute.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询商品分类属性列表 +export function listCategoryAttribute(query) { + return request({ + url: '/goods/categoryAttribute/list', + method: 'get', + params: query + }) +} + +// 查询商品分类属性详细 +export function getCategoryAttribute(id) { + return request({ + url: '/goods/categoryAttribute/' + id, + method: 'get' + }) +} + +// 新增商品分类属性 +export function addCategoryAttribute(data) { + return request({ + url: '/goods/categoryAttribute', + method: 'post', + data: data + }) +} + +// 修改商品分类属性 +export function updateCategoryAttribute(data) { + return request({ + url: '/goods/categoryAttribute', + method: 'put', + data: data + }) +} + +// 删除商品分类属性 +export function delCategoryAttribute(id) { + return request({ + url: '/goods/categoryAttribute/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/goods/categoryAttributeValue.js b/vue/src/api/goods/categoryAttributeValue.js new file mode 100644 index 00000000..3df58a5f --- /dev/null +++ b/vue/src/api/goods/categoryAttributeValue.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询商品分类属性值列表 +export function listCategoryAttributeValue(query) { + return request({ + url: '/goods/categoryAttributeValue/list', + method: 'get', + params: query + }) +} + +// 查询商品分类属性值详细 +export function getCategoryAttributeValue(id) { + return request({ + url: '/goods/categoryAttributeValue/' + id, + method: 'get' + }) +} + +// 新增商品分类属性值 +export function addCategoryAttributeValue(data) { + return request({ + url: '/goods/categoryAttributeValue', + method: 'post', + data: data + }) +} + +// 修改商品分类属性值 +export function updateCategoryAttributeValue(data) { + return request({ + url: '/goods/categoryAttributeValue', + method: 'put', + data: data + }) +} + +// 删除商品分类属性值 +export function delCategoryAttributeValue(id) { + return request({ + url: '/goods/categoryAttributeValue/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/goods/goods.js b/vue/src/api/goods/goods.js new file mode 100644 index 00000000..080aa19d --- /dev/null +++ b/vue/src/api/goods/goods.js @@ -0,0 +1,53 @@ +import request from '@/utils/request' + +// 查询商品管理列表 +export function listGoods(query) { + return request({ + url: '/goods/goods/list', + method: 'get', + params: query + }) +} + +// 查询商品规格列表 +export function searchSku(query) { + return request({ + url: '/goods/goods/searchSku', + method: 'get', + params: query + }) +} + +// 查询商品管理详细 +export function getGoods(id) { + return request({ + url: '/goods/goods/' + id, + method: 'get' + }) +} + +// 新增商品管理 +export function addGoods(data) { + return request({ + url: '/goods/goods', + method: 'post', + data: data + }) +} + +// 修改商品管理 +export function updateGoods(data) { + return request({ + url: '/goods/goods', + method: 'put', + data: data + }) +} + +// 删除商品管理 +export function delGoods(id) { + return request({ + url: '/goods/goods/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/goods/goodsInventory.js b/vue/src/api/goods/goodsInventory.js new file mode 100644 index 00000000..df940b09 --- /dev/null +++ b/vue/src/api/goods/goodsInventory.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询商品库存列表 +export function listGoodsInventory(query) { + return request({ + url: '/api/goodsInventory/list', + method: 'get', + params: query + }) +} + +// 查询商品库存详细 +export function getGoodsInventory(id) { + return request({ + url: '/api/goodsInventory/' + id, + method: 'get' + }) +} + +// 新增商品库存 +export function addGoodsInventory(data) { + return request({ + url: '/api/goodsInventory', + method: 'post', + data: data + }) +} + +// 修改商品库存 +export function updateGoodsInventory(data) { + return request({ + url: '/api/goodsInventory', + method: 'put', + data: data + }) +} + +// 删除商品库存 +export function delGoodsInventory(id) { + return request({ + url: '/api/goodsInventory/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/goods/goodsSpec.js b/vue/src/api/goods/goodsSpec.js new file mode 100644 index 00000000..12cbf069 --- /dev/null +++ b/vue/src/api/goods/goodsSpec.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询商品规格库存管理列表 +export function listGoodsSpec(query) { + return request({ + url: '/goods/goodsSpec/list', + method: 'get', + params: query + }) +} + +// 查询商品规格库存管理详细 +export function getGoodsSpec(id) { + return request({ + url: '/goods/goodsSpec/' + id, + method: 'get' + }) +} + +// 新增商品规格库存管理 +export function addGoodsSpec(data) { + return request({ + url: '/goods/goodsSpec', + method: 'post', + data: data + }) +} + +// 修改商品规格库存管理 +export function updateGoodsSpec(data) { + return request({ + url: '/goods/goodsSpec', + method: 'put', + data: data + }) +} + +// 删除商品规格库存管理 +export function delGoodsSpec(id) { + return request({ + url: '/goods/goodsSpec/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/keyword/keyword.js b/vue/src/api/keyword/keyword.js new file mode 100644 index 00000000..91d703b8 --- /dev/null +++ b/vue/src/api/keyword/keyword.js @@ -0,0 +1,33 @@ +import request from '@/utils/request' + +// 查询生成表数据 +export function listAll(query) { + return request({ + url: '/keyword/list', + method: 'get', + params: query + }) +} + +export function saveData(data) { + return request({ + url: '/keyword/save', + method: 'post', + data: data + }) +} + +export function delData(id) { + return request({ + url: '/keyword/del/' + id, + method: 'delete' + }) +} + +export function updateData(data) { + return request({ + url: '/keyword/edit', + method: 'put', + data: data + }) +} diff --git a/vue/src/api/login.js b/vue/src/api/login.js new file mode 100644 index 00000000..95ba2b9f --- /dev/null +++ b/vue/src/api/login.js @@ -0,0 +1,59 @@ +import request from '@/utils/request' + +// 登录方法 +export function login(username, password, code, uuid) { + const data = { + username, + password, + code, + uuid + } + return request({ + url: '/api/sys-api/login', + headers: { + isToken: false + }, + method: 'post', + data: data + }) +} + +// 注册方法 +export function register(data) { + return request({ + url: '/register', + headers: { + isToken: false + }, + method: 'post', + data: data + }) +} + +// 获取用户详细信息 +export function getInfo() { + return request({ + url: '/api/sys-api/getInfo', + method: 'get' + }) +} + +// 退出方法 +export function logout() { + return request({ + url: '/api/sys-api/logout', + method: 'post' + }) +} + +// 获取验证码 +export function getCodeImg() { + return request({ + url: '/captchaImage', + headers: { + isToken: false + }, + method: 'get', + timeout: 20000 + }) +} diff --git a/vue/src/api/menu.js b/vue/src/api/menu.js new file mode 100644 index 00000000..faef101c --- /dev/null +++ b/vue/src/api/menu.js @@ -0,0 +1,9 @@ +import request from '@/utils/request' + +// 获取路由 +export const getRouters = () => { + return request({ + url: '/getRouters', + method: 'get' + }) +} \ No newline at end of file diff --git a/vue/src/api/monitor/cache.js b/vue/src/api/monitor/cache.js new file mode 100644 index 00000000..72c5f6a3 --- /dev/null +++ b/vue/src/api/monitor/cache.js @@ -0,0 +1,57 @@ +import request from '@/utils/request' + +// 查询缓存详细 +export function getCache() { + return request({ + url: '/monitor/cache', + method: 'get' + }) +} + +// 查询缓存名称列表 +export function listCacheName() { + return request({ + url: '/monitor/cache/getNames', + method: 'get' + }) +} + +// 查询缓存键名列表 +export function listCacheKey(cacheName) { + return request({ + url: '/monitor/cache/getKeys/' + cacheName, + method: 'get' + }) +} + +// 查询缓存内容 +export function getCacheValue(cacheName, cacheKey) { + return request({ + url: '/monitor/cache/getValue/' + cacheName + '/' + cacheKey, + method: 'get' + }) +} + +// 清理指定名称缓存 +export function clearCacheName(cacheName) { + return request({ + url: '/monitor/cache/clearCacheName/' + cacheName, + method: 'delete' + }) +} + +// 清理指定键名缓存 +export function clearCacheKey(cacheKey) { + return request({ + url: '/monitor/cache/clearCacheKey/' + cacheKey, + method: 'delete' + }) +} + +// 清理全部缓存 +export function clearCacheAll() { + return request({ + url: '/monitor/cache/clearCacheAll', + method: 'delete' + }) +} diff --git a/vue/src/api/monitor/job.js b/vue/src/api/monitor/job.js new file mode 100644 index 00000000..38155693 --- /dev/null +++ b/vue/src/api/monitor/job.js @@ -0,0 +1,71 @@ +import request from '@/utils/request' + +// 查询定时任务调度列表 +export function listJob(query) { + return request({ + url: '/monitor/job/list', + method: 'get', + params: query + }) +} + +// 查询定时任务调度详细 +export function getJob(jobId) { + return request({ + url: '/monitor/job/' + jobId, + method: 'get' + }) +} + +// 新增定时任务调度 +export function addJob(data) { + return request({ + url: '/monitor/job', + method: 'post', + data: data + }) +} + +// 修改定时任务调度 +export function updateJob(data) { + return request({ + url: '/monitor/job', + method: 'put', + data: data + }) +} + +// 删除定时任务调度 +export function delJob(jobId) { + return request({ + url: '/monitor/job/' + jobId, + method: 'delete' + }) +} + +// 任务状态修改 +export function changeJobStatus(jobId, status) { + const data = { + jobId, + status + } + return request({ + url: '/monitor/job/changeStatus', + method: 'put', + data: data + }) +} + + +// 定时任务立即执行一次 +export function runJob(jobId, jobGroup) { + const data = { + jobId, + jobGroup + } + return request({ + url: '/monitor/job/run', + method: 'put', + data: data + }) +} \ No newline at end of file diff --git a/vue/src/api/monitor/jobLog.js b/vue/src/api/monitor/jobLog.js new file mode 100644 index 00000000..6e0be616 --- /dev/null +++ b/vue/src/api/monitor/jobLog.js @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 查询调度日志列表 +export function listJobLog(query) { + return request({ + url: '/monitor/jobLog/list', + method: 'get', + params: query + }) +} + +// 删除调度日志 +export function delJobLog(jobLogId) { + return request({ + url: '/monitor/jobLog/' + jobLogId, + method: 'delete' + }) +} + +// 清空调度日志 +export function cleanJobLog() { + return request({ + url: '/monitor/jobLog/clean', + method: 'delete' + }) +} diff --git a/vue/src/api/monitor/logininfor.js b/vue/src/api/monitor/logininfor.js new file mode 100644 index 00000000..4d112b78 --- /dev/null +++ b/vue/src/api/monitor/logininfor.js @@ -0,0 +1,34 @@ +import request from '@/utils/request' + +// 查询登录日志列表 +export function list(query) { + return request({ + url: '/monitor/logininfor/list', + method: 'get', + params: query + }) +} + +// 删除登录日志 +export function delLogininfor(infoId) { + return request({ + url: '/monitor/logininfor/' + infoId, + method: 'delete' + }) +} + +// 解锁用户登录状态 +export function unlockLogininfor(userName) { + return request({ + url: '/monitor/logininfor/unlock/' + userName, + method: 'get' + }) +} + +// 清空登录日志 +export function cleanLogininfor() { + return request({ + url: '/monitor/logininfor/clean', + method: 'delete' + }) +} diff --git a/vue/src/api/monitor/online.js b/vue/src/api/monitor/online.js new file mode 100644 index 00000000..bd221378 --- /dev/null +++ b/vue/src/api/monitor/online.js @@ -0,0 +1,18 @@ +import request from '@/utils/request' + +// 查询在线用户列表 +export function list(query) { + return request({ + url: '/monitor/online/list', + method: 'get', + params: query + }) +} + +// 强退用户 +export function forceLogout(tokenId) { + return request({ + url: '/monitor/online/' + tokenId, + method: 'delete' + }) +} diff --git a/vue/src/api/monitor/operlog.js b/vue/src/api/monitor/operlog.js new file mode 100644 index 00000000..a04bca84 --- /dev/null +++ b/vue/src/api/monitor/operlog.js @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 查询操作日志列表 +export function list(query) { + return request({ + url: '/monitor/operlog/list', + method: 'get', + params: query + }) +} + +// 删除操作日志 +export function delOperlog(operId) { + return request({ + url: '/monitor/operlog/' + operId, + method: 'delete' + }) +} + +// 清空操作日志 +export function cleanOperlog() { + return request({ + url: '/monitor/operlog/clean', + method: 'delete' + }) +} diff --git a/vue/src/api/monitor/server.js b/vue/src/api/monitor/server.js new file mode 100644 index 00000000..e1f9ca21 --- /dev/null +++ b/vue/src/api/monitor/server.js @@ -0,0 +1,9 @@ +import request from '@/utils/request' + +// 获取服务信息 +export function getServer() { + return request({ + url: '/monitor/server', + method: 'get' + }) +} \ No newline at end of file diff --git a/vue/src/api/pdd/order.js b/vue/src/api/pdd/order.js new file mode 100644 index 00000000..b4356ade --- /dev/null +++ b/vue/src/api/pdd/order.js @@ -0,0 +1,54 @@ +import request from '@/utils/request' + +// 查询拼多多订单列表 +export function listOrder(query) { + return request({ + url: '/pdd/order/list', + method: 'get', + params: query + }) +} + +// 查询拼多多订单详细 +export function getOrder(id) { + return request({ + url: '/pdd/order/' + id, + method: 'get' + }) +} + +// 新增拼多多订单 +export function addOrder(data) { + return request({ + url: '/pdd/order', + method: 'post', + data: data + }) +} + +// 修改拼多多订单 +export function confirmOrder(data) { + return request({ + url: '/pdd/order/confirm', + method: 'post', + data: data + }) +} + +// 删除拼多多订单 +export function delOrder(id) { + return request({ + url: '/pdd/order/' + id, + method: 'delete' + }) +} + + +// 接口拉取淘宝订单 +export function pullOrder(query) { + return request({ + url: '/pdd_api/order/pull_order', + method: 'get', + params: query + }) +} diff --git a/vue/src/api/pdd/orderRefund.js b/vue/src/api/pdd/orderRefund.js new file mode 100644 index 00000000..599f00e5 --- /dev/null +++ b/vue/src/api/pdd/orderRefund.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询拼多多订单退款列表 +export function listOrderRefund(query) { + return request({ + url: '/pdd/orderRefund/list', + method: 'get', + params: query + }) +} + +// 查询拼多多订单退款详细 +export function getOrderRefund(id) { + return request({ + url: '/pdd/orderRefund/' + id, + method: 'get' + }) +} + +// 新增拼多多订单退款 +export function addOrderRefund(data) { + return request({ + url: '/pdd/orderRefund', + method: 'post', + data: data + }) +} + +// 修改拼多多订单退款 +export function updateOrderRefund(data) { + return request({ + url: '/pdd/orderRefund', + method: 'put', + data: data + }) +} + +// 删除拼多多订单退款 +export function delOrderRefund(id) { + return request({ + url: '/pdd/orderRefund/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/pdd/pddRefund.js b/vue/src/api/pdd/pddRefund.js new file mode 100644 index 00000000..f2f752b1 --- /dev/null +++ b/vue/src/api/pdd/pddRefund.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询拼多多订单退款列表 +export function listPddRefund(query) { + return request({ + url: '/pdd/pddRefund/list', + method: 'get', + params: query + }) +} + +// 查询拼多多订单退款详细 +export function getPddRefund(id) { + return request({ + url: '/pdd/pddRefund/' + id, + method: 'get' + }) +} + +// 新增拼多多订单退款 +export function addPddRefund(data) { + return request({ + url: '/pdd/pddRefund', + method: 'post', + data: data + }) +} + +// 修改拼多多订单退款 +export function updatePddRefund(data) { + return request({ + url: '/pdd/pddRefund', + method: 'put', + data: data + }) +} + +// 删除拼多多订单退款 +export function delPddRefund(id) { + return request({ + url: '/pdd/pddRefund/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/purchase/purchaseOrder.js b/vue/src/api/purchase/purchaseOrder.js new file mode 100644 index 00000000..858a380b --- /dev/null +++ b/vue/src/api/purchase/purchaseOrder.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询采购订单列表 +export function listPurchaseOrder(query) { + return request({ + url: '/purchase/purchaseOrder/list', + method: 'get', + params: query + }) +} + +// 查询采购订单详细 +export function getPurchaseOrder(id) { + return request({ + url: '/purchase/purchaseOrder/' + id, + method: 'get' + }) +} + +// 新增采购订单 +export function addPurchaseOrder(data) { + return request({ + url: '/purchase/purchaseOrder', + method: 'post', + data: data + }) +} + +// 修改采购订单 +export function updatePurchaseOrder(data) { + return request({ + url: '/purchase/purchaseOrder', + method: 'put', + data: data + }) +} + +// 删除采购订单 +export function delPurchaseOrder(id) { + return request({ + url: '/purchase/purchaseOrder/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/purchase/purchaseOrderItem.js b/vue/src/api/purchase/purchaseOrderItem.js new file mode 100644 index 00000000..9a6ed1a1 --- /dev/null +++ b/vue/src/api/purchase/purchaseOrderItem.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询采购订单明细列表 +export function listPurchaseOrderItem(query) { + return request({ + url: '/purchase/purchaseOrderItem/list', + method: 'get', + params: query + }) +} + +// 查询采购订单明细详细 +export function getPurchaseOrderItem(id) { + return request({ + url: '/purchase/purchaseOrderItem/' + id, + method: 'get' + }) +} + +// 新增采购订单明细 +export function addPurchaseOrderItem(data) { + return request({ + url: '/purchase/purchaseOrderItem', + method: 'post', + data: data + }) +} + +// 修改采购订单明细 +export function updatePurchaseOrderItem(data) { + return request({ + url: '/purchase/purchaseOrderItem', + method: 'put', + data: data + }) +} + +// 删除采购订单明细 +export function delPurchaseOrderItem(id) { + return request({ + url: '/purchase/purchaseOrderItem/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/scm/PurchaseOrderShip.js b/vue/src/api/scm/PurchaseOrderShip.js new file mode 100644 index 00000000..77fb7a5b --- /dev/null +++ b/vue/src/api/scm/PurchaseOrderShip.js @@ -0,0 +1,54 @@ +import request from '@/utils/request' + +// 查询采购订单物流列表 +export function listPurchaseOrderShip(query) { + return request({ + url: '/purchase/PurchaseOrderShip/list', + method: 'get', + params: query + }) +} + +// 查询采购订单物流详细 +export function getPurchaseOrderShip(id) { + return request({ + url: '/purchase/PurchaseOrderShip/' + id, + method: 'get' + }) +} + +// 新增采购订单物流 +export function addPurchaseOrderShip(data) { + return request({ + url: '/purchase/PurchaseOrderShip', + method: 'post', + data: data + }) +} + +//创建入库单 +export function createStockInEntry(data) { + return request({ + url: '/purchase/PurchaseOrderShip/createStockInEntry', + method: 'post', + data: data + }) +} + + +// 修改采购订单物流 +export function updatePurchaseOrderShip(data) { + return request({ + url: '/purchase/PurchaseOrderShip', + method: 'put', + data: data + }) +} + +// 删除采购订单物流 +export function delPurchaseOrderShip(id) { + return request({ + url: '/purchase/PurchaseOrderShip/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/scm/agentShipping.js b/vue/src/api/scm/agentShipping.js new file mode 100644 index 00000000..4bc8a437 --- /dev/null +++ b/vue/src/api/scm/agentShipping.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询供应商代发货列表 +export function listAgentShipping(query) { + return request({ + url: '/scm/agentShipping/list', + method: 'get', + params: query + }) +} + +// 查询供应商代发货详细 +export function getAgentShipping(id) { + return request({ + url: '/scm/agentShipping/' + id, + method: 'get' + }) +} + +// 新增供应商代发货 +export function addAgentShipping(data) { + return request({ + url: '/scm/agentShipping', + method: 'post', + data: data + }) +} + +// 修改供应商代发货 +export function updateAgentShipping(data) { + return request({ + url: '/scm/agentShipping', + method: 'put', + data: data + }) +} + +// 删除供应商代发货 +export function delAgentShipping(id) { + return request({ + url: '/scm/agentShipping/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/scm/purchaseOrderCost.js b/vue/src/api/scm/purchaseOrderCost.js new file mode 100644 index 00000000..462d89cd --- /dev/null +++ b/vue/src/api/scm/purchaseOrderCost.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询采购订单费用确认列表 +export function listPurchaseOrderCost(query) { + return request({ + url: '/purchase/purchaseOrderCost/list', + method: 'get', + params: query + }) +} + +// 查询采购订单费用确认详细 +export function getPurchaseOrderCost(id) { + return request({ + url: '/purchase/purchaseOrderCost/' + id, + method: 'get' + }) +} + +// 新增采购订单费用确认 +export function addPurchaseOrderCost(data) { + return request({ + url: '/purchase/purchaseOrderCost', + method: 'post', + data: data + }) +} + +// 修改采购订单费用确认 +export function updatePurchaseOrderCost(data) { + return request({ + url: '/purchase/purchaseOrderCost', + method: 'put', + data: data + }) +} + +// 删除采购订单费用确认 +export function delPurchaseOrderCost(id) { + return request({ + url: '/purchase/purchaseOrderCost/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/scm/supplier.js b/vue/src/api/scm/supplier.js new file mode 100644 index 00000000..7624e894 --- /dev/null +++ b/vue/src/api/scm/supplier.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询供应商管理列表 +export function listSupplier(query) { + return request({ + url: '/scm/supplier/list', + method: 'get', + params: query + }) +} + +// 查询供应商管理详细 +export function getSupplier(id) { + return request({ + url: '/scm/supplier/' + id, + method: 'get' + }) +} + +// 新增供应商管理 +export function addSupplier(data) { + return request({ + url: '/scm/supplier', + method: 'post', + data: data + }) +} + +// 修改供应商管理 +export function updateSupplier(data) { + return request({ + url: '/scm/supplier', + method: 'put', + data: data + }) +} + +// 删除供应商管理 +export function delSupplier(id) { + return request({ + url: '/scm/supplier/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/shop/goods.js b/vue/src/api/shop/goods.js new file mode 100644 index 00000000..112909de --- /dev/null +++ b/vue/src/api/shop/goods.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询店铺商品列表 +export function listGoods(query) { + return request({ + url: '/shop/goods/list', + method: 'get', + params: query + }) +} + +// 查询店铺商品详细 +export function getGoods(id) { + return request({ + url: '/shop/goods/' + id, + method: 'get' + }) +} + +// 新增店铺商品 +export function addGoods(data) { + return request({ + url: '/shop/goods', + method: 'post', + data: data + }) +} + +// 修改店铺商品 +export function updateGoods(data) { + return request({ + url: '/shop/goods', + method: 'put', + data: data + }) +} + +// 删除店铺商品 +export function delGoods(id) { + return request({ + url: '/shop/goods/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/shop/order.js b/vue/src/api/shop/order.js new file mode 100644 index 00000000..7d0a7ad8 --- /dev/null +++ b/vue/src/api/shop/order.js @@ -0,0 +1,54 @@ +import request from '@/utils/request' + +// 查询店铺订单列表 +export function listOrder(query) { + return request({ + url: '/api/order/list', + method: 'get', + params: query + }) +} + +// 查询店铺订单详细 +export function getOrder(id) { + return request({ + url: '/api/order/' + id, + method: 'get' + }) +} + +// 新增店铺订单 +export function addOrder(data) { + return request({ + url: '/api/order', + method: 'post', + data: data + }) +} + +export function shipOrder(data) { + return request({ + url: '/api/order/ship', + method: 'post', + data: data + }) +} + + + +// 修改店铺订单 +export function updateOrder(data) { + return request({ + url: '/api/order', + method: 'put', + data: data + }) +} + +// 删除店铺订单 +export function delOrder(id) { + return request({ + url: '/api/order/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/shop/shop.js b/vue/src/api/shop/shop.js new file mode 100644 index 00000000..dd7a96ac --- /dev/null +++ b/vue/src/api/shop/shop.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询店铺列表 +export function listShop(query) { + return request({ + url: '/shop/shop/list', + method: 'get', + params: query + }) +} + +// 查询店铺详细 +export function getShop(id) { + return request({ + url: '/shop/shop/' + id, + method: 'get' + }) +} + +// 新增店铺 +export function addShop(data) { + return request({ + url: '/shop/shop', + method: 'post', + data: data + }) +} + +// 修改店铺 +export function updateShop(data) { + return request({ + url: '/shop/shop', + method: 'put', + data: data + }) +} + +// 删除店铺 +export function delShop(id) { + return request({ + url: '/shop/shop/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/system/config.js b/vue/src/api/system/config.js new file mode 100644 index 00000000..a404d825 --- /dev/null +++ b/vue/src/api/system/config.js @@ -0,0 +1,60 @@ +import request from '@/utils/request' + +// 查询参数列表 +export function listConfig(query) { + return request({ + url: '/system/config/list', + method: 'get', + params: query + }) +} + +// 查询参数详细 +export function getConfig(configId) { + return request({ + url: '/system/config/' + configId, + method: 'get' + }) +} + +// 根据参数键名查询参数值 +export function getConfigKey(configKey) { + return request({ + url: '/system/config/configKey/' + configKey, + method: 'get' + }) +} + +// 新增参数配置 +export function addConfig(data) { + return request({ + url: '/system/config', + method: 'post', + data: data + }) +} + +// 修改参数配置 +export function updateConfig(data) { + return request({ + url: '/system/config', + method: 'put', + data: data + }) +} + +// 删除参数配置 +export function delConfig(configId) { + return request({ + url: '/system/config/' + configId, + method: 'delete' + }) +} + +// 刷新参数缓存 +export function refreshCache() { + return request({ + url: '/system/config/refreshCache', + method: 'delete' + }) +} diff --git a/vue/src/api/system/dept.js b/vue/src/api/system/dept.js new file mode 100644 index 00000000..fc943cd4 --- /dev/null +++ b/vue/src/api/system/dept.js @@ -0,0 +1,52 @@ +import request from '@/utils/request' + +// 查询部门列表 +export function listDept(query) { + return request({ + url: '/system/dept/list', + method: 'get', + params: query + }) +} + +// 查询部门列表（排除节点） +export function listDeptExcludeChild(deptId) { + return request({ + url: '/system/dept/list/exclude/' + deptId, + method: 'get' + }) +} + +// 查询部门详细 +export function getDept(deptId) { + return request({ + url: '/system/dept/' + deptId, + method: 'get' + }) +} + +// 新增部门 +export function addDept(data) { + return request({ + url: '/system/dept', + method: 'post', + data: data + }) +} + +// 修改部门 +export function updateDept(data) { + return request({ + 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 diff --git a/vue/src/api/system/dict/data.js b/vue/src/api/system/dict/data.js new file mode 100644 index 00000000..6c9eb79b --- /dev/null +++ b/vue/src/api/system/dict/data.js @@ -0,0 +1,52 @@ +import request from '@/utils/request' + +// 查询字典数据列表 +export function listData(query) { + return request({ + url: '/system/dict/data/list', + method: 'get', + params: query + }) +} + +// 查询字典数据详细 +export function getData(dictCode) { + return request({ + url: '/system/dict/data/' + dictCode, + method: 'get' + }) +} + +// 根据字典类型查询字典数据信息 +export function getDicts(dictType) { + return request({ + url: '/system/dict/data/type/' + dictType, + method: 'get' + }) +} + +// 新增字典数据 +export function addData(data) { + return request({ + url: '/system/dict/data', + method: 'post', + data: data + }) +} + +// 修改字典数据 +export function updateData(data) { + return request({ + url: '/system/dict/data', + method: 'put', + data: data + }) +} + +// 删除字典数据 +export function delData(dictCode) { + return request({ + url: '/system/dict/data/' + dictCode, + method: 'delete' + }) +} diff --git a/vue/src/api/system/dict/type.js b/vue/src/api/system/dict/type.js new file mode 100644 index 00000000..a7a6e01f --- /dev/null +++ b/vue/src/api/system/dict/type.js @@ -0,0 +1,60 @@ +import request from '@/utils/request' + +// 查询字典类型列表 +export function listType(query) { + return request({ + url: '/system/dict/type/list', + method: 'get', + params: query + }) +} + +// 查询字典类型详细 +export function getType(dictId) { + return request({ + url: '/system/dict/type/' + dictId, + method: 'get' + }) +} + +// 新增字典类型 +export function addType(data) { + return request({ + url: '/system/dict/type', + method: 'post', + data: data + }) +} + +// 修改字典类型 +export function updateType(data) { + return request({ + url: '/system/dict/type', + method: 'put', + data: data + }) +} + +// 删除字典类型 +export function delType(dictId) { + return request({ + url: '/system/dict/type/' + dictId, + method: 'delete' + }) +} + +// 刷新字典缓存 +export function refreshCache() { + return request({ + url: '/system/dict/type/refreshCache', + method: 'delete' + }) +} + +// 获取字典选择框列表 +export function optionselect() { + return request({ + url: '/system/dict/type/optionselect', + method: 'get' + }) +} \ No newline at end of file diff --git a/vue/src/api/system/menu.js b/vue/src/api/system/menu.js new file mode 100644 index 00000000..f6415c65 --- /dev/null +++ b/vue/src/api/system/menu.js @@ -0,0 +1,60 @@ +import request from '@/utils/request' + +// 查询菜单列表 +export function listMenu(query) { + return request({ + url: '/system/menu/list', + method: 'get', + params: query + }) +} + +// 查询菜单详细 +export function getMenu(menuId) { + return request({ + url: '/system/menu/' + menuId, + method: 'get' + }) +} + +// 查询菜单下拉树结构 +export function treeselect() { + return request({ + url: '/system/menu/treeselect', + method: 'get' + }) +} + +// 根据角色ID查询菜单下拉树结构 +export function roleMenuTreeselect(roleId) { + return request({ + url: '/system/menu/roleMenuTreeselect/' + roleId, + method: 'get' + }) +} + +// 新增菜单 +export function addMenu(data) { + return request({ + url: '/system/menu', + method: 'post', + data: data + }) +} + +// 修改菜单 +export function updateMenu(data) { + return request({ + 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 diff --git a/vue/src/api/system/notice.js b/vue/src/api/system/notice.js new file mode 100644 index 00000000..c274ea5b --- /dev/null +++ b/vue/src/api/system/notice.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询公告列表 +export function listNotice(query) { + return request({ + url: '/system/notice/list', + method: 'get', + params: query + }) +} + +// 查询公告详细 +export function getNotice(noticeId) { + return request({ + url: '/system/notice/' + noticeId, + method: 'get' + }) +} + +// 新增公告 +export function addNotice(data) { + return request({ + url: '/system/notice', + method: 'post', + data: data + }) +} + +// 修改公告 +export function updateNotice(data) { + return request({ + url: '/system/notice', + method: 'put', + data: data + }) +} + +// 删除公告 +export function delNotice(noticeId) { + return request({ + url: '/system/notice/' + noticeId, + method: 'delete' + }) +} \ No newline at end of file diff --git a/vue/src/api/system/post.js b/vue/src/api/system/post.js new file mode 100644 index 00000000..1a8e9ca0 --- /dev/null +++ b/vue/src/api/system/post.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询岗位列表 +export function listPost(query) { + return request({ + url: '/system/post/list', + method: 'get', + params: query + }) +} + +// 查询岗位详细 +export function getPost(postId) { + return request({ + url: '/system/post/' + postId, + method: 'get' + }) +} + +// 新增岗位 +export function addPost(data) { + return request({ + url: '/system/post', + method: 'post', + data: data + }) +} + +// 修改岗位 +export function updatePost(data) { + return request({ + url: '/system/post', + method: 'put', + data: data + }) +} + +// 删除岗位 +export function delPost(postId) { + return request({ + url: '/system/post/' + postId, + method: 'delete' + }) +} diff --git a/vue/src/api/system/role.js b/vue/src/api/system/role.js new file mode 100644 index 00000000..f13e6f40 --- /dev/null +++ b/vue/src/api/system/role.js @@ -0,0 +1,119 @@ +import request from '@/utils/request' + +// 查询角色列表 +export function listRole(query) { + return request({ + url: '/system/role/list', + method: 'get', + params: query + }) +} + +// 查询角色详细 +export function getRole(roleId) { + return request({ + url: '/system/role/' + roleId, + method: 'get' + }) +} + +// 新增角色 +export function addRole(data) { + return request({ + url: '/system/role', + method: 'post', + data: data + }) +} + +// 修改角色 +export function updateRole(data) { + return request({ + url: '/system/role', + method: 'put', + data: data + }) +} + +// 角色数据权限 +export function dataScope(data) { + return request({ + url: '/system/role/dataScope', + method: 'put', + data: data + }) +} + +// 角色状态修改 +export function changeRoleStatus(roleId, status) { + const data = { + roleId, + status + } + return request({ + url: '/system/role/changeStatus', + method: 'put', + data: data + }) +} + +// 删除角色 +export function delRole(roleId) { + return request({ + url: '/system/role/' + roleId, + method: 'delete' + }) +} + +// 查询角色已授权用户列表 +export function allocatedUserList(query) { + return request({ + url: '/system/role/authUser/allocatedList', + method: 'get', + params: query + }) +} + +// 查询角色未授权用户列表 +export function unallocatedUserList(query) { + return request({ + url: '/system/role/authUser/unallocatedList', + method: 'get', + params: query + }) +} + +// 取消用户授权角色 +export function authUserCancel(data) { + return request({ + url: '/system/role/authUser/cancel', + method: 'put', + data: data + }) +} + +// 批量取消用户授权角色 +export function authUserCancelAll(data) { + return request({ + url: '/system/role/authUser/cancelAll', + method: 'put', + params: data + }) +} + +// 授权用户选择 +export function authUserSelectAll(data) { + return request({ + url: '/system/role/authUser/selectAll', + method: 'put', + params: data + }) +} + +// 根据角色ID查询部门树结构 +export function deptTreeSelect(roleId) { + return request({ + url: '/system/role/deptTree/' + roleId, + method: 'get' + }) +} diff --git a/vue/src/api/system/user.js b/vue/src/api/system/user.js new file mode 100644 index 00000000..d063c433 --- /dev/null +++ b/vue/src/api/system/user.js @@ -0,0 +1,135 @@ +import request from '@/utils/request' +import { parseStrEmpty } from "@/utils/zhijian"; + +// 查询用户列表 +export function listUser(query) { + return request({ + url: '/system/user/list', + method: 'get', + params: query + }) +} + +// 查询用户详细 +export function getUser(userId) { + return request({ + url: '/system/user/' + parseStrEmpty(userId), + method: 'get' + }) +} + +// 新增用户 +export function addUser(data) { + return request({ + url: '/system/user', + method: 'post', + data: data + }) +} + +// 修改用户 +export function updateUser(data) { + return request({ + url: '/system/user', + method: 'put', + data: data + }) +} + +// 删除用户 +export function delUser(userId) { + return request({ + url: '/system/user/' + userId, + method: 'delete' + }) +} + +// 用户密码重置 +export function resetUserPwd(userId, password) { + const data = { + userId, + password + } + return request({ + url: '/system/user/resetPwd', + method: 'put', + data: data + }) +} + +// 用户状态修改 +export function changeUserStatus(userId, status) { + const data = { + userId, + status + } + return request({ + url: '/system/user/changeStatus', + method: 'put', + data: data + }) +} + +// 查询用户个人信息 +export function getUserProfile() { + return request({ + url: '/system/user/profile', + method: 'get' + }) +} + +// 修改用户个人信息 +export function updateUserProfile(data) { + return request({ + url: '/system/user/profile', + method: 'put', + data: data + }) +} + +// 用户密码重置 +export function updateUserPwd(oldPassword, newPassword) { + const data = { + oldPassword, + newPassword + } + return request({ + url: '/system/user/profile/updatePwd', + method: 'put', + params: data + }) +} + +// 用户头像上传 +export function uploadAvatar(data) { + return request({ + url: '/system/user/profile/avatar', + method: 'post', + data: data + }) +} + +// 查询授权角色 +export function getAuthRole(userId) { + return request({ + url: '/system/user/authRole/' + userId, + method: 'get' + }) +} + +// 保存授权角色 +export function updateAuthRole(data) { + return request({ + url: '/system/user/authRole', + method: 'put', + params: data + }) +} + +// 查询部门下拉树结构 +export function deptTreeSelect() { + return request({ + url: '/system/user/deptTree', + method: 'get' + }) +} diff --git a/vue/src/api/tao/order.js b/vue/src/api/tao/order.js new file mode 100644 index 00000000..52eb707c --- /dev/null +++ b/vue/src/api/tao/order.js @@ -0,0 +1,53 @@ +import request from '@/utils/request' + +// 查询淘宝订单列表 +export function listOrder(query) { + return request({ + url: '/tao/order/list', + method: 'get', + params: query + }) +} + +// 查询淘宝订单详细 +export function getOrder(id) { + return request({ + url: '/tao/order/' + id, + method: 'get' + }) +} + +// 新增淘宝订单 +export function addOrder(data) { + return request({ + url: '/tao/order', + method: 'post', + data: data + }) +} + +// 修改淘宝订单 +export function confirmOrder(data) { + return request({ + url: '/tao/order/confirmOrder', + method: 'post', + data: data + }) +} + +// 删除淘宝订单 +export function delOrder(id) { + return request({ + url: '/tao/order/' + id, + method: 'delete' + }) +} + +// 接口拉取淘宝订单 +export function pullOrder(query) { + return request({ + url: '/taoapi/order/pull_order', + method: 'get', + params: query + }) +} diff --git a/vue/src/api/tao/orderAddress.js b/vue/src/api/tao/orderAddress.js new file mode 100644 index 00000000..0ca92463 --- /dev/null +++ b/vue/src/api/tao/orderAddress.js @@ -0,0 +1,44 @@ +// import request from '@/utils/request' + +// // 查询淘宝订单地址列表 +// export function listOrderAddress(query) { +// return request({ +// url: '/tao/orderAddress/list', +// method: 'get', +// params: query +// }) +// } + +// // 查询淘宝订单地址详细 +// export function getOrderAddress(id) { +// return request({ +// url: '/tao/orderAddress/' + id, +// method: 'get' +// }) +// } + +// // 新增淘宝订单地址 +// export function addOrderAddress(data) { +// return request({ +// url: '/tao/orderAddress', +// method: 'post', +// data: data +// }) +// } + +// // 修改淘宝订单地址 +// export function updateOrderAddress(data) { +// return request({ +// url: '/tao/orderAddress', +// method: 'put', +// data: data +// }) +// } + +// // 删除淘宝订单地址 +// export function delOrderAddress(id) { +// return request({ +// url: '/tao/orderAddress/' + id, +// method: 'delete' +// }) +// } diff --git a/vue/src/api/tao/taoRefund.js b/vue/src/api/tao/taoRefund.js new file mode 100644 index 00000000..f067f9a3 --- /dev/null +++ b/vue/src/api/tao/taoRefund.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询淘宝退款订单列表 +export function listTaoRefund(query) { + return request({ + url: '/tao/taoRefund/list', + method: 'get', + params: query + }) +} + +// 查询淘宝退款订单详细 +export function getTaoRefund(id) { + return request({ + url: '/tao/taoRefund/' + id, + method: 'get' + }) +} + +// 新增淘宝退款订单 +export function addTaoRefund(data) { + return request({ + url: '/tao/taoRefund', + method: 'post', + data: data + }) +} + +// 修改淘宝退款订单 +export function updateTaoRefund(data) { + return request({ + url: '/tao/taoRefund', + method: 'put', + data: data + }) +} + +// 删除淘宝退款订单 +export function delTaoRefund(id) { + return request({ + url: '/tao/taoRefund/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/tool/gen.js b/vue/src/api/tool/gen.js new file mode 100644 index 00000000..45069278 --- /dev/null +++ b/vue/src/api/tool/gen.js @@ -0,0 +1,76 @@ +import request from '@/utils/request' + +// 查询生成表数据 +export function listTable(query) { + return request({ + url: '/tool/gen/list', + method: 'get', + params: query + }) +} +// 查询db数据库列表 +export function listDbTable(query) { + return request({ + url: '/tool/gen/db/list', + method: 'get', + params: query + }) +} + +// 查询表详细信息 +export function getGenTable(tableId) { + return request({ + url: '/tool/gen/' + tableId, + method: 'get' + }) +} + +// 修改代码生成信息 +export function updateGenTable(data) { + return request({ + url: '/tool/gen', + method: 'put', + data: data + }) +} + +// 导入表 +export function importTable(data) { + return request({ + url: '/tool/gen/importTable', + method: 'post', + params: data + }) +} + +// 预览生成代码 +export function previewTable(tableId) { + return request({ + url: '/tool/gen/preview/' + tableId, + method: 'get' + }) +} + +// 删除表数据 +export function delTable(tableId) { + return request({ + url: '/tool/gen/' + tableId, + method: 'delete' + }) +} + +// 生成代码（自定义路径） +export function genCode(tableName) { + return request({ + url: '/tool/gen/genCode/' + tableName, + method: 'get' + }) +} + +// 同步数据库 +export function synchDb(tableName) { + return request({ + url: '/tool/gen/synchDb/' + tableName, + method: 'get' + }) +} diff --git a/vue/src/api/wms/WmsStockInEntry.js b/vue/src/api/wms/WmsStockInEntry.js new file mode 100644 index 00000000..238f94f7 --- /dev/null +++ b/vue/src/api/wms/WmsStockInEntry.js @@ -0,0 +1,35 @@ +import request from '@/utils/request' + +// 查询入库单列表 +export function listWmsStockInEntry(query) { + return request({ + url: '/wms/WmsStockInEntry/list', + method: 'get', + params: query + }) +} + +// 查询入库单详细 +export function getWmsStockInEntry(id) { + return request({ + url: '/wms/WmsStockInEntry/' + id, + method: 'get' + }) +} + +// 新增入库单 +export function stockIn(data) { + return request({ + url: '/wms/WmsStockInEntry/stockIn', + method: 'post', + data: data + }) +} + +export function complete(id) { + return request({ + url: '/wms/WmsStockInEntry/complete/' + id, + method: 'get' + }) +} + diff --git a/vue/src/api/wms/location.js b/vue/src/api/wms/location.js new file mode 100644 index 00000000..5f126ce4 --- /dev/null +++ b/vue/src/api/wms/location.js @@ -0,0 +1,52 @@ +import request from '@/utils/request' + +// 查询仓库货架列表 +export function listLocation(query) { + return request({ + url: '/wms/location/list', + method: 'get', + params: query + }) +} +export function searchLocation(query) { + return request({ + url: '/wms/location/search', + method: 'get', + params: query + }) +} + + +// 查询仓库货架详细 +export function getLocation(id) { + return request({ + url: '/wms/location/' + id, + method: 'get' + }) +} + +// 新增仓库货架 +export function addLocation(data) { + return request({ + url: '/wms/location', + method: 'post', + data: data + }) +} + +// 修改仓库货架 +export function updateLocation(data) { + return request({ + url: '/wms/location', + method: 'put', + data: data + }) +} + +// 删除仓库货架 +export function delLocation(id) { + return request({ + url: '/wms/location/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/wms/shipping.js b/vue/src/api/wms/shipping.js new file mode 100644 index 00000000..d64dfd75 --- /dev/null +++ b/vue/src/api/wms/shipping.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询仓库订单发货列表 +export function listShipping(query) { + return request({ + url: '/wms/shipping/list', + method: 'get', + params: query + }) +} + +// 查询仓库订单发货详细 +export function getShipping(id) { + return request({ + url: '/wms/shipping/' + id, + method: 'get' + }) +} + +// 新增仓库订单发货 +export function stockingAdd(data) { + return request({ + url: '/wms/shipping/stockingAdd', + method: 'post', + data: data + }) +} + +// 修改仓库订单发货 +export function updateShipping(data) { + return request({ + url: '/wms/shipping', + method: 'put', + data: data + }) +} + +// 删除仓库订单发货 +export function delShipping(id) { + return request({ + url: '/wms/shipping/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/wms/stockOutEntry.js b/vue/src/api/wms/stockOutEntry.js new file mode 100644 index 00000000..ac0952fb --- /dev/null +++ b/vue/src/api/wms/stockOutEntry.js @@ -0,0 +1,28 @@ +import request from '@/utils/request' + +// 查询出库单列表 +export function listStockOutEntry(query) { + return request({ + url: '/wms/stockOutEntry/list', + method: 'get', + params: query + }) +} + +// 查询出库单详细 +export function getStockOutEntry(id) { + return request({ + url: '/wms/stockOutEntry/' + id, + method: 'get' + }) +} + +// 出库 +export function stockOut(data) { + return request({ + url: '/wms/stockOutEntry/stockOut', + method: 'post', + data: data + }) +} + diff --git a/vue/src/api/wms/stockOutEntryItemDetail.js b/vue/src/api/wms/stockOutEntryItemDetail.js new file mode 100644 index 00000000..b36782c3 --- /dev/null +++ b/vue/src/api/wms/stockOutEntryItemDetail.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询出库明细详情列表 +export function listStockOutEntryItemDetail(query) { + return request({ + url: '/wms/stockOutEntryItemDetail/list', + method: 'get', + params: query + }) +} + +// 查询出库明细详情详细 +export function getStockOutEntryItemDetail(id) { + return request({ + url: '/wms/stockOutEntryItemDetail/' + id, + method: 'get' + }) +} + +// 新增出库明细详情 +export function addStockOutEntryItemDetail(data) { + return request({ + url: '/wms/stockOutEntryItemDetail', + method: 'post', + data: data + }) +} + +// 修改出库明细详情 +export function updateStockOutEntryItemDetail(data) { + return request({ + url: '/wms/stockOutEntryItemDetail', + method: 'put', + data: data + }) +} + +// 删除出库明细详情 +export function delStockOutEntryItemDetail(id) { + return request({ + url: '/wms/stockOutEntryItemDetail/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/xhs/order.js b/vue/src/api/xhs/order.js new file mode 100644 index 00000000..4002adbb --- /dev/null +++ b/vue/src/api/xhs/order.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询小红书订单列表 +export function listOrder(query) { + return request({ + url: '/xhs/order/list', + method: 'get', + params: query + }) +} + +// 查询小红书订单详细 +export function getOrder(id) { + return request({ + url: '/xhs/order/' + id, + method: 'get' + }) +} + +// 新增小红书订单 +export function addOrder(data) { + return request({ + url: '/xhs/order', + method: 'post', + data: data + }) +} + +// 修改小红书订单 +export function confirmOrder(data) { + return request({ + url: '/xhs/order/confirm', + method: 'post', + data: data + }) +} + +// 删除小红书订单 +export function delOrder(id) { + return request({ + url: '/xhs/order/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/xhs/orderReceiver.js b/vue/src/api/xhs/orderReceiver.js new file mode 100644 index 00000000..a0387e36 --- /dev/null +++ b/vue/src/api/xhs/orderReceiver.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询订单收件人信息列表 +export function listOrderReceiver(query) { + return request({ + url: '/xhs/orderReceiver/list', + method: 'get', + params: query + }) +} + +// 查询订单收件人信息详细 +export function getOrderReceiver(id) { + return request({ + url: '/xhs/orderReceiver/' + id, + method: 'get' + }) +} + +// 新增订单收件人信息 +export function addOrderReceiver(data) { + return request({ + url: '/xhs/orderReceiver', + method: 'post', + data: data + }) +} + +// 修改订单收件人信息 +export function updateOrderReceiver(data) { + return request({ + url: '/xhs/orderReceiver', + method: 'put', + data: data + }) +} + +// 删除订单收件人信息 +export function delOrderReceiver(id) { + return request({ + url: '/xhs/orderReceiver/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/xhs/refund.js b/vue/src/api/xhs/refund.js new file mode 100644 index 00000000..9d5a9fa5 --- /dev/null +++ b/vue/src/api/xhs/refund.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询小红书订单退款列表 +export function listRefund(query) { + return request({ + url: '/xhs/refund/list', + method: 'get', + params: query + }) +} + +// 查询小红书订单退款详细 +export function getRefund(id) { + return request({ + url: '/xhs/refund/' + id, + method: 'get' + }) +} + +// 新增小红书订单退款 +export function addRefund(data) { + return request({ + url: '/xhs/refund', + method: 'post', + data: data + }) +} + +// 修改小红书订单退款 +export function updateRefund(data) { + return request({ + url: '/xhs/refund', + method: 'put', + data: data + }) +} + +// 删除小红书订单退款 +export function delRefund(id) { + return request({ + url: '/xhs/refund/' + id, + method: 'delete' + }) +} diff --git a/vue/src/api/xhs/xhsRefund.js b/vue/src/api/xhs/xhsRefund.js new file mode 100644 index 00000000..4f9ee9bf --- /dev/null +++ b/vue/src/api/xhs/xhsRefund.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询小红书订单退款列表 +export function listXhsRefund(query) { + return request({ + url: '/xhs/xhsRefund/list', + method: 'get', + params: query + }) +} + +// 查询小红书订单退款详细 +export function getXhsRefund(id) { + return request({ + url: '/xhs/xhsRefund/' + id, + method: 'get' + }) +} + +// 新增小红书订单退款 +export function addXhsRefund(data) { + return request({ + url: '/xhs/xhsRefund', + method: 'post', + data: data + }) +} + +// 修改小红书订单退款 +export function updateXhsRefund(data) { + return request({ + url: '/xhs/xhsRefund', + method: 'put', + data: data + }) +} + +// 删除小红书订单退款 +export function delXhsRefund(id) { + return request({ + url: '/xhs/xhsRefund/' + id, + method: 'delete' + }) +} diff --git a/vue/src/assets/401_images/401.gif b/vue/src/assets/401_images/401.gif new file mode 100644 index 00000000..cd6e0d94 Binary files /dev/null and b/vue/src/assets/401_images/401.gif differ diff --git a/vue/src/assets/404_images/404.png b/vue/src/assets/404_images/404.png new file mode 100644 index 00000000..3d8e2305 Binary files /dev/null and b/vue/src/assets/404_images/404.png differ diff --git a/vue/src/assets/404_images/404_cloud.png b/vue/src/assets/404_images/404_cloud.png new file mode 100644 index 00000000..c6281d09 Binary files /dev/null and b/vue/src/assets/404_images/404_cloud.png differ diff --git a/vue/src/assets/icons/index.js b/vue/src/assets/icons/index.js new file mode 100644 index 00000000..2c6b309c --- /dev/null +++ b/vue/src/assets/icons/index.js @@ -0,0 +1,9 @@ +import Vue from 'vue' +import SvgIcon from '@/components/SvgIcon'// svg component + +// register globally +Vue.component('svg-icon', SvgIcon) + +const req = require.context('./svg', false, /\.svg$/) +const requireAll = requireContext => requireContext.keys().map(requireContext) +requireAll(req) diff --git a/vue/src/assets/icons/svg/404.svg b/vue/src/assets/icons/svg/404.svg new file mode 100644 index 00000000..6df50190 --- /dev/null +++ b/vue/src/assets/icons/svg/404.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/bug.svg b/vue/src/assets/icons/svg/bug.svg new file mode 100644 index 00000000..05a150dc --- /dev/null +++ b/vue/src/assets/icons/svg/bug.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/build.svg b/vue/src/assets/icons/svg/build.svg new file mode 100644 index 00000000..97c46886 --- /dev/null +++ b/vue/src/assets/icons/svg/build.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/button.svg b/vue/src/assets/icons/svg/button.svg new file mode 100644 index 00000000..904fddc8 --- /dev/null +++ b/vue/src/assets/icons/svg/button.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/cascader.svg b/vue/src/assets/icons/svg/cascader.svg new file mode 100644 index 00000000..e256024f --- /dev/null +++ b/vue/src/assets/icons/svg/cascader.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/chart.svg b/vue/src/assets/icons/svg/chart.svg new file mode 100644 index 00000000..27728fb0 --- /dev/null +++ b/vue/src/assets/icons/svg/chart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/checkbox.svg b/vue/src/assets/icons/svg/checkbox.svg new file mode 100644 index 00000000..013fd3a2 --- /dev/null +++ b/vue/src/assets/icons/svg/checkbox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/clipboard.svg b/vue/src/assets/icons/svg/clipboard.svg new file mode 100644 index 00000000..90923ff6 --- /dev/null +++ b/vue/src/assets/icons/svg/clipboard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/code.svg b/vue/src/assets/icons/svg/code.svg new file mode 100644 index 00000000..5f9c5abd --- /dev/null +++ b/vue/src/assets/icons/svg/code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/color.svg b/vue/src/assets/icons/svg/color.svg new file mode 100644 index 00000000..44a81aab --- /dev/null +++ b/vue/src/assets/icons/svg/color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/component.svg b/vue/src/assets/icons/svg/component.svg new file mode 100644 index 00000000..29c34580 --- /dev/null +++ b/vue/src/assets/icons/svg/component.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/dashboard.svg b/vue/src/assets/icons/svg/dashboard.svg new file mode 100644 index 00000000..5317d370 --- /dev/null +++ b/vue/src/assets/icons/svg/dashboard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/date-range.svg b/vue/src/assets/icons/svg/date-range.svg new file mode 100644 index 00000000..fda571e7 --- /dev/null +++ b/vue/src/assets/icons/svg/date-range.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/date.svg b/vue/src/assets/icons/svg/date.svg new file mode 100644 index 00000000..52dc73ee --- /dev/null +++ b/vue/src/assets/icons/svg/date.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/dict.svg b/vue/src/assets/icons/svg/dict.svg new file mode 100644 index 00000000..48493773 --- /dev/null +++ b/vue/src/assets/icons/svg/dict.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/documentation.svg b/vue/src/assets/icons/svg/documentation.svg new file mode 100644 index 00000000..70431228 --- /dev/null +++ b/vue/src/assets/icons/svg/documentation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/download.svg b/vue/src/assets/icons/svg/download.svg new file mode 100644 index 00000000..c8969513 --- /dev/null +++ b/vue/src/assets/icons/svg/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/drag.svg b/vue/src/assets/icons/svg/drag.svg new file mode 100644 index 00000000..4185d3ce --- /dev/null +++ b/vue/src/assets/icons/svg/drag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/druid.svg b/vue/src/assets/icons/svg/druid.svg new file mode 100644 index 00000000..a2b4b4ed --- /dev/null +++ b/vue/src/assets/icons/svg/druid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/edit.svg b/vue/src/assets/icons/svg/edit.svg new file mode 100644 index 00000000..d26101f2 --- /dev/null +++ b/vue/src/assets/icons/svg/edit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/education.svg b/vue/src/assets/icons/svg/education.svg new file mode 100644 index 00000000..7bfb01d1 --- /dev/null +++ b/vue/src/assets/icons/svg/education.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/email.svg b/vue/src/assets/icons/svg/email.svg new file mode 100644 index 00000000..74d25e21 --- /dev/null +++ b/vue/src/assets/icons/svg/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/example.svg b/vue/src/assets/icons/svg/example.svg new file mode 100644 index 00000000..46f42b53 --- /dev/null +++ b/vue/src/assets/icons/svg/example.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/excel.svg b/vue/src/assets/icons/svg/excel.svg new file mode 100644 index 00000000..74d97b80 --- /dev/null +++ b/vue/src/assets/icons/svg/excel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/exit-fullscreen.svg b/vue/src/assets/icons/svg/exit-fullscreen.svg new file mode 100644 index 00000000..485c128b --- /dev/null +++ b/vue/src/assets/icons/svg/exit-fullscreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/eye-open.svg b/vue/src/assets/icons/svg/eye-open.svg new file mode 100644 index 00000000..88dcc98e --- /dev/null +++ b/vue/src/assets/icons/svg/eye-open.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/eye.svg b/vue/src/assets/icons/svg/eye.svg new file mode 100644 index 00000000..16ed2d87 --- /dev/null +++ b/vue/src/assets/icons/svg/eye.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/form.svg b/vue/src/assets/icons/svg/form.svg new file mode 100644 index 00000000..dcbaa185 --- /dev/null +++ b/vue/src/assets/icons/svg/form.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/fullscreen.svg b/vue/src/assets/icons/svg/fullscreen.svg new file mode 100644 index 00000000..0e86b6fa --- /dev/null +++ b/vue/src/assets/icons/svg/fullscreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/github.svg b/vue/src/assets/icons/svg/github.svg new file mode 100644 index 00000000..db0a0d43 --- /dev/null +++ b/vue/src/assets/icons/svg/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/guide.svg b/vue/src/assets/icons/svg/guide.svg new file mode 100644 index 00000000..b2710017 --- /dev/null +++ b/vue/src/assets/icons/svg/guide.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/icon.svg b/vue/src/assets/icons/svg/icon.svg new file mode 100644 index 00000000..82be8eee --- /dev/null +++ b/vue/src/assets/icons/svg/icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/input.svg b/vue/src/assets/icons/svg/input.svg new file mode 100644 index 00000000..ab91381e --- /dev/null +++ b/vue/src/assets/icons/svg/input.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/international.svg b/vue/src/assets/icons/svg/international.svg new file mode 100644 index 00000000..e9b56eee --- /dev/null +++ b/vue/src/assets/icons/svg/international.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/job.svg b/vue/src/assets/icons/svg/job.svg new file mode 100644 index 00000000..2a93a251 --- /dev/null +++ b/vue/src/assets/icons/svg/job.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/language.svg b/vue/src/assets/icons/svg/language.svg new file mode 100644 index 00000000..0082b577 --- /dev/null +++ b/vue/src/assets/icons/svg/language.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/link.svg b/vue/src/assets/icons/svg/link.svg new file mode 100644 index 00000000..48197ba4 --- /dev/null +++ b/vue/src/assets/icons/svg/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/list.svg b/vue/src/assets/icons/svg/list.svg new file mode 100644 index 00000000..20259edd --- /dev/null +++ b/vue/src/assets/icons/svg/list.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/lock.svg b/vue/src/assets/icons/svg/lock.svg new file mode 100644 index 00000000..74fee543 --- /dev/null +++ b/vue/src/assets/icons/svg/lock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/log.svg b/vue/src/assets/icons/svg/log.svg new file mode 100644 index 00000000..d879d33b --- /dev/null +++ b/vue/src/assets/icons/svg/log.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/logininfor.svg b/vue/src/assets/icons/svg/logininfor.svg new file mode 100644 index 00000000..267f8447 --- /dev/null +++ b/vue/src/assets/icons/svg/logininfor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/message.svg b/vue/src/assets/icons/svg/message.svg new file mode 100644 index 00000000..14ca8172 --- /dev/null +++ b/vue/src/assets/icons/svg/message.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/money.svg b/vue/src/assets/icons/svg/money.svg new file mode 100644 index 00000000..c1580de1 --- /dev/null +++ b/vue/src/assets/icons/svg/money.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/monitor.svg b/vue/src/assets/icons/svg/monitor.svg new file mode 100644 index 00000000..bc308cb0 --- /dev/null +++ b/vue/src/assets/icons/svg/monitor.svg @@ -0,0 +1,2 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/nested.svg b/vue/src/assets/icons/svg/nested.svg new file mode 100644 index 00000000..06713a86 --- /dev/null +++ b/vue/src/assets/icons/svg/nested.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/number.svg b/vue/src/assets/icons/svg/number.svg new file mode 100644 index 00000000..ad5ce9af --- /dev/null +++ b/vue/src/assets/icons/svg/number.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/online.svg b/vue/src/assets/icons/svg/online.svg new file mode 100644 index 00000000..330a2029 --- /dev/null +++ b/vue/src/assets/icons/svg/online.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/password.svg b/vue/src/assets/icons/svg/password.svg new file mode 100644 index 00000000..6c64defe --- /dev/null +++ b/vue/src/assets/icons/svg/password.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/pdf.svg b/vue/src/assets/icons/svg/pdf.svg new file mode 100644 index 00000000..957aa0cc --- /dev/null +++ b/vue/src/assets/icons/svg/pdf.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/people.svg b/vue/src/assets/icons/svg/people.svg new file mode 100644 index 00000000..2bd54aeb --- /dev/null +++ b/vue/src/assets/icons/svg/people.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/peoples.svg b/vue/src/assets/icons/svg/peoples.svg new file mode 100644 index 00000000..aab852e5 --- /dev/null +++ b/vue/src/assets/icons/svg/peoples.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/phone.svg b/vue/src/assets/icons/svg/phone.svg new file mode 100644 index 00000000..ab8e8c4e --- /dev/null +++ b/vue/src/assets/icons/svg/phone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/post.svg b/vue/src/assets/icons/svg/post.svg new file mode 100644 index 00000000..2922c613 --- /dev/null +++ b/vue/src/assets/icons/svg/post.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/qq.svg b/vue/src/assets/icons/svg/qq.svg new file mode 100644 index 00000000..ee13d4ec --- /dev/null +++ b/vue/src/assets/icons/svg/qq.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/question.svg b/vue/src/assets/icons/svg/question.svg new file mode 100644 index 00000000..cf75bd4b --- /dev/null +++ b/vue/src/assets/icons/svg/question.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/radio.svg b/vue/src/assets/icons/svg/radio.svg new file mode 100644 index 00000000..0cde3452 --- /dev/null +++ b/vue/src/assets/icons/svg/radio.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/rate.svg b/vue/src/assets/icons/svg/rate.svg new file mode 100644 index 00000000..aa3b14d7 --- /dev/null +++ b/vue/src/assets/icons/svg/rate.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/redis-list.svg b/vue/src/assets/icons/svg/redis-list.svg new file mode 100644 index 00000000..98a15b2a --- /dev/null +++ b/vue/src/assets/icons/svg/redis-list.svg @@ -0,0 +1,2 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/redis.svg b/vue/src/assets/icons/svg/redis.svg new file mode 100644 index 00000000..2f1d62df --- /dev/null +++ b/vue/src/assets/icons/svg/redis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/row.svg b/vue/src/assets/icons/svg/row.svg new file mode 100644 index 00000000..07809922 --- /dev/null +++ b/vue/src/assets/icons/svg/row.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/search.svg b/vue/src/assets/icons/svg/search.svg new file mode 100644 index 00000000..84233dda --- /dev/null +++ b/vue/src/assets/icons/svg/search.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/select.svg b/vue/src/assets/icons/svg/select.svg new file mode 100644 index 00000000..d6283828 --- /dev/null +++ b/vue/src/assets/icons/svg/select.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/server.svg b/vue/src/assets/icons/svg/server.svg new file mode 100644 index 00000000..eb287e36 --- /dev/null +++ b/vue/src/assets/icons/svg/server.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/shopping.svg b/vue/src/assets/icons/svg/shopping.svg new file mode 100644 index 00000000..87513e7c --- /dev/null +++ b/vue/src/assets/icons/svg/shopping.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/size.svg b/vue/src/assets/icons/svg/size.svg new file mode 100644 index 00000000..ddb25b8d --- /dev/null +++ b/vue/src/assets/icons/svg/size.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/skill.svg b/vue/src/assets/icons/svg/skill.svg new file mode 100644 index 00000000..a3b73121 --- /dev/null +++ b/vue/src/assets/icons/svg/skill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/slider.svg b/vue/src/assets/icons/svg/slider.svg new file mode 100644 index 00000000..fbe4f39f --- /dev/null +++ b/vue/src/assets/icons/svg/slider.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/star.svg b/vue/src/assets/icons/svg/star.svg new file mode 100644 index 00000000..6cf86e66 --- /dev/null +++ b/vue/src/assets/icons/svg/star.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/stock.svg b/vue/src/assets/icons/svg/stock.svg new file mode 100644 index 00000000..3886875e --- /dev/null +++ b/vue/src/assets/icons/svg/stock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/stock1.svg b/vue/src/assets/icons/svg/stock1.svg new file mode 100644 index 00000000..f7a8aa8d --- /dev/null +++ b/vue/src/assets/icons/svg/stock1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/stockin.svg b/vue/src/assets/icons/svg/stockin.svg new file mode 100644 index 00000000..73c2391f --- /dev/null +++ b/vue/src/assets/icons/svg/stockin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/swagger.svg b/vue/src/assets/icons/svg/swagger.svg new file mode 100644 index 00000000..05d4e7bc --- /dev/null +++ b/vue/src/assets/icons/svg/swagger.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/switch.svg b/vue/src/assets/icons/svg/switch.svg new file mode 100644 index 00000000..0ba61e38 --- /dev/null +++ b/vue/src/assets/icons/svg/switch.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/system.svg b/vue/src/assets/icons/svg/system.svg new file mode 100644 index 00000000..5992593e --- /dev/null +++ b/vue/src/assets/icons/svg/system.svg @@ -0,0 +1,2 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/tab.svg b/vue/src/assets/icons/svg/tab.svg new file mode 100644 index 00000000..b4b48e48 --- /dev/null +++ b/vue/src/assets/icons/svg/tab.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/table.svg b/vue/src/assets/icons/svg/table.svg new file mode 100644 index 00000000..0e3dc9de --- /dev/null +++ b/vue/src/assets/icons/svg/table.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/textarea.svg b/vue/src/assets/icons/svg/textarea.svg new file mode 100644 index 00000000..2709f292 --- /dev/null +++ b/vue/src/assets/icons/svg/textarea.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/theme.svg b/vue/src/assets/icons/svg/theme.svg new file mode 100644 index 00000000..5982a2f7 --- /dev/null +++ b/vue/src/assets/icons/svg/theme.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/time-range.svg b/vue/src/assets/icons/svg/time-range.svg new file mode 100644 index 00000000..13c1202b --- /dev/null +++ b/vue/src/assets/icons/svg/time-range.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/time.svg b/vue/src/assets/icons/svg/time.svg new file mode 100644 index 00000000..b376e32a --- /dev/null +++ b/vue/src/assets/icons/svg/time.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/tool.svg b/vue/src/assets/icons/svg/tool.svg new file mode 100644 index 00000000..48e0e357 --- /dev/null +++ b/vue/src/assets/icons/svg/tool.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/tree-table.svg b/vue/src/assets/icons/svg/tree-table.svg new file mode 100644 index 00000000..8aafdb82 --- /dev/null +++ b/vue/src/assets/icons/svg/tree-table.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/tree.svg b/vue/src/assets/icons/svg/tree.svg new file mode 100644 index 00000000..dd4b7dd2 --- /dev/null +++ b/vue/src/assets/icons/svg/tree.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/upload.svg b/vue/src/assets/icons/svg/upload.svg new file mode 100644 index 00000000..bae49c0a --- /dev/null +++ b/vue/src/assets/icons/svg/upload.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/user.svg b/vue/src/assets/icons/svg/user.svg new file mode 100644 index 00000000..0ba0716a --- /dev/null +++ b/vue/src/assets/icons/svg/user.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/validCode.svg b/vue/src/assets/icons/svg/validCode.svg new file mode 100644 index 00000000..cfb10214 --- /dev/null +++ b/vue/src/assets/icons/svg/validCode.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/wechat.svg b/vue/src/assets/icons/svg/wechat.svg new file mode 100644 index 00000000..c586e551 --- /dev/null +++ b/vue/src/assets/icons/svg/wechat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svg/zip.svg b/vue/src/assets/icons/svg/zip.svg new file mode 100644 index 00000000..f806fc48 --- /dev/null +++ b/vue/src/assets/icons/svg/zip.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/vue/src/assets/icons/svgo.yml b/vue/src/assets/icons/svgo.yml new file mode 100644 index 00000000..d11906ae --- /dev/null +++ b/vue/src/assets/icons/svgo.yml @@ -0,0 +1,22 @@ +# replace default config + +# multipass: true +# full: true + +plugins: + + # - name + # + # or: + # - name: false + # - name: true + # + # or: + # - name: + # param1: 1 + # param2: 2 + +- removeAttrs: + attrs: + - 'fill' + - 'fill-rule' diff --git a/vue/src/assets/images/dark.svg b/vue/src/assets/images/dark.svg new file mode 100644 index 00000000..f646bd7e --- /dev/null +++ b/vue/src/assets/images/dark.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/vue/src/assets/images/light.svg b/vue/src/assets/images/light.svg new file mode 100644 index 00000000..ab7cc088 --- /dev/null +++ b/vue/src/assets/images/light.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/vue/src/assets/images/login-background.jpg b/vue/src/assets/images/login-background.jpg new file mode 100644 index 00000000..8a89eb82 Binary files /dev/null and b/vue/src/assets/images/login-background.jpg differ diff --git a/vue/src/assets/images/pay.png b/vue/src/assets/images/pay.png new file mode 100644 index 00000000..bb8b9672 Binary files /dev/null and b/vue/src/assets/images/pay.png differ diff --git a/vue/src/assets/images/profile.jpg b/vue/src/assets/images/profile.jpg new file mode 100644 index 00000000..b3a940b2 Binary files /dev/null and b/vue/src/assets/images/profile.jpg differ diff --git a/vue/src/assets/logo/logo.png b/vue/src/assets/logo/logo.png new file mode 100644 index 00000000..e2637602 Binary files /dev/null and b/vue/src/assets/logo/logo.png differ diff --git a/vue/src/assets/styles/btn.scss b/vue/src/assets/styles/btn.scss new file mode 100644 index 00000000..e6ba1a8e --- /dev/null +++ b/vue/src/assets/styles/btn.scss @@ -0,0 +1,99 @@ +@import './variables.scss'; + +@mixin colorBtn($color) { + background: $color; + + &:hover { + color: $color; + + &:before, + &:after { + background: $color; + } + } +} + +.blue-btn { + @include colorBtn($blue) +} + +.light-blue-btn { + @include colorBtn($light-blue) +} + +.red-btn { + @include colorBtn($red) +} + +.pink-btn { + @include colorBtn($pink) +} + +.green-btn { + @include colorBtn($green) +} + +.tiffany-btn { + @include colorBtn($tiffany) +} + +.yellow-btn { + @include colorBtn($yellow) +} + +.pan-btn { + font-size: 14px; + color: #fff; + padding: 14px 36px; + border-radius: 8px; + border: none; + outline: none; + transition: 600ms ease all; + position: relative; + display: inline-block; + + &:hover { + background: #fff; + + &:before, + &:after { + width: 100%; + transition: 600ms ease all; + } + } + + &:before, + &:after { + content: ''; + position: absolute; + top: 0; + right: 0; + height: 2px; + width: 0; + transition: 400ms ease all; + } + + &::after { + right: inherit; + top: inherit; + left: 0; + bottom: 0; + } +} + +.custom-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + color: #fff; + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: 0; + margin: 0; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} diff --git a/vue/src/assets/styles/element-ui.scss b/vue/src/assets/styles/element-ui.scss new file mode 100644 index 00000000..363092a6 --- /dev/null +++ b/vue/src/assets/styles/element-ui.scss @@ -0,0 +1,92 @@ +// cover some element-ui styles + +.el-breadcrumb__inner, +.el-breadcrumb__inner a { + font-weight: 400 !important; +} + +.el-upload { + input[type="file"] { + display: none !important; + } +} + +.el-upload__input { + display: none; +} + +.cell { + .el-tag { + margin-right: 0px; + } +} + +.small-padding { + .cell { + padding-left: 5px; + padding-right: 5px; + } +} + +.fixed-width { + .el-button--mini { + padding: 7px 10px; + width: 60px; + } +} + +.status-col { + .cell { + padding: 0 10px; + text-align: center; + + .el-tag { + margin-right: 0px; + } + } +} + +// to fixed https://github.com/ElemeFE/element/issues/2461 +.el-dialog { + transform: none; + left: 0; + position: relative; + margin: 0 auto; +} + +// refine element ui upload +.upload-container { + .el-upload { + width: 100%; + + .el-upload-dragger { + width: 100%; + height: 200px; + } + } +} + +// dropdown +.el-dropdown-menu { + a { + display: block + } +} + +// fix date-picker ui bug in filter-item +.el-range-editor.el-input__inner { + display: inline-flex !important; +} + +// to fix el-date-picker css style +.el-range-separator { + box-sizing: content-box; +} + +.el-menu--collapse + > div + > .el-submenu + > .el-submenu__title + .el-submenu__icon-arrow { + display: none; +} \ No newline at end of file diff --git a/vue/src/assets/styles/element-variables.scss b/vue/src/assets/styles/element-variables.scss new file mode 100644 index 00000000..1615ff28 --- /dev/null +++ b/vue/src/assets/styles/element-variables.scss @@ -0,0 +1,31 @@ +/** +* I think element-ui's default theme color is too light for long-term use. +* So I modified the default color and you can modify it to your liking. +**/ + +/* theme color */ +$--color-primary: #1890ff; +$--color-success: #13ce66; +$--color-warning: #ffba00; +$--color-danger: #ff4949; +// $--color-info: #1E1E1E; + +$--button-font-weight: 400; + +// $--color-text-regular: #1f2d3d; + +$--border-color-light: #dfe4ed; +$--border-color-lighter: #e6ebf5; + +$--table-border: 1px solid #dfe6ec; + +/* icon font path, required */ +$--font-path: '~element-ui/lib/theme-chalk/fonts'; + +@import "~element-ui/packages/theme-chalk/src/index"; + +// the :export directive is the magic sauce for webpack +// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass +:export { + theme: $--color-primary; +} diff --git a/vue/src/assets/styles/index.scss b/vue/src/assets/styles/index.scss new file mode 100644 index 00000000..2f3b9ef9 --- /dev/null +++ b/vue/src/assets/styles/index.scss @@ -0,0 +1,182 @@ +@import './variables.scss'; +@import './mixin.scss'; +@import './transition.scss'; +@import './element-ui.scss'; +@import './sidebar.scss'; +@import './btn.scss'; + +body { + height: 100%; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; +} + +label { + font-weight: 700; +} + +html { + height: 100%; + box-sizing: border-box; +} + +#app { + height: 100%; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +.no-padding { + padding: 0px !important; +} + +.padding-content { + padding: 4px 0; +} + +a:focus, +a:active { + outline: none; +} + +a, +a:focus, +a:hover { + cursor: pointer; + color: inherit; + text-decoration: none; +} + +div:focus { + outline: none; +} + +.fr { + float: right; +} + +.fl { + float: left; +} + +.pr-5 { + padding-right: 5px; +} + +.pl-5 { + padding-left: 5px; +} + +.block { + display: block; +} + +.pointer { + cursor: pointer; +} + +.inlineBlock { + display: block; +} + +.clearfix { + &:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } +} + +aside { + background: #eef1f6; + padding: 8px 24px; + margin-bottom: 20px; + border-radius: 2px; + display: block; + line-height: 32px; + font-size: 16px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + color: #2c3e50; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + a { + color: #337ab7; + cursor: pointer; + + &:hover { + color: rgb(32, 160, 255); + } + } +} + +//main-container全局样式 +.app-container { + padding: 20px; +} + +.components-container { + margin: 30px 50px; + position: relative; +} + +.pagination-container { + margin-top: 30px; +} + +.text-center { + text-align: center +} + +.sub-navbar { + height: 50px; + line-height: 50px; + position: relative; + width: 100%; + text-align: right; + padding-right: 20px; + transition: 600ms ease position; + background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); + + .subtitle { + font-size: 20px; + color: #fff; + } + + &.draft { + background: #d0d0d0; + } + + &.deleted { + background: #d0d0d0; + } +} + +.link-type, +.link-type:focus { + color: #337ab7; + cursor: pointer; + + &:hover { + color: rgb(32, 160, 255); + } +} + +.filter-container { + padding-bottom: 10px; + + .filter-item { + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; + } +} diff --git a/vue/src/assets/styles/mixin.scss b/vue/src/assets/styles/mixin.scss new file mode 100644 index 00000000..06fa0612 --- /dev/null +++ b/vue/src/assets/styles/mixin.scss @@ -0,0 +1,66 @@ +@mixin clearfix { + &:after { + content: ""; + display: table; + clear: both; + } +} + +@mixin scrollBar { + &::-webkit-scrollbar-track-piece { + background: #d3dce6; + } + + &::-webkit-scrollbar { + width: 6px; + } + + &::-webkit-scrollbar-thumb { + background: #99a9bf; + border-radius: 20px; + } +} + +@mixin relative { + position: relative; + width: 100%; + height: 100%; +} + +@mixin pct($pct) { + width: #{$pct}; + position: relative; + margin: 0 auto; +} + +@mixin triangle($width, $height, $color, $direction) { + $width: $width/2; + $color-border-style: $height solid $color; + $transparent-border-style: $width solid transparent; + height: 0; + width: 0; + + @if $direction==up { + border-bottom: $color-border-style; + border-left: $transparent-border-style; + border-right: $transparent-border-style; + } + + @else if $direction==right { + border-left: $color-border-style; + border-top: $transparent-border-style; + border-bottom: $transparent-border-style; + } + + @else if $direction==down { + border-top: $color-border-style; + border-left: $transparent-border-style; + border-right: $transparent-border-style; + } + + @else if $direction==left { + border-right: $color-border-style; + border-top: $transparent-border-style; + border-bottom: $transparent-border-style; + } +} diff --git a/vue/src/assets/styles/sidebar.scss b/vue/src/assets/styles/sidebar.scss new file mode 100644 index 00000000..abe5b631 --- /dev/null +++ b/vue/src/assets/styles/sidebar.scss @@ -0,0 +1,227 @@ +#app { + + .main-container { + height: 100%; + transition: margin-left .28s; + margin-left: $base-sidebar-width; + position: relative; + } + + .sidebarHide { + margin-left: 0!important; + } + + .sidebar-container { + -webkit-transition: width .28s; + transition: width 0.28s; + width: $base-sidebar-width !important; + background-color: $base-menu-background; + height: 100%; + position: fixed; + font-size: 0px; + top: 0; + bottom: 0; + left: 0; + z-index: 1001; + overflow: hidden; + -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35); + box-shadow: 2px 0 6px rgba(0,21,41,.35); + + // reset element-ui css + .horizontal-collapse-transition { + transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; + } + + .scrollbar-wrapper { + overflow-x: hidden !important; + } + + .el-scrollbar__bar.is-vertical { + right: 0px; + } + + .el-scrollbar { + height: 100%; + } + + &.has-logo { + .el-scrollbar { + height: calc(100% - 50px); + } + } + + .is-horizontal { + display: none; + } + + a { + display: inline-block; + width: 100%; + overflow: hidden; + } + + .svg-icon { + margin-right: 16px; + } + + .el-menu { + border: none; + height: 100%; + width: 100% !important; + } + + .el-menu-item, .el-submenu__title { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; + } + + // menu hover + .submenu-title-noDropdown, + .el-submenu__title { + &:hover { + background-color: rgba(0, 0, 0, 0.06) !important; + } + } + + & .theme-dark .is-active > .el-submenu__title { + color: $base-menu-color-active !important; + } + + & .nest-menu .el-submenu>.el-submenu__title, + & .el-submenu .el-menu-item { + min-width: $base-sidebar-width !important; + + &:hover { + background-color: rgba(0, 0, 0, 0.06) !important; + } + } + + & .theme-dark .nest-menu .el-submenu>.el-submenu__title, + & .theme-dark .el-submenu .el-menu-item { + background-color: $base-sub-menu-background !important; + + &:hover { + background-color: $base-sub-menu-hover !important; + } + } + } + + .hideSidebar { + .sidebar-container { + width: 54px !important; + } + + .main-container { + margin-left: 54px; + } + + .submenu-title-noDropdown { + padding: 0 !important; + position: relative; + + .el-tooltip { + padding: 0 !important; + + .svg-icon { + margin-left: 20px; + } + } + } + + .el-submenu { + overflow: hidden; + + &>.el-submenu__title { + padding: 0 !important; + + .svg-icon { + margin-left: 20px; + } + + } + } + + .el-menu--collapse { + .el-submenu { + &>.el-submenu__title { + &>span { + height: 0; + width: 0; + overflow: hidden; + visibility: hidden; + display: inline-block; + } + } + } + } + } + + .el-menu--collapse .el-menu .el-submenu { + min-width: $base-sidebar-width !important; + } + + // mobile responsive + .mobile { + .main-container { + margin-left: 0px; + } + + .sidebar-container { + transition: transform .28s; + width: $base-sidebar-width !important; + } + + &.hideSidebar { + .sidebar-container { + pointer-events: none; + transition-duration: 0.3s; + transform: translate3d(-$base-sidebar-width, 0, 0); + } + } + } + + .withoutAnimation { + + .main-container, + .sidebar-container { + transition: none; + } + } +} + +// when menu collapsed +.el-menu--vertical { + &>.el-menu { + .svg-icon { + margin-right: 16px; + } + } + + .nest-menu .el-submenu>.el-submenu__title, + .el-menu-item { + &:hover { + // you can use $subMenuHover + background-color: rgba(0, 0, 0, 0.06) !important; + } + } + + // the scroll bar appears when the subMenu is too long + >.el-menu--popup { + max-height: 100vh; + overflow-y: auto; + + &::-webkit-scrollbar-track-piece { + background: #d3dce6; + } + + &::-webkit-scrollbar { + width: 6px; + } + + &::-webkit-scrollbar-thumb { + background: #99a9bf; + border-radius: 20px; + } + } +} diff --git a/vue/src/assets/styles/transition.scss b/vue/src/assets/styles/transition.scss new file mode 100644 index 00000000..073f8c6c --- /dev/null +++ b/vue/src/assets/styles/transition.scss @@ -0,0 +1,49 @@ +// global transition css + +/* fade */ +.fade-enter-active, +.fade-leave-active { + transition: opacity 0.28s; +} + +.fade-enter, +.fade-leave-active { + opacity: 0; +} + +/* fade-transform */ +.fade-transform--move, +.fade-transform-leave-active, +.fade-transform-enter-active { + transition: all .5s; +} + +.fade-transform-enter { + opacity: 0; + transform: translateX(-30px); +} + +.fade-transform-leave-to { + opacity: 0; + transform: translateX(30px); +} + +/* breadcrumb transition */ +.breadcrumb-enter-active, +.breadcrumb-leave-active { + transition: all .5s; +} + +.breadcrumb-enter, +.breadcrumb-leave-active { + opacity: 0; + transform: translateX(20px); +} + +.breadcrumb-move { + transition: all .5s; +} + +.breadcrumb-leave-active { + position: absolute; +} diff --git a/vue/src/assets/styles/variables.scss b/vue/src/assets/styles/variables.scss new file mode 100644 index 00000000..34484d47 --- /dev/null +++ b/vue/src/assets/styles/variables.scss @@ -0,0 +1,54 @@ +// base color +$blue:#324157; +$light-blue:#3A71A8; +$red:#C03639; +$pink: #E65D6E; +$green: #30B08F; +$tiffany: #4AB7BD; +$yellow:#FEC171; +$panGreen: #30B08F; + +// 默认菜单主题风格 +$base-menu-color:#bfcbd9; +$base-menu-color-active:#f4f4f5; +$base-menu-background:#304156; +$base-logo-title-color: #ffffff; + +$base-menu-light-color:rgba(0,0,0,.70); +$base-menu-light-background:#ffffff; +$base-logo-light-title-color: #001529; + +$base-sub-menu-background:#1f2d3d; +$base-sub-menu-hover:#001528; + +// 自定义暗色菜单风格 +/** +$base-menu-color:hsla(0,0%,100%,.65); +$base-menu-color-active:#fff; +$base-menu-background:#001529; +$base-logo-title-color: #ffffff; + +$base-menu-light-color:rgba(0,0,0,.70); +$base-menu-light-background:#ffffff; +$base-logo-light-title-color: #001529; + +$base-sub-menu-background:#000c17; +$base-sub-menu-hover:#001528; +*/ + +$base-sidebar-width: 200px; + +// the :export directive is the magic sauce for webpack +// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass +:export { + menuColor: $base-menu-color; + menuLightColor: $base-menu-light-color; + menuColorActive: $base-menu-color-active; + menuBackground: $base-menu-background; + menuLightBackground: $base-menu-light-background; + subMenuBackground: $base-sub-menu-background; + subMenuHover: $base-sub-menu-hover; + sideBarWidth: $base-sidebar-width; + logoTitleColor: $base-logo-title-color; + logoLightTitleColor: $base-logo-light-title-color +} diff --git a/vue/src/assets/styles/zhijian.scss b/vue/src/assets/styles/zhijian.scss new file mode 100644 index 00000000..f7872374 --- /dev/null +++ b/vue/src/assets/styles/zhijian.scss @@ -0,0 +1,277 @@ + /** + * 通用css样式布局处理 + * Copyright (c) 2019 zhijian + */ + + /** 基础通用 **/ +.pt5 { + padding-top: 5px; +} +.pr5 { + padding-right: 5px; +} +.pb5 { + padding-bottom: 5px; +} +.mt5 { + margin-top: 5px; +} +.mr5 { + margin-right: 5px; +} +.mb5 { + margin-bottom: 5px; +} +.mb8 { + margin-bottom: 8px; +} +.ml5 { + margin-left: 5px; +} +.mt10 { + margin-top: 10px; +} +.mr10 { + margin-right: 10px; +} +.mb10 { + margin-bottom: 10px; +} +.ml10 { + margin-left: 10px; +} +.mt20 { + margin-top: 20px; +} +.mr20 { + margin-right: 20px; +} +.mb20 { + margin-bottom: 20px; +} +.ml20 { + margin-left: 20px; +} + +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +.el-message-box__status + .el-message-box__message{ + word-break: break-word; +} + +.el-dialog:not(.is-fullscreen) { + margin-top: 6vh !important; +} + +.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body { + overflow: auto; + overflow-x: hidden; + max-height: 70vh; + padding: 10px 20px 0; +} + +.el-table { + .el-table__header-wrapper, .el-table__fixed-header-wrapper { + th { + word-break: break-word; + background-color: #f8f8f9; + color: #515a6e; + height: 40px; + font-size: 13px; + } + } + .el-table__body-wrapper { + .el-button [class*="el-icon-"] + span { + margin-left: 1px; + } + } +} + +/** 表单布局 **/ +.form-header { + font-size:15px; + color:#6379bb; + border-bottom:1px solid #ddd; + margin:8px 10px 25px 10px; + padding-bottom:5px +} + +/** 表格布局 **/ +.pagination-container { + position: relative; + height: 25px; + margin-bottom: 10px; + margin-top: 15px; + padding: 10px 20px !important; +} + +/* tree border */ +.tree-border { + margin-top: 5px; + border: 1px solid #e5e6e7; + background: #FFFFFF none; + border-radius:4px; +} + +.pagination-container .el-pagination { + right: 0; + position: absolute; +} + +@media ( max-width : 768px) { + .pagination-container .el-pagination > .el-pagination__jump { + display: none !important; + } + .pagination-container .el-pagination > .el-pagination__sizes { + display: none !important; + } +} + +.el-table .fixed-width .el-button--mini { + padding-left: 0; + padding-right: 0; + width: inherit; +} + +/** 表格更多操作下拉样式 */ +.el-table .el-dropdown-link,.el-table .el-dropdown-selfdefine { + cursor: pointer; + margin-left: 5px; +} + +.el-table .el-dropdown, .el-icon-arrow-down { + font-size: 12px; +} + +.el-tree-node__content > .el-checkbox { + margin-right: 8px; +} + +.list-group-striped > .list-group-item { + border-left: 0; + border-right: 0; + border-radius: 0; + padding-left: 0; + padding-right: 0; +} + +.list-group { + padding-left: 0px; + list-style: none; +} + +.list-group-item { + border-bottom: 1px solid #e7eaec; + border-top: 1px solid #e7eaec; + margin-bottom: -1px; + padding: 11px 0px; + font-size: 13px; +} + +.pull-right { + float: right !important; +} + +.el-card__header { + padding: 14px 15px 7px; + min-height: 40px; +} + +.el-card__body { + padding: 15px 20px 20px 20px; +} + +.card-box { + padding-right: 15px; + padding-left: 15px; + margin-bottom: 10px; +} + +/* button color */ +.el-button--cyan.is-active, +.el-button--cyan:active { + background: #20B2AA; + border-color: #20B2AA; + color: #FFFFFF; +} + +.el-button--cyan:focus, +.el-button--cyan:hover { + background: #48D1CC; + border-color: #48D1CC; + color: #FFFFFF; +} + +.el-button--cyan { + background-color: #20B2AA; + border-color: #20B2AA; + color: #FFFFFF; +} + +/* text color */ +.text-navy { + color: #1ab394; +} + +.text-primary { + color: inherit; +} + +.text-success { + color: #1c84c6; +} + +.text-info { + color: #23c6c8; +} + +.text-warning { + color: #f8ac59; +} + +.text-danger { + color: #ed5565; +} + +.text-muted { + color: #888888; +} + +/* image */ +.img-circle { + border-radius: 50%; +} + +.img-lg { + width: 120px; + height: 120px; +} + +.avatar-upload-preview { + position: relative; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 200px; + height: 200px; + border-radius: 50%; + box-shadow: 0 0 4px #ccc; + overflow: hidden; +} + +/* 拖拽列样式 */ +.sortable-ghost{ + opacity: .8; + color: #fff!important; + background: #42b983!important; +} + +.top-right-btn { + position: relative; + float: right; +} diff --git a/vue/src/components/Breadcrumb/index.vue b/vue/src/components/Breadcrumb/index.vue new file mode 100644 index 00000000..1696f547 --- /dev/null +++ b/vue/src/components/Breadcrumb/index.vue @@ -0,0 +1,74 @@ + + + + + diff --git a/vue/src/components/Crontab/day.vue b/vue/src/components/Crontab/day.vue new file mode 100644 index 00000000..fe3eaf0c --- /dev/null +++ b/vue/src/components/Crontab/day.vue @@ -0,0 +1,161 @@ + + + diff --git a/vue/src/components/Crontab/hour.vue b/vue/src/components/Crontab/hour.vue new file mode 100644 index 00000000..4b1f1fcd --- /dev/null +++ b/vue/src/components/Crontab/hour.vue @@ -0,0 +1,114 @@ + + + diff --git a/vue/src/components/Crontab/index.vue b/vue/src/components/Crontab/index.vue new file mode 100644 index 00000000..3963df28 --- /dev/null +++ b/vue/src/components/Crontab/index.vue @@ -0,0 +1,430 @@ + + + + diff --git a/vue/src/components/Crontab/min.vue b/vue/src/components/Crontab/min.vue new file mode 100644 index 00000000..43cab900 --- /dev/null +++ b/vue/src/components/Crontab/min.vue @@ -0,0 +1,116 @@ + + + \ No newline at end of file diff --git a/vue/src/components/Crontab/month.vue b/vue/src/components/Crontab/month.vue new file mode 100644 index 00000000..fd0ac384 --- /dev/null +++ b/vue/src/components/Crontab/month.vue @@ -0,0 +1,114 @@ + + + diff --git a/vue/src/components/Crontab/result.vue b/vue/src/components/Crontab/result.vue new file mode 100644 index 00000000..aea6e0e4 --- /dev/null +++ b/vue/src/components/Crontab/result.vue @@ -0,0 +1,559 @@ + + + diff --git a/vue/src/components/Crontab/second.vue b/vue/src/components/Crontab/second.vue new file mode 100644 index 00000000..e7b77617 --- /dev/null +++ b/vue/src/components/Crontab/second.vue @@ -0,0 +1,117 @@ + + + diff --git a/vue/src/components/Crontab/week.vue b/vue/src/components/Crontab/week.vue new file mode 100644 index 00000000..1cec700e --- /dev/null +++ b/vue/src/components/Crontab/week.vue @@ -0,0 +1,202 @@ + + + diff --git a/vue/src/components/Crontab/year.vue b/vue/src/components/Crontab/year.vue new file mode 100644 index 00000000..5487a6c7 --- /dev/null +++ b/vue/src/components/Crontab/year.vue @@ -0,0 +1,131 @@ + + + diff --git a/vue/src/components/DictData/index.js b/vue/src/components/DictData/index.js new file mode 100644 index 00000000..7b85d4aa --- /dev/null +++ b/vue/src/components/DictData/index.js @@ -0,0 +1,49 @@ +import Vue from 'vue' +import store from '@/store' +import DataDict from '@/utils/dict' +import { getDicts as getDicts } from '@/api/system/dict/data' + +function searchDictByKey(dict, key) { + if (key == null && key == "") { + return null + } + try { + for (let i = 0; i < dict.length; i++) { + if (dict[i].key == key) { + return dict[i].value + } + } + } catch (e) { + return null + } +} + +function install() { + Vue.use(DataDict, { + metas: { + '*': { + labelField: 'dictLabel', + valueField: 'dictValue', + request(dictMeta) { + const storeDict = searchDictByKey(store.getters.dict, dictMeta.type) + if (storeDict) { + return new Promise(resolve => { resolve(storeDict) }) + } else { + return new Promise((resolve, reject) => { + getDicts(dictMeta.type).then(res => { + store.dispatch('dict/setDict', { key: dictMeta.type, value: res.data }) + resolve(res.data) + }).catch(error => { + reject(error) + }) + }) + } + }, + }, + }, + }) +} + +export default { + install, +} \ No newline at end of file diff --git a/vue/src/components/DictTag/index.vue b/vue/src/components/DictTag/index.vue new file mode 100644 index 00000000..a0fd66f3 --- /dev/null +++ b/vue/src/components/DictTag/index.vue @@ -0,0 +1,92 @@ + + + + diff --git a/vue/src/components/Editor/index.vue b/vue/src/components/Editor/index.vue new file mode 100644 index 00000000..6bb5a18d --- /dev/null +++ b/vue/src/components/Editor/index.vue @@ -0,0 +1,272 @@ + + + + + diff --git a/vue/src/components/FileUpload/index.vue b/vue/src/components/FileUpload/index.vue new file mode 100644 index 00000000..6c583cf9 --- /dev/null +++ b/vue/src/components/FileUpload/index.vue @@ -0,0 +1,215 @@ + + + + + diff --git a/vue/src/components/Hamburger/index.vue b/vue/src/components/Hamburger/index.vue new file mode 100644 index 00000000..368b0021 --- /dev/null +++ b/vue/src/components/Hamburger/index.vue @@ -0,0 +1,44 @@ + + + + + diff --git a/vue/src/components/HeaderSearch/index.vue b/vue/src/components/HeaderSearch/index.vue new file mode 100644 index 00000000..c4d76bbb --- /dev/null +++ b/vue/src/components/HeaderSearch/index.vue @@ -0,0 +1,189 @@ + + + + + diff --git a/vue/src/components/IconSelect/index.vue b/vue/src/components/IconSelect/index.vue new file mode 100644 index 00000000..8dadc028 --- /dev/null +++ b/vue/src/components/IconSelect/index.vue @@ -0,0 +1,104 @@ + + + + + + diff --git a/vue/src/components/IconSelect/requireIcons.js b/vue/src/components/IconSelect/requireIcons.js new file mode 100644 index 00000000..99e5c54c --- /dev/null +++ b/vue/src/components/IconSelect/requireIcons.js @@ -0,0 +1,11 @@ + +const req = require.context('../../assets/icons/svg', false, /\.svg$/) +const requireAll = requireContext => requireContext.keys() + +const re = /\.\/(.*)\.svg/ + +const icons = requireAll(req).map(i => { + return i.match(re)[1] +}) + +export default icons diff --git a/vue/src/components/ImagePreview/index.vue b/vue/src/components/ImagePreview/index.vue new file mode 100644 index 00000000..3c770c70 --- /dev/null +++ b/vue/src/components/ImagePreview/index.vue @@ -0,0 +1,90 @@ + + + + + diff --git a/vue/src/components/ImageUpload/index.vue b/vue/src/components/ImageUpload/index.vue new file mode 100644 index 00000000..1af622a3 --- /dev/null +++ b/vue/src/components/ImageUpload/index.vue @@ -0,0 +1,226 @@ + + + + + diff --git a/vue/src/components/Pagination/index.vue b/vue/src/components/Pagination/index.vue new file mode 100644 index 00000000..56f5a6b9 --- /dev/null +++ b/vue/src/components/Pagination/index.vue @@ -0,0 +1,114 @@ + + + + + diff --git a/vue/src/components/PanThumb/index.vue b/vue/src/components/PanThumb/index.vue new file mode 100644 index 00000000..1bcf4170 --- /dev/null +++ b/vue/src/components/PanThumb/index.vue @@ -0,0 +1,142 @@ + + + + + diff --git a/vue/src/components/ParentView/index.vue b/vue/src/components/ParentView/index.vue new file mode 100644 index 00000000..7bf61489 --- /dev/null +++ b/vue/src/components/ParentView/index.vue @@ -0,0 +1,3 @@ + diff --git a/vue/src/components/RightPanel/index.vue b/vue/src/components/RightPanel/index.vue new file mode 100644 index 00000000..5abeecb0 --- /dev/null +++ b/vue/src/components/RightPanel/index.vue @@ -0,0 +1,106 @@ + + + + + diff --git a/vue/src/components/RightToolbar/index.vue b/vue/src/components/RightToolbar/index.vue new file mode 100644 index 00000000..527e07c1 --- /dev/null +++ b/vue/src/components/RightToolbar/index.vue @@ -0,0 +1,104 @@ + + + diff --git a/vue/src/components/Screenfull/index.vue b/vue/src/components/Screenfull/index.vue new file mode 100644 index 00000000..d4e539c2 --- /dev/null +++ b/vue/src/components/Screenfull/index.vue @@ -0,0 +1,57 @@ + + + + + diff --git a/vue/src/components/SizeSelect/index.vue b/vue/src/components/SizeSelect/index.vue new file mode 100644 index 00000000..069b5de9 --- /dev/null +++ b/vue/src/components/SizeSelect/index.vue @@ -0,0 +1,56 @@ + + + diff --git a/vue/src/components/SvgIcon/index.vue b/vue/src/components/SvgIcon/index.vue new file mode 100644 index 00000000..e4bf5ade --- /dev/null +++ b/vue/src/components/SvgIcon/index.vue @@ -0,0 +1,61 @@ + + + + + diff --git a/vue/src/components/ThemePicker/index.vue b/vue/src/components/ThemePicker/index.vue new file mode 100644 index 00000000..1714e1f3 --- /dev/null +++ b/vue/src/components/ThemePicker/index.vue @@ -0,0 +1,173 @@ + + + + + diff --git a/vue/src/components/TopNav/index.vue b/vue/src/components/TopNav/index.vue new file mode 100644 index 00000000..9fb8dd81 --- /dev/null +++ b/vue/src/components/TopNav/index.vue @@ -0,0 +1,191 @@ + + + + + diff --git a/vue/src/components/ZhiJian/Doc/index.vue b/vue/src/components/ZhiJian/Doc/index.vue new file mode 100644 index 00000000..cd93f085 --- /dev/null +++ b/vue/src/components/ZhiJian/Doc/index.vue @@ -0,0 +1,21 @@ + + + diff --git a/vue/src/components/ZhiJian/Git/index.vue b/vue/src/components/ZhiJian/Git/index.vue new file mode 100644 index 00000000..3ee7d90d --- /dev/null +++ b/vue/src/components/ZhiJian/Git/index.vue @@ -0,0 +1,21 @@ + + + diff --git a/vue/src/components/iFrame/index.vue b/vue/src/components/iFrame/index.vue new file mode 100644 index 00000000..426857fb --- /dev/null +++ b/vue/src/components/iFrame/index.vue @@ -0,0 +1,36 @@ + + + diff --git a/vue/src/layout/components/Navbar.vue b/vue/src/layout/components/Navbar.vue new file mode 100644 index 00000000..f0956fc8 --- /dev/null +++ b/vue/src/layout/components/Navbar.vue @@ -0,0 +1,200 @@ + + + + + diff --git a/vue/src/layout/components/Settings/index.vue b/vue/src/layout/components/Settings/index.vue new file mode 100644 index 00000000..8b498420 --- /dev/null +++ b/vue/src/layout/components/Settings/index.vue @@ -0,0 +1,260 @@ + + + + + diff --git a/vue/src/layout/components/Sidebar/FixiOSBug.js b/vue/src/layout/components/Sidebar/FixiOSBug.js new file mode 100644 index 00000000..68237269 --- /dev/null +++ b/vue/src/layout/components/Sidebar/FixiOSBug.js @@ -0,0 +1,25 @@ +export default { + computed: { + device() { + return this.$store.state.app.device + } + }, + mounted() { + // In order to fix the click on menu on the ios device will trigger the mouseleave bug + this.fixBugIniOS() + }, + methods: { + fixBugIniOS() { + const $subMenu = this.$refs.subMenu + if ($subMenu) { + const handleMouseleave = $subMenu.handleMouseleave + $subMenu.handleMouseleave = (e) => { + if (this.device === 'mobile') { + return + } + handleMouseleave(e) + } + } + } + } +} diff --git a/vue/src/layout/components/Sidebar/Item.vue b/vue/src/layout/components/Sidebar/Item.vue new file mode 100644 index 00000000..be3285df --- /dev/null +++ b/vue/src/layout/components/Sidebar/Item.vue @@ -0,0 +1,33 @@ + diff --git a/vue/src/layout/components/Sidebar/Link.vue b/vue/src/layout/components/Sidebar/Link.vue new file mode 100644 index 00000000..8b0bc93b --- /dev/null +++ b/vue/src/layout/components/Sidebar/Link.vue @@ -0,0 +1,43 @@ + + + diff --git a/vue/src/layout/components/Sidebar/Logo.vue b/vue/src/layout/components/Sidebar/Logo.vue new file mode 100644 index 00000000..2774cc83 --- /dev/null +++ b/vue/src/layout/components/Sidebar/Logo.vue @@ -0,0 +1,93 @@ + + + + + diff --git a/vue/src/layout/components/Sidebar/SidebarItem.vue b/vue/src/layout/components/Sidebar/SidebarItem.vue new file mode 100644 index 00000000..4853fbb7 --- /dev/null +++ b/vue/src/layout/components/Sidebar/SidebarItem.vue @@ -0,0 +1,100 @@ + + + diff --git a/vue/src/layout/components/Sidebar/index.vue b/vue/src/layout/components/Sidebar/index.vue new file mode 100644 index 00000000..51d0839f --- /dev/null +++ b/vue/src/layout/components/Sidebar/index.vue @@ -0,0 +1,57 @@ + + + diff --git a/vue/src/layout/components/TagsView/ScrollPane.vue b/vue/src/layout/components/TagsView/ScrollPane.vue new file mode 100644 index 00000000..bb753a12 --- /dev/null +++ b/vue/src/layout/components/TagsView/ScrollPane.vue @@ -0,0 +1,94 @@ + + + + + diff --git a/vue/src/layout/components/TagsView/index.vue b/vue/src/layout/components/TagsView/index.vue new file mode 100644 index 00000000..96585a5b --- /dev/null +++ b/vue/src/layout/components/TagsView/index.vue @@ -0,0 +1,332 @@ + + + + + + + diff --git a/vue/src/layout/components/index.js b/vue/src/layout/components/index.js new file mode 100644 index 00000000..104bd3ac --- /dev/null +++ b/vue/src/layout/components/index.js @@ -0,0 +1,5 @@ +export { default as AppMain } from './AppMain' +export { default as Navbar } from './Navbar' +export { default as Settings } from './Settings' +export { default as Sidebar } from './Sidebar/index.vue' +export { default as TagsView } from './TagsView/index.vue' diff --git a/vue/src/layout/index.vue b/vue/src/layout/index.vue new file mode 100644 index 00000000..dba4393d --- /dev/null +++ b/vue/src/layout/index.vue @@ -0,0 +1,111 @@ + + + + + diff --git a/vue/src/layout/mixin/ResizeHandler.js b/vue/src/layout/mixin/ResizeHandler.js new file mode 100644 index 00000000..e8d0df8c --- /dev/null +++ b/vue/src/layout/mixin/ResizeHandler.js @@ -0,0 +1,45 @@ +import store from '@/store' + +const { body } = document +const WIDTH = 992 // refer to Bootstrap's responsive design + +export default { + watch: { + $route(route) { + if (this.device === 'mobile' && this.sidebar.opened) { + store.dispatch('app/closeSideBar', { withoutAnimation: false }) + } + } + }, + beforeMount() { + window.addEventListener('resize', this.$_resizeHandler) + }, + beforeDestroy() { + window.removeEventListener('resize', this.$_resizeHandler) + }, + mounted() { + const isMobile = this.$_isMobile() + if (isMobile) { + store.dispatch('app/toggleDevice', 'mobile') + store.dispatch('app/closeSideBar', { withoutAnimation: true }) + } + }, + methods: { + // use $_ for mixins properties + // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential + $_isMobile() { + const rect = body.getBoundingClientRect() + return rect.width - 1 < WIDTH + }, + $_resizeHandler() { + if (!document.hidden) { + const isMobile = this.$_isMobile() + store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop') + + if (isMobile) { + store.dispatch('app/closeSideBar', { withoutAnimation: true }) + } + } + } + } +} diff --git a/vue/src/main.js b/vue/src/main.js new file mode 100644 index 00000000..e9c3abd4 --- /dev/null +++ b/vue/src/main.js @@ -0,0 +1,89 @@ +import Vue from 'vue' + +import Cookies from 'js-cookie' + +import Element from 'element-ui' +import './assets/styles/element-variables.scss' + +import '@/assets/styles/index.scss' // global css +import '@/assets/styles/zhijian.scss' // zhijian css +import App from './App' +import store from './store' +import router from './router' +import directive from './directive' // directive +import plugins from './plugins' // plugins +import { download } from '@/utils/request' + +import './assets/icons' // icon +import './permission' // permission control +import { getDicts } from "@/api/system/dict/data"; +import { getConfigKey } from "@/api/system/config"; +import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/zhijian"; +// 分页组件 +import Pagination from "@/components/Pagination"; +// 自定义表格工具组件 +import RightToolbar from "@/components/RightToolbar" +// 富文本组件 +import Editor from "@/components/Editor" +// 文件上传组件 +import FileUpload from "@/components/FileUpload" +// 图片上传组件 +import ImageUpload from "@/components/ImageUpload" +// 图片预览组件 +import ImagePreview from "@/components/ImagePreview" +// 字典标签组件 +import DictTag from '@/components/DictTag' +// 头部标签组件 +import VueMeta from 'vue-meta' +// 字典数据组件 +import DictData from '@/components/DictData' + +import Avue from '@smallwei/avue'; +import '@smallwei/avue/lib/index.css'; + +// 全局方法挂载 +Vue.prototype.getDicts = getDicts +Vue.prototype.getConfigKey = getConfigKey +Vue.prototype.parseTime = parseTime +Vue.prototype.resetForm = resetForm +Vue.prototype.addDateRange = addDateRange +Vue.prototype.selectDictLabel = selectDictLabel +Vue.prototype.selectDictLabels = selectDictLabels +Vue.prototype.download = download +Vue.prototype.handleTree = handleTree + +// 全局组件挂载 +Vue.component('DictTag', DictTag) +Vue.component('Pagination', Pagination) +Vue.component('RightToolbar', RightToolbar) +Vue.component('Editor', Editor) +Vue.component('FileUpload', FileUpload) +Vue.component('ImageUpload', ImageUpload) +Vue.component('ImagePreview', ImagePreview) + +Vue.use(directive) +Vue.use(plugins) +Vue.use(VueMeta) +DictData.install() + +/** + * If you don't want to use mock-server + * you want to use MockJs for mock api + * you can execute: mockXHR() + * + * Currently MockJs will be used in the production environment, + * please remove it before going online! ! ! + */ + +Vue.use(Element, { + size: Cookies.get('size') || 'medium' // set element-ui default size +}) +Vue.use(Avue) +Vue.config.productionTip = false + +new Vue({ + el: '#app', + router, + store, + render: h => h(App) +}) diff --git a/vue/src/permission.js b/vue/src/permission.js new file mode 100644 index 00000000..609d2159 --- /dev/null +++ b/vue/src/permission.js @@ -0,0 +1,56 @@ +import router from './router' +import store from './store' +import { Message } from 'element-ui' +import NProgress from 'nprogress' +import 'nprogress/nprogress.css' +import { getToken } from '@/utils/auth' +import { isRelogin } from '@/utils/request' + +NProgress.configure({ showSpinner: false }) + +const whiteList = ['/login', '/register'] + +router.beforeEach((to, from, next) => { + NProgress.start() + if (getToken()) { + to.meta.title && store.dispatch('settings/setTitle', to.meta.title) + /* has token*/ + if (to.path === '/login') { + next({ path: '/' }) + NProgress.done() + } else { + if (store.getters.roles.length === 0) { + isRelogin.show = true + // 判断当前用户是否已拉取完user_info信息 + store.dispatch('GetInfo').then(() => { + isRelogin.show = false + store.dispatch('GenerateRoutes').then(accessRoutes => { + // 根据roles权限生成可访问的路由表 + router.addRoutes(accessRoutes) // 动态添加可访问路由表 + next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 + }) + }).catch(err => { + store.dispatch('LogOut').then(() => { + Message.error(err) + next({ path: '/' }) + }) + }) + } else { + next() + } + } + } else { + // 没有token + if (whiteList.indexOf(to.path) !== -1) { + // 在免登录白名单，直接进入 + next() + } else { + next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页 + NProgress.done() + } + } +}) + +router.afterEach(() => { + NProgress.done() +}) diff --git a/vue/src/plugins/auth.js b/vue/src/plugins/auth.js new file mode 100644 index 00000000..6c6bc242 --- /dev/null +++ b/vue/src/plugins/auth.js @@ -0,0 +1,60 @@ +import store from '@/store' + +function authPermission(permission) { + const all_permission = "*:*:*"; + const permissions = store.getters && store.getters.permissions + if (permission && permission.length > 0) { + return permissions.some(v => { + return all_permission === v || v === permission + }) + } else { + return false + } +} + +function authRole(role) { + const super_admin = "admin"; + const roles = store.getters && store.getters.roles + if (role && role.length > 0) { + return roles.some(v => { + return super_admin === v || v === role + }) + } else { + return false + } +} + +export default { + // 验证用户是否具备某权限 + hasPermi(permission) { + return authPermission(permission); + }, + // 验证用户是否含有指定权限，只需包含其中一个 + hasPermiOr(permissions) { + return permissions.some(item => { + return authPermission(item) + }) + }, + // 验证用户是否含有指定权限，必须全部拥有 + hasPermiAnd(permissions) { + return permissions.every(item => { + return authPermission(item) + }) + }, + // 验证用户是否具备某角色 + hasRole(role) { + return authRole(role); + }, + // 验证用户是否含有指定角色，只需包含其中一个 + hasRoleOr(roles) { + return roles.some(item => { + return authRole(item) + }) + }, + // 验证用户是否含有指定角色，必须全部拥有 + hasRoleAnd(roles) { + return roles.every(item => { + return authRole(item) + }) + } +} diff --git a/vue/src/plugins/cache.js b/vue/src/plugins/cache.js new file mode 100644 index 00000000..6b5c00b9 --- /dev/null +++ b/vue/src/plugins/cache.js @@ -0,0 +1,77 @@ +const sessionCache = { + set (key, value) { + if (!sessionStorage) { + return + } + if (key != null && value != null) { + sessionStorage.setItem(key, value) + } + }, + get (key) { + if (!sessionStorage) { + return null + } + if (key == null) { + return null + } + return sessionStorage.getItem(key) + }, + setJSON (key, jsonValue) { + if (jsonValue != null) { + this.set(key, JSON.stringify(jsonValue)) + } + }, + getJSON (key) { + const value = this.get(key) + if (value != null) { + return JSON.parse(value) + } + }, + remove (key) { + sessionStorage.removeItem(key); + } +} +const localCache = { + set (key, value) { + if (!localStorage) { + return + } + if (key != null && value != null) { + localStorage.setItem(key, value) + } + }, + get (key) { + if (!localStorage) { + return null + } + if (key == null) { + return null + } + return localStorage.getItem(key) + }, + setJSON (key, jsonValue) { + if (jsonValue != null) { + this.set(key, JSON.stringify(jsonValue)) + } + }, + getJSON (key) { + const value = this.get(key) + if (value != null) { + return JSON.parse(value) + } + }, + remove (key) { + localStorage.removeItem(key); + } +} + +export default { + /** + * 会话级缓存 + */ + session: sessionCache, + /** + * 本地缓存 + */ + local: localCache +} diff --git a/vue/src/plugins/download.js b/vue/src/plugins/download.js new file mode 100644 index 00000000..7886d0ae --- /dev/null +++ b/vue/src/plugins/download.js @@ -0,0 +1,72 @@ +import axios from 'axios' +import { Message } from 'element-ui' +import { saveAs } from 'file-saver' +import { getToken } from '@/utils/auth' +import errorCode from '@/utils/errorCode' +import { blobValidate } from "@/utils/zhijian"; + +const baseURL = process.env.VUE_APP_BASE_API + +export default { + name(name, isDelete = true) { + var url = baseURL + "/common/download?fileName=" + encodeURIComponent(name) + "&delete=" + isDelete + axios({ + method: 'get', + url: url, + responseType: 'blob', + headers: { 'Authorization': 'Bearer ' + getToken() } + }).then((res) => { + const isBlob = blobValidate(res.data); + if (isBlob) { + const blob = new Blob([res.data]) + this.saveAs(blob, decodeURIComponent(res.headers['download-filename'])) + } else { + this.printErrMsg(res.data); + } + }) + }, + resource(resource) { + var url = baseURL + "/common/download/resource?resource=" + encodeURIComponent(resource); + axios({ + method: 'get', + url: url, + responseType: 'blob', + headers: { 'Authorization': 'Bearer ' + getToken() } + }).then((res) => { + const isBlob = blobValidate(res.data); + if (isBlob) { + const blob = new Blob([res.data]) + this.saveAs(blob, decodeURIComponent(res.headers['download-filename'])) + } else { + this.printErrMsg(res.data); + } + }) + }, + zip(url, name) { + var url = baseURL + url + axios({ + method: 'get', + url: url, + responseType: 'blob', + headers: { 'Authorization': 'Bearer ' + getToken() } + }).then((res) => { + const isBlob = blobValidate(res.data); + if (isBlob) { + const blob = new Blob([res.data], { type: 'application/zip' }) + this.saveAs(blob, name) + } else { + this.printErrMsg(res.data); + } + }) + }, + saveAs(text, name, opts) { + saveAs(text, name, opts); + }, + async printErrMsg(data) { + const resText = await data.text(); + const rspObj = JSON.parse(resText); + const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default'] + Message.error(errMsg); + } +} + diff --git a/vue/src/plugins/index.js b/vue/src/plugins/index.js new file mode 100644 index 00000000..d000f2df --- /dev/null +++ b/vue/src/plugins/index.js @@ -0,0 +1,20 @@ +import tab from './tab' +import auth from './auth' +import cache from './cache' +import modal from './modal' +import download from './download' + +export default { + install(Vue) { + // 页签操作 + Vue.prototype.$tab = tab + // 认证对象 + Vue.prototype.$auth = auth + // 缓存对象 + Vue.prototype.$cache = cache + // 模态框对象 + Vue.prototype.$modal = modal + // 下载文件 + Vue.prototype.$download = download + } +} diff --git a/vue/src/plugins/modal.js b/vue/src/plugins/modal.js new file mode 100644 index 00000000..b37ca145 --- /dev/null +++ b/vue/src/plugins/modal.js @@ -0,0 +1,83 @@ +import { Message, MessageBox, Notification, Loading } from 'element-ui' + +let loadingInstance; + +export default { + // 消息提示 + msg(content) { + Message.info(content) + }, + // 错误消息 + msgError(content) { + Message.error(content) + }, + // 成功消息 + msgSuccess(content) { + Message.success(content) + }, + // 警告消息 + msgWarning(content) { + Message.warning(content) + }, + // 弹出提示 + alert(content) { + MessageBox.alert(content, "系统提示") + }, + // 错误提示 + alertError(content) { + MessageBox.alert(content, "系统提示", { type: 'error' }) + }, + // 成功提示 + alertSuccess(content) { + MessageBox.alert(content, "系统提示", { type: 'success' }) + }, + // 警告提示 + alertWarning(content) { + MessageBox.alert(content, "系统提示", { type: 'warning' }) + }, + // 通知提示 + notify(content) { + Notification.info(content) + }, + // 错误通知 + notifyError(content) { + Notification.error(content); + }, + // 成功通知 + notifySuccess(content) { + Notification.success(content) + }, + // 警告通知 + notifyWarning(content) { + Notification.warning(content) + }, + // 确认窗体 + confirm(content) { + return MessageBox.confirm(content, "系统提示", { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: "warning", + }) + }, + // 提交内容 + prompt(content) { + return MessageBox.prompt(content, "系统提示", { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: "warning", + }) + }, + // 打开遮罩层 + loading(content) { + loadingInstance = Loading.service({ + lock: true, + text: content, + spinner: "el-icon-loading", + background: "rgba(0, 0, 0, 0.7)", + }) + }, + // 关闭遮罩层 + closeLoading() { + loadingInstance.close(); + } +} diff --git a/vue/src/plugins/tab.js b/vue/src/plugins/tab.js new file mode 100644 index 00000000..b029c0e6 --- /dev/null +++ b/vue/src/plugins/tab.js @@ -0,0 +1,71 @@ +import store from '@/store' +import router from '@/router'; + +export default { + // 刷新当前tab页签 + refreshPage(obj) { + const { path, query, matched } = router.currentRoute; + if (obj === undefined) { + matched.forEach((m) => { + if (m.components && m.components.default && m.components.default.name) { + if (!['Layout', 'ParentView'].includes(m.components.default.name)) { + obj = { name: m.components.default.name, path: path, query: query }; + } + } + }); + } + return store.dispatch('tagsView/delCachedView', obj).then(() => { + const { path, query } = obj + router.replace({ + path: '/redirect' + path, + query: query + }) + }) + }, + // 关闭当前tab页签，打开新页签 + closeOpenPage(obj) { + store.dispatch("tagsView/delView", router.currentRoute); + if (obj !== undefined) { + return router.push(obj); + } + }, + // 关闭指定tab页签 + closePage(obj) { + if (obj === undefined) { + return store.dispatch('tagsView/delView', router.currentRoute).then(({ visitedViews }) => { + const latestView = visitedViews.slice(-1)[0] + if (latestView) { + return router.push(latestView.fullPath) + } + return router.push('/'); + }); + } + return store.dispatch('tagsView/delView', obj); + }, + // 关闭所有tab页签 + closeAllPage() { + return store.dispatch('tagsView/delAllViews'); + }, + // 关闭左侧tab页签 + closeLeftPage(obj) { + return store.dispatch('tagsView/delLeftTags', obj || router.currentRoute); + }, + // 关闭右侧tab页签 + closeRightPage(obj) { + return store.dispatch('tagsView/delRightTags', obj || router.currentRoute); + }, + // 关闭其他tab页签 + closeOtherPage(obj) { + return store.dispatch('tagsView/delOthersViews', obj || router.currentRoute); + }, + // 添加tab页签 + openPage(title, url, params) { + var obj = { path: url, meta: { title: title } } + store.dispatch('tagsView/addView', obj); + return router.push({ path: url, query: params }); + }, + // 修改tab页签 + updatePage(obj) { + return store.dispatch('tagsView/updateVisitedView', obj); + } +} diff --git a/vue/src/router/index.js b/vue/src/router/index.js new file mode 100644 index 00000000..0faaf663 --- /dev/null +++ b/vue/src/router/index.js @@ -0,0 +1,183 @@ +import Vue from 'vue' +import Router from 'vue-router' + +Vue.use(Router) + +/* Layout */ +import Layout from '@/layout' + +/** + * Note: 路由配置项 + * + * hidden: true // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1 + * alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面 + * // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面 + * // 若你想不管路由下面的 children 声明的个数都显示你的根路由 + * // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由 + * redirect: noRedirect // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击 + * name:'router-name' // 设定路由的名字，一定要填写不然使用时会出现各种问题 + * query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数 + * roles: ['admin', 'common'] // 访问路由的角色权限 + * permissions: ['a:a:a', 'b:b:b'] // 访问路由的菜单权限 + * meta : { + noCache: true // 如果设置为true，则不会被 缓存(默认 false) + title: 'title' // 设置该路由在侧边栏和面包屑中展示的名字 + icon: 'svg-name' // 设置该路由的图标，对应路径src/assets/icons/svg + breadcrumb: false // 如果设置为false，则不会在breadcrumb面包屑中显示 + activeMenu: '/system/user' // 当路由设置了该属性，则会高亮相对应的侧边栏。 + } + */ + +// 公共路由 +export const constantRoutes = [ + { + path: '/redirect', + component: Layout, + hidden: true, + children: [ + { + path: '/redirect/:path(.*)', + component: () => import('@/views/redirect') + } + ] + }, + { + path: '/login', + component: () => import('@/views/login'), + hidden: true + }, + { + path: '/register', + component: () => import('@/views/register'), + hidden: true + }, + { + path: '/404', + component: () => import('@/views/error/404'), + hidden: true + }, + { + path: '/401', + component: () => import('@/views/error/401'), + hidden: true + }, + { + path: '', + component: Layout, + redirect: 'index', + children: [ + { + path: 'index', + component: () => import('@/views/index.vue'), + name: 'Index', + meta: { title: '首页', icon: 'dashboard', affix: true } + } + ] + }, + { + path: '/user', + component: Layout, + hidden: true, + redirect: 'noredirect', + children: [ + { + path: 'profile', + component: () => import('@/views/system/user/profile/index'), + name: 'Profile', + meta: { title: '个人中心', icon: 'user' } + } + ] + } +] + +// 动态路由，基于用户权限动态去加载 +export const dynamicRoutes = [ + { + path: '/system/user-auth', + component: Layout, + hidden: true, + permissions: ['system:user:edit'], + children: [ + { + path: 'role/:userId(\\d+)', + component: () => import('@/views/system/user/authRole'), + name: 'AuthRole', + meta: { title: '分配角色', activeMenu: '/system/user' } + } + ] + }, + { + path: '/system/role-auth', + component: Layout, + hidden: true, + permissions: ['system:role:edit'], + children: [ + { + path: 'user/:roleId(\\d+)', + component: () => import('@/views/system/role/authUser'), + name: 'AuthUser', + meta: { title: '分配用户', activeMenu: '/system/role' } + } + ] + }, + { + path: '/system/dict-data', + component: Layout, + hidden: true, + permissions: ['system:dict:list'], + children: [ + { + path: 'index/:dictId(\\d+)', + component: () => import('@/views/system/dict/data'), + name: 'Data', + meta: { title: '字典数据', activeMenu: '/system/dict' } + } + ] + }, + { + path: '/monitor/job-log', + component: Layout, + hidden: true, + permissions: ['monitor:job:list'], + children: [ + { + path: 'index/:jobId(\\d+)', + component: () => import('@/views/monitor/job/log'), + name: 'JobLog', + meta: { title: '调度日志', activeMenu: '/monitor/job' } + } + ] + }, + { + path: '/tool/gen-edit', + component: Layout, + hidden: true, + permissions: ['tool:gen:edit'], + children: [ + { + path: 'index/:tableId(\\d+)', + component: () => import('@/views/tool/gen/editTable'), + name: 'GenEdit', + meta: { title: '修改生成配置', activeMenu: '/tool/gen' } + } + ] + } +] + +// 防止连续点击多次路由报错 +let routerPush = Router.prototype.push; +let routerReplace = Router.prototype.replace; +// push +Router.prototype.push = function push(location) { + return routerPush.call(this, location).catch(err => err) +} +// replace +Router.prototype.replace = function push(location) { + return routerReplace.call(this, location).catch(err => err) +} + +export default new Router({ + mode: 'history', // 去掉url中的# + scrollBehavior: () => ({ y: 0 }), + routes: constantRoutes +}) diff --git a/vue/src/settings.js b/vue/src/settings.js new file mode 100644 index 00000000..6a0b09f4 --- /dev/null +++ b/vue/src/settings.js @@ -0,0 +1,44 @@ +module.exports = { + /** + * 侧边栏主题 深色主题theme-dark，浅色主题theme-light + */ + sideTheme: 'theme-dark', + + /** + * 是否系统布局配置 + */ + showSettings: false, + + /** + * 是否显示顶部导航 + */ + topNav: false, + + /** + * 是否显示 tagsView + */ + tagsView: true, + + /** + * 是否固定头部 + */ + fixedHeader: false, + + /** + * 是否显示logo + */ + sidebarLogo: true, + + /** + * 是否显示动态标题 + */ + dynamicTitle: false, + + /** + * @type {string | array} 'production' | ['production', 'development'] + * @description Need show err logs component. + * The default is only used in the production env + * If you want to also use it in dev, you can pass ['production', 'development'] + */ + errorLog: 'production' +} diff --git a/vue/src/store/getters.js b/vue/src/store/getters.js new file mode 100644 index 00000000..8adb1b65 --- /dev/null +++ b/vue/src/store/getters.js @@ -0,0 +1,19 @@ +const getters = { + sidebar: state => state.app.sidebar, + size: state => state.app.size, + device: state => state.app.device, + dict: state => state.dict.dict, + visitedViews: state => state.tagsView.visitedViews, + cachedViews: state => state.tagsView.cachedViews, + token: state => state.user.token, + avatar: state => state.user.avatar, + name: state => state.user.name, + introduction: state => state.user.introduction, + roles: state => state.user.roles, + permissions: state => state.user.permissions, + permission_routes: state => state.permission.routes, + topbarRouters:state => state.permission.topbarRouters, + defaultRoutes:state => state.permission.defaultRoutes, + sidebarRouters:state => state.permission.sidebarRouters, +} +export default getters diff --git a/vue/src/store/index.js b/vue/src/store/index.js new file mode 100644 index 00000000..97aaef80 --- /dev/null +++ b/vue/src/store/index.js @@ -0,0 +1,25 @@ +import Vue from 'vue' +import Vuex from 'vuex' +import app from './modules/app' +import dict from './modules/dict' +import user from './modules/user' +import tagsView from './modules/tagsView' +import permission from './modules/permission' +import settings from './modules/settings' +import getters from './getters' + +Vue.use(Vuex) + +const store = new Vuex.Store({ + modules: { + app, + dict, + user, + tagsView, + permission, + settings + }, + getters +}) + +export default store diff --git a/vue/src/store/modules/app.js b/vue/src/store/modules/app.js new file mode 100644 index 00000000..3e22d1c1 --- /dev/null +++ b/vue/src/store/modules/app.js @@ -0,0 +1,66 @@ +import Cookies from 'js-cookie' + +const state = { + sidebar: { + opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true, + withoutAnimation: false, + hide: false + }, + device: 'desktop', + size: Cookies.get('size') || 'medium' +} + +const mutations = { + TOGGLE_SIDEBAR: state => { + if (state.sidebar.hide) { + return false; + } + state.sidebar.opened = !state.sidebar.opened + state.sidebar.withoutAnimation = false + if (state.sidebar.opened) { + Cookies.set('sidebarStatus', 1) + } else { + Cookies.set('sidebarStatus', 0) + } + }, + CLOSE_SIDEBAR: (state, withoutAnimation) => { + Cookies.set('sidebarStatus', 0) + state.sidebar.opened = false + state.sidebar.withoutAnimation = withoutAnimation + }, + TOGGLE_DEVICE: (state, device) => { + state.device = device + }, + SET_SIZE: (state, size) => { + state.size = size + Cookies.set('size', size) + }, + SET_SIDEBAR_HIDE: (state, status) => { + state.sidebar.hide = status + } +} + +const actions = { + toggleSideBar({ commit }) { + commit('TOGGLE_SIDEBAR') + }, + closeSideBar({ commit }, { withoutAnimation }) { + commit('CLOSE_SIDEBAR', withoutAnimation) + }, + toggleDevice({ commit }, device) { + commit('TOGGLE_DEVICE', device) + }, + setSize({ commit }, size) { + commit('SET_SIZE', size) + }, + toggleSideBarHide({ commit }, status) { + commit('SET_SIDEBAR_HIDE', status) + } +} + +export default { + namespaced: true, + state, + mutations, + actions +} diff --git a/vue/src/store/modules/dict.js b/vue/src/store/modules/dict.js new file mode 100644 index 00000000..f95bead0 --- /dev/null +++ b/vue/src/store/modules/dict.js @@ -0,0 +1,50 @@ +const state = { + dict: new Array() +} +const mutations = { + SET_DICT: (state, { key, value }) => { + if (key !== null && key !== "") { + state.dict.push({ + key: key, + value: value + }) + } + }, + REMOVE_DICT: (state, key) => { + try { + for (let i = 0; i < state.dict.length; i++) { + if (state.dict[i].key == key) { + state.dict.splice(i, i) + return true + } + } + } catch (e) { + } + }, + CLEAN_DICT: (state) => { + state.dict = new Array() + } +} + +const actions = { + // 设置字典 + setDict({ commit }, data) { + commit('SET_DICT', data) + }, + // 删除字典 + removeDict({ commit }, key) { + commit('REMOVE_DICT', key) + }, + // 清空字典 + cleanDict({ commit }) { + commit('CLEAN_DICT') + } +} + +export default { + namespaced: true, + state, + mutations, + actions +} + diff --git a/vue/src/store/modules/permission.js b/vue/src/store/modules/permission.js new file mode 100644 index 00000000..22876655 --- /dev/null +++ b/vue/src/store/modules/permission.js @@ -0,0 +1,133 @@ +import auth from '@/plugins/auth' +import router, { constantRoutes, dynamicRoutes } from '@/router' +import { getRouters } from '@/api/menu' +import Layout from '@/layout/index' +import ParentView from '@/components/ParentView' +import InnerLink from '@/layout/components/InnerLink' + +const permission = { + state: { + routes: [], + addRoutes: [], + defaultRoutes: [], + topbarRouters: [], + sidebarRouters: [] + }, + mutations: { + SET_ROUTES: (state, routes) => { + state.addRoutes = routes + state.routes = constantRoutes.concat(routes) + }, + SET_DEFAULT_ROUTES: (state, routes) => { + state.defaultRoutes = constantRoutes.concat(routes) + }, + SET_TOPBAR_ROUTES: (state, routes) => { + state.topbarRouters = routes + }, + SET_SIDEBAR_ROUTERS: (state, routes) => { + state.sidebarRouters = routes + }, + }, + actions: { + // 生成路由 + GenerateRoutes({ commit }) { + return new Promise(resolve => { + // 向后端请求路由数据 + getRouters().then(res => { + const sdata = JSON.parse(JSON.stringify(res.data)) + const rdata = JSON.parse(JSON.stringify(res.data)) + const sidebarRoutes = filterAsyncRouter(sdata) + const rewriteRoutes = filterAsyncRouter(rdata, false, true) + const asyncRoutes = filterDynamicRoutes(dynamicRoutes); + rewriteRoutes.push({ path: '*', redirect: '/404', hidden: true }) + router.addRoutes(asyncRoutes); + commit('SET_ROUTES', rewriteRoutes) + commit('SET_SIDEBAR_ROUTERS', constantRoutes.concat(sidebarRoutes)) + commit('SET_DEFAULT_ROUTES', sidebarRoutes) + commit('SET_TOPBAR_ROUTES', sidebarRoutes) + resolve(rewriteRoutes) + }) + }) + } + } +} + +// 遍历后台传来的路由字符串，转换为组件对象 +function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) { + return asyncRouterMap.filter(route => { + if (type && route.children) { + route.children = filterChildren(route.children) + } + if (route.component) { + // Layout ParentView 组件特殊处理 + if (route.component === 'Layout') { + route.component = Layout + } else if (route.component === 'ParentView') { + route.component = ParentView + } else if (route.component === 'InnerLink') { + route.component = InnerLink + } else { + route.component = loadView(route.component) + } + } + if (route.children != null && route.children && route.children.length) { + route.children = filterAsyncRouter(route.children, route, type) + } else { + delete route['children'] + delete route['redirect'] + } + return true + }) +} + +function filterChildren(childrenMap, lastRouter = false) { + var children = [] + childrenMap.forEach((el, index) => { + if (el.children && el.children.length) { + if (el.component === 'ParentView' && !lastRouter) { + el.children.forEach(c => { + c.path = el.path + '/' + c.path + if (c.children && c.children.length) { + children = children.concat(filterChildren(c.children, c)) + return + } + children.push(c) + }) + return + } + } + if (lastRouter) { + el.path = lastRouter.path + '/' + el.path + } + children = children.concat(el) + }) + return children +} + +// 动态路由遍历，验证是否具备权限 +export function filterDynamicRoutes(routes) { + const res = [] + routes.forEach(route => { + if (route.permissions) { + if (auth.hasPermiOr(route.permissions)) { + res.push(route) + } + } else if (route.roles) { + if (auth.hasRoleOr(route.roles)) { + res.push(route) + } + } + }) + return res +} + +export const loadView = (view) => { + if (process.env.NODE_ENV === 'development') { + return (resolve) => require([`@/views/${view}`], resolve) + } else { + // 使用 import 实现生产环境的路由懒加载 + return () => import(`@/views/${view}`) + } +} + +export default permission diff --git a/vue/src/store/modules/settings.js b/vue/src/store/modules/settings.js new file mode 100644 index 00000000..2455a1e2 --- /dev/null +++ b/vue/src/store/modules/settings.js @@ -0,0 +1,42 @@ +import defaultSettings from '@/settings' + +const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings + +const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || '' +const state = { + title: '', + theme: storageSetting.theme || '#409EFF', + sideTheme: storageSetting.sideTheme || sideTheme, + showSettings: showSettings, + topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav, + tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView, + fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader, + sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo, + dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle +} +const mutations = { + CHANGE_SETTING: (state, { key, value }) => { + if (state.hasOwnProperty(key)) { + state[key] = value + } + } +} + +const actions = { + // 修改布局设置 + changeSetting({ commit }, data) { + commit('CHANGE_SETTING', data) + }, + // 设置网页标题 + setTitle({ commit }, title) { + state.title = title + } +} + +export default { + namespaced: true, + state, + mutations, + actions +} + diff --git a/vue/src/store/modules/tagsView.js b/vue/src/store/modules/tagsView.js new file mode 100644 index 00000000..5fc011ca --- /dev/null +++ b/vue/src/store/modules/tagsView.js @@ -0,0 +1,228 @@ +const state = { + visitedViews: [], + cachedViews: [], + iframeViews: [] +} + +const mutations = { + ADD_IFRAME_VIEW: (state, view) => { + if (state.iframeViews.some(v => v.path === view.path)) return + state.iframeViews.push( + Object.assign({}, view, { + title: view.meta.title || 'no-name' + }) + ) + }, + ADD_VISITED_VIEW: (state, view) => { + if (state.visitedViews.some(v => v.path === view.path)) return + state.visitedViews.push( + Object.assign({}, view, { + title: view.meta.title || 'no-name' + }) + ) + }, + ADD_CACHED_VIEW: (state, view) => { + if (state.cachedViews.includes(view.name)) return + if (view.meta && !view.meta.noCache) { + state.cachedViews.push(view.name) + } + }, + DEL_VISITED_VIEW: (state, view) => { + for (const [i, v] of state.visitedViews.entries()) { + if (v.path === view.path) { + state.visitedViews.splice(i, 1) + break + } + } + state.iframeViews = state.iframeViews.filter(item => item.path !== view.path) + }, + DEL_IFRAME_VIEW: (state, view) => { + state.iframeViews = state.iframeViews.filter(item => item.path !== view.path) + }, + DEL_CACHED_VIEW: (state, view) => { + const index = state.cachedViews.indexOf(view.name) + index > -1 && state.cachedViews.splice(index, 1) + }, + + DEL_OTHERS_VISITED_VIEWS: (state, view) => { + state.visitedViews = state.visitedViews.filter(v => { + return v.meta.affix || v.path === view.path + }) + state.iframeViews = state.iframeViews.filter(item => item.path === view.path) + }, + DEL_OTHERS_CACHED_VIEWS: (state, view) => { + const index = state.cachedViews.indexOf(view.name) + if (index > -1) { + state.cachedViews = state.cachedViews.slice(index, index + 1) + } else { + state.cachedViews = [] + } + }, + DEL_ALL_VISITED_VIEWS: state => { + // keep affix tags + const affixTags = state.visitedViews.filter(tag => tag.meta.affix) + state.visitedViews = affixTags + state.iframeViews = [] + }, + DEL_ALL_CACHED_VIEWS: state => { + state.cachedViews = [] + }, + UPDATE_VISITED_VIEW: (state, view) => { + for (let v of state.visitedViews) { + if (v.path === view.path) { + v = Object.assign(v, view) + break + } + } + }, + DEL_RIGHT_VIEWS: (state, view) => { + const index = state.visitedViews.findIndex(v => v.path === view.path) + if (index === -1) { + return + } + state.visitedViews = state.visitedViews.filter((item, idx) => { + if (idx <= index || (item.meta && item.meta.affix)) { + return true + } + const i = state.cachedViews.indexOf(item.name) + if (i > -1) { + state.cachedViews.splice(i, 1) + } + if(item.meta.link) { + const fi = state.iframeViews.findIndex(v => v.path === item.path) + state.iframeViews.splice(fi, 1) + } + return false + }) + }, + DEL_LEFT_VIEWS: (state, view) => { + const index = state.visitedViews.findIndex(v => v.path === view.path) + if (index === -1) { + return + } + state.visitedViews = state.visitedViews.filter((item, idx) => { + if (idx >= index || (item.meta && item.meta.affix)) { + return true + } + const i = state.cachedViews.indexOf(item.name) + if (i > -1) { + state.cachedViews.splice(i, 1) + } + if(item.meta.link) { + const fi = state.iframeViews.findIndex(v => v.path === item.path) + state.iframeViews.splice(fi, 1) + } + return false + }) + } +} + +const actions = { + addView({ dispatch }, view) { + dispatch('addVisitedView', view) + dispatch('addCachedView', view) + }, + addIframeView({ commit }, view) { + commit('ADD_IFRAME_VIEW', view) + }, + addVisitedView({ commit }, view) { + commit('ADD_VISITED_VIEW', view) + }, + addCachedView({ commit }, view) { + commit('ADD_CACHED_VIEW', view) + }, + delView({ dispatch, state }, view) { + return new Promise(resolve => { + dispatch('delVisitedView', view) + dispatch('delCachedView', view) + resolve({ + visitedViews: [...state.visitedViews], + cachedViews: [...state.cachedViews] + }) + }) + }, + delVisitedView({ commit, state }, view) { + return new Promise(resolve => { + commit('DEL_VISITED_VIEW', view) + resolve([...state.visitedViews]) + }) + }, + delIframeView({ commit, state }, view) { + return new Promise(resolve => { + commit('DEL_IFRAME_VIEW', view) + resolve([...state.iframeViews]) + }) + }, + delCachedView({ commit, state }, view) { + return new Promise(resolve => { + commit('DEL_CACHED_VIEW', view) + resolve([...state.cachedViews]) + }) + }, + delOthersViews({ dispatch, state }, view) { + return new Promise(resolve => { + dispatch('delOthersVisitedViews', view) + dispatch('delOthersCachedViews', view) + resolve({ + visitedViews: [...state.visitedViews], + cachedViews: [...state.cachedViews] + }) + }) + }, + delOthersVisitedViews({ commit, state }, view) { + return new Promise(resolve => { + commit('DEL_OTHERS_VISITED_VIEWS', view) + resolve([...state.visitedViews]) + }) + }, + delOthersCachedViews({ commit, state }, view) { + return new Promise(resolve => { + commit('DEL_OTHERS_CACHED_VIEWS', view) + resolve([...state.cachedViews]) + }) + }, + delAllViews({ dispatch, state }, view) { + return new Promise(resolve => { + dispatch('delAllVisitedViews', view) + dispatch('delAllCachedViews', view) + resolve({ + visitedViews: [...state.visitedViews], + cachedViews: [...state.cachedViews] + }) + }) + }, + delAllVisitedViews({ commit, state }) { + return new Promise(resolve => { + commit('DEL_ALL_VISITED_VIEWS') + resolve([...state.visitedViews]) + }) + }, + delAllCachedViews({ commit, state }) { + return new Promise(resolve => { + commit('DEL_ALL_CACHED_VIEWS') + resolve([...state.cachedViews]) + }) + }, + updateVisitedView({ commit }, view) { + commit('UPDATE_VISITED_VIEW', view) + }, + delRightTags({ commit }, view) { + return new Promise(resolve => { + commit('DEL_RIGHT_VIEWS', view) + resolve([...state.visitedViews]) + }) + }, + delLeftTags({ commit }, view) { + return new Promise(resolve => { + commit('DEL_LEFT_VIEWS', view) + resolve([...state.visitedViews]) + }) + }, +} + +export default { + namespaced: true, + state, + mutations, + actions +} diff --git a/vue/src/store/modules/user.js b/vue/src/store/modules/user.js new file mode 100644 index 00000000..ab0a6fea --- /dev/null +++ b/vue/src/store/modules/user.js @@ -0,0 +1,96 @@ +import { login, logout, getInfo } from '@/api/login' +import { getToken, setToken, removeToken } from '@/utils/auth' + +const user = { + state: { + token: getToken(), + name: '', + avatar: '', + roles: [], + permissions: [] + }, + + mutations: { + SET_TOKEN: (state, token) => { + state.token = token + }, + SET_NAME: (state, name) => { + state.name = name + }, + SET_AVATAR: (state, avatar) => { + state.avatar = avatar + }, + SET_ROLES: (state, roles) => { + state.roles = roles + }, + SET_PERMISSIONS: (state, permissions) => { + state.permissions = permissions + } + }, + + actions: { + // 登录 + Login({ commit }, userInfo) { + const username = userInfo.username.trim() + const password = userInfo.password + const code = userInfo.code + const uuid = userInfo.uuid + return new Promise((resolve, reject) => { + login(username, password, code, uuid).then(res => { + setToken(res.token) + commit('SET_TOKEN', res.token) + resolve() + }).catch(error => { + reject(error) + }) + }) + }, + + // 获取用户信息 + GetInfo({ commit, state }) { + return new Promise((resolve, reject) => { + getInfo().then(res => { + const user = res.user + const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar; + if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组 + commit('SET_ROLES', res.roles) + commit('SET_PERMISSIONS', res.permissions) + } else { + commit('SET_ROLES', ['ROLE_DEFAULT']) + } + commit('SET_NAME', user.userName) + commit('SET_AVATAR', avatar) + resolve(res) + }).catch(error => { + reject(error) + }) + }) + }, + + // 退出系统 + LogOut({ commit, state }) { + return new Promise((resolve, reject) => { + logout(state.token).then(() => { + commit('SET_TOKEN', '') + commit('SET_ROLES', []) + commit('SET_PERMISSIONS', []) + removeToken() + resolve() + }).catch(error => { + reject(error) + }) + }) + }, + + // 前端 登出 + FedLogOut({ commit }) { + return new Promise(resolve => { + commit('SET_TOKEN', '') + removeToken() + resolve() + }) + } + } +} + +export default user diff --git a/vue/src/utils/auth.js b/vue/src/utils/auth.js new file mode 100644 index 00000000..08a43d6e --- /dev/null +++ b/vue/src/utils/auth.js @@ -0,0 +1,15 @@ +import Cookies from 'js-cookie' + +const TokenKey = 'Admin-Token' + +export function getToken() { + return Cookies.get(TokenKey) +} + +export function setToken(token) { + return Cookies.set(TokenKey, token) +} + +export function removeToken() { + return Cookies.remove(TokenKey) +} diff --git a/vue/src/utils/dict/Dict.js b/vue/src/utils/dict/Dict.js new file mode 100644 index 00000000..6fa99ce1 --- /dev/null +++ b/vue/src/utils/dict/Dict.js @@ -0,0 +1,82 @@ +import Vue from 'vue' +import { mergeRecursive } from "@/utils/zhijian"; +import DictMeta from './DictMeta' +import DictData from './DictData' + +const DEFAULT_DICT_OPTIONS = { + types: [], +} + +/** + * @classdesc 字典 + * @property {Object} label 标签对象，内部属性名为字典类型名称 + * @property {Object} dict 字段数组，内部属性名为字典类型名称 + * @property {Array.} _dictMetas 字典元数据数组 + */ +export default class Dict { + constructor() { + this.owner = null + this.label = {} + this.type = {} + } + + init(options) { + if (options instanceof Array) { + options = { types: options } + } + const opts = mergeRecursive(DEFAULT_DICT_OPTIONS, options) + if (opts.types === undefined) { + throw new Error('need dict types') + } + const ps = [] + this._dictMetas = opts.types.map(t => DictMeta.parse(t)) + this._dictMetas.forEach(dictMeta => { + const type = dictMeta.type + Vue.set(this.label, type, {}) + Vue.set(this.type, type, []) + if (dictMeta.lazy) { + return + } + ps.push(loadDict(this, dictMeta)) + }) + return Promise.all(ps) + } + + /** + * 重新加载字典 + * @param {String} type 字典类型 + */ + reloadDict(type) { + const dictMeta = this._dictMetas.find(e => e.type === type) + if (dictMeta === undefined) { + return Promise.reject(`the dict meta of ${type} was not found`) + } + return loadDict(this, dictMeta) + } +} + +/** + * 加载字典 + * @param {Dict} dict 字典 + * @param {DictMeta} dictMeta 字典元数据 + * @returns {Promise} + */ +function loadDict(dict, dictMeta) { + return dictMeta.request(dictMeta) + .then(response => { + const type = dictMeta.type + let dicts = dictMeta.responseConverter(response, dictMeta) + if (!(dicts instanceof Array)) { + console.error('the return of responseConverter must be Array.') + dicts = [] + } else if (dicts.filter(d => d instanceof DictData).length !== dicts.length) { + console.error('the type of elements in dicts must be DictData') + dicts = [] + } + dict.type[type].splice(0, Number.MAX_SAFE_INTEGER, ...dicts) + dicts.forEach(d => { + Vue.set(dict.label[type], d.value, d.label) + }) + return dicts + }) +} diff --git a/vue/src/utils/dict/DictConverter.js b/vue/src/utils/dict/DictConverter.js new file mode 100644 index 00000000..0cf5df86 --- /dev/null +++ b/vue/src/utils/dict/DictConverter.js @@ -0,0 +1,17 @@ +import DictOptions from './DictOptions' +import DictData from './DictData' + +export default function(dict, dictMeta) { + const label = determineDictField(dict, dictMeta.labelField, ...DictOptions.DEFAULT_LABEL_FIELDS) + const value = determineDictField(dict, dictMeta.valueField, ...DictOptions.DEFAULT_VALUE_FIELDS) + return new DictData(dict[label], dict[value], dict) +} + +/** + * 确定字典字段 + * @param {DictData} dict + * @param {...String} fields + */ +function determineDictField(dict, ...fields) { + return fields.find(f => Object.prototype.hasOwnProperty.call(dict, f)) +} diff --git a/vue/src/utils/dict/DictData.js b/vue/src/utils/dict/DictData.js new file mode 100644 index 00000000..afc763e8 --- /dev/null +++ b/vue/src/utils/dict/DictData.js @@ -0,0 +1,13 @@ +/** + * @classdesc 字典数据 + * @property {String} label 标签 + * @property {*} value 标签 + * @property {Object} raw 原始数据 + */ +export default class DictData { + constructor(label, value, raw) { + this.label = label + this.value = value + this.raw = raw + } +} diff --git a/vue/src/utils/dict/DictMeta.js b/vue/src/utils/dict/DictMeta.js new file mode 100644 index 00000000..fedc461d --- /dev/null +++ b/vue/src/utils/dict/DictMeta.js @@ -0,0 +1,38 @@ +import { mergeRecursive } from "@/utils/zhijian"; +import DictOptions from './DictOptions' + +/** + * @classdesc 字典元数据 + * @property {String} type 类型 + * @property {Function} request 请求 + * @property {String} label 标签字段 + * @property {String} value 值字段 + */ +export default class DictMeta { + constructor(options) { + this.type = options.type + this.request = options.request + this.responseConverter = options.responseConverter + this.labelField = options.labelField + this.valueField = options.valueField + this.lazy = options.lazy === true + } +} + + +/** + * 解析字典元数据 + * @param {Object} options + * @returns {DictMeta} + */ +DictMeta.parse= function(options) { + let opts = null + if (typeof options === 'string') { + opts = DictOptions.metas[options] || {} + opts.type = options + } else if (typeof options === 'object') { + opts = options + } + opts = mergeRecursive(DictOptions.metas['*'], opts) + return new DictMeta(opts) +} diff --git a/vue/src/utils/dict/DictOptions.js b/vue/src/utils/dict/DictOptions.js new file mode 100644 index 00000000..f0e786cc --- /dev/null +++ b/vue/src/utils/dict/DictOptions.js @@ -0,0 +1,51 @@ +import { mergeRecursive } from "@/utils/zhijian"; +import dictConverter from './DictConverter' + +export const options = { + metas: { + '*': { + /** + * 字典请求，方法签名为function(dictMeta: DictMeta): Promise + */ + request: (dictMeta) => { + console.log(`load dict ${dictMeta.type}`) + return Promise.resolve([]) + }, + /** + * 字典响应数据转换器，方法签名为function(response: Object, dictMeta: DictMeta): DictData + */ + responseConverter, + labelField: 'label', + valueField: 'value', + }, + }, + /** + * 默认标签字段 + */ + DEFAULT_LABEL_FIELDS: ['label', 'name', 'title'], + /** + * 默认值字段 + */ + DEFAULT_VALUE_FIELDS: ['value', 'id', 'uid', 'key'], +} + +/** + * 映射字典 + * @param {Object} response 字典数据 + * @param {DictMeta} dictMeta 字典元数据 + * @returns {DictData} + */ +function responseConverter(response, dictMeta) { + const dicts = response.content instanceof Array ? response.content : response + if (dicts === undefined) { + console.warn(`no dict data of "${dictMeta.type}" found in the response`) + return [] + } + return dicts.map(d => dictConverter(d, dictMeta)) +} + +export function mergeOptions(src) { + mergeRecursive(options, src) +} + +export default options diff --git a/vue/src/utils/dict/index.js b/vue/src/utils/dict/index.js new file mode 100644 index 00000000..215eb9e0 --- /dev/null +++ b/vue/src/utils/dict/index.js @@ -0,0 +1,33 @@ +import Dict from './Dict' +import { mergeOptions } from './DictOptions' + +export default function(Vue, options) { + mergeOptions(options) + Vue.mixin({ + data() { + if (this.$options === undefined || this.$options.dicts === undefined || this.$options.dicts === null) { + return {} + } + const dict = new Dict() + dict.owner = this + return { + dict + } + }, + created() { + if (!(this.dict instanceof Dict)) { + return + } + options.onCreated && options.onCreated(this.dict) + this.dict.init(this.$options.dicts).then(() => { + options.onReady && options.onReady(this.dict) + this.$nextTick(() => { + this.$emit('dictReady', this.dict) + if (this.$options.methods && this.$options.methods.onDictReady instanceof Function) { + this.$options.methods.onDictReady.call(this, this.dict) + } + }) + }) + }, + }) +} diff --git a/vue/src/utils/errorCode.js b/vue/src/utils/errorCode.js new file mode 100644 index 00000000..d2111ee1 --- /dev/null +++ b/vue/src/utils/errorCode.js @@ -0,0 +1,6 @@ +export default { + '401': '认证失败，无法访问系统资源', + '403': '当前操作没有权限', + '404': '访问资源不存在', + 'default': '系统未知错误，请反馈给管理员' +} diff --git a/vue/src/utils/generator/config.js b/vue/src/utils/generator/config.js new file mode 100644 index 00000000..7abf227d --- /dev/null +++ b/vue/src/utils/generator/config.js @@ -0,0 +1,438 @@ +export const formConf = { + formRef: 'elForm', + formModel: 'formData', + size: 'medium', + labelPosition: 'right', + labelWidth: 100, + formRules: 'rules', + gutter: 15, + disabled: false, + span: 24, + formBtns: true +} + +export const inputComponents = [ + { + label: '单行文本', + tag: 'el-input', + tagIcon: 'input', + placeholder: '请输入', + defaultValue: undefined, + span: 24, + labelWidth: null, + style: { width: '100%' }, + clearable: true, + prepend: '', + append: '', + 'prefix-icon': '', + 'suffix-icon': '', + maxlength: null, + 'show-word-limit': false, + readonly: false, + disabled: false, + required: true, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/input' + }, + { + label: '多行文本', + tag: 'el-input', + tagIcon: 'textarea', + type: 'textarea', + placeholder: '请输入', + defaultValue: undefined, + span: 24, + labelWidth: null, + autosize: { + minRows: 4, + maxRows: 4 + }, + style: { width: '100%' }, + maxlength: null, + 'show-word-limit': false, + readonly: false, + disabled: false, + required: true, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/input' + }, + { + label: '密码', + tag: 'el-input', + tagIcon: 'password', + placeholder: '请输入', + defaultValue: undefined, + span: 24, + 'show-password': true, + labelWidth: null, + style: { width: '100%' }, + clearable: true, + prepend: '', + append: '', + 'prefix-icon': '', + 'suffix-icon': '', + maxlength: null, + 'show-word-limit': false, + readonly: false, + disabled: false, + required: true, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/input' + }, + { + label: '计数器', + tag: 'el-input-number', + tagIcon: 'number', + placeholder: '', + defaultValue: undefined, + span: 24, + labelWidth: null, + min: undefined, + max: undefined, + step: undefined, + 'step-strictly': false, + precision: undefined, + 'controls-position': '', + disabled: false, + required: true, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/input-number' + } +] + +export const selectComponents = [ + { + label: '下拉选择', + tag: 'el-select', + tagIcon: 'select', + placeholder: '请选择', + defaultValue: undefined, + span: 24, + labelWidth: null, + style: { width: '100%' }, + clearable: true, + disabled: false, + required: true, + filterable: false, + multiple: false, + options: [{ + label: '选项一', + value: 1 + }, { + label: '选项二', + value: 2 + }], + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/select' + }, + { + label: '级联选择', + tag: 'el-cascader', + tagIcon: 'cascader', + placeholder: '请选择', + defaultValue: [], + span: 24, + labelWidth: null, + style: { width: '100%' }, + props: { + props: { + multiple: false + } + }, + 'show-all-levels': true, + disabled: false, + clearable: true, + filterable: false, + required: true, + options: [{ + id: 1, + value: 1, + label: '选项1', + children: [{ + id: 2, + value: 2, + label: '选项1-1' + }] + }], + dataType: 'dynamic', + labelKey: 'label', + valueKey: 'value', + childrenKey: 'children', + separator: '/', + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/cascader' + }, + { + label: '单选框组', + tag: 'el-radio-group', + tagIcon: 'radio', + defaultValue: undefined, + span: 24, + labelWidth: null, + style: {}, + optionType: 'default', + border: false, + size: 'medium', + disabled: false, + required: true, + options: [{ + label: '选项一', + value: 1 + }, { + label: '选项二', + value: 2 + }], + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/radio' + }, + { + label: '多选框组', + tag: 'el-checkbox-group', + tagIcon: 'checkbox', + defaultValue: [], + span: 24, + labelWidth: null, + style: {}, + optionType: 'default', + border: false, + size: 'medium', + disabled: false, + required: true, + options: [{ + label: '选项一', + value: 1 + }, { + label: '选项二', + value: 2 + }], + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/checkbox' + }, + { + label: '开关', + tag: 'el-switch', + tagIcon: 'switch', + defaultValue: false, + span: 24, + labelWidth: null, + style: {}, + disabled: false, + required: true, + 'active-text': '', + 'inactive-text': '', + 'active-color': null, + 'inactive-color': null, + 'active-value': true, + 'inactive-value': false, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/switch' + }, + { + label: '滑块', + tag: 'el-slider', + tagIcon: 'slider', + defaultValue: null, + span: 24, + labelWidth: null, + disabled: false, + required: true, + min: 0, + max: 100, + step: 1, + 'show-stops': false, + range: false, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/slider' + }, + { + label: '时间选择', + tag: 'el-time-picker', + tagIcon: 'time', + placeholder: '请选择', + defaultValue: null, + span: 24, + labelWidth: null, + style: { width: '100%' }, + disabled: false, + clearable: true, + required: true, + 'picker-options': { + selectableRange: '00:00:00-23:59:59' + }, + format: 'HH:mm:ss', + 'value-format': 'HH:mm:ss', + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/time-picker' + }, + { + label: '时间范围', + tag: 'el-time-picker', + tagIcon: 'time-range', + defaultValue: null, + span: 24, + labelWidth: null, + style: { width: '100%' }, + disabled: false, + clearable: true, + required: true, + 'is-range': true, + 'range-separator': '至', + 'start-placeholder': '开始时间', + 'end-placeholder': '结束时间', + format: 'HH:mm:ss', + 'value-format': 'HH:mm:ss', + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/time-picker' + }, + { + label: '日期选择', + tag: 'el-date-picker', + tagIcon: 'date', + placeholder: '请选择', + defaultValue: null, + type: 'date', + span: 24, + labelWidth: null, + style: { width: '100%' }, + disabled: false, + clearable: true, + required: true, + format: 'yyyy-MM-dd', + 'value-format': 'yyyy-MM-dd', + readonly: false, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/date-picker' + }, + { + label: '日期范围', + tag: 'el-date-picker', + tagIcon: 'date-range', + defaultValue: null, + span: 24, + labelWidth: null, + style: { width: '100%' }, + type: 'daterange', + 'range-separator': '至', + 'start-placeholder': '开始日期', + 'end-placeholder': '结束日期', + disabled: false, + clearable: true, + required: true, + format: 'yyyy-MM-dd', + 'value-format': 'yyyy-MM-dd', + readonly: false, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/date-picker' + }, + { + label: '评分', + tag: 'el-rate', + tagIcon: 'rate', + defaultValue: 0, + span: 24, + labelWidth: null, + style: {}, + max: 5, + 'allow-half': false, + 'show-text': false, + 'show-score': false, + disabled: false, + required: true, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/rate' + }, + { + label: '颜色选择', + tag: 'el-color-picker', + tagIcon: 'color', + defaultValue: null, + labelWidth: null, + 'show-alpha': false, + 'color-format': '', + disabled: false, + required: true, + size: 'medium', + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/color-picker' + }, + { + label: '上传', + tag: 'el-upload', + tagIcon: 'upload', + action: 'https://jsonplaceholder.typicode.com/posts/', + defaultValue: null, + labelWidth: null, + disabled: false, + required: true, + accept: '', + name: 'file', + 'auto-upload': true, + showTip: false, + buttonText: '点击上传', + fileSize: 2, + sizeUnit: 'MB', + 'list-type': 'text', + multiple: false, + regList: [], + changeTag: true, + document: 'https://element.eleme.cn/#/zh-CN/component/upload' + } +] + +export const layoutComponents = [ + { + layout: 'rowFormItem', + tagIcon: 'row', + type: 'default', + justify: 'start', + align: 'top', + label: '行容器', + layoutTree: true, + children: [], + document: 'https://element.eleme.cn/#/zh-CN/component/layout' + }, + { + layout: 'colFormItem', + label: '按钮', + changeTag: true, + labelWidth: null, + tag: 'el-button', + tagIcon: 'button', + span: 24, + default: '主要按钮', + type: 'primary', + icon: 'el-icon-search', + size: 'medium', + disabled: false, + document: 'https://element.eleme.cn/#/zh-CN/component/button' + } +] + +// 组件rule的触发方式，无触发方式的组件不生成rule +export const trigger = { + 'el-input': 'blur', + 'el-input-number': 'blur', + 'el-select': 'change', + 'el-radio-group': 'change', + 'el-checkbox-group': 'change', + 'el-cascader': 'change', + 'el-time-picker': 'change', + 'el-date-picker': 'change', + 'el-rate': 'change' +} diff --git a/vue/src/utils/generator/css.js b/vue/src/utils/generator/css.js new file mode 100644 index 00000000..c1c62e60 --- /dev/null +++ b/vue/src/utils/generator/css.js @@ -0,0 +1,18 @@ +const styles = { + 'el-rate': '.el-rate{display: inline-block; vertical-align: text-top;}', + 'el-upload': '.el-upload__tip{line-height: 1.2;}' +} + +function addCss(cssList, el) { + const css = styles[el.tag] + css && cssList.indexOf(css) === -1 && cssList.push(css) + if (el.children) { + el.children.forEach(el2 => addCss(cssList, el2)) + } +} + +export function makeUpCss(conf) { + const cssList = [] + conf.fields.forEach(el => addCss(cssList, el)) + return cssList.join('\n') +} diff --git a/vue/src/utils/generator/drawingDefault.js b/vue/src/utils/generator/drawingDefault.js new file mode 100644 index 00000000..09f133ca --- /dev/null +++ b/vue/src/utils/generator/drawingDefault.js @@ -0,0 +1,29 @@ +export default [ + { + layout: 'colFormItem', + tagIcon: 'input', + label: '手机号', + vModel: 'mobile', + formId: 6, + tag: 'el-input', + placeholder: '请输入手机号', + defaultValue: '', + span: 24, + style: { width: '100%' }, + clearable: true, + prepend: '', + append: '', + 'prefix-icon': 'el-icon-mobile', + 'suffix-icon': '', + maxlength: 11, + 'show-word-limit': true, + readonly: false, + disabled: false, + required: true, + changeTag: true, + regList: [{ + pattern: '/^1(3|4|5|7|8|9)\\d{9}$/', + message: '手机号格式错误' + }] + } +] diff --git a/vue/src/utils/generator/html.js b/vue/src/utils/generator/html.js new file mode 100644 index 00000000..9bcc5361 --- /dev/null +++ b/vue/src/utils/generator/html.js @@ -0,0 +1,359 @@ +/* eslint-disable max-len */ +import { trigger } from './config' + +let confGlobal +let someSpanIsNot24 + +export function dialogWrapper(str) { + return ` + ${str} +
+ 取消 + 确定 +
+ ` +} + +export function vueTemplate(str) { + return `` +} + +export function vueScript(str) { + return `` +} + +export function cssStyle(cssStr) { + return `` +} + +function buildFormTemplate(conf, child, type) { + let labelPosition = '' + if (conf.labelPosition !== 'right') { + labelPosition = `label-position="${conf.labelPosition}"` + } + const disabled = conf.disabled ? `:disabled="${conf.disabled}"` : '' + let str = ` + ${child} + ${buildFromBtns(conf, type)} + ` + if (someSpanIsNot24) { + str = ` + ${str} + ` + } + return str +} + +function buildFromBtns(conf, type) { + let str = '' + if (conf.formBtns && type === 'file') { + str = ` + 提交 + 重置 + ` + if (someSpanIsNot24) { + str = ` + ${str} + ` + } + } + return str +} + +// span不为24的用el-col包裹 +function colWrapper(element, str) { + if (someSpanIsNot24 || element.span !== 24) { + return ` + ${str} + ` + } + return str +} + +const layouts = { + colFormItem(element) { + let labelWidth = '' + if (element.labelWidth && element.labelWidth !== confGlobal.labelWidth) { + labelWidth = `label-width="${element.labelWidth}px"` + } + const required = !trigger[element.tag] && element.required ? 'required' : '' + const tagDom = tags[element.tag] ? tags[element.tag](element) : null + let str = ` + ${tagDom} + ` + str = colWrapper(element, str) + return str + }, + rowFormItem(element) { + const type = element.type === 'default' ? '' : `type="${element.type}"` + const justify = element.type === 'default' ? '' : `justify="${element.justify}"` + const align = element.type === 'default' ? '' : `align="${element.align}"` + const gutter = element.gutter ? `gutter="${element.gutter}"` : '' + const children = element.children.map(el => layouts[el.layout](el)) + let str = ` + ${children.join('\n')} + ` + str = colWrapper(element, str) + return str + } +} + +const tags = { + 'el-button': el => { + const { + tag, disabled + } = attrBuilder(el) + const type = el.type ? `type="${el.type}"` : '' + const icon = el.icon ? `icon="${el.icon}"` : '' + const size = el.size ? `size="${el.size}"` : '' + let child = buildElButtonChild(el) + + if (child) child = `\n${child}\n` // 换行 + return `<${el.tag} ${type} ${icon} ${size} ${disabled}>${child}` + }, + 'el-input': el => { + const { + disabled, vModel, clearable, placeholder, width + } = attrBuilder(el) + const maxlength = el.maxlength ? `:maxlength="${el.maxlength}"` : '' + const showWordLimit = el['show-word-limit'] ? 'show-word-limit' : '' + const readonly = el.readonly ? 'readonly' : '' + const prefixIcon = el['prefix-icon'] ? `prefix-icon='${el['prefix-icon']}'` : '' + const suffixIcon = el['suffix-icon'] ? `suffix-icon='${el['suffix-icon']}'` : '' + const showPassword = el['show-password'] ? 'show-password' : '' + const type = el.type ? `type="${el.type}"` : '' + const autosize = el.autosize && el.autosize.minRows + ? `:autosize="{minRows: ${el.autosize.minRows}, maxRows: ${el.autosize.maxRows}}"` + : '' + let child = buildElInputChild(el) + + if (child) child = `\n${child}\n` // 换行 + return `<${el.tag} ${vModel} ${type} ${placeholder} ${maxlength} ${showWordLimit} ${readonly} ${disabled} ${clearable} ${prefixIcon} ${suffixIcon} ${showPassword} ${autosize} ${width}>${child}` + }, + 'el-input-number': el => { + const { disabled, vModel, placeholder } = attrBuilder(el) + const controlsPosition = el['controls-position'] ? `controls-position=${el['controls-position']}` : '' + const min = el.min ? `:min='${el.min}'` : '' + const max = el.max ? `:max='${el.max}'` : '' + const step = el.step ? `:step='${el.step}'` : '' + const stepStrictly = el['step-strictly'] ? 'step-strictly' : '' + const precision = el.precision ? `:precision='${el.precision}'` : '' + + return `<${el.tag} ${vModel} ${placeholder} ${step} ${stepStrictly} ${precision} ${controlsPosition} ${min} ${max} ${disabled}>` + }, + 'el-select': el => { + const { + disabled, vModel, clearable, placeholder, width + } = attrBuilder(el) + const filterable = el.filterable ? 'filterable' : '' + const multiple = el.multiple ? 'multiple' : '' + let child = buildElSelectChild(el) + + if (child) child = `\n${child}\n` // 换行 + return `<${el.tag} ${vModel} ${placeholder} ${disabled} ${multiple} ${filterable} ${clearable} ${width}>${child}` + }, + 'el-radio-group': el => { + const { disabled, vModel } = attrBuilder(el) + const size = `size="${el.size}"` + let child = buildElRadioGroupChild(el) + + if (child) child = `\n${child}\n` // 换行 + return `<${el.tag} ${vModel} ${size} ${disabled}>${child}` + }, + 'el-checkbox-group': el => { + const { disabled, vModel } = attrBuilder(el) + const size = `size="${el.size}"` + const min = el.min ? `:min="${el.min}"` : '' + const max = el.max ? `:max="${el.max}"` : '' + let child = buildElCheckboxGroupChild(el) + + if (child) child = `\n${child}\n` // 换行 + return `<${el.tag} ${vModel} ${min} ${max} ${size} ${disabled}>${child}` + }, + 'el-switch': el => { + const { disabled, vModel } = attrBuilder(el) + const activeText = el['active-text'] ? `active-text="${el['active-text']}"` : '' + const inactiveText = el['inactive-text'] ? `inactive-text="${el['inactive-text']}"` : '' + const activeColor = el['active-color'] ? `active-color="${el['active-color']}"` : '' + const inactiveColor = el['inactive-color'] ? `inactive-color="${el['inactive-color']}"` : '' + const activeValue = el['active-value'] !== true ? `:active-value='${JSON.stringify(el['active-value'])}'` : '' + const inactiveValue = el['inactive-value'] !== false ? `:inactive-value='${JSON.stringify(el['inactive-value'])}'` : '' + + return `<${el.tag} ${vModel} ${activeText} ${inactiveText} ${activeColor} ${inactiveColor} ${activeValue} ${inactiveValue} ${disabled}>` + }, + 'el-cascader': el => { + const { + disabled, vModel, clearable, placeholder, width + } = attrBuilder(el) + const options = el.options ? `:options="${el.vModel}Options"` : '' + const props = el.props ? `:props="${el.vModel}Props"` : '' + const showAllLevels = el['show-all-levels'] ? '' : ':show-all-levels="false"' + const filterable = el.filterable ? 'filterable' : '' + const separator = el.separator === '/' ? '' : `separator="${el.separator}"` + + return `<${el.tag} ${vModel} ${options} ${props} ${width} ${showAllLevels} ${placeholder} ${separator} ${filterable} ${clearable} ${disabled}>` + }, + 'el-slider': el => { + const { disabled, vModel } = attrBuilder(el) + const min = el.min ? `:min='${el.min}'` : '' + const max = el.max ? `:max='${el.max}'` : '' + const step = el.step ? `:step='${el.step}'` : '' + const range = el.range ? 'range' : '' + const showStops = el['show-stops'] ? `:show-stops="${el['show-stops']}"` : '' + + return `<${el.tag} ${min} ${max} ${step} ${vModel} ${range} ${showStops} ${disabled}>` + }, + 'el-time-picker': el => { + const { + disabled, vModel, clearable, placeholder, width + } = attrBuilder(el) + const startPlaceholder = el['start-placeholder'] ? `start-placeholder="${el['start-placeholder']}"` : '' + const endPlaceholder = el['end-placeholder'] ? `end-placeholder="${el['end-placeholder']}"` : '' + const rangeSeparator = el['range-separator'] ? `range-separator="${el['range-separator']}"` : '' + const isRange = el['is-range'] ? 'is-range' : '' + const format = el.format ? `format="${el.format}"` : '' + const valueFormat = el['value-format'] ? `value-format="${el['value-format']}"` : '' + const pickerOptions = el['picker-options'] ? `:picker-options='${JSON.stringify(el['picker-options'])}'` : '' + + return `<${el.tag} ${vModel} ${isRange} ${format} ${valueFormat} ${pickerOptions} ${width} ${placeholder} ${startPlaceholder} ${endPlaceholder} ${rangeSeparator} ${clearable} ${disabled}>` + }, + 'el-date-picker': el => { + const { + disabled, vModel, clearable, placeholder, width + } = attrBuilder(el) + const startPlaceholder = el['start-placeholder'] ? `start-placeholder="${el['start-placeholder']}"` : '' + const endPlaceholder = el['end-placeholder'] ? `end-placeholder="${el['end-placeholder']}"` : '' + const rangeSeparator = el['range-separator'] ? `range-separator="${el['range-separator']}"` : '' + const format = el.format ? `format="${el.format}"` : '' + const valueFormat = el['value-format'] ? `value-format="${el['value-format']}"` : '' + const type = el.type === 'date' ? '' : `type="${el.type}"` + const readonly = el.readonly ? 'readonly' : '' + + return `<${el.tag} ${type} ${vModel} ${format} ${valueFormat} ${width} ${placeholder} ${startPlaceholder} ${endPlaceholder} ${rangeSeparator} ${clearable} ${readonly} ${disabled}>` + }, + 'el-rate': el => { + const { disabled, vModel } = attrBuilder(el) + const max = el.max ? `:max='${el.max}'` : '' + const allowHalf = el['allow-half'] ? 'allow-half' : '' + const showText = el['show-text'] ? 'show-text' : '' + const showScore = el['show-score'] ? 'show-score' : '' + + return `<${el.tag} ${vModel} ${allowHalf} ${showText} ${showScore} ${disabled}>` + }, + 'el-color-picker': el => { + const { disabled, vModel } = attrBuilder(el) + const size = `size="${el.size}"` + const showAlpha = el['show-alpha'] ? 'show-alpha' : '' + const colorFormat = el['color-format'] ? `color-format="${el['color-format']}"` : '' + + return `<${el.tag} ${vModel} ${size} ${showAlpha} ${colorFormat} ${disabled}>` + }, + 'el-upload': el => { + const disabled = el.disabled ? ':disabled=\'true\'' : '' + const action = el.action ? `:action="${el.vModel}Action"` : '' + const multiple = el.multiple ? 'multiple' : '' + const listType = el['list-type'] !== 'text' ? `list-type="${el['list-type']}"` : '' + const accept = el.accept ? `accept="${el.accept}"` : '' + const name = el.name !== 'file' ? `name="${el.name}"` : '' + const autoUpload = el['auto-upload'] === false ? ':auto-upload="false"' : '' + const beforeUpload = `:before-upload="${el.vModel}BeforeUpload"` + const fileList = `:file-list="${el.vModel}fileList"` + const ref = `ref="${el.vModel}"` + let child = buildElUploadChild(el) + + if (child) child = `\n${child}\n` // 换行 + return `<${el.tag} ${ref} ${fileList} ${action} ${autoUpload} ${multiple} ${beforeUpload} ${listType} ${accept} ${name} ${disabled}>${child}` + } +} + +function attrBuilder(el) { + return { + vModel: `v-model="${confGlobal.formModel}.${el.vModel}"`, + clearable: el.clearable ? 'clearable' : '', + placeholder: el.placeholder ? `placeholder="${el.placeholder}"` : '', + width: el.style && el.style.width ? ':style="{width: \'100%\'}"' : '', + disabled: el.disabled ? ':disabled=\'true\'' : '' + } +} + +// el-buttin 子级 +function buildElButtonChild(conf) { + const children = [] + if (conf.default) { + children.push(conf.default) + } + return children.join('\n') +} + +// el-input innerHTML +function buildElInputChild(conf) { + const children = [] + if (conf.prepend) { + children.push(``) + } + if (conf.append) { + children.push(``) + } + return children.join('\n') +} + +function buildElSelectChild(conf) { + const children = [] + if (conf.options && conf.options.length) { + children.push(``) + } + return children.join('\n') +} + +function buildElRadioGroupChild(conf) { + const children = [] + if (conf.options && conf.options.length) { + const tag = conf.optionType === 'button' ? 'el-radio-button' : 'el-radio' + const border = conf.border ? 'border' : '' + children.push(`<${tag} v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.value" :disabled="item.disabled" ${border}>{{item.label}}`) + } + return children.join('\n') +} + +function buildElCheckboxGroupChild(conf) { + const children = [] + if (conf.options && conf.options.length) { + const tag = conf.optionType === 'button' ? 'el-checkbox-button' : 'el-checkbox' + const border = conf.border ? 'border' : '' + children.push(`<${tag} v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.value" :disabled="item.disabled" ${border}>{{item.label}}`) + } + return children.join('\n') +} + +function buildElUploadChild(conf) { + const list = [] + if (conf['list-type'] === 'picture-card') list.push('') + else list.push(`${conf.buttonText}`) + if (conf.showTip) list.push(`
只能上传不超过 ${conf.fileSize}${conf.sizeUnit} 的${conf.accept}文件
`) + return list.join('\n') +} + +export function makeUpHtml(conf, type) { + const htmlList = [] + confGlobal = conf + someSpanIsNot24 = conf.fields.some(item => item.span !== 24) + conf.fields.forEach(el => { + htmlList.push(layouts[el.layout](el)) + }) + const htmlStr = htmlList.join('\n') + + let temp = buildFormTemplate(conf, htmlStr, type) + if (type === 'dialog') { + temp = dialogWrapper(temp) + } + confGlobal = null + return temp +} diff --git a/vue/src/utils/generator/icon.json b/vue/src/utils/generator/icon.json new file mode 100644 index 00000000..2d9999a3 --- /dev/null +++ b/vue/src/utils/generator/icon.json @@ -0,0 +1 @@ +["platform-eleme","eleme","delete-solid","delete","s-tools","setting","user-solid","user","phone","phone-outline","more","more-outline","star-on","star-off","s-goods","goods","warning","warning-outline","question","info","remove","circle-plus","success","error","zoom-in","zoom-out","remove-outline","circle-plus-outline","circle-check","circle-close","s-help","help","minus","plus","check","close","picture","picture-outline","picture-outline-round","upload","upload2","download","camera-solid","camera","video-camera-solid","video-camera","message-solid","bell","s-cooperation","s-order","s-platform","s-fold","s-unfold","s-operation","s-promotion","s-home","s-release","s-ticket","s-management","s-open","s-shop","s-marketing","s-flag","s-comment","s-finance","s-claim","s-custom","s-opportunity","s-data","s-check","s-grid","menu","share","d-caret","caret-left","caret-right","caret-bottom","caret-top","bottom-left","bottom-right","back","right","bottom","top","top-left","top-right","arrow-left","arrow-right","arrow-down","arrow-up","d-arrow-left","d-arrow-right","video-pause","video-play","refresh","refresh-right","refresh-left","finished","sort","sort-up","sort-down","rank","loading","view","c-scale-to-original","date","edit","edit-outline","folder","folder-opened","folder-add","folder-remove","folder-delete","folder-checked","tickets","document-remove","document-delete","document-copy","document-checked","document","document-add","printer","paperclip","takeaway-box","search","monitor","attract","mobile","scissors","umbrella","headset","brush","mouse","coordinate","magic-stick","reading","data-line","data-board","pie-chart","data-analysis","collection-tag","film","suitcase","suitcase-1","receiving","collection","files","notebook-1","notebook-2","toilet-paper","office-building","school","table-lamp","house","no-smoking","smoking","shopping-cart-full","shopping-cart-1","shopping-cart-2","shopping-bag-1","shopping-bag-2","sold-out","sell","present","box","bank-card","money","coin","wallet","discount","price-tag","news","guide","male","female","thumb","cpu","link","connection","open","turn-off","set-up","chat-round","chat-line-round","chat-square","chat-dot-round","chat-dot-square","chat-line-square","message","postcard","position","turn-off-microphone","microphone","close-notification","bangzhu","time","odometer","crop","aim","switch-button","full-screen","copy-document","mic","stopwatch","medal-1","medal","trophy","trophy-1","first-aid-kit","discover","place","location","location-outline","location-information","add-location","delete-location","map-location","alarm-clock","timer","watch-1","watch","lock","unlock","key","service","mobile-phone","bicycle","truck","ship","basketball","football","soccer","baseball","wind-power","light-rain","lightning","heavy-rain","sunrise","sunrise-1","sunset","sunny","cloudy","partly-cloudy","cloudy-and-sunny","moon","moon-night","dish","dish-1","food","chicken","fork-spoon","knife-fork","burger","tableware","sugar","dessert","ice-cream","hot-water","water-cup","coffee-cup","cold-drink","goblet","goblet-full","goblet-square","goblet-square-full","refrigerator","grape","watermelon","cherry","apple","pear","orange","coffee","ice-tea","ice-drink","milk-tea","potato-strips","lollipop","ice-cream-square","ice-cream-round"] \ No newline at end of file diff --git a/vue/src/utils/generator/js.js b/vue/src/utils/generator/js.js new file mode 100644 index 00000000..ee8668dc --- /dev/null +++ b/vue/src/utils/generator/js.js @@ -0,0 +1,235 @@ +import { exportDefault, titleCase } from '@/utils/index' +import { trigger } from './config' + +const units = { + KB: '1024', + MB: '1024 / 1024', + GB: '1024 / 1024 / 1024' +} +let confGlobal +const inheritAttrs = { + file: '', + dialog: 'inheritAttrs: false,' +} + + +export function makeUpJs(conf, type) { + confGlobal = conf = JSON.parse(JSON.stringify(conf)) + const dataList = [] + const ruleList = [] + const optionsList = [] + const propsList = [] + const methodList = mixinMethod(type) + const uploadVarList = [] + + conf.fields.forEach(el => { + buildAttributes(el, dataList, ruleList, optionsList, methodList, propsList, uploadVarList) + }) + + const script = buildexport( + conf, + type, + dataList.join('\n'), + ruleList.join('\n'), + optionsList.join('\n'), + uploadVarList.join('\n'), + propsList.join('\n'), + methodList.join('\n') + ) + confGlobal = null + return script +} + +function buildAttributes(el, dataList, ruleList, optionsList, methodList, propsList, uploadVarList) { + buildData(el, dataList) + buildRules(el, ruleList) + + if (el.options && el.options.length) { + buildOptions(el, optionsList) + if (el.dataType === 'dynamic') { + const model = `${el.vModel}Options` + const options = titleCase(model) + buildOptionMethod(`get${options}`, model, methodList) + } + } + + if (el.props && el.props.props) { + buildProps(el, propsList) + } + + if (el.action && el.tag === 'el-upload') { + uploadVarList.push( + `${el.vModel}Action: '${el.action}', + ${el.vModel}fileList: [],` + ) + methodList.push(buildBeforeUpload(el)) + if (!el['auto-upload']) { + methodList.push(buildSubmitUpload(el)) + } + } + + if (el.children) { + el.children.forEach(el2 => { + buildAttributes(el2, dataList, ruleList, optionsList, methodList, propsList, uploadVarList) + }) + } +} + +function mixinMethod(type) { + const list = []; const + minxins = { + file: confGlobal.formBtns ? { + submitForm: `submitForm() { + this.$refs['${confGlobal.formRef}'].validate(valid => { + if(!valid) return + // TODO 提交表单 + }) + },`, + resetForm: `resetForm() { + this.$refs['${confGlobal.formRef}'].resetFields() + },` + } : null, + dialog: { + onOpen: 'onOpen() {},', + onClose: `onClose() { + this.$refs['${confGlobal.formRef}'].resetFields() + },`, + close: `close() { + this.$emit('update:visible', false) + },`, + handleConfirm: `handleConfirm() { + this.$refs['${confGlobal.formRef}'].validate(valid => { + if(!valid) return + this.close() + }) + },` + } + } + + const methods = minxins[type] + if (methods) { + Object.keys(methods).forEach(key => { + list.push(methods[key]) + }) + } + + return list +} + +function buildData(conf, dataList) { + if (conf.vModel === undefined) return + let defaultValue + if (typeof (conf.defaultValue) === 'string' && !conf.multiple) { + defaultValue = `'${conf.defaultValue}'` + } else { + defaultValue = `${JSON.stringify(conf.defaultValue)}` + } + dataList.push(`${conf.vModel}: ${defaultValue},`) +} + +function buildRules(conf, ruleList) { + if (conf.vModel === undefined) return + const rules = [] + if (trigger[conf.tag]) { + if (conf.required) { + const type = Array.isArray(conf.defaultValue) ? 'type: \'array\',' : '' + let message = Array.isArray(conf.defaultValue) ? `请至少选择一个${conf.vModel}` : conf.placeholder + if (message === undefined) message = `${conf.label}不能为空` + rules.push(`{ required: true, ${type} message: '${message}', trigger: '${trigger[conf.tag]}' }`) + } + if (conf.regList && Array.isArray(conf.regList)) { + conf.regList.forEach(item => { + if (item.pattern) { + rules.push(`{ pattern: ${eval(item.pattern)}, message: '${item.message}', trigger: '${trigger[conf.tag]}' }`) + } + }) + } + ruleList.push(`${conf.vModel}: [${rules.join(',')}],`) + } +} + +function buildOptions(conf, optionsList) { + if (conf.vModel === undefined) return + if (conf.dataType === 'dynamic') { conf.options = [] } + const str = `${conf.vModel}Options: ${JSON.stringify(conf.options)},` + optionsList.push(str) +} + +function buildProps(conf, propsList) { + if (conf.dataType === 'dynamic') { + conf.valueKey !== 'value' && (conf.props.props.value = conf.valueKey) + conf.labelKey !== 'label' && (conf.props.props.label = conf.labelKey) + conf.childrenKey !== 'children' && (conf.props.props.children = conf.childrenKey) + } + const str = `${conf.vModel}Props: ${JSON.stringify(conf.props.props)},` + propsList.push(str) +} + +function buildBeforeUpload(conf) { + const unitNum = units[conf.sizeUnit]; let rightSizeCode = ''; let acceptCode = ''; const + returnList = [] + if (conf.fileSize) { + rightSizeCode = `let isRightSize = file.size / ${unitNum} < ${conf.fileSize} + if(!isRightSize){ + this.$message.error('文件大小超过 ${conf.fileSize}${conf.sizeUnit}') + }` + returnList.push('isRightSize') + } + if (conf.accept) { + acceptCode = `let isAccept = new RegExp('${conf.accept}').test(file.type) + if(!isAccept){ + this.$message.error('应该选择${conf.accept}类型的文件') + }` + returnList.push('isAccept') + } + const str = `${conf.vModel}BeforeUpload(file) { + ${rightSizeCode} + ${acceptCode} + return ${returnList.join('&&')} + },` + return returnList.length ? str : '' +} + +function buildSubmitUpload(conf) { + const str = `submitUpload() { + this.$refs['${conf.vModel}'].submit() + },` + return str +} + +function buildOptionMethod(methodName, model, methodList) { + const str = `${methodName}() { + // TODO 发起请求获取数据 + this.${model} + },` + methodList.push(str) +} + +function buildexport(conf, type, data, rules, selectOptions, uploadVar, props, methods) { + const str = `${exportDefault}{ + ${inheritAttrs[type]} + components: {}, + props: [], + data () { + return { + ${conf.formModel}: { + ${data} + }, + ${conf.formRules}: { + ${rules} + }, + ${uploadVar} + ${selectOptions} + ${props} + } + }, + computed: {}, + watch: {}, + created () {}, + mounted () {}, + methods: { + ${methods} + } +}` + return str +} diff --git a/vue/src/utils/generator/render.js b/vue/src/utils/generator/render.js new file mode 100644 index 00000000..e8640f0a --- /dev/null +++ b/vue/src/utils/generator/render.js @@ -0,0 +1,126 @@ +import { makeMap } from '@/utils/index' + +// 参考https://github.com/vuejs/vue/blob/v2.6.10/src/platforms/web/server/util.js +const isAttr = makeMap( + 'accept,accept-charset,accesskey,action,align,alt,async,autocomplete,' + + 'autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,' + + 'checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,' + + 'name,contenteditable,contextmenu,controls,coords,data,datetime,default,' + + 'defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,' + + 'form,formaction,headers,height,hidden,high,href,hreflang,http-equiv,' + + 'icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,' + + 'manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,' + + 'muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,' + + 'preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,' + + 'scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,' + + 'spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,' + + 'target,title,type,usemap,value,width,wrap' +) + +function vModel(self, dataObject, defaultValue) { + dataObject.props.value = defaultValue + + dataObject.on.input = val => { + self.$emit('input', val) + } +} + +const componentChild = { + 'el-button': { + default(h, conf, key) { + return conf[key] + }, + }, + 'el-input': { + prepend(h, conf, key) { + return + }, + append(h, conf, key) { + return + } + }, + 'el-select': { + options(h, conf, key) { + const list = [] + conf.options.forEach(item => { + list.push() + }) + return list + } + }, + 'el-radio-group': { + options(h, conf, key) { + const list = [] + conf.options.forEach(item => { + if (conf.optionType === 'button') list.push({item.label}) + else list.push({item.label}) + }) + return list + } + }, + 'el-checkbox-group': { + options(h, conf, key) { + const list = [] + conf.options.forEach(item => { + if (conf.optionType === 'button') { + list.push({item.label}) + } else { + list.push({item.label}) + } + }) + return list + } + }, + 'el-upload': { + 'list-type': (h, conf, key) => { + const list = [] + if (conf['list-type'] === 'picture-card') { + list.push() + } else { + list.push({conf.buttonText}) + } + if (conf.showTip) { + list.push(
只能上传不超过 {conf.fileSize}{conf.sizeUnit} 的{conf.accept}文件
) + } + return list + } + } +} + +export default { + render(h) { + const dataObject = { + attrs: {}, + props: {}, + on: {}, + style: {} + } + const confClone = JSON.parse(JSON.stringify(this.conf)) + const children = [] + + const childObjs = componentChild[confClone.tag] + if (childObjs) { + Object.keys(childObjs).forEach(key => { + const childFunc = childObjs[key] + if (confClone[key]) { + children.push(childFunc(h, confClone, key)) + } + }) + } + + Object.keys(confClone).forEach(key => { + const val = confClone[key] + if (key === 'vModel') { + vModel(this, dataObject, confClone.defaultValue) + } else if (dataObject[key]) { + dataObject[key] = val + } else if (!isAttr(key)) { + dataObject.props[key] = val + } else { + dataObject.attrs[key] = val + } + }) + return h(this.conf.tag, dataObject, children) + }, + props: ['conf'] +} diff --git a/vue/src/utils/index.js b/vue/src/utils/index.js new file mode 100644 index 00000000..7d6bb43f --- /dev/null +++ b/vue/src/utils/index.js @@ -0,0 +1,390 @@ +import { parseTime } from './zhijian' + +/** + * 表格时间格式化 + */ +export function formatDate(cellValue) { + if (cellValue == null || cellValue == "") return ""; + var date = new Date(cellValue) + var year = date.getFullYear() + var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 + var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() + var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours() + var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() + var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds() + return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds +} + +/** + * @param {number} time + * @param {string} option + * @returns {string} + */ +export function formatTime(time, option) { + if (('' + time).length === 10) { + time = parseInt(time) * 1000 + } else { + time = +time + } + const d = new Date(time) + const now = Date.now() + + const diff = (now - d) / 1000 + + if (diff < 30) { + return '刚刚' + } else if (diff < 3600) { + // less 1 hour + return Math.ceil(diff / 60) + '分钟前' + } else if (diff < 3600 * 24) { + return Math.ceil(diff / 3600) + '小时前' + } else if (diff < 3600 * 24 * 2) { + return '1天前' + } + if (option) { + return parseTime(time, option) + } else { + return ( + d.getMonth() + + 1 + + '月' + + d.getDate() + + '日' + + d.getHours() + + '时' + + d.getMinutes() + + '分' + ) + } +} + +/** + * @param {string} url + * @returns {Object} + */ +export function getQueryObject(url) { + url = url == null ? window.location.href : url + const search = url.substring(url.lastIndexOf('?') + 1) + const obj = {} + const reg = /([^?&=]+)=([^?&=]*)/g + search.replace(reg, (rs, $1, $2) => { + const name = decodeURIComponent($1) + let val = decodeURIComponent($2) + val = String(val) + obj[name] = val + return rs + }) + return obj +} + +/** + * @param {string} input value + * @returns {number} output value + */ +export function byteLength(str) { + // returns the byte length of an utf8 string + let s = str.length + for (var i = str.length - 1; i >= 0; i--) { + const code = str.charCodeAt(i) + if (code > 0x7f && code <= 0x7ff) s++ + else if (code > 0x7ff && code <= 0xffff) s += 2 + if (code >= 0xDC00 && code <= 0xDFFF) i-- + } + return s +} + +/** + * @param {Array} actual + * @returns {Array} + */ +export function cleanArray(actual) { + const newArray = [] + for (let i = 0; i < actual.length; i++) { + if (actual[i]) { + newArray.push(actual[i]) + } + } + return newArray +} + +/** + * @param {Object} json + * @returns {Array} + */ +export function param(json) { + if (!json) return '' + return cleanArray( + Object.keys(json).map(key => { + if (json[key] === undefined) return '' + return encodeURIComponent(key) + '=' + encodeURIComponent(json[key]) + }) + ).join('&') +} + +/** + * @param {string} url + * @returns {Object} + */ +export function param2Obj(url) { + const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ') + if (!search) { + return {} + } + const obj = {} + const searchArr = search.split('&') + searchArr.forEach(v => { + const index = v.indexOf('=') + if (index !== -1) { + const name = v.substring(0, index) + const val = v.substring(index + 1, v.length) + obj[name] = val + } + }) + return obj +} + +/** + * @param {string} val + * @returns {string} + */ +export function html2Text(val) { + const div = document.createElement('div') + div.innerHTML = val + return div.textContent || div.innerText +} + +/** + * Merges two objects, giving the last one precedence + * @param {Object} target + * @param {(Object|Array)} source + * @returns {Object} + */ +export function objectMerge(target, source) { + if (typeof target !== 'object') { + target = {} + } + if (Array.isArray(source)) { + return source.slice() + } + Object.keys(source).forEach(property => { + const sourceProperty = source[property] + if (typeof sourceProperty === 'object') { + target[property] = objectMerge(target[property], sourceProperty) + } else { + target[property] = sourceProperty + } + }) + return target +} + +/** + * @param {HTMLElement} element + * @param {string} className + */ +export function toggleClass(element, className) { + if (!element || !className) { + return + } + let classString = element.className + const nameIndex = classString.indexOf(className) + if (nameIndex === -1) { + classString += '' + className + } else { + classString = + classString.substr(0, nameIndex) + + classString.substr(nameIndex + className.length) + } + element.className = classString +} + +/** + * @param {string} type + * @returns {Date} + */ +export function getTime(type) { + if (type === 'start') { + return new Date().getTime() - 3600 * 1000 * 24 * 90 + } else { + return new Date(new Date().toDateString()) + } +} + +/** + * @param {Function} func + * @param {number} wait + * @param {boolean} immediate + * @return {*} + */ +export function debounce(func, wait, immediate) { + let timeout, args, context, timestamp, result + + const later = function() { + // 据上一次触发时间间隔 + const last = +new Date() - timestamp + + // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait + if (last < wait && last > 0) { + timeout = setTimeout(later, wait - last) + } else { + timeout = null + // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用 + if (!immediate) { + result = func.apply(context, args) + if (!timeout) context = args = null + } + } + } + + return function(...args) { + context = this + timestamp = +new Date() + const callNow = immediate && !timeout + // 如果延时不存在，重新设定延时 + if (!timeout) timeout = setTimeout(later, wait) + if (callNow) { + result = func.apply(context, args) + context = args = null + } + + return result + } +} + +/** + * This is just a simple version of deep copy + * Has a lot of edge cases bug + * If you want to use a perfect deep copy, use lodash's _.cloneDeep + * @param {Object} source + * @returns {Object} + */ +export function deepClone(source) { + if (!source && typeof source !== 'object') { + throw new Error('error arguments', 'deepClone') + } + const targetObj = source.constructor === Array ? [] : {} + Object.keys(source).forEach(keys => { + if (source[keys] && typeof source[keys] === 'object') { + targetObj[keys] = deepClone(source[keys]) + } else { + targetObj[keys] = source[keys] + } + }) + return targetObj +} + +/** + * @param {Array} arr + * @returns {Array} + */ +export function uniqueArr(arr) { + return Array.from(new Set(arr)) +} + +/** + * @returns {string} + */ +export function createUniqueString() { + const timestamp = +new Date() + '' + const randomNum = parseInt((1 + Math.random()) * 65536) + '' + return (+(randomNum + timestamp)).toString(32) +} + +/** + * Check if an element has a class + * @param {HTMLElement} elm + * @param {string} cls + * @returns {boolean} + */ +export function hasClass(ele, cls) { + return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')) +} + +/** + * Add class to element + * @param {HTMLElement} elm + * @param {string} cls + */ +export function addClass(ele, cls) { + if (!hasClass(ele, cls)) ele.className += ' ' + cls +} + +/** + * Remove class from element + * @param {HTMLElement} elm + * @param {string} cls + */ +export function removeClass(ele, cls) { + if (hasClass(ele, cls)) { + const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)') + ele.className = ele.className.replace(reg, ' ') + } +} + +export function makeMap(str, expectsLowerCase) { + const map = Object.create(null) + const list = str.split(',') + for (let i = 0; i < list.length; i++) { + map[list[i]] = true + } + return expectsLowerCase + ? val => map[val.toLowerCase()] + : val => map[val] +} + +export const exportDefault = 'export default ' + +export const beautifierConf = { + html: { + indent_size: '2', + indent_char: ' ', + max_preserve_newlines: '-1', + preserve_newlines: false, + keep_array_indentation: false, + break_chained_methods: false, + indent_scripts: 'separate', + brace_style: 'end-expand', + space_before_conditional: true, + unescape_strings: false, + jslint_happy: false, + end_with_newline: true, + wrap_line_length: '110', + indent_inner_html: true, + comma_first: false, + e4x: true, + indent_empty_lines: true + }, + js: { + indent_size: '2', + indent_char: ' ', + max_preserve_newlines: '-1', + preserve_newlines: false, + keep_array_indentation: false, + break_chained_methods: false, + indent_scripts: 'normal', + brace_style: 'end-expand', + space_before_conditional: true, + unescape_strings: false, + jslint_happy: true, + end_with_newline: true, + wrap_line_length: '110', + indent_inner_html: true, + comma_first: false, + e4x: true, + indent_empty_lines: true + } +} + +// 首字母大小 +export function titleCase(str) { + return str.replace(/( |^)[a-z]/g, L => L.toUpperCase()) +} + +// 下划转驼峰 +export function camelCase(str) { + return str.replace(/_[a-z]/g, str1 => str1.substr(-1).toUpperCase()) +} + +export function isNumberStr(str) { + return /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(str) +} + diff --git a/vue/src/utils/jsencrypt.js b/vue/src/utils/jsencrypt.js new file mode 100644 index 00000000..78d95234 --- /dev/null +++ b/vue/src/utils/jsencrypt.js @@ -0,0 +1,30 @@ +import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' + +// 密钥对生成 http://web.chacuo.net/netrsakeypair + +const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' + + 'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ==' + +const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' + + '7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' + + 'PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n' + + 'kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n' + + 'cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n' + + 'DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n' + + 'YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n' + + 'UP8iWi1Qw0Y=' + +// 加密 +export function encrypt(txt) { + const encryptor = new JSEncrypt() + encryptor.setPublicKey(publicKey) // 设置公钥 + return encryptor.encrypt(txt) // 对数据进行加密 +} + +// 解密 +export function decrypt(txt) { + const encryptor = new JSEncrypt() + encryptor.setPrivateKey(privateKey) // 设置私钥 + return encryptor.decrypt(txt) // 对数据进行解密 +} + diff --git a/vue/src/utils/permission.js b/vue/src/utils/permission.js new file mode 100644 index 00000000..1730e332 --- /dev/null +++ b/vue/src/utils/permission.js @@ -0,0 +1,51 @@ +import store from '@/store' + +/** + * 字符权限校验 + * @param {Array} value 校验值 + * @returns {Boolean} + */ +export function checkPermi(value) { + if (value && value instanceof Array && value.length > 0) { + const permissions = store.getters && store.getters.permissions + const permissionDatas = value + const all_permission = "*:*:*"; + + const hasPermission = permissions.some(permission => { + return all_permission === permission || permissionDatas.includes(permission) + }) + + if (!hasPermission) { + return false + } + return true + } else { + console.error(`need roles! Like checkPermi="['system:user:add','system:user:edit']"`) + return false + } +} + +/** + * 角色权限校验 + * @param {Array} value 校验值 + * @returns {Boolean} + */ +export function checkRole(value) { + if (value && value instanceof Array && value.length > 0) { + const roles = store.getters && store.getters.roles + const permissionRoles = value + const super_admin = "admin"; + + const hasRole = roles.some(role => { + return super_admin === role || permissionRoles.includes(role) + }) + + if (!hasRole) { + return false + } + return true + } else { + console.error(`need roles! Like checkRole="['admin','editor']"`) + return false + } +} \ No newline at end of file diff --git a/vue/src/utils/request.js b/vue/src/utils/request.js new file mode 100644 index 00000000..0778c867 --- /dev/null +++ b/vue/src/utils/request.js @@ -0,0 +1,160 @@ +import axios from 'axios' +import { Notification, MessageBox, Message, Loading } from 'element-ui' +import store from '@/store' +import { getToken } from '@/utils/auth' +import errorCode from '@/utils/errorCode' +import { tansParams, blobValidate } from "@/utils/zhijian"; +import cache from '@/plugins/cache' +import { saveAs } from 'file-saver' + +let downloadLoadingInstance; +// 是否显示重新登录 +export let isRelogin = { show: false }; + +axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' +// 创建axios实例 +const service = axios.create({ + // axios中请求配置有baseURL选项，表示请求URL公共部分 + baseURL: process.env.VUE_APP_BASE_API, + // 超时 + timeout: 10000 +}) + +// request拦截器 +service.interceptors.request.use(config => { + // 是否需要设置 token + const isToken = (config.headers || {}).isToken === false + // 是否需要防止数据重复提交 + const isRepeatSubmit = (config.headers || {}).repeatSubmit === false + if (getToken() && !isToken) { + config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改 + } + // get请求映射params参数 + if (config.method === 'get' && config.params) { + let url = config.url + '?' + tansParams(config.params); + url = url.slice(0, -1); + config.params = {}; + config.url = url; + } + if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) { + const requestObj = { + url: config.url, + data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data, + time: new Date().getTime() + } + const sessionObj = cache.session.getJSON('sessionObj') + if (sessionObj === undefined || sessionObj === null || sessionObj === '') { + cache.session.setJSON('sessionObj', requestObj) + } else { + const s_url = sessionObj.url; // 请求地址 + const s_data = sessionObj.data; // 请求数据 + const s_time = sessionObj.time; // 请求时间 + const interval = 1000; // 间隔时间(ms)，小于此时间视为重复提交 + if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) { + const message = '数据正在处理，请勿重复提交'; + console.warn(`[${s_url}]: ` + message) + return Promise.reject(new Error(message)) + } else { + cache.session.setJSON('sessionObj', requestObj) + } + } + } + return config +}, error => { + console.log(error) + Promise.reject(error) +}) + +// 响应拦截器 +service.interceptors.response.use(res => { + // 未设置状态码则默认成功状态 + const code = res.data.code || 200; + // 获取错误信息 + const msg = errorCode[code] || res.data.msg || errorCode['default'] + // 二进制数据则直接返回 + if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') { + return res.data + } + if (code === 401) { + if (!isRelogin.show) { + isRelogin.show = true; + MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => { + isRelogin.show = false; + store.dispatch('LogOut').then(() => { + location.href = '/index'; + }) + }).catch(() => { + isRelogin.show = false; + }); + } + return Promise.reject('无效的会话，或者会话已过期，请重新登录。') + }else if (code === 1401) { + // if (!isRelogin.show) { + // isRelogin.show = true; + // MessageBox.confirm('Token已过期，需要重新授权', '系统提示', { confirmButtonText: '重新授权', cancelButtonText: '取消', type: 'warning' }).then(() => { + // isRelogin.show = false; + // // store.dispatch('LogOut').then(() => { + // location.href = 'http://taobao.com';/taoapi2/tao_oauth + // // }) + // }).catch(() => { + // isRelogin.show = false; + // }); + // } + // return Promise.reject('无效的会话，或者会话已过期，请重新登录。') + return res.data + } else if (code === 500) { + Message({ message: msg, type: 'error' }) + return Promise.reject(new Error(msg)) + } else if (code === 601) { + Message({ message: msg, type: 'warning' }) + return Promise.reject('error') + } else if (code !== 200) { + Notification.error({ title: msg }) + return Promise.reject('error') + } else { + return res.data + } + }, + error => { + console.log('err' + error) + let { message } = error; + if (message == "Network Error") { + message = "后端接口连接异常"; + } else if (message.includes("timeout")) { + message = "系统接口请求超时"; + } else if (message.includes("Request failed with status code")) { + message = "系统接口" + message.substr(message.length - 3) + "异常"; + } + Message({ message: message, type: 'error', duration: 5 * 1000 }) + return Promise.reject(error) + } +) + +// 通用下载方法 +export function download(url, params, filename, config) { + downloadLoadingInstance = Loading.service({ text: "正在下载数据，请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", }) + return service.post(url, params, { + transformRequest: [(params) => { return tansParams(params) }], + headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, + responseType: 'blob', + ...config + }).then(async (data) => { + const isBlob = blobValidate(data); + if (isBlob) { + const blob = new Blob([data]) + saveAs(blob, filename) + } else { + const resText = await data.text(); + const rspObj = JSON.parse(resText); + const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default'] + Message.error(errMsg); + } + downloadLoadingInstance.close(); + }).catch((r) => { + console.error(r) + Message.error('下载文件出现错误，请联系管理员！') + downloadLoadingInstance.close(); + }) +} + +export default service diff --git a/vue/src/utils/scroll-to.js b/vue/src/utils/scroll-to.js new file mode 100644 index 00000000..c5d8e04e --- /dev/null +++ b/vue/src/utils/scroll-to.js @@ -0,0 +1,58 @@ +Math.easeInOutQuad = function(t, b, c, d) { + t /= d / 2 + if (t < 1) { + return c / 2 * t * t + b + } + t-- + return -c / 2 * (t * (t - 2) - 1) + b +} + +// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts +var requestAnimFrame = (function() { + return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) } +})() + +/** + * Because it's so fucking difficult to detect the scrolling element, just move them all + * @param {number} amount + */ +function move(amount) { + document.documentElement.scrollTop = amount + document.body.parentNode.scrollTop = amount + document.body.scrollTop = amount +} + +function position() { + return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop +} + +/** + * @param {number} to + * @param {number} duration + * @param {Function} callback + */ +export function scrollTo(to, duration, callback) { + const start = position() + const change = to - start + const increment = 20 + let currentTime = 0 + duration = (typeof (duration) === 'undefined') ? 500 : duration + var animateScroll = function() { + // increment the time + currentTime += increment + // find the value with the quadratic in-out easing function + var val = Math.easeInOutQuad(currentTime, start, change, duration) + // move the document.body + move(val) + // do the animation unless its over + if (currentTime < duration) { + requestAnimFrame(animateScroll) + } else { + if (callback && typeof (callback) === 'function') { + // the animation is done so lets callback + callback() + } + } + } + animateScroll() +} diff --git a/vue/src/utils/validate.js b/vue/src/utils/validate.js new file mode 100644 index 00000000..adfa2542 --- /dev/null +++ b/vue/src/utils/validate.js @@ -0,0 +1,83 @@ +/** + * @param {string} path + * @returns {Boolean} + */ +export function isExternal(path) { + return /^(https?:|mailto:|tel:)/.test(path) +} + +/** + * @param {string} str + * @returns {Boolean} + */ +export function validUsername(str) { + const valid_map = ['admin', 'editor'] + return valid_map.indexOf(str.trim()) >= 0 +} + +/** + * @param {string} url + * @returns {Boolean} + */ +export function validURL(url) { + const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/ + return reg.test(url) +} + +/** + * @param {string} str + * @returns {Boolean} + */ +export function validLowerCase(str) { + const reg = /^[a-z]+$/ + return reg.test(str) +} + +/** + * @param {string} str + * @returns {Boolean} + */ +export function validUpperCase(str) { + const reg = /^[A-Z]+$/ + return reg.test(str) +} + +/** + * @param {string} str + * @returns {Boolean} + */ +export function validAlphabets(str) { + const reg = /^[A-Za-z]+$/ + return reg.test(str) +} + +/** + * @param {string} email + * @returns {Boolean} + */ +export function validEmail(email) { + const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ + return reg.test(email) +} + +/** + * @param {string} str + * @returns {Boolean} + */ +export function isString(str) { + if (typeof str === 'string' || str instanceof String) { + return true + } + return false +} + +/** + * @param {Array} arg + * @returns {Boolean} + */ +export function isArray(arg) { + if (typeof Array.isArray === 'undefined') { + return Object.prototype.toString.call(arg) === '[object Array]' + } + return Array.isArray(arg) +} diff --git a/vue/src/utils/zhijian.js b/vue/src/utils/zhijian.js new file mode 100644 index 00000000..8d7cafc7 --- /dev/null +++ b/vue/src/utils/zhijian.js @@ -0,0 +1,233 @@ + + +/** + * 通用js方法封装处理 + * Copyright (c) 2023 zhijian + */ + +// 日期格式化 +export function parseTime(time, pattern) { + if (arguments.length === 0 || !time) { + return null + } + const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' + let date + if (typeof time === 'object') { + date = time + } else { + if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) { + time = parseInt(time) + } else if (typeof time === 'string') { + time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm), ''); + } + if ((typeof time === 'number') && (time.toString().length === 10)) { + time = time * 1000 + } + date = new Date(time) + } + const formatObj = { + y: date.getFullYear(), + m: date.getMonth() + 1, + d: date.getDate(), + h: date.getHours(), + i: date.getMinutes(), + s: date.getSeconds(), + a: date.getDay() + } + const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { + let value = formatObj[key] + // Note: getDay() returns 0 on Sunday + if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] } + if (result.length > 0 && value < 10) { + value = '0' + value + } + return value || 0 + }) + return time_str +} + +// 表单重置 +export function resetForm(refName) { + if (this.$refs[refName]) { + this.$refs[refName].resetFields(); + } +} + +// 添加日期范围 +export function addDateRange(params, dateRange, propName) { + let search = params; + search.params = typeof (search.params) === 'object' && search.params !== null && !Array.isArray(search.params) ? search.params : {}; + dateRange = Array.isArray(dateRange) ? dateRange : []; + if (typeof (propName) === 'undefined') { + search.params['beginTime'] = dateRange[0]; + search.params['endTime'] = dateRange[1]; + } else { + search.params['begin' + propName] = dateRange[0]; + search.params['end' + propName] = dateRange[1]; + } + return search; +} + +// 回显数据字典 +export function selectDictLabel(datas, value) { + if (value === undefined) { + return ""; + } + var actions = []; + Object.keys(datas).some((key) => { + if (datas[key].value == ('' + value)) { + actions.push(datas[key].label); + return true; + } + }) + if (actions.length === 0) { + actions.push(value); + } + return actions.join(''); +} + +// 回显数据字典（字符串、数组） +export function selectDictLabels(datas, value, separator) { + if (value === undefined || value.length ===0) { + return ""; + } + if (Array.isArray(value)) { + value = value.join(","); + } + var actions = []; + var currentSeparator = undefined === separator ? "," : separator; + var temp = value.split(currentSeparator); + Object.keys(value.split(currentSeparator)).some((val) => { + var match = false; + Object.keys(datas).some((key) => { + if (datas[key].value == ('' + temp[val])) { + actions.push(datas[key].label + currentSeparator); + match = true; + } + }) + if (!match) { + actions.push(temp[val] + currentSeparator); + } + }) + return actions.join('').substring(0, actions.join('').length - 1); +} + +// 字符串格式化(%s ) +export function sprintf(str) { + var args = arguments, flag = true, i = 1; + str = str.replace(/%s/g, function () { + var arg = args[i++]; + if (typeof arg === 'undefined') { + flag = false; + return ''; + } + return arg; + }); + return flag ? str : ''; +} + +// 转换字符串，undefined,null等转化为"" +export function parseStrEmpty(str) { + if (!str || str == "undefined" || str == "null") { + return ""; + } + return str; +} + +// 数据合并 +export function mergeRecursive(source, target) { + for (var p in target) { + try { + if (target[p].constructor == Object) { + source[p] = mergeRecursive(source[p], target[p]); + } else { + source[p] = target[p]; + } + } catch (e) { + source[p] = target[p]; + } + } + return source; +}; + +/** + * 构造树型结构数据 + * @param {*} data 数据源 + * @param {*} id id字段 默认 'id' + * @param {*} parentId 父节点字段 默认 'parentId' + * @param {*} children 孩子节点字段 默认 'children' + */ +export function handleTree(data, id, parentId, children) { + let config = { + id: id || 'id', + parentId: parentId || 'parentId', + childrenList: children || 'children' + }; + + var childrenListMap = {}; + var nodeIds = {}; + var tree = []; + + for (let d of data) { + let parentId = d[config.parentId]; + if (childrenListMap[parentId] == null) { + childrenListMap[parentId] = []; + } + nodeIds[d[config.id]] = d; + childrenListMap[parentId].push(d); + } + + for (let d of data) { + let parentId = d[config.parentId]; + if (nodeIds[parentId] == null) { + tree.push(d); + } + } + + for (let t of tree) { + adaptToChildrenList(t); + } + + function adaptToChildrenList(o) { + if (childrenListMap[o[config.id]] !== null) { + o[config.childrenList] = childrenListMap[o[config.id]]; + } + if (o[config.childrenList]) { + for (let c of o[config.childrenList]) { + adaptToChildrenList(c); + } + } + } + return tree; +} + +/** +* 参数处理 +* @param {*} params 参数 +*/ +export function tansParams(params) { + let result = '' + for (const propName of Object.keys(params)) { + const value = params[propName]; + var part = encodeURIComponent(propName) + "="; + if (value !== null && value !== "" && typeof (value) !== "undefined") { + if (typeof value === 'object') { + for (const key of Object.keys(value)) { + if (value[key] !== null && value[key] !== "" && typeof (value[key]) !== 'undefined') { + let params = propName + '[' + key + ']'; + var subPart = encodeURIComponent(params) + "="; + result += subPart + encodeURIComponent(value[key]) + "&"; + } + } + } else { + result += part + encodeURIComponent(value) + "&"; + } + } + } + return result +} + +// 验证是否为blob格式 +export function blobValidate(data) { + return data.type !== 'application/json' +} diff --git a/vue/src/views/bill/orderShipCost.vue b/vue/src/views/bill/orderShipCost.vue new file mode 100644 index 00000000..84626aab --- /dev/null +++ b/vue/src/views/bill/orderShipCost.vue @@ -0,0 +1,332 @@ + + + diff --git a/vue/src/views/components/icons/element-icons.js b/vue/src/views/components/icons/element-icons.js new file mode 100644 index 00000000..9ea4d63f --- /dev/null +++ b/vue/src/views/components/icons/element-icons.js @@ -0,0 +1,3 @@ +const elementIcons = ['platform-eleme', 'eleme', 'delete-solid', 'delete', 's-tools', 'setting', 'user-solid', 'user', 'phone', 'phone-outline', 'more', 'more-outline', 'star-on', 'star-off', 's-goods', 'goods', 'warning', 'warning-outline', 'question', 'info', 'remove', 'circle-plus', 'success', 'error', 'zoom-in', 'zoom-out', 'remove-outline', 'circle-plus-outline', 'circle-check', 'circle-close', 's-help', 'help', 'minus', 'plus', 'check', 'close', 'picture', 'picture-outline', 'picture-outline-round', 'upload', 'upload2', 'download', 'camera-solid', 'camera', 'video-camera-solid', 'video-camera', 'message-solid', 'bell', 's-cooperation', 's-order', 's-platform', 's-fold', 's-unfold', 's-operation', 's-promotion', 's-home', 's-release', 's-ticket', 's-management', 's-open', 's-shop', 's-marketing', 's-flag', 's-comment', 's-finance', 's-claim', 's-custom', 's-opportunity', 's-data', 's-check', 's-grid', 'menu', 'share', 'd-caret', 'caret-left', 'caret-right', 'caret-bottom', 'caret-top', 'bottom-left', 'bottom-right', 'back', 'right', 'bottom', 'top', 'top-left', 'top-right', 'arrow-left', 'arrow-right', 'arrow-down', 'arrow-up', 'd-arrow-left', 'd-arrow-right', 'video-pause', 'video-play', 'refresh', 'refresh-right', 'refresh-left', 'finished', 'sort', 'sort-up', 'sort-down', 'rank', 'loading', 'view', 'c-scale-to-original', 'date', 'edit', 'edit-outline', 'folder', 'folder-opened', 'folder-add', 'folder-remove', 'folder-delete', 'folder-checked', 'tickets', 'document-remove', 'document-delete', 'document-copy', 'document-checked', 'document', 'document-add', 'printer', 'paperclip', 'takeaway-box', 'search', 'monitor', 'attract', 'mobile', 'scissors', 'umbrella', 'headset', 'brush', 'mouse', 'coordinate', 'magic-stick', 'reading', 'data-line', 'data-board', 'pie-chart', 'data-analysis', 'collection-tag', 'film', 'suitcase', 'suitcase-1', 'receiving', 'collection', 'files', 'notebook-1', 'notebook-2', 'toilet-paper', 'office-building', 'school', 'table-lamp', 'house', 'no-smoking', 'smoking', 'shopping-cart-full', 'shopping-cart-1', 'shopping-cart-2', 'shopping-bag-1', 'shopping-bag-2', 'sold-out', 'sell', 'present', 'box', 'bank-card', 'money', 'coin', 'wallet', 'discount', 'price-tag', 'news', 'guide', 'male', 'female', 'thumb', 'cpu', 'link', 'connection', 'open', 'turn-off', 'set-up', 'chat-round', 'chat-line-round', 'chat-square', 'chat-dot-round', 'chat-dot-square', 'chat-line-square', 'message', 'postcard', 'position', 'turn-off-microphone', 'microphone', 'close-notification', 'bangzhu', 'time', 'odometer', 'crop', 'aim', 'switch-button', 'full-screen', 'copy-document', 'mic', 'stopwatch', 'medal-1', 'medal', 'trophy', 'trophy-1', 'first-aid-kit', 'discover', 'place', 'location', 'location-outline', 'location-information', 'add-location', 'delete-location', 'map-location', 'alarm-clock', 'timer', 'watch-1', 'watch', 'lock', 'unlock', 'key', 'service', 'mobile-phone', 'bicycle', 'truck', 'ship', 'basketball', 'football', 'soccer', 'baseball', 'wind-power', 'light-rain', 'lightning', 'heavy-rain', 'sunrise', 'sunrise-1', 'sunset', 'sunny', 'cloudy', 'partly-cloudy', 'cloudy-and-sunny', 'moon', 'moon-night', 'dish', 'dish-1', 'food', 'chicken', 'fork-spoon', 'knife-fork', 'burger', 'tableware', 'sugar', 'dessert', 'ice-cream', 'hot-water', 'water-cup', 'coffee-cup', 'cold-drink', 'goblet', 'goblet-full', 'goblet-square', 'goblet-square-full', 'refrigerator', 'grape', 'watermelon', 'cherry', 'apple', 'pear', 'orange', 'coffee', 'ice-tea', 'ice-drink', 'milk-tea', 'potato-strips', 'lollipop', 'ice-cream-square', 'ice-cream-round'] + +export default elementIcons diff --git a/vue/src/views/components/icons/index.vue b/vue/src/views/components/icons/index.vue new file mode 100644 index 00000000..d3c9a719 --- /dev/null +++ b/vue/src/views/components/icons/index.vue @@ -0,0 +1,87 @@ + + + + + diff --git a/vue/src/views/components/icons/svg-icons.js b/vue/src/views/components/icons/svg-icons.js new file mode 100644 index 00000000..724cd8e9 --- /dev/null +++ b/vue/src/views/components/icons/svg-icons.js @@ -0,0 +1,10 @@ +const req = require.context('../../../assets/icons/svg', false, /\.svg$/) +const requireAll = requireContext => requireContext.keys() + +const re = /\.\/(.*)\.svg/ + +const svgIcons = requireAll(req).map(i => { + return i.match(re)[1] +}) + +export default svgIcons diff --git a/vue/src/views/dashboard/BarChart.vue b/vue/src/views/dashboard/BarChart.vue new file mode 100644 index 00000000..cd33d2d2 --- /dev/null +++ b/vue/src/views/dashboard/BarChart.vue @@ -0,0 +1,102 @@ + + + diff --git a/vue/src/views/dashboard/LineChart.vue b/vue/src/views/dashboard/LineChart.vue new file mode 100644 index 00000000..ddd1063d --- /dev/null +++ b/vue/src/views/dashboard/LineChart.vue @@ -0,0 +1,135 @@ + + + diff --git a/vue/src/views/dashboard/PanelGroup.vue b/vue/src/views/dashboard/PanelGroup.vue new file mode 100644 index 00000000..d5b2332a --- /dev/null +++ b/vue/src/views/dashboard/PanelGroup.vue @@ -0,0 +1,182 @@ + + + + + diff --git a/vue/src/views/dashboard/PieChart.vue b/vue/src/views/dashboard/PieChart.vue new file mode 100644 index 00000000..c3600577 --- /dev/null +++ b/vue/src/views/dashboard/PieChart.vue @@ -0,0 +1,79 @@ + + + diff --git a/vue/src/views/dashboard/RaddarChart.vue b/vue/src/views/dashboard/RaddarChart.vue new file mode 100644 index 00000000..b1790ca8 --- /dev/null +++ b/vue/src/views/dashboard/RaddarChart.vue @@ -0,0 +1,116 @@ + + + diff --git a/vue/src/views/dashboard/mixins/resize.js b/vue/src/views/dashboard/mixins/resize.js new file mode 100644 index 00000000..b1e76e94 --- /dev/null +++ b/vue/src/views/dashboard/mixins/resize.js @@ -0,0 +1,56 @@ +import { debounce } from '@/utils' + +export default { + data() { + return { + $_sidebarElm: null, + $_resizeHandler: null + } + }, + mounted() { + this.initListener() + }, + activated() { + if (!this.$_resizeHandler) { + // avoid duplication init + this.initListener() + } + + // when keep-alive chart activated, auto resize + this.resize() + }, + beforeDestroy() { + this.destroyListener() + }, + deactivated() { + this.destroyListener() + }, + methods: { + // use $_ for mixins properties + // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential + $_sidebarResizeHandler(e) { + if (e.propertyName === 'width') { + this.$_resizeHandler() + } + }, + initListener() { + this.$_resizeHandler = debounce(() => { + this.resize() + }, 100) + window.addEventListener('resize', this.$_resizeHandler) + + this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0] + this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler) + }, + destroyListener() { + window.removeEventListener('resize', this.$_resizeHandler) + this.$_resizeHandler = null + + this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler) + }, + resize() { + const { chart } = this + chart && chart.resize() + } + } +} diff --git a/vue/src/views/data/goods/recommend_list.vue b/vue/src/views/data/goods/recommend_list.vue new file mode 100644 index 00000000..42cab770 --- /dev/null +++ b/vue/src/views/data/goods/recommend_list.vue @@ -0,0 +1,13 @@ + + + + + diff --git a/vue/src/views/data/goods/sale_hot_list.vue b/vue/src/views/data/goods/sale_hot_list.vue new file mode 100644 index 00000000..ddc5a13e --- /dev/null +++ b/vue/src/views/data/goods/sale_hot_list.vue @@ -0,0 +1,13 @@ + + + + + diff --git a/vue/src/views/data/keyword/hot_keyword.vue b/vue/src/views/data/keyword/hot_keyword.vue new file mode 100644 index 00000000..4f357879 --- /dev/null +++ b/vue/src/views/data/keyword/hot_keyword.vue @@ -0,0 +1,179 @@ + + diff --git a/vue/src/views/data/market/info.vue b/vue/src/views/data/market/info.vue new file mode 100644 index 00000000..abfd788f --- /dev/null +++ b/vue/src/views/data/market/info.vue @@ -0,0 +1,14 @@ + + + + + + \ No newline at end of file diff --git a/vue/src/views/dou/order/index.vue b/vue/src/views/dou/order/index.vue new file mode 100644 index 00000000..3689a514 --- /dev/null +++ b/vue/src/views/dou/order/index.vue @@ -0,0 +1,1125 @@ + + + diff --git a/vue/src/views/dou/refund/index.vue b/vue/src/views/dou/refund/index.vue new file mode 100644 index 00000000..a4eddaeb --- /dev/null +++ b/vue/src/views/dou/refund/index.vue @@ -0,0 +1,533 @@ + + + diff --git a/vue/src/views/efm/index.vue b/vue/src/views/efm/index.vue new file mode 100644 index 00000000..174e31de --- /dev/null +++ b/vue/src/views/efm/index.vue @@ -0,0 +1,307 @@ + + \ No newline at end of file diff --git a/vue/src/views/error/401.vue b/vue/src/views/error/401.vue new file mode 100644 index 00000000..448b6ecd --- /dev/null +++ b/vue/src/views/error/401.vue @@ -0,0 +1,88 @@ + + + + + diff --git a/vue/src/views/error/404.vue b/vue/src/views/error/404.vue new file mode 100644 index 00000000..96f075c1 --- /dev/null +++ b/vue/src/views/error/404.vue @@ -0,0 +1,233 @@ + + + + + diff --git a/vue/src/views/fms/inventoryReport/index.vue b/vue/src/views/fms/inventoryReport/index.vue new file mode 100644 index 00000000..7bb886ee --- /dev/null +++ b/vue/src/views/fms/inventoryReport/index.vue @@ -0,0 +1,405 @@ + + + diff --git a/vue/src/views/fms/payable/agentShip/index.vue b/vue/src/views/fms/payable/agentShip/index.vue new file mode 100644 index 00000000..4eb2857d --- /dev/null +++ b/vue/src/views/fms/payable/agentShip/index.vue @@ -0,0 +1,422 @@ + + + diff --git a/vue/src/views/fms/payable/purchase/index.vue b/vue/src/views/fms/payable/purchase/index.vue new file mode 100644 index 00000000..54b26b66 --- /dev/null +++ b/vue/src/views/fms/payable/purchase/index.vue @@ -0,0 +1,370 @@ + + + diff --git a/vue/src/views/fms/payable/shipFee/index.vue b/vue/src/views/fms/payable/shipFee/index.vue new file mode 100644 index 00000000..6ac3aab3 --- /dev/null +++ b/vue/src/views/fms/payable/shipFee/index.vue @@ -0,0 +1,491 @@ + + + diff --git a/vue/src/views/fms/receivable/order/index.vue b/vue/src/views/fms/receivable/order/index.vue new file mode 100644 index 00000000..506bee15 --- /dev/null +++ b/vue/src/views/fms/receivable/order/index.vue @@ -0,0 +1,459 @@ + + + diff --git a/vue/src/views/goods/brand/index.vue b/vue/src/views/goods/brand/index.vue new file mode 100644 index 00000000..9920629b --- /dev/null +++ b/vue/src/views/goods/brand/index.vue @@ -0,0 +1,255 @@ + + + diff --git a/vue/src/views/goods/category/categoryAttribute.vue b/vue/src/views/goods/category/categoryAttribute.vue new file mode 100644 index 00000000..3af5591f --- /dev/null +++ b/vue/src/views/goods/category/categoryAttribute.vue @@ -0,0 +1,282 @@ + + + diff --git a/vue/src/views/goods/category/categoryAttributeValue.vue b/vue/src/views/goods/category/categoryAttributeValue.vue new file mode 100644 index 00000000..eec43aff --- /dev/null +++ b/vue/src/views/goods/category/categoryAttributeValue.vue @@ -0,0 +1,304 @@ + + + diff --git a/vue/src/views/goods/category/index.vue b/vue/src/views/goods/category/index.vue new file mode 100644 index 00000000..de586780 --- /dev/null +++ b/vue/src/views/goods/category/index.vue @@ -0,0 +1,351 @@ + + + diff --git a/vue/src/views/goods/create.vue b/vue/src/views/goods/create.vue new file mode 100644 index 00000000..73efc5a2 --- /dev/null +++ b/vue/src/views/goods/create.vue @@ -0,0 +1,585 @@ + + + + diff --git a/vue/src/views/goods/goodsInventory/index.vue b/vue/src/views/goods/goodsInventory/index.vue new file mode 100644 index 00000000..f814c434 --- /dev/null +++ b/vue/src/views/goods/goodsInventory/index.vue @@ -0,0 +1,265 @@ + + + diff --git a/vue/src/views/goods/index.vue b/vue/src/views/goods/index.vue new file mode 100644 index 00000000..0b1c7aea --- /dev/null +++ b/vue/src/views/goods/index.vue @@ -0,0 +1,497 @@ + + + diff --git a/vue/src/views/goods/spec/index.vue b/vue/src/views/goods/spec/index.vue new file mode 100644 index 00000000..0642d210 --- /dev/null +++ b/vue/src/views/goods/spec/index.vue @@ -0,0 +1,344 @@ + + + diff --git a/vue/src/views/index.vue b/vue/src/views/index.vue new file mode 100644 index 00000000..1aa3e95f --- /dev/null +++ b/vue/src/views/index.vue @@ -0,0 +1,98 @@ + + + + + diff --git a/vue/src/views/index22.vue b/vue/src/views/index22.vue new file mode 100644 index 00000000..d2d2ec63 --- /dev/null +++ b/vue/src/views/index22.vue @@ -0,0 +1,98 @@ + + + + + diff --git a/vue/src/views/login.vue b/vue/src/views/login.vue new file mode 100644 index 00000000..20e0a5ec --- /dev/null +++ b/vue/src/views/login.vue @@ -0,0 +1,219 @@ + + + + + diff --git a/vue/src/views/monitor/cache/index.vue b/vue/src/views/monitor/cache/index.vue new file mode 100644 index 00000000..e81da2e8 --- /dev/null +++ b/vue/src/views/monitor/cache/index.vue @@ -0,0 +1,144 @@ + + + diff --git a/vue/src/views/monitor/cache/list.vue b/vue/src/views/monitor/cache/list.vue new file mode 100644 index 00000000..29a7c741 --- /dev/null +++ b/vue/src/views/monitor/cache/list.vue @@ -0,0 +1,241 @@ + + + diff --git a/vue/src/views/monitor/druid/index.vue b/vue/src/views/monitor/druid/index.vue new file mode 100644 index 00000000..c6ad585c --- /dev/null +++ b/vue/src/views/monitor/druid/index.vue @@ -0,0 +1,15 @@ + + diff --git a/vue/src/views/monitor/file/list.vue b/vue/src/views/monitor/file/list.vue new file mode 100644 index 00000000..62ed798f --- /dev/null +++ b/vue/src/views/monitor/file/list.vue @@ -0,0 +1,66 @@ + + + + + diff --git a/vue/src/views/monitor/job/index.vue b/vue/src/views/monitor/job/index.vue new file mode 100644 index 00000000..6365d3d7 --- /dev/null +++ b/vue/src/views/monitor/job/index.vue @@ -0,0 +1,513 @@ + + + diff --git a/vue/src/views/monitor/job/log.vue b/vue/src/views/monitor/job/log.vue new file mode 100644 index 00000000..60bee1de --- /dev/null +++ b/vue/src/views/monitor/job/log.vue @@ -0,0 +1,295 @@ + + + diff --git a/vue/src/views/monitor/logininfor/index.vue b/vue/src/views/monitor/logininfor/index.vue new file mode 100644 index 00000000..d6af834c --- /dev/null +++ b/vue/src/views/monitor/logininfor/index.vue @@ -0,0 +1,246 @@ + + + + diff --git a/vue/src/views/monitor/online/index.vue b/vue/src/views/monitor/online/index.vue new file mode 100644 index 00000000..ad613c96 --- /dev/null +++ b/vue/src/views/monitor/online/index.vue @@ -0,0 +1,122 @@ + + + + diff --git a/vue/src/views/monitor/operlog/index.vue b/vue/src/views/monitor/operlog/index.vue new file mode 100644 index 00000000..34a3ce34 --- /dev/null +++ b/vue/src/views/monitor/operlog/index.vue @@ -0,0 +1,313 @@ + + + + diff --git a/vue/src/views/monitor/server/index.vue b/vue/src/views/monitor/server/index.vue new file mode 100644 index 00000000..15ffc9a6 --- /dev/null +++ b/vue/src/views/monitor/server/index.vue @@ -0,0 +1,207 @@ + + + diff --git a/vue/src/views/pdd/order/index.vue b/vue/src/views/pdd/order/index.vue new file mode 100644 index 00000000..dd23700d --- /dev/null +++ b/vue/src/views/pdd/order/index.vue @@ -0,0 +1,1236 @@ + + + + diff --git a/vue/src/views/pdd/refund/index.vue b/vue/src/views/pdd/refund/index.vue new file mode 100644 index 00000000..796cfda0 --- /dev/null +++ b/vue/src/views/pdd/refund/index.vue @@ -0,0 +1,544 @@ + + + diff --git a/vue/src/views/redirect.vue b/vue/src/views/redirect.vue new file mode 100644 index 00000000..db4c1d66 --- /dev/null +++ b/vue/src/views/redirect.vue @@ -0,0 +1,12 @@ + diff --git a/vue/src/views/register.vue b/vue/src/views/register.vue new file mode 100644 index 00000000..312dce2c --- /dev/null +++ b/vue/src/views/register.vue @@ -0,0 +1,209 @@ + + + + + diff --git a/vue/src/views/sale/order/create.vue b/vue/src/views/sale/order/create.vue new file mode 100644 index 00000000..d59336cc --- /dev/null +++ b/vue/src/views/sale/order/create.vue @@ -0,0 +1,391 @@ + + + \ No newline at end of file diff --git a/vue/src/views/sale/order/index.vue b/vue/src/views/sale/order/index.vue new file mode 100644 index 00000000..fe6fb3cf --- /dev/null +++ b/vue/src/views/sale/order/index.vue @@ -0,0 +1,427 @@ + + + diff --git a/vue/src/views/sale/returned/index.vue b/vue/src/views/sale/returned/index.vue new file mode 100644 index 00000000..8d8c8d0e --- /dev/null +++ b/vue/src/views/sale/returned/index.vue @@ -0,0 +1,445 @@ + + + diff --git a/vue/src/views/scm/agentShipping/index.vue b/vue/src/views/scm/agentShipping/index.vue new file mode 100644 index 00000000..4f297b00 --- /dev/null +++ b/vue/src/views/scm/agentShipping/index.vue @@ -0,0 +1,522 @@ + + + diff --git a/vue/src/views/scm/purchase/cost/index.vue b/vue/src/views/scm/purchase/cost/index.vue new file mode 100644 index 00000000..6a8b6416 --- /dev/null +++ b/vue/src/views/scm/purchase/cost/index.vue @@ -0,0 +1,321 @@ + + + diff --git a/vue/src/views/scm/purchase/order/create.vue b/vue/src/views/scm/purchase/order/create.vue new file mode 100644 index 00000000..8d257876 --- /dev/null +++ b/vue/src/views/scm/purchase/order/create.vue @@ -0,0 +1,319 @@ + + + diff --git a/vue/src/views/scm/purchase/order/detail.vue b/vue/src/views/scm/purchase/order/detail.vue new file mode 100644 index 00000000..1362f1a4 --- /dev/null +++ b/vue/src/views/scm/purchase/order/detail.vue @@ -0,0 +1,124 @@ + + \ No newline at end of file diff --git a/vue/src/views/scm/purchase/order/index.vue b/vue/src/views/scm/purchase/order/index.vue new file mode 100644 index 00000000..5e64dcfe --- /dev/null +++ b/vue/src/views/scm/purchase/order/index.vue @@ -0,0 +1,506 @@ + + + diff --git a/vue/src/views/scm/purchase/order/item.vue b/vue/src/views/scm/purchase/order/item.vue new file mode 100644 index 00000000..0ae47f7d --- /dev/null +++ b/vue/src/views/scm/purchase/order/item.vue @@ -0,0 +1,467 @@ + + + diff --git a/vue/src/views/scm/purchase/ship/create_stock_in_entry.vue b/vue/src/views/scm/purchase/ship/create_stock_in_entry.vue new file mode 100644 index 00000000..8e3041c1 --- /dev/null +++ b/vue/src/views/scm/purchase/ship/create_stock_in_entry.vue @@ -0,0 +1,204 @@ + + \ No newline at end of file diff --git a/vue/src/views/scm/purchase/ship/index.vue b/vue/src/views/scm/purchase/ship/index.vue new file mode 100644 index 00000000..6090f3ea --- /dev/null +++ b/vue/src/views/scm/purchase/ship/index.vue @@ -0,0 +1,431 @@ + + + diff --git a/vue/src/views/scm/supplier/index.vue b/vue/src/views/scm/supplier/index.vue new file mode 100644 index 00000000..59cfcb8f --- /dev/null +++ b/vue/src/views/scm/supplier/index.vue @@ -0,0 +1,425 @@ + + + diff --git a/vue/src/views/shop/goods/index.vue b/vue/src/views/shop/goods/index.vue new file mode 100644 index 00000000..dca1e90f --- /dev/null +++ b/vue/src/views/shop/goods/index.vue @@ -0,0 +1,532 @@ + + + diff --git a/vue/src/views/shop/index.vue b/vue/src/views/shop/index.vue new file mode 100644 index 00000000..3c02f44b --- /dev/null +++ b/vue/src/views/shop/index.vue @@ -0,0 +1,395 @@ + + + diff --git a/vue/src/views/system/config/index.vue b/vue/src/views/system/config/index.vue new file mode 100644 index 00000000..3ab81fc2 --- /dev/null +++ b/vue/src/views/system/config/index.vue @@ -0,0 +1,343 @@ + + + diff --git a/vue/src/views/system/dept/index.vue b/vue/src/views/system/dept/index.vue new file mode 100644 index 00000000..e502b4ea --- /dev/null +++ b/vue/src/views/system/dept/index.vue @@ -0,0 +1,340 @@ + + + diff --git a/vue/src/views/system/dict/data.vue b/vue/src/views/system/dict/data.vue new file mode 100644 index 00000000..324bb640 --- /dev/null +++ b/vue/src/views/system/dict/data.vue @@ -0,0 +1,402 @@ + + + \ No newline at end of file diff --git a/vue/src/views/system/dict/index.vue b/vue/src/views/system/dict/index.vue new file mode 100644 index 00000000..6ca54571 --- /dev/null +++ b/vue/src/views/system/dict/index.vue @@ -0,0 +1,347 @@ + + + \ No newline at end of file diff --git a/vue/src/views/system/menu/index.vue b/vue/src/views/system/menu/index.vue new file mode 100644 index 00000000..2a83f9e9 --- /dev/null +++ b/vue/src/views/system/menu/index.vue @@ -0,0 +1,452 @@ + + + diff --git a/vue/src/views/system/notice/index.vue b/vue/src/views/system/notice/index.vue new file mode 100644 index 00000000..7982b545 --- /dev/null +++ b/vue/src/views/system/notice/index.vue @@ -0,0 +1,312 @@ + + + diff --git a/vue/src/views/system/post/index.vue b/vue/src/views/system/post/index.vue new file mode 100644 index 00000000..444bf634 --- /dev/null +++ b/vue/src/views/system/post/index.vue @@ -0,0 +1,309 @@ + + + diff --git a/vue/src/views/system/role/authUser.vue b/vue/src/views/system/role/authUser.vue new file mode 100644 index 00000000..147aa33e --- /dev/null +++ b/vue/src/views/system/role/authUser.vue @@ -0,0 +1,199 @@ + + + \ No newline at end of file diff --git a/vue/src/views/system/role/index.vue b/vue/src/views/system/role/index.vue new file mode 100644 index 00000000..fb3b5ef0 --- /dev/null +++ b/vue/src/views/system/role/index.vue @@ -0,0 +1,605 @@ + + + \ No newline at end of file diff --git a/vue/src/views/system/role/selectUser.vue b/vue/src/views/system/role/selectUser.vue new file mode 100644 index 00000000..b2b072f9 --- /dev/null +++ b/vue/src/views/system/role/selectUser.vue @@ -0,0 +1,138 @@ + + + diff --git a/vue/src/views/system/user/authRole.vue b/vue/src/views/system/user/authRole.vue new file mode 100644 index 00000000..ab5e72fc --- /dev/null +++ b/vue/src/views/system/user/authRole.vue @@ -0,0 +1,117 @@ + + + \ No newline at end of file diff --git a/vue/src/views/system/user/index.vue b/vue/src/views/system/user/index.vue new file mode 100644 index 00000000..ae87fe49 --- /dev/null +++ b/vue/src/views/system/user/index.vue @@ -0,0 +1,670 @@ + + + \ No newline at end of file diff --git a/vue/src/views/system/user/profile/index.vue b/vue/src/views/system/user/profile/index.vue new file mode 100644 index 00000000..ad530f9a --- /dev/null +++ b/vue/src/views/system/user/profile/index.vue @@ -0,0 +1,91 @@ + + + diff --git a/vue/src/views/system/user/profile/resetPwd.vue b/vue/src/views/system/user/profile/resetPwd.vue new file mode 100644 index 00000000..64e8f8c4 --- /dev/null +++ b/vue/src/views/system/user/profile/resetPwd.vue @@ -0,0 +1,68 @@ + + + diff --git a/vue/src/views/system/user/profile/userAvatar.vue b/vue/src/views/system/user/profile/userAvatar.vue new file mode 100644 index 00000000..70d8487f --- /dev/null +++ b/vue/src/views/system/user/profile/userAvatar.vue @@ -0,0 +1,187 @@ + + + + diff --git a/vue/src/views/system/user/profile/userInfo.vue b/vue/src/views/system/user/profile/userInfo.vue new file mode 100644 index 00000000..c09a20b4 --- /dev/null +++ b/vue/src/views/system/user/profile/userInfo.vue @@ -0,0 +1,75 @@ + + + diff --git a/vue/src/views/tao/order/index.vue b/vue/src/views/tao/order/index.vue new file mode 100644 index 00000000..6830c106 --- /dev/null +++ b/vue/src/views/tao/order/index.vue @@ -0,0 +1,1046 @@ + + + diff --git a/vue/src/views/tao/orderAddress/index.vue b/vue/src/views/tao/orderAddress/index.vue new file mode 100644 index 00000000..adf1fd85 --- /dev/null +++ b/vue/src/views/tao/orderAddress/index.vue @@ -0,0 +1,374 @@ + + + diff --git a/vue/src/views/tao/refund/index.vue b/vue/src/views/tao/refund/index.vue new file mode 100644 index 00000000..580f084a --- /dev/null +++ b/vue/src/views/tao/refund/index.vue @@ -0,0 +1,461 @@ + + + diff --git a/vue/src/views/tool/gen/basicInfoForm.vue b/vue/src/views/tool/gen/basicInfoForm.vue new file mode 100644 index 00000000..70295298 --- /dev/null +++ b/vue/src/views/tool/gen/basicInfoForm.vue @@ -0,0 +1,60 @@ + + + diff --git a/vue/src/views/tool/gen/editTable.vue b/vue/src/views/tool/gen/editTable.vue new file mode 100644 index 00000000..951497a7 --- /dev/null +++ b/vue/src/views/tool/gen/editTable.vue @@ -0,0 +1,234 @@ + + + diff --git a/vue/src/views/tool/gen/genInfoForm.vue b/vue/src/views/tool/gen/genInfoForm.vue new file mode 100644 index 00000000..2fb107de --- /dev/null +++ b/vue/src/views/tool/gen/genInfoForm.vue @@ -0,0 +1,299 @@ + + + diff --git a/vue/src/views/tool/gen/importTable.vue b/vue/src/views/tool/gen/importTable.vue new file mode 100644 index 00000000..3ea9532b --- /dev/null +++ b/vue/src/views/tool/gen/importTable.vue @@ -0,0 +1,120 @@ + + + diff --git a/vue/src/views/tool/gen/index.vue b/vue/src/views/tool/gen/index.vue new file mode 100644 index 00000000..ccb1b11b --- /dev/null +++ b/vue/src/views/tool/gen/index.vue @@ -0,0 +1,337 @@ + + + diff --git a/vue/src/views/tool/swagger/index.vue b/vue/src/views/tool/swagger/index.vue new file mode 100644 index 00000000..b8becc67 --- /dev/null +++ b/vue/src/views/tool/swagger/index.vue @@ -0,0 +1,15 @@ + + diff --git a/vue/src/views/wms/location/index.vue b/vue/src/views/wms/location/index.vue new file mode 100644 index 00000000..0aff0dea --- /dev/null +++ b/vue/src/views/wms/location/index.vue @@ -0,0 +1,331 @@ + + + diff --git a/vue/src/views/wms/orderShipping/logistics.vue b/vue/src/views/wms/orderShipping/logistics.vue new file mode 100644 index 00000000..d3c0188a --- /dev/null +++ b/vue/src/views/wms/orderShipping/logistics.vue @@ -0,0 +1,324 @@ + + + diff --git a/vue/src/views/wms/orderShipping/shipping.vue b/vue/src/views/wms/orderShipping/shipping.vue new file mode 100644 index 00000000..35e7e29d --- /dev/null +++ b/vue/src/views/wms/orderShipping/shipping.vue @@ -0,0 +1,567 @@ + + + diff --git a/vue/src/views/wms/orderShipping/stockOut.vue b/vue/src/views/wms/orderShipping/stockOut.vue new file mode 100644 index 00000000..12dbcb20 --- /dev/null +++ b/vue/src/views/wms/orderShipping/stockOut.vue @@ -0,0 +1,413 @@ + + + diff --git a/vue/src/views/wms/orderShipping/stocking.vue b/vue/src/views/wms/orderShipping/stocking.vue new file mode 100644 index 00000000..4360c228 --- /dev/null +++ b/vue/src/views/wms/orderShipping/stocking.vue @@ -0,0 +1,458 @@ + + + diff --git a/vue/src/views/wms/stockInEntry/index.vue b/vue/src/views/wms/stockInEntry/index.vue new file mode 100644 index 00000000..b8c9ed2a --- /dev/null +++ b/vue/src/views/wms/stockInEntry/index.vue @@ -0,0 +1,424 @@ + + + diff --git a/vue/src/views/wms/stockOutEntry/index.vue b/vue/src/views/wms/stockOutEntry/index.vue new file mode 100644 index 00000000..12dbcb20 --- /dev/null +++ b/vue/src/views/wms/stockOutEntry/index.vue @@ -0,0 +1,413 @@ + + + diff --git a/vue/src/views/xhs/order/index.vue b/vue/src/views/xhs/order/index.vue new file mode 100644 index 00000000..307ffc64 --- /dev/null +++ b/vue/src/views/xhs/order/index.vue @@ -0,0 +1,973 @@ + + + diff --git a/vue/src/views/xhs/orderReceiver/index.vue b/vue/src/views/xhs/orderReceiver/index.vue new file mode 100644 index 00000000..bdc9fd6e --- /dev/null +++ b/vue/src/views/xhs/orderReceiver/index.vue @@ -0,0 +1,346 @@ + + + diff --git a/vue/src/views/xhs/refund/index.vue b/vue/src/views/xhs/refund/index.vue new file mode 100644 index 00000000..a2ea29eb --- /dev/null +++ b/vue/src/views/xhs/refund/index.vue @@ -0,0 +1,785 @@ + + + diff --git a/vue/vue.config.js b/vue/vue.config.js new file mode 100644 index 00000000..6d98ab0b --- /dev/null +++ b/vue/vue.config.js @@ -0,0 +1,134 @@ +'use strict' +const path = require('path') + +function resolve(dir) { + return path.join(__dirname, dir) +} + +const CompressionPlugin = require('compression-webpack-plugin') + +const name = process.env.VUE_APP_TITLE || '启航电商管理系统' // 网页标题 + +const port = process.env.port || process.env.npm_config_port || 80 // 端口 + +// vue.config.js 配置说明 +//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions +// 这里只列一部分，具体配置参考文档 +module.exports = { + // 部署生产环境和开发环境下的URL。 + // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 + // 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.zhijian.vip/admin/，则设置 baseUrl 为 /admin/。 + publicPath: process.env.NODE_ENV === "production" ? "/" : "/", + // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist） + outputDir: 'dist', + // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下） + assetsDir: 'static', + // 是否开启eslint保存检测，有效值：ture | false | 'error' + lintOnSave: process.env.NODE_ENV === 'development', + // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。 + productionSourceMap: false, + // webpack-dev-server 相关配置 + devServer: { + host: '0.0.0.0', + port: port, + open: true, + proxy: { + // detail: https://cli.vuejs.org/config/#devserver-proxy + [process.env.VUE_APP_BASE_API]: { + target: `http://localhost:8080`, + changeOrigin: true, + pathRewrite: { + ['^' + process.env.VUE_APP_BASE_API]: '' + } + } + }, + disableHostCheck: true + }, + css: { + loaderOptions: { + sass: { + sassOptions: { outputStyle: "expanded" } + } + } + }, + configureWebpack: { + name: name, + resolve: { + alias: { + '@': resolve('src') + } + }, + plugins: [ + // 使用gzip解压缩静态文件 + new CompressionPlugin({ + cache: false, // 不启用文件缓存 + test: /\.(js|css|html)?$/i, // 压缩文件格式 + filename: '[path].gz[query]', // 压缩后的文件名 + algorithm: 'gzip', // 使用gzip压缩 + minRatio: 0.8 // 压缩率小于1才会压缩 + }) + ], + }, + chainWebpack(config) { + config.plugins.delete('preload') // TODO: need test + config.plugins.delete('prefetch') // TODO: need test + + // set svg-sprite-loader + config.module + .rule('svg') + .exclude.add(resolve('src/assets/icons')) + .end() + config.module + .rule('icons') + .test(/\.svg$/) + .include.add(resolve('src/assets/icons')) + .end() + .use('svg-sprite-loader') + .loader('svg-sprite-loader') + .options({ + symbolId: 'icon-[name]' + }) + .end() + + config.when(process.env.NODE_ENV !== 'development', config => { + config + .plugin('ScriptExtHtmlWebpackPlugin') + .after('html') + .use('script-ext-html-webpack-plugin', [{ + // `runtime` must same as runtimeChunk name. default is `runtime` + inline: /runtime\..*\.js$/ + }]) + .end() + + config.optimization.splitChunks({ + chunks: 'all', + cacheGroups: { + libs: { + name: 'chunk-libs', + test: /[\\/]node_modules[\\/]/, + priority: 10, + chunks: 'initial' // only package third parties that are initially dependent + }, + elementUI: { + name: 'chunk-elementUI', // split elementUI into a single package + test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm + priority: 20 // the weight needs to be larger than libs and app or it will be packaged into libs or app + }, + commons: { + name: 'chunk-commons', + test: resolve('src/components'), // can customize your rules + minChunks: 3, // minimum common number + priority: 5, + reuseExistingChunk: true + } + } + }) + + config.optimization.runtimeChunk('single'), + { + from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件 + to: './' //到根目录下 + } + }) + } +}