静态页面
This commit is contained in:
parent
f2a0f69465
commit
38a2844619
|
|
@ -0,0 +1,3 @@
|
|||
|
||||
# Don't index SpecStory auto-save files, but allow explicit context inclusion via @ references
|
||||
.specstory/**
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
# 页面标题
|
||||
VITE_APP_TITLE = 若依管理系统
|
||||
VITE_APP_TITLE = 智奇管理系统
|
||||
|
||||
# 开发环境配置
|
||||
VITE_APP_ENV = 'development'
|
||||
|
||||
# 若依管理系统/开发环境
|
||||
# 智奇管理系统/开发环境
|
||||
VITE_APP_BASE_API = '/dev-api'
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
# 页面标题
|
||||
VITE_APP_TITLE = 若依管理系统
|
||||
VITE_APP_TITLE = 智奇管理系统
|
||||
|
||||
# 生产环境配置
|
||||
VITE_APP_ENV = 'production'
|
||||
|
||||
# 若依管理系统/生产环境
|
||||
# 智奇管理系统/生产环境
|
||||
VITE_APP_BASE_API = '/prod-api'
|
||||
|
||||
# 是否在打包时开启压缩，支持 gzip 和 brotli
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
# 页面标题
|
||||
VITE_APP_TITLE = 若依管理系统
|
||||
VITE_APP_TITLE = 智奇管理系统
|
||||
|
||||
# 生产环境配置
|
||||
VITE_APP_ENV = 'staging'
|
||||
|
||||
# 若依管理系统/生产环境
|
||||
# 智奇管理系统/生产环境
|
||||
VITE_APP_BASE_API = '/stage-api'
|
||||
|
||||
# 是否在打包时开启压缩，支持 gzip 和 brotli
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@ selenium-debug.log
|
|||
*.njsproj
|
||||
*.sln
|
||||
*.local
|
||||
.specstory
|
||||
|
||||
package-lock.json
|
||||
yarn.lock
|
||||
|
|
|
|||
|
|
@ -103,6 +103,6 @@ yarn dev
|
|||
</table>
|
||||
|
||||
|
||||
## 若依前后端分离交流群
|
||||
## 智奇前后端分离交流群
|
||||
|
||||
QQ群： [](https://jq.qq.com/?_wv=1027&k=5bVB1og) [](https://jq.qq.com/?_wv=1027&k=5eiA4DH) [](https://jq.qq.com/?_wv=1027&k=5AxMKlC) [](https://jq.qq.com/?_wv=1027&k=51G72yr) [](https://jq.qq.com/?_wv=1027&k=VvjN2nvu) [](https://jq.qq.com/?_wv=1027&k=5vYAqA05) [](https://jq.qq.com/?_wv=1027&k=kOIINEb5) [](https://jq.qq.com/?_wv=1027&k=UKtX5jhs) [](https://jq.qq.com/?_wv=1027&k=EI9an8lJ) [](https://jq.qq.com/?_wv=1027&k=SWCtLnMz) [](https://jq.qq.com/?_wv=1027&k=96Dkdq0k) [](https://jq.qq.com/?_wv=1027&k=0fsNiYZt) [](https://jq.qq.com/?_wv=1027&k=7xw4xUG1) [](https://jq.qq.com/?_wv=1027&k=eCx8eyoJ) [](https://jq.qq.com/?_wv=1027&k=SpyH2875) [](https://jq.qq.com/?_wv=1027&k=tKEt51dz) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=0vBbSb0ztbBgVtn3kJS-Q4HUNYwip89G&authKey=8irq5PhutrZmWIvsUsklBxhj57l%2F1nOZqjzigkXZVoZE451GG4JHPOqW7AW6cf0T&noverify=0&group_code=143961921) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=ZFAPAbp09S2ltvwrJzp7wGlbopsc0rwi&authKey=HB2cxpxP2yspk%2Bo3WKTBfktRCccVkU26cgi5B16u0KcAYrVu7sBaE7XSEqmMdFQp&noverify=0&group_code=174951577) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Fn2aF5IHpwsy8j6VlalNJK6qbwFLFHat&authKey=uyIT%2B97x2AXj3odyXpsSpVaPMC%2Bidw0LxG5MAtEqlrcBcWJUA%2FeS43rsF1Tg7IRJ&noverify=0&group_code=161281055) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XIzkm_mV2xTsUtFxo63bmicYoDBA6Ifm&authKey=dDW%2F4qsmw3x9govoZY9w%2FoWAoC4wbHqGal%2BbqLzoS6VBarU8EBptIgPKN%2FviyC8j&noverify=0&group_code=138988063) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=DkugnCg68PevlycJSKSwjhFqfIgrWWwR&authKey=pR1Pa5lPIeGF%2FFtIk6d%2FGB5qFi0EdvyErtpQXULzo03zbhopBHLWcuqdpwY241R%2F&noverify=0&group_code=151450850) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=F58bgRa-Dp-rsQJThiJqIYv8t4-lWfXh&authKey=UmUs4CVG5OPA1whvsa4uSespOvyd8%2FAr9olEGaWAfdLmfKQk%2FVBp2YU3u2xXXt76&noverify=0&group_code=224622315) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Nxb2EQ5qozWa218Wbs7zgBnjLSNk_tVT&authKey=obBKXj6SBKgrFTJZx0AqQnIYbNOvBB2kmgwWvGhzxR67RoRr84%2Bus5OadzMcdJl5&noverify=0&group_code=287842588) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=numtK1M_I4eVd2Gvg8qtbuL8JgX42qNh&authKey=giV9XWMaFZTY%2FqPlmWbkB9g3fi0Ev5CwEtT9Tgei0oUlFFCQLDp4ozWRiVIzubIm&noverify=0&group_code=187944233) [](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=G6r5KGCaa3pqdbUSXNIgYloyb8e0_L0D&authKey=4w8tF1eGW7%2FedWn%2FHAypQksdrML%2BDHolQSx7094Agm7Luakj9EbfPnSTxSi2T1LQ&noverify=0&group_code=228578329) 点击按钮入群。
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
<title>若依管理系统</title>
|
||||
<title>智奇管理系统</title>
|
||||
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
|
||||
<style>
|
||||
html,
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
{
|
||||
"name": "ruoyi",
|
||||
"version": "3.8.9",
|
||||
"description": "若依管理系统",
|
||||
"author": "若依",
|
||||
"description": "智奇管理系统",
|
||||
"author": "智奇",
|
||||
"license": "MIT",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -1,60 +1,50 @@
|
|||
import request from '@/utils/request'
|
||||
// 静态登录方法
|
||||
const staticUser = {
|
||||
username: 'admin',
|
||||
password: 'admin123',
|
||||
token: 'static-token',
|
||||
userId: 1,
|
||||
userName: 'admin',
|
||||
avatar: '',
|
||||
roles: ['admin'],
|
||||
permissions: ['*:*:*']
|
||||
};
|
||||
|
||||
// 登录方法
|
||||
export function login(username, password, code, uuid) {
|
||||
const data = {
|
||||
username,
|
||||
password,
|
||||
code,
|
||||
uuid
|
||||
}
|
||||
return request({
|
||||
url: '/login',
|
||||
headers: {
|
||||
isToken: false,
|
||||
repeatSubmit: false
|
||||
},
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
return new Promise((resolve, reject) => {
|
||||
if (username === staticUser.username && password === staticUser.password) {
|
||||
resolve({ token: staticUser.token });
|
||||
} else {
|
||||
reject(new Error('账号或密码错误'));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 注册方法
|
||||
// 注册方法（静态页面不实现）
|
||||
export function register(data) {
|
||||
return request({
|
||||
url: '/register',
|
||||
headers: {
|
||||
isToken: false
|
||||
},
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
return Promise.reject(new Error('静态页面不支持注册'));
|
||||
}
|
||||
|
||||
// 获取用户详细信息
|
||||
export function getInfo() {
|
||||
return request({
|
||||
url: '/getInfo',
|
||||
method: 'get'
|
||||
})
|
||||
return Promise.resolve({
|
||||
user: staticUser,
|
||||
roles: staticUser.roles,
|
||||
permissions: staticUser.permissions
|
||||
});
|
||||
}
|
||||
|
||||
// 退出方法
|
||||
export function logout() {
|
||||
return request({
|
||||
url: '/logout',
|
||||
method: 'post'
|
||||
})
|
||||
return Promise.resolve();
|
||||
}
|
||||
|
||||
// 获取验证码
|
||||
// 获取验证码（静态假数据）
|
||||
export function getCodeImg() {
|
||||
return request({
|
||||
url: '/captchaImage',
|
||||
headers: {
|
||||
isToken: false
|
||||
},
|
||||
method: 'get',
|
||||
timeout: 20000
|
||||
})
|
||||
return Promise.resolve({
|
||||
img: '',
|
||||
uuid: 'static-uuid',
|
||||
captchaEnabled: false
|
||||
});
|
||||
}
|
||||
|
|
@ -1,60 +1,80 @@
|
|||
import request from '@/utils/request'
|
||||
// 模拟静态数据
|
||||
const mockConfigs = [
|
||||
{ configId: 1, configName: '系统名称', configKey: 'sys.name', configValue: '智奇管理系统', configType: 'Y', status: '0', createTime: '2023-01-01' },
|
||||
{ configId: 2, configName: '系统版本', configKey: 'sys.version', configValue: 'v1.0.0', configType: 'Y', status: '0', createTime: '2023-01-02' }
|
||||
];
|
||||
|
||||
// 查询参数列表
|
||||
export function listConfig(query) {
|
||||
return request({
|
||||
url: '/system/config/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
const { pageNum, pageSize, configName, configKey, configType, status } = query;
|
||||
let filteredConfigs = [...mockConfigs];
|
||||
|
||||
if (configName) {
|
||||
filteredConfigs = filteredConfigs.filter(config => config.configName.includes(configName));
|
||||
}
|
||||
if (configKey) {
|
||||
filteredConfigs = filteredConfigs.filter(config => config.configKey.includes(configKey));
|
||||
}
|
||||
if (configType) {
|
||||
filteredConfigs = filteredConfigs.filter(config => config.configType === configType);
|
||||
}
|
||||
if (status) {
|
||||
filteredConfigs = filteredConfigs.filter(config => config.status === status);
|
||||
}
|
||||
|
||||
const total = filteredConfigs.length;
|
||||
const start = (pageNum - 1) * pageSize;
|
||||
const end = start + pageSize;
|
||||
const list = filteredConfigs.slice(start, end);
|
||||
|
||||
return Promise.resolve({
|
||||
total,
|
||||
rows: list
|
||||
});
|
||||
}
|
||||
|
||||
// 查询参数详细
|
||||
export function getConfig(configId) {
|
||||
return request({
|
||||
url: '/system/config/' + configId,
|
||||
method: 'get'
|
||||
})
|
||||
const config = mockConfigs.find(c => c.configId === parseInt(configId));
|
||||
return Promise.resolve(config || {});
|
||||
}
|
||||
|
||||
// 根据参数键名查询参数值
|
||||
export function getConfigKey(configKey) {
|
||||
return request({
|
||||
url: '/system/config/configKey/' + configKey,
|
||||
method: 'get'
|
||||
})
|
||||
const config = mockConfigs.find(c => c.configKey === configKey);
|
||||
return Promise.resolve(config ? config.configValue : '');
|
||||
}
|
||||
|
||||
// 新增参数配置
|
||||
export function addConfig(data) {
|
||||
return request({
|
||||
url: '/system/config',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
const newConfig = {
|
||||
configId: mockConfigs.length + 1,
|
||||
...data,
|
||||
createTime: new Date().toISOString().split('T')[0]
|
||||
};
|
||||
mockConfigs.push(newConfig);
|
||||
return Promise.resolve({ code: 200, msg: '新增成功' });
|
||||
}
|
||||
|
||||
// 修改参数配置
|
||||
export function updateConfig(data) {
|
||||
return request({
|
||||
url: '/system/config',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
const index = mockConfigs.findIndex(c => c.configId === data.configId);
|
||||
if (index !== -1) {
|
||||
mockConfigs[index] = { ...mockConfigs[index], ...data };
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 删除参数配置
|
||||
export function delConfig(configId) {
|
||||
return request({
|
||||
url: '/system/config/' + configId,
|
||||
method: 'delete'
|
||||
})
|
||||
const index = mockConfigs.findIndex(c => c.configId === parseInt(configId));
|
||||
if (index !== -1) {
|
||||
mockConfigs.splice(index, 1);
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '删除成功' });
|
||||
}
|
||||
|
||||
// 刷新参数缓存
|
||||
export function refreshCache() {
|
||||
return request({
|
||||
url: '/system/config/refreshCache',
|
||||
method: 'delete'
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '刷新成功' });
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,52 +1,62 @@
|
|||
import request from '@/utils/request'
|
||||
// 模拟静态数据
|
||||
const mockDepts = [
|
||||
{ deptId: 1, parentId: 0, deptName: '总公司', orderNum: 1, leader: '张三', phone: '15888888888', status: '0', createTime: '2023-01-01' },
|
||||
{ deptId: 2, parentId: 1, deptName: '研发部', orderNum: 1, leader: '李四', phone: '15666666666', status: '0', createTime: '2023-01-02' },
|
||||
{ deptId: 3, parentId: 1, deptName: '市场部', orderNum: 2, leader: '王五', phone: '15555555555', status: '0', createTime: '2023-01-03' }
|
||||
];
|
||||
|
||||
// 查询部门列表
|
||||
export function listDept(query) {
|
||||
return request({
|
||||
url: '/system/dept/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
const { deptName, status } = query;
|
||||
let filteredDepts = [...mockDepts];
|
||||
|
||||
if (deptName) {
|
||||
filteredDepts = filteredDepts.filter(dept => dept.deptName.includes(deptName));
|
||||
}
|
||||
if (status) {
|
||||
filteredDepts = filteredDepts.filter(dept => dept.status === status);
|
||||
}
|
||||
|
||||
return Promise.resolve(filteredDepts);
|
||||
}
|
||||
|
||||
// 查询部门列表（排除节点）
|
||||
export function listDeptExcludeChild(deptId) {
|
||||
return request({
|
||||
url: '/system/dept/list/exclude/' + deptId,
|
||||
method: 'get'
|
||||
})
|
||||
const excludeDepts = mockDepts.filter(dept => dept.deptId !== parseInt(deptId));
|
||||
return Promise.resolve(excludeDepts);
|
||||
}
|
||||
|
||||
// 查询部门详细
|
||||
export function getDept(deptId) {
|
||||
return request({
|
||||
url: '/system/dept/' + deptId,
|
||||
method: 'get'
|
||||
})
|
||||
const dept = mockDepts.find(d => d.deptId === parseInt(deptId));
|
||||
return Promise.resolve(dept || {});
|
||||
}
|
||||
|
||||
// 新增部门
|
||||
export function addDept(data) {
|
||||
return request({
|
||||
url: '/system/dept',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
const newDept = {
|
||||
deptId: mockDepts.length + 1,
|
||||
...data,
|
||||
createTime: new Date().toISOString().split('T')[0]
|
||||
};
|
||||
mockDepts.push(newDept);
|
||||
return Promise.resolve({ code: 200, msg: '新增成功' });
|
||||
}
|
||||
|
||||
// 修改部门
|
||||
export function updateDept(data) {
|
||||
return request({
|
||||
url: '/system/dept',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
const index = mockDepts.findIndex(d => d.deptId === data.deptId);
|
||||
if (index !== -1) {
|
||||
mockDepts[index] = { ...mockDepts[index], ...data };
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 删除部门
|
||||
export function delDept(deptId) {
|
||||
return request({
|
||||
url: '/system/dept/' + deptId,
|
||||
method: 'delete'
|
||||
})
|
||||
const index = mockDepts.findIndex(d => d.deptId === parseInt(deptId));
|
||||
if (index !== -1) {
|
||||
mockDepts.splice(index, 1);
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '删除成功' });
|
||||
}
|
||||
|
|
@ -1,60 +1,87 @@
|
|||
import request from '@/utils/request'
|
||||
// 模拟静态数据
|
||||
const mockMenus = [
|
||||
{ menuId: 1, menuName: '系统管理', parentId: 0, orderNum: 1, path: 'system', component: 'Layout', status: '0' },
|
||||
{ menuId: 2, menuName: '用户管理', parentId: 1, orderNum: 1, path: 'user', component: 'system/user/index', status: '0' },
|
||||
{ menuId: 3, menuName: '角色管理', parentId: 1, orderNum: 2, path: 'role', component: 'system/role/index', status: '0' },
|
||||
{ menuId: 4, menuName: '菜单管理', parentId: 1, orderNum: 3, path: 'menu', component: 'system/menu/index', status: '0' }
|
||||
];
|
||||
|
||||
// 查询菜单列表
|
||||
export function listMenu(query) {
|
||||
return request({
|
||||
url: '/system/menu/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
const { menuName, status } = query;
|
||||
let filteredMenus = [...mockMenus];
|
||||
|
||||
if (menuName) {
|
||||
filteredMenus = filteredMenus.filter(menu => menu.menuName.includes(menuName));
|
||||
}
|
||||
if (status) {
|
||||
filteredMenus = filteredMenus.filter(menu => menu.status === status);
|
||||
}
|
||||
|
||||
return Promise.resolve(filteredMenus);
|
||||
}
|
||||
|
||||
// 查询菜单详细
|
||||
export function getMenu(menuId) {
|
||||
return request({
|
||||
url: '/system/menu/' + menuId,
|
||||
method: 'get'
|
||||
})
|
||||
const menu = mockMenus.find(m => m.menuId === parseInt(menuId));
|
||||
return Promise.resolve(menu || {});
|
||||
}
|
||||
|
||||
// 查询菜单下拉树结构
|
||||
export function treeselect() {
|
||||
return request({
|
||||
url: '/system/menu/treeselect',
|
||||
method: 'get'
|
||||
})
|
||||
const buildTree = (parentId) => {
|
||||
const children = mockMenus.filter(m => m.parentId === parentId);
|
||||
return children.map(child => ({
|
||||
id: child.menuId,
|
||||
label: child.menuName,
|
||||
children: buildTree(child.menuId)
|
||||
}));
|
||||
};
|
||||
|
||||
return Promise.resolve(buildTree(0));
|
||||
}
|
||||
|
||||
// 根据角色ID查询菜单下拉树结构
|
||||
export function roleMenuTreeselect(roleId) {
|
||||
return request({
|
||||
url: '/system/menu/roleMenuTreeselect/' + roleId,
|
||||
method: 'get'
|
||||
})
|
||||
const buildTree = (parentId) => {
|
||||
const children = mockMenus.filter(m => m.parentId === parentId);
|
||||
return children.map(child => ({
|
||||
id: child.menuId,
|
||||
label: child.menuName,
|
||||
children: buildTree(child.menuId)
|
||||
}));
|
||||
};
|
||||
|
||||
return Promise.resolve({
|
||||
menus: buildTree(0),
|
||||
checkedKeys: [1, 2, 3, 4] // 模拟已选中的菜单
|
||||
});
|
||||
}
|
||||
|
||||
// 新增菜单
|
||||
export function addMenu(data) {
|
||||
return request({
|
||||
url: '/system/menu',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
const newMenu = {
|
||||
menuId: mockMenus.length + 1,
|
||||
...data
|
||||
};
|
||||
mockMenus.push(newMenu);
|
||||
return Promise.resolve({ code: 200, msg: '新增成功' });
|
||||
}
|
||||
|
||||
// 修改菜单
|
||||
export function updateMenu(data) {
|
||||
return request({
|
||||
url: '/system/menu',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
const index = mockMenus.findIndex(m => m.menuId === data.menuId);
|
||||
if (index !== -1) {
|
||||
mockMenus[index] = { ...mockMenus[index], ...data };
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 删除菜单
|
||||
export function delMenu(menuId) {
|
||||
return request({
|
||||
url: '/system/menu/' + menuId,
|
||||
method: 'delete'
|
||||
})
|
||||
const index = mockMenus.findIndex(m => m.menuId === parseInt(menuId));
|
||||
if (index !== -1) {
|
||||
mockMenus.splice(index, 1);
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '删除成功' });
|
||||
}
|
||||
|
|
@ -1,44 +1,66 @@
|
|||
import request from '@/utils/request'
|
||||
// 模拟静态数据
|
||||
const mockNotices = [
|
||||
{ noticeId: 1, noticeTitle: '系统公告', noticeType: '1', status: '0', createTime: '2023-01-01' },
|
||||
{ noticeId: 2, noticeTitle: '维护通知', noticeType: '2', status: '0', createTime: '2023-01-02' }
|
||||
];
|
||||
|
||||
// 查询公告列表
|
||||
export function listNotice(query) {
|
||||
return request({
|
||||
url: '/system/notice/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
const { pageNum, pageSize, noticeTitle, noticeType, status } = query;
|
||||
let filteredNotices = [...mockNotices];
|
||||
|
||||
if (noticeTitle) {
|
||||
filteredNotices = filteredNotices.filter(notice => notice.noticeTitle.includes(noticeTitle));
|
||||
}
|
||||
if (noticeType) {
|
||||
filteredNotices = filteredNotices.filter(notice => notice.noticeType === noticeType);
|
||||
}
|
||||
if (status) {
|
||||
filteredNotices = filteredNotices.filter(notice => notice.status === status);
|
||||
}
|
||||
|
||||
const total = filteredNotices.length;
|
||||
const start = (pageNum - 1) * pageSize;
|
||||
const end = start + pageSize;
|
||||
const list = filteredNotices.slice(start, end);
|
||||
|
||||
return Promise.resolve({
|
||||
total,
|
||||
rows: list
|
||||
});
|
||||
}
|
||||
|
||||
// 查询公告详细
|
||||
export function getNotice(noticeId) {
|
||||
return request({
|
||||
url: '/system/notice/' + noticeId,
|
||||
method: 'get'
|
||||
})
|
||||
const notice = mockNotices.find(n => n.noticeId === parseInt(noticeId));
|
||||
return Promise.resolve(notice || {});
|
||||
}
|
||||
|
||||
// 新增公告
|
||||
export function addNotice(data) {
|
||||
return request({
|
||||
url: '/system/notice',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
const newNotice = {
|
||||
noticeId: mockNotices.length + 1,
|
||||
...data,
|
||||
createTime: new Date().toISOString().split('T')[0]
|
||||
};
|
||||
mockNotices.push(newNotice);
|
||||
return Promise.resolve({ code: 200, msg: '新增成功' });
|
||||
}
|
||||
|
||||
// 修改公告
|
||||
export function updateNotice(data) {
|
||||
return request({
|
||||
url: '/system/notice',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
const index = mockNotices.findIndex(n => n.noticeId === data.noticeId);
|
||||
if (index !== -1) {
|
||||
mockNotices[index] = { ...mockNotices[index], ...data };
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 删除公告
|
||||
export function delNotice(noticeId) {
|
||||
return request({
|
||||
url: '/system/notice/' + noticeId,
|
||||
method: 'delete'
|
||||
})
|
||||
const index = mockNotices.findIndex(n => n.noticeId === parseInt(noticeId));
|
||||
if (index !== -1) {
|
||||
mockNotices.splice(index, 1);
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '删除成功' });
|
||||
}
|
||||
|
|
@ -1,44 +1,66 @@
|
|||
import request from '@/utils/request'
|
||||
// 模拟静态数据
|
||||
const mockPosts = [
|
||||
{ postId: 1, postName: '总经理', postCode: 'CEO', postSort: 1, status: '0', createTime: '2023-01-01' },
|
||||
{ postId: 2, postName: '技术总监', postCode: 'CTO', postSort: 2, status: '0', createTime: '2023-01-02' }
|
||||
];
|
||||
|
||||
// 查询岗位列表
|
||||
export function listPost(query) {
|
||||
return request({
|
||||
url: '/system/post/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
const { pageNum, pageSize, postName, postCode, status } = query;
|
||||
let filteredPosts = [...mockPosts];
|
||||
|
||||
if (postName) {
|
||||
filteredPosts = filteredPosts.filter(post => post.postName.includes(postName));
|
||||
}
|
||||
if (postCode) {
|
||||
filteredPosts = filteredPosts.filter(post => post.postCode.includes(postCode));
|
||||
}
|
||||
if (status) {
|
||||
filteredPosts = filteredPosts.filter(post => post.status === status);
|
||||
}
|
||||
|
||||
const total = filteredPosts.length;
|
||||
const start = (pageNum - 1) * pageSize;
|
||||
const end = start + pageSize;
|
||||
const list = filteredPosts.slice(start, end);
|
||||
|
||||
return Promise.resolve({
|
||||
total,
|
||||
rows: list
|
||||
});
|
||||
}
|
||||
|
||||
// 查询岗位详细
|
||||
export function getPost(postId) {
|
||||
return request({
|
||||
url: '/system/post/' + postId,
|
||||
method: 'get'
|
||||
})
|
||||
const post = mockPosts.find(p => p.postId === parseInt(postId));
|
||||
return Promise.resolve(post || {});
|
||||
}
|
||||
|
||||
// 新增岗位
|
||||
export function addPost(data) {
|
||||
return request({
|
||||
url: '/system/post',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
const newPost = {
|
||||
postId: mockPosts.length + 1,
|
||||
...data,
|
||||
createTime: new Date().toISOString().split('T')[0]
|
||||
};
|
||||
mockPosts.push(newPost);
|
||||
return Promise.resolve({ code: 200, msg: '新增成功' });
|
||||
}
|
||||
|
||||
// 修改岗位
|
||||
export function updatePost(data) {
|
||||
return request({
|
||||
url: '/system/post',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
const index = mockPosts.findIndex(p => p.postId === data.postId);
|
||||
if (index !== -1) {
|
||||
mockPosts[index] = { ...mockPosts[index], ...data };
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 删除岗位
|
||||
export function delPost(postId) {
|
||||
return request({
|
||||
url: '/system/post/' + postId,
|
||||
method: 'delete'
|
||||
})
|
||||
const index = mockPosts.findIndex(p => p.postId === parseInt(postId));
|
||||
if (index !== -1) {
|
||||
mockPosts.splice(index, 1);
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '删除成功' });
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,119 +1,119 @@
|
|||
import request from '@/utils/request'
|
||||
// 模拟静态数据
|
||||
const mockRoles = [
|
||||
{ roleId: 1, roleName: '管理员', roleKey: 'admin', roleSort: 1, status: '0', createTime: '2023-01-01' },
|
||||
{ roleId: 2, roleName: '普通角色', roleKey: 'common', roleSort: 2, status: '0', createTime: '2023-01-02' }
|
||||
];
|
||||
|
||||
// 查询角色列表
|
||||
export function listRole(query) {
|
||||
return request({
|
||||
url: '/system/role/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
// 模拟分页
|
||||
const { pageNum, pageSize, roleName, roleKey, status } = query;
|
||||
let filteredRoles = [...mockRoles];
|
||||
|
||||
if (roleName) {
|
||||
filteredRoles = filteredRoles.filter(role => role.roleName.includes(roleName));
|
||||
}
|
||||
if (roleKey) {
|
||||
filteredRoles = filteredRoles.filter(role => role.roleKey.includes(roleKey));
|
||||
}
|
||||
if (status) {
|
||||
filteredRoles = filteredRoles.filter(role => role.status === status);
|
||||
}
|
||||
|
||||
const total = filteredRoles.length;
|
||||
const start = (pageNum - 1) * pageSize;
|
||||
const end = start + pageSize;
|
||||
const list = filteredRoles.slice(start, end);
|
||||
|
||||
return Promise.resolve({
|
||||
total,
|
||||
rows: list
|
||||
});
|
||||
}
|
||||
|
||||
// 查询角色详细
|
||||
export function getRole(roleId) {
|
||||
return request({
|
||||
url: '/system/role/' + roleId,
|
||||
method: 'get'
|
||||
})
|
||||
const role = mockRoles.find(r => r.roleId === parseInt(roleId));
|
||||
return Promise.resolve(role || {});
|
||||
}
|
||||
|
||||
// 新增角色
|
||||
export function addRole(data) {
|
||||
return request({
|
||||
url: '/system/role',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
const newRole = {
|
||||
roleId: mockRoles.length + 1,
|
||||
...data,
|
||||
createTime: new Date().toISOString().split('T')[0]
|
||||
};
|
||||
mockRoles.push(newRole);
|
||||
return Promise.resolve({ code: 200, msg: '新增成功' });
|
||||
}
|
||||
|
||||
// 修改角色
|
||||
export function updateRole(data) {
|
||||
return request({
|
||||
url: '/system/role',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
const index = mockRoles.findIndex(r => r.roleId === data.roleId);
|
||||
if (index !== -1) {
|
||||
mockRoles[index] = { ...mockRoles[index], ...data };
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 角色数据权限
|
||||
export function dataScope(data) {
|
||||
return request({
|
||||
url: '/system/role/dataScope',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 角色状态修改
|
||||
export function changeRoleStatus(roleId, status) {
|
||||
const data = {
|
||||
roleId,
|
||||
status
|
||||
const role = mockRoles.find(r => r.roleId === parseInt(roleId));
|
||||
if (role) {
|
||||
role.status = status;
|
||||
}
|
||||
return request({
|
||||
url: '/system/role/changeStatus',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 删除角色
|
||||
export function delRole(roleId) {
|
||||
return request({
|
||||
url: '/system/role/' + roleId,
|
||||
method: 'delete'
|
||||
})
|
||||
const index = mockRoles.findIndex(r => r.roleId === parseInt(roleId));
|
||||
if (index !== -1) {
|
||||
mockRoles.splice(index, 1);
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '删除成功' });
|
||||
}
|
||||
|
||||
// 查询角色已授权用户列表
|
||||
export function allocatedUserList(query) {
|
||||
return request({
|
||||
url: '/system/role/authUser/allocatedList',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
return Promise.resolve({
|
||||
total: 1,
|
||||
rows: [{ userId: 1, userName: 'admin', nickName: '管理员' }]
|
||||
});
|
||||
}
|
||||
|
||||
// 查询角色未授权用户列表
|
||||
export function unallocatedUserList(query) {
|
||||
return request({
|
||||
url: '/system/role/authUser/unallocatedList',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
return Promise.resolve({
|
||||
total: 1,
|
||||
rows: [{ userId: 2, userName: 'test', nickName: '测试用户' }]
|
||||
});
|
||||
}
|
||||
|
||||
// 取消用户授权角色
|
||||
export function authUserCancel(data) {
|
||||
return request({
|
||||
url: '/system/role/authUser/cancel',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '取消授权成功' });
|
||||
}
|
||||
|
||||
// 批量取消用户授权角色
|
||||
export function authUserCancelAll(data) {
|
||||
return request({
|
||||
url: '/system/role/authUser/cancelAll',
|
||||
method: 'put',
|
||||
params: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '批量取消授权成功' });
|
||||
}
|
||||
|
||||
// 授权用户选择
|
||||
export function authUserSelectAll(data) {
|
||||
return request({
|
||||
url: '/system/role/authUser/selectAll',
|
||||
method: 'put',
|
||||
params: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '授权成功' });
|
||||
}
|
||||
|
||||
// 根据角色ID查询部门树结构
|
||||
export function deptTreeSelect(roleId) {
|
||||
return request({
|
||||
url: '/system/role/deptTree/' + roleId,
|
||||
method: 'get'
|
||||
})
|
||||
return Promise.resolve([
|
||||
{ id: 1, label: '总公司', children: [{ id: 2, label: '研发部' }] }
|
||||
]);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,136 +1,125 @@
|
|||
import request from '@/utils/request'
|
||||
import { parseStrEmpty } from "@/utils/ruoyi";
|
||||
// 模拟静态数据
|
||||
const mockUsers = [
|
||||
{ userId: 1, userName: 'admin', nickName: '管理员', dept: { deptName: '总公司' }, phonenumber: '15888888888', status: '0', createTime: '2023-01-01' },
|
||||
{ userId: 2, userName: 'test', nickName: '测试用户', dept: { deptName: '研发部' }, phonenumber: '15666666666', status: '0', createTime: '2023-01-02' }
|
||||
];
|
||||
|
||||
// 查询用户列表
|
||||
export function listUser(query) {
|
||||
return request({
|
||||
url: '/system/user/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
// 模拟分页
|
||||
const { pageNum, pageSize, userName, phonenumber, status, deptId } = query;
|
||||
let filteredUsers = [...mockUsers];
|
||||
|
||||
if (userName) {
|
||||
filteredUsers = filteredUsers.filter(user => user.userName.includes(userName));
|
||||
}
|
||||
if (phonenumber) {
|
||||
filteredUsers = filteredUsers.filter(user => user.phonenumber.includes(phonenumber));
|
||||
}
|
||||
if (status) {
|
||||
filteredUsers = filteredUsers.filter(user => user.status === status);
|
||||
}
|
||||
if (deptId) {
|
||||
filteredUsers = filteredUsers.filter(user => user.dept.deptId === deptId);
|
||||
}
|
||||
|
||||
const total = filteredUsers.length;
|
||||
const start = (pageNum - 1) * pageSize;
|
||||
const end = start + pageSize;
|
||||
const list = filteredUsers.slice(start, end);
|
||||
|
||||
return Promise.resolve({
|
||||
total,
|
||||
rows: list
|
||||
});
|
||||
}
|
||||
|
||||
// 查询用户详细
|
||||
export function getUser(userId) {
|
||||
return request({
|
||||
url: '/system/user/' + parseStrEmpty(userId),
|
||||
method: 'get'
|
||||
})
|
||||
const user = mockUsers.find(u => u.userId === parseInt(userId));
|
||||
return Promise.resolve(user || {});
|
||||
}
|
||||
|
||||
// 新增用户
|
||||
export function addUser(data) {
|
||||
return request({
|
||||
url: '/system/user',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
const newUser = {
|
||||
userId: mockUsers.length + 1,
|
||||
...data,
|
||||
createTime: new Date().toISOString().split('T')[0]
|
||||
};
|
||||
mockUsers.push(newUser);
|
||||
return Promise.resolve({ code: 200, msg: '新增成功' });
|
||||
}
|
||||
|
||||
// 修改用户
|
||||
export function updateUser(data) {
|
||||
return request({
|
||||
url: '/system/user',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
const index = mockUsers.findIndex(u => u.userId === data.userId);
|
||||
if (index !== -1) {
|
||||
mockUsers[index] = { ...mockUsers[index], ...data };
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 删除用户
|
||||
export function delUser(userId) {
|
||||
return request({
|
||||
url: '/system/user/' + userId,
|
||||
method: 'delete'
|
||||
})
|
||||
const index = mockUsers.findIndex(u => u.userId === parseInt(userId));
|
||||
if (index !== -1) {
|
||||
mockUsers.splice(index, 1);
|
||||
}
|
||||
return Promise.resolve({ code: 200, msg: '删除成功' });
|
||||
}
|
||||
|
||||
// 用户密码重置
|
||||
export function resetUserPwd(userId, password) {
|
||||
const data = {
|
||||
userId,
|
||||
password
|
||||
}
|
||||
return request({
|
||||
url: '/system/user/resetPwd',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '重置成功' });
|
||||
}
|
||||
|
||||
// 用户状态修改
|
||||
export function changeUserStatus(userId, status) {
|
||||
const data = {
|
||||
userId,
|
||||
status
|
||||
const user = mockUsers.find(u => u.userId === parseInt(userId));
|
||||
if (user) {
|
||||
user.status = status;
|
||||
}
|
||||
return request({
|
||||
url: '/system/user/changeStatus',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 查询用户个人信息
|
||||
export function getUserProfile() {
|
||||
return request({
|
||||
url: '/system/user/profile',
|
||||
method: 'get'
|
||||
})
|
||||
return Promise.resolve(mockUsers[0]);
|
||||
}
|
||||
|
||||
// 修改用户个人信息
|
||||
export function updateUserProfile(data) {
|
||||
return request({
|
||||
url: '/system/user/profile',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
Object.assign(mockUsers[0], data);
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 用户密码重置
|
||||
export function updateUserPwd(oldPassword, newPassword) {
|
||||
const data = {
|
||||
oldPassword,
|
||||
newPassword
|
||||
}
|
||||
return request({
|
||||
url: '/system/user/profile/updatePwd',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '修改成功' });
|
||||
}
|
||||
|
||||
// 用户头像上传
|
||||
export function uploadAvatar(data) {
|
||||
return request({
|
||||
url: '/system/user/profile/avatar',
|
||||
method: 'post',
|
||||
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
||||
data: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '上传成功' });
|
||||
}
|
||||
|
||||
// 查询授权角色
|
||||
export function getAuthRole(userId) {
|
||||
return request({
|
||||
url: '/system/user/authRole/' + userId,
|
||||
method: 'get'
|
||||
})
|
||||
return Promise.resolve({
|
||||
user: mockUsers.find(u => u.userId === parseInt(userId)),
|
||||
roles: [{ roleId: 1, roleName: '管理员' }]
|
||||
});
|
||||
}
|
||||
|
||||
// 保存授权角色
|
||||
export function updateAuthRole(data) {
|
||||
return request({
|
||||
url: '/system/user/authRole',
|
||||
method: 'put',
|
||||
params: data
|
||||
})
|
||||
return Promise.resolve({ code: 200, msg: '授权成功' });
|
||||
}
|
||||
|
||||
// 查询部门下拉树结构
|
||||
export function deptTreeSelect() {
|
||||
return request({
|
||||
url: '/system/user/deptTree',
|
||||
method: 'get'
|
||||
})
|
||||
return Promise.resolve([
|
||||
{ id: 1, label: '总公司', children: [{ id: 2, label: '研发部' }] }
|
||||
]);
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 923 KiB |
|
|
@ -1,7 +1,12 @@
|
|||
<template>
|
||||
<div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
|
||||
<div class="sidebar-logo-container" :class="{ collapse: collapse }">
|
||||
<transition name="sidebarLogoFade">
|
||||
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
|
||||
<router-link
|
||||
v-if="collapse"
|
||||
key="collapse"
|
||||
class="sidebar-logo-link"
|
||||
to="/"
|
||||
>
|
||||
<img v-if="logo" :src="logo" class="sidebar-logo" />
|
||||
<h1 v-else class="sidebar-title">{{ title }}</h1>
|
||||
</router-link>
|
||||
|
|
@ -14,16 +19,16 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import logo from '@/assets/logo/logo.png'
|
||||
import useSettingsStore from '@/store/modules/settings'
|
||||
import variables from '@/assets/styles/variables.module.scss'
|
||||
import logo from "@/assets/logo/logo.png";
|
||||
import useSettingsStore from "@/store/modules/settings";
|
||||
import variables from "@/assets/styles/variables.module.scss";
|
||||
|
||||
defineProps({
|
||||
collapse: {
|
||||
type: Boolean,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
|
||||
const title = import.meta.env.VITE_APP_TITLE;
|
||||
const settingsStore = useSettingsStore();
|
||||
|
|
@ -32,22 +37,24 @@ const sideTheme = computed(() => settingsStore.sideTheme);
|
|||
// 获取Logo背景色
|
||||
const getLogoBackground = computed(() => {
|
||||
if (settingsStore.isDark) {
|
||||
return 'var(--sidebar-bg)';
|
||||
return "var(--sidebar-bg)";
|
||||
}
|
||||
return sideTheme.value === 'theme-dark' ? variables.menuBg : variables.menuLightBg;
|
||||
return sideTheme.value === "theme-dark"
|
||||
? variables.menuBg
|
||||
: variables.menuLightBg;
|
||||
});
|
||||
|
||||
// 获取Logo文字颜色
|
||||
const getLogoTextColor = computed(() => {
|
||||
if (settingsStore.isDark) {
|
||||
return 'var(--sidebar-text)';
|
||||
return "var(--sidebar-text)";
|
||||
}
|
||||
return sideTheme.value === 'theme-dark' ? '#fff' : variables.menuLightText;
|
||||
return sideTheme.value === "theme-dark" ? "#fff" : variables.menuLightText;
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/styles/variables.module.scss';
|
||||
@import "@/assets/styles/variables.module.scss";
|
||||
|
||||
.sidebarLogoFade-enter-active {
|
||||
transition: opacity 1.5s;
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@ import defaultSettings from '@/settings'
|
|||
|
||||
import useAppStore from '@/store/modules/app'
|
||||
import useSettingsStore from '@/store/modules/settings'
|
||||
import usePermissionStore from '@/store/modules/permission'
|
||||
|
||||
const settingsStore = useSettingsStore()
|
||||
const theme = computed(() => settingsStore.theme);
|
||||
|
|
@ -40,6 +41,8 @@ const classObj = computed(() => ({
|
|||
const { width, height } = useWindowSize();
|
||||
const WIDTH = 992; // refer to Bootstrap's responsive design
|
||||
|
||||
const permissionStore = usePermissionStore()
|
||||
|
||||
watch(() => device.value, () => {
|
||||
if (device.value === 'mobile' && sidebar.value.opened) {
|
||||
useAppStore().closeSideBar({ withoutAnimation: false })
|
||||
|
|
@ -63,6 +66,10 @@ const settingRef = ref(null);
|
|||
function setLayout() {
|
||||
settingRef.value.openSetting();
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
permissionStore.generateRoutes()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@ import { isHttp, isPathMatch } from '@/utils/validate'
|
|||
import { isRelogin } from '@/utils/request'
|
||||
import useUserStore from '@/store/modules/user'
|
||||
import useSettingsStore from '@/store/modules/settings'
|
||||
import usePermissionStore from '@/store/modules/permission'
|
||||
|
||||
NProgress.configure({ showSpinner: false })
|
||||
|
||||
|
|
@ -33,15 +32,8 @@ router.beforeEach((to, from, next) => {
|
|||
// 判断当前用户是否已拉取完user_info信息
|
||||
useUserStore().getInfo().then(() => {
|
||||
isRelogin.show = false
|
||||
usePermissionStore().generateRoutes().then(accessRoutes => {
|
||||
// 根据roles权限生成可访问的路由表
|
||||
accessRoutes.forEach(route => {
|
||||
if (!isHttp(route.path)) {
|
||||
router.addRoute(route) // 动态添加可访问路由表
|
||||
}
|
||||
})
|
||||
next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
|
||||
})
|
||||
// 不再动态加载路由，直接使用静态路由
|
||||
next({ ...to, replace: true })
|
||||
}).catch(err => {
|
||||
useUserStore().logOut().then(() => {
|
||||
ElMessage.error(err)
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import { createWebHistory, createRouter } from 'vue-router'
|
||||
/* Layout */
|
||||
import Layout from '@/layout'
|
||||
import Layout from '@/layout/index.vue'
|
||||
|
||||
/**
|
||||
* Note: 路由配置项
|
||||
|
|
@ -39,22 +39,22 @@ export const constantRoutes = [
|
|||
},
|
||||
{
|
||||
path: '/login',
|
||||
component: () => import('@/views/login'),
|
||||
component: () => import('@/views/login.vue'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/register',
|
||||
component: () => import('@/views/register'),
|
||||
component: () => import('@/views/register.vue'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: "/:pathMatch(.*)*",
|
||||
component: () => import('@/views/error/404'),
|
||||
component: () => import('@/views/error/404.vue'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/401',
|
||||
component: () => import('@/views/error/401'),
|
||||
component: () => import('@/views/error/401.vue'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
|
|
@ -64,7 +64,7 @@ export const constantRoutes = [
|
|||
children: [
|
||||
{
|
||||
path: '/index',
|
||||
component: () => import('@/views/index'),
|
||||
component: () => import('@/views/index.vue'),
|
||||
name: 'Index',
|
||||
meta: { title: '首页', icon: 'dashboard', affix: true }
|
||||
}
|
||||
|
|
@ -74,20 +74,40 @@ export const constantRoutes = [
|
|||
path: '/user',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
redirect: 'noredirect',
|
||||
redirect: 'noRedirect',
|
||||
name: 'UserCenter',
|
||||
meta: { title: '个人中心', icon: 'user' },
|
||||
children: [
|
||||
{
|
||||
path: 'profile',
|
||||
component: () => import('@/views/system/user/profile/index'),
|
||||
component: () => import('@/views/user/profile/index.vue'),
|
||||
name: 'Profile',
|
||||
meta: { title: '个人中心', icon: 'user' }
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
// 动态路由，基于用户权限动态去加载
|
||||
export const dynamicRoutes = [
|
||||
},
|
||||
{
|
||||
path: '/order',
|
||||
component: Layout,
|
||||
hidden: false,
|
||||
name: 'Order',
|
||||
meta: { title: '订单管理', icon: 'shopping' },
|
||||
children: [
|
||||
{
|
||||
path: 'intention',
|
||||
component: () => import('@/views/order/intention/index.vue'),
|
||||
name: 'Intention',
|
||||
meta: { title: '意向订单', icon: 'form' }
|
||||
},
|
||||
{
|
||||
path: 'create',
|
||||
component: () => import('@/views/order/intention/create.vue'),
|
||||
name: 'IntentionCreate',
|
||||
meta: { title: '创建意向订单', icon: 'edit', hidden: true }
|
||||
}
|
||||
]
|
||||
},
|
||||
// 以下为原动态路由，现在直接合并到静态路由中
|
||||
{
|
||||
path: '/system/user-auth',
|
||||
component: Layout,
|
||||
|
|
@ -96,7 +116,7 @@ export const dynamicRoutes = [
|
|||
children: [
|
||||
{
|
||||
path: 'role/:userId(\\d+)',
|
||||
component: () => import('@/views/system/user/authRole'),
|
||||
component: () => import('@/views/system/user/authRole.vue'),
|
||||
name: 'AuthRole',
|
||||
meta: { title: '分配角色', activeMenu: '/system/user' }
|
||||
}
|
||||
|
|
@ -110,7 +130,7 @@ export const dynamicRoutes = [
|
|||
children: [
|
||||
{
|
||||
path: 'user/:roleId(\\d+)',
|
||||
component: () => import('@/views/system/role/authUser'),
|
||||
component: () => import('@/views/system/role/authUser.vue'),
|
||||
name: 'AuthUser',
|
||||
meta: { title: '分配用户', activeMenu: '/system/role' }
|
||||
}
|
||||
|
|
@ -124,7 +144,7 @@ export const dynamicRoutes = [
|
|||
children: [
|
||||
{
|
||||
path: 'index/:dictId(\\d+)',
|
||||
component: () => import('@/views/system/dict/data'),
|
||||
component: () => import('@/views/system/dict/data.vue'),
|
||||
name: 'Data',
|
||||
meta: { title: '字典数据', activeMenu: '/system/dict' }
|
||||
}
|
||||
|
|
@ -138,7 +158,7 @@ export const dynamicRoutes = [
|
|||
children: [
|
||||
{
|
||||
path: 'index/:jobId(\\d+)',
|
||||
component: () => import('@/views/monitor/job/log'),
|
||||
component: () => import('@/views/monitor/job/log.vue'),
|
||||
name: 'JobLog',
|
||||
meta: { title: '调度日志', activeMenu: '/monitor/job' }
|
||||
}
|
||||
|
|
@ -152,13 +172,16 @@ export const dynamicRoutes = [
|
|||
children: [
|
||||
{
|
||||
path: 'index/:tableId(\\d+)',
|
||||
component: () => import('@/views/tool/gen/editTable'),
|
||||
component: () => import('@/views/tool/gen/editTable.vue'),
|
||||
name: 'GenEdit',
|
||||
meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
];
|
||||
|
||||
// 动态路由已合并到静态路由中，不再需要
|
||||
// export const dynamicRoutes = [ ... ];
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(),
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
import auth from '@/plugins/auth'
|
||||
import router, { constantRoutes, dynamicRoutes } from '@/router'
|
||||
import { getRouters } from '@/api/menu'
|
||||
import router, { constantRoutes } from '@/router'
|
||||
// 不再需要动态路由，移除 dynamicRoutes 和 getRouters
|
||||
// import { getRouters } from '@/api/menu'
|
||||
import Layout from '@/layout/index'
|
||||
import ParentView from '@/components/ParentView'
|
||||
import InnerLink from '@/layout/components/InnerLink'
|
||||
|
|
@ -34,22 +35,13 @@ const usePermissionStore = defineStore(
|
|||
},
|
||||
generateRoutes(roles) {
|
||||
return new Promise(resolve => {
|
||||
// 向后端请求路由数据
|
||||
getRouters().then(res => {
|
||||
const sdata = JSON.parse(JSON.stringify(res.data))
|
||||
const rdata = JSON.parse(JSON.stringify(res.data))
|
||||
const defaultData = JSON.parse(JSON.stringify(res.data))
|
||||
const sidebarRoutes = filterAsyncRouter(sdata)
|
||||
const rewriteRoutes = filterAsyncRouter(rdata, false, true)
|
||||
const defaultRoutes = filterAsyncRouter(defaultData)
|
||||
const asyncRoutes = filterDynamicRoutes(dynamicRoutes)
|
||||
asyncRoutes.forEach(route => { router.addRoute(route) })
|
||||
this.setRoutes(rewriteRoutes)
|
||||
this.setSidebarRouters(constantRoutes.concat(sidebarRoutes))
|
||||
this.setDefaultRoutes(sidebarRoutes)
|
||||
this.setTopbarRoutes(defaultRoutes)
|
||||
resolve(rewriteRoutes)
|
||||
})
|
||||
// 不再调用后端接口，直接使用静态路由
|
||||
const staticRoutes = constantRoutes
|
||||
this.setRoutes(staticRoutes)
|
||||
this.setSidebarRouters(staticRoutes)
|
||||
this.setDefaultRoutes(staticRoutes)
|
||||
this.setTopbarRoutes(staticRoutes)
|
||||
resolve(staticRoutes)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<div class="app-container home">
|
||||
<el-row :gutter="20">
|
||||
<el-col :sm="24" :lg="12" style="padding-left: 20px">
|
||||
<h2>若依后台管理框架</h2>
|
||||
<h2>智奇后台管理框架</h2>
|
||||
<p>
|
||||
一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
|
||||
一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了智奇管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
|
||||
</p>
|
||||
<p>
|
||||
<b>当前版本:</b> <span>v{{ version }}</span>
|
||||
|
|
@ -81,25 +81,32 @@
|
|||
>
|
||||
</p>
|
||||
<p>
|
||||
<i class="el-icon-user-solid"></i> QQ群：<s> 满937441 </s> <s> 满887144332 </s>
|
||||
<s> 满180251782 </s> <s> 满104180207 </s> <s> 满186866453 </s> <s> 满201396349 </s>
|
||||
<s> 满101456076 </s> <s> 满101539465 </s> <s> 满264312783 </s> <s> 满167385320 </s>
|
||||
<s> 满104748341 </s> <s> 满160110482 </s> <s> 满170801498 </s> <s> 满108482800 </s>
|
||||
<s> 满101046199 </s> <s> 满136919097 </s> <s> 满143961921 </s> <s> 满174951577 </s>
|
||||
<s> 满161281055 </s> <s> 满138988063 </s> <s> 满151450850 </s> <s> 满224622315 </s>
|
||||
<s> 满287842588 </s> <s> 满187944233 </s> <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=G6r5KGCaa3pqdbUSXNIgYloyb8e0_L0D&authKey=4w8tF1eGW7%2FedWn%2FHAypQksdrML%2BDHolQSx7094Agm7Luakj9EbfPnSTxSi2T1LQ&noverify=0&group_code=228578329" target="_blank">228578329</a>
|
||||
<i class="el-icon-user-solid"></i> QQ群：<s> 满937441 </s>
|
||||
<s> 满887144332 </s> <s> 满180251782 </s> <s> 满104180207 </s>
|
||||
<s> 满186866453 </s> <s> 满201396349 </s> <s> 满101456076 </s>
|
||||
<s> 满101539465 </s> <s> 满264312783 </s> <s> 满167385320 </s>
|
||||
<s> 满104748341 </s> <s> 满160110482 </s> <s> 满170801498 </s>
|
||||
<s> 满108482800 </s> <s> 满101046199 </s> <s> 满136919097 </s>
|
||||
<s> 满143961921 </s> <s> 满174951577 </s> <s> 满161281055 </s>
|
||||
<s> 满138988063 </s> <s> 满151450850 </s> <s> 满224622315 </s>
|
||||
<s> 满287842588 </s> <s> 满187944233 </s>
|
||||
<a
|
||||
href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=G6r5KGCaa3pqdbUSXNIgYloyb8e0_L0D&authKey=4w8tF1eGW7%2FedWn%2FHAypQksdrML%2BDHolQSx7094Agm7Luakj9EbfPnSTxSi2T1LQ&noverify=0&group_code=228578329"
|
||||
target="_blank"
|
||||
>228578329</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<i class="el-icon-chat-dot-round"></i> 微信：<a
|
||||
href="javascript:;"
|
||||
>/ *若依</a
|
||||
>/ *智奇</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<i class="el-icon-money"></i> 支付宝：<a
|
||||
href="javascript:;"
|
||||
class="支付宝信息"
|
||||
>/ *若依</a
|
||||
>/ *智奇</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -297,7 +304,9 @@
|
|||
<li>修复table中更多按钮切换主题色未生效修复问题</li>
|
||||
<li>修复某些特性的环境生成代码变乱码TXT文件问题</li>
|
||||
<li>修复代码生成图片/文件/单选时选择必填无法校验问题</li>
|
||||
<li>修复某些特性的情况用户编辑对话框中角色和部门无法修改问题</li>
|
||||
<li>
|
||||
修复某些特性的情况用户编辑对话框中角色和部门无法修改问题
|
||||
</li>
|
||||
<li>其他细节优化</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
|
|
@ -358,7 +367,9 @@
|
|||
<li>新增获取不带后缀文件名称方法</li>
|
||||
<li>新增获取配置文件中的属性值方法</li>
|
||||
<li>新增内容编码/解码方便插件集成使用</li>
|
||||
<li>字典类型必须以字母开头，且只能为（小写字母，数字，下滑线）</li>
|
||||
<li>
|
||||
字典类型必须以字母开头，且只能为（小写字母，数字，下滑线）
|
||||
</li>
|
||||
<li>优化设置分页参数默认值</li>
|
||||
<li>优化对空字符串参数处理的过滤</li>
|
||||
<li>优化显示顺序orderNum类型为整型</li>
|
||||
|
|
@ -562,8 +573,12 @@
|
|||
<li>BLOB下载时清除URL对象引用</li>
|
||||
<li>代码生成导入表按创建时间排序</li>
|
||||
<li>修复代码生成页面数据编辑保存之后总是跳转第一页的问题</li>
|
||||
<li>修复带safari浏览器无法格式化utc日期格式yyyy-MM-dd'T'HH:mm:ss.SSS问题</li>
|
||||
<li>多图上传组件移除多余的api地址&验证失败导致图片删除问题&无法删除相应图片修复</li>
|
||||
<li>
|
||||
修复带safari浏览器无法格式化utc日期格式yyyy-MM-dd'T'HH:mm:ss.SSS问题
|
||||
</li>
|
||||
<li>
|
||||
多图上传组件移除多余的api地址&验证失败导致图片删除问题&无法删除相应图片修复
|
||||
</li>
|
||||
<li>其他细节优化</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
|
|
@ -608,7 +623,9 @@
|
|||
</el-collapse-item>
|
||||
<el-collapse-item title="v3.5.0 - 2021-05-25">
|
||||
<ol>
|
||||
<li>新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）</li>
|
||||
<li>
|
||||
新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）
|
||||
</li>
|
||||
<li>布局设置支持保存&重置配置</li>
|
||||
<li>修复树表数据显示不全&加载慢问题</li>
|
||||
<li>新增IE浏览器版本过低提示页面</li>
|
||||
|
|
@ -627,7 +644,9 @@
|
|||
<li>升级druid到最新版本v1.2.6</li>
|
||||
<li>升级mybatis到最新版3.5.6 阻止远程代码执行漏洞</li>
|
||||
<li>升级oshi到最新版本v5.6.0</li>
|
||||
<li>velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞</li>
|
||||
<li>
|
||||
velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞
|
||||
</li>
|
||||
<li>数据监控页默认账户密码防止越权访问</li>
|
||||
<li>修复firefox下表单构建拖拽会新打卡一个选项卡</li>
|
||||
<li>修正后端导入表权限标识</li>
|
||||
|
|
@ -992,7 +1011,7 @@
|
|||
</el-collapse-item>
|
||||
<el-collapse-item title="v1.0.0 - 2019-10-08">
|
||||
<ol>
|
||||
<li>若依前后端分离系统正式发布</li>
|
||||
<li>智奇前后端分离系统正式发布</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
|
|
@ -1009,7 +1028,7 @@
|
|||
<img
|
||||
src="@/assets/images/pay.png"
|
||||
alt="donate"
|
||||
style="width:100%"
|
||||
style="width: 100%"
|
||||
/>
|
||||
<span style="display: inline-block; height: 30px; line-height: 30px"
|
||||
>你可以请作者喝杯咖啡表示鼓励</span
|
||||
|
|
@ -1022,10 +1041,10 @@
|
|||
</template>
|
||||
|
||||
<script setup name="Index">
|
||||
const version = ref('3.8.9')
|
||||
const version = ref("3.8.9");
|
||||
|
||||
function goTarget(url) {
|
||||
window.open(url, '__blank')
|
||||
window.open(url, "__blank");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@
|
|||
</el-form>
|
||||
<!-- 底部 -->
|
||||
<div class="el-login-footer">
|
||||
<span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
|
||||
<span>Copyright © 2018-2025 guoan All Rights Reserved.</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,54 @@
|
|||
<template>
|
||||
<el-form
|
||||
label-width="100px"
|
||||
class="step-form"
|
||||
style="margin-top: 32px; max-width: 500px"
|
||||
>
|
||||
<el-form-item label="客户名称" required>
|
||||
<el-select v-model="form.customerName" placeholder="请选择客户名称">
|
||||
<el-option label="广州铁路局" value="广州铁路局" />
|
||||
<el-option label="深圳地铁" value="深圳地铁" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="客户地址" required>
|
||||
<el-select v-model="form.customerAddress" placeholder="请选择客户地址">
|
||||
<el-option label="广州市天河区" value="广州市天河区" />
|
||||
<el-option label="深圳市福田区" value="深圳市福田区" />
|
||||
<el-option label="广州市越秀区" value="广州市越秀区" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="邮编">
|
||||
<el-input v-model="form.zip" placeholder="请输入邮编" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人">
|
||||
<el-select v-model="form.linkman" placeholder="请选择联系人">
|
||||
<el-option label="张三" value="张三" />
|
||||
<el-option label="李四" value="李四" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系方式">
|
||||
<el-select v-model="form.linkway" placeholder="请选择联系方式">
|
||||
<el-option label="13921000000" value="13921000000" />
|
||||
<el-option label="13921000001" value="13921000001" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="$emit('next-step')">下一步</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const props = defineProps({
|
||||
form: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.step-form {
|
||||
margin-top: 32px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,284 @@
|
|||
<template>
|
||||
<div class="step2-container">
|
||||
<div class="main-row">
|
||||
<div class="step-indicator">
|
||||
<div :class="['circle', selectedCarTypeProxy === '其他' ? 'active' : '']">
|
||||
1
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div :class="['circle', selectedCarTypeProxy !== '其他' ? 'active' : '']">
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-content">
|
||||
<div v-if="selectedCarTypeProxy === '其他'">
|
||||
<div class="step-title">第一步：选择车型</div>
|
||||
<el-form label-width="120px" class="model-form">
|
||||
<el-form-item label="可参考车型列表" required>
|
||||
<el-select
|
||||
v-model="selectedCarTypeProxy"
|
||||
placeholder="请选择车型"
|
||||
filterable
|
||||
>
|
||||
<el-option-group label="最近常选">
|
||||
<el-option label="CR400AF" value="CR400AF" />
|
||||
<el-option label="CR800AF" value="CR800AF" />
|
||||
</el-option-group>
|
||||
<el-option-group label="全部车型">
|
||||
<el-option label="CR400AF" value="CR400AF" />
|
||||
<el-option label="CR800AF" value="CR800AF" />
|
||||
<el-option label="其他" value="其他" />
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划购买数量">
|
||||
<el-input v-model="planCount" placeholder="请输入计划购买数量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="车型输入">
|
||||
<el-input v-model="modelInput" placeholder="请输入车型" />
|
||||
</el-form-item>
|
||||
<el-form-item label="车型描述">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="5"
|
||||
v-model="modelDesc"
|
||||
placeholder="请输入车型描述"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="step">
|
||||
<div class="step-left">
|
||||
<div class="step-title">
|
||||
第一步：选择车型
|
||||
<el-form label-width="120px" class="model-form">
|
||||
<el-form-item label="可参考车型列表" required>
|
||||
<el-select
|
||||
v-model="selectedCarTypeProxy"
|
||||
placeholder="请选择车型"
|
||||
filterable
|
||||
>
|
||||
<el-option-group label="最近常选">
|
||||
<el-option label="CR400AF" value="CR400AF" />
|
||||
<el-option label="CR800AF" value="CR800AF" />
|
||||
</el-option-group>
|
||||
<el-option-group label="全部车型">
|
||||
<el-option label="CR400AF" value="CR400AF" />
|
||||
<el-option label="JR800AF" value="JR800AF" />
|
||||
<el-option label="其他" value="其他" />
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划购买数量">
|
||||
<el-input v-model="planCount" placeholder="请输入计划购买数量" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="step-title">第二步：选择轮对商品</div>
|
||||
</div>
|
||||
<div class="image-box right-align">
|
||||
<img
|
||||
src="../../../assets/images/3D.png"
|
||||
alt="3D结构图"
|
||||
class="main-img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-title">商品参数选择</div>
|
||||
<div class="tree-table-row">
|
||||
<el-tree
|
||||
:data="treeData"
|
||||
:props="treeProps"
|
||||
node-key="id"
|
||||
highlight-current
|
||||
@current-change="handleTreeSelect"
|
||||
class="tree-box"
|
||||
default-expand-all
|
||||
/>
|
||||
<el-table
|
||||
:data="selectedPartInfo ? [selectedPartInfo] : []"
|
||||
border
|
||||
class="part-table"
|
||||
style="width: 600px; margin-left: 24px"
|
||||
>
|
||||
<el-table-column prop="name" label="部件名称" />
|
||||
<el-table-column prop="spec" label="规格" />
|
||||
<el-table-column prop="desc" label="描述" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<el-button @click="$emit('prev-step')">上一步</el-button>
|
||||
<el-button type="primary" @click="$emit('next-step')"
|
||||
>下一步</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed } from "vue";
|
||||
const props = defineProps({
|
||||
form: Object,
|
||||
selectedCarType: String
|
||||
});
|
||||
// 彻底双向绑定
|
||||
const selectedCarTypeProxy = computed({
|
||||
get() {
|
||||
return props.form?.selectedCarType ?? "其他";
|
||||
},
|
||||
set(val) {
|
||||
if (props.form) props.form.selectedCarType = val;
|
||||
}
|
||||
});
|
||||
const planCount = ref("");
|
||||
const modelInput = ref("");
|
||||
const modelDesc = ref("");
|
||||
|
||||
// 模拟树形结构数据
|
||||
const treeData = [
|
||||
{
|
||||
id: 1,
|
||||
label: "D310000000032,动力轮对轴箱组装(带联轴节)",
|
||||
children: [
|
||||
{
|
||||
id: 2,
|
||||
label: "D311000000013,动力轮对(带轴承+联轴节)",
|
||||
children: [
|
||||
{ id: 3, label: "D311001000011,动力轮对" },
|
||||
{ id: 4, label: "D325000000013,左轴箱组装" },
|
||||
{ id: 5, label: "D326000000037,左轴端装置" },
|
||||
{ id: 6, label: "D325000000014,右轴箱组装" },
|
||||
{ id: 7, label: "D326000000038,右轴端装置" },
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
const treeProps = { children: "children", label: "label" };
|
||||
|
||||
// 模拟部件关键信息
|
||||
const partInfoMap = {
|
||||
1: { name: "动力轮对轴箱组装", spec: "组装件", desc: "包含轮对、轴箱等" },
|
||||
2: { name: "动力轮对", spec: "带轴承+联轴节", desc: "动力传递部件" },
|
||||
3: { name: "动力轮对", spec: "标准型", desc: "主驱动部件" },
|
||||
4: { name: "左轴箱组装", spec: "组装件", desc: "左侧支撑" },
|
||||
5: { name: "左轴端装置", spec: "端装置", desc: "左端保护" },
|
||||
6: { name: "右轴箱组装", spec: "组装件", desc: "右侧支撑" },
|
||||
7: { name: "右轴端装置", spec: "端装置", desc: "右端保护" },
|
||||
};
|
||||
const selectedPartInfo = ref(null);
|
||||
function handleTreeSelect(node) {
|
||||
if (node && node.id && partInfoMap[node.id]) {
|
||||
selectedPartInfo.value = partInfoMap[node.id];
|
||||
} else {
|
||||
selectedPartInfo.value = null;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.step2-container {
|
||||
background: #fff;
|
||||
padding: 24px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.main-row {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.step-indicator {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-right: 24px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.circle {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 50%;
|
||||
background: #ccc;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.circle.active {
|
||||
background: #2156f3;
|
||||
}
|
||||
.line {
|
||||
width: 4px;
|
||||
height: 170px;
|
||||
background: #ccc;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.right-content {
|
||||
flex: 1;
|
||||
}
|
||||
.step {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.step-left {
|
||||
flex: 1;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.step-title {
|
||||
font-size: 18px;
|
||||
margin: 15px 0;
|
||||
}
|
||||
.step-title:last-child {
|
||||
margin-top: 145px;
|
||||
}
|
||||
.image-box.right-align {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.table-title {
|
||||
font-weight: bold;
|
||||
margin: 16px 0 8px 0;
|
||||
}
|
||||
.tree-table-row {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
border: 1px solid #bbb;
|
||||
border-radius: 4px;
|
||||
padding: 12px;
|
||||
background: #fff;
|
||||
}
|
||||
.tree-box {
|
||||
min-width: 340px;
|
||||
max-width: 400px;
|
||||
margin-right: 24px;
|
||||
background: #fff;
|
||||
}
|
||||
.part-table {
|
||||
min-width: 350px;
|
||||
max-width: 600px;
|
||||
}
|
||||
.model-form {
|
||||
max-width: 900px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.btn-row {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.main-img {
|
||||
width: 580px;
|
||||
height: 260px;
|
||||
object-fit: contain;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<template>
|
||||
<div class="step3-container">
|
||||
<el-form label-width="100px">
|
||||
<el-form-item label="付款条件">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="form.pay"
|
||||
placeholder="请输入付款条件"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="异议">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="form.objection"
|
||||
placeholder="请输入异议信息"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="不可抗力">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="form.force"
|
||||
placeholder="请输入不可抗力信息"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="争议解决">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="form.dispute"
|
||||
placeholder="请输入争议解决方式"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="其他">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="form.other"
|
||||
placeholder="请输入其他信息"
|
||||
/>
|
||||
</el-form-item>
|
||||
<div class="btn-row">
|
||||
<el-button @click="$emit('prev-step')">上一步</el-button>
|
||||
<el-button type="primary" @click="$emit('next-step')">下一步</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive } from "vue";
|
||||
const form = reactive({
|
||||
pay: "货物出厂验收合格前，买方需将所提货物全额货款支付给卖方。",
|
||||
objection: "",
|
||||
force: "",
|
||||
dispute: "",
|
||||
other: "",
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.step3-container {
|
||||
background: #fff;
|
||||
padding: 24px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.btn-row {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<template>
|
||||
<div class="step4-container">
|
||||
<div class="success-box">
|
||||
<div class="success-icon">
|
||||
<svg viewBox="0 0 100 100" width="100" height="100">
|
||||
<circle cx="50" cy="50" r="48" fill="#b6ff3a" />
|
||||
<polyline
|
||||
points="30,55 48,72 72,38"
|
||||
fill="none"
|
||||
stroke="#222"
|
||||
stroke-width="8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="success-text">订单/意向生成，我们会尽快安排生产/研发</div>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<el-button @click="$emit('prev-step')">上一步</el-button>
|
||||
<el-button type="primary">查看列表</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.step4-container {
|
||||
background: #fff;
|
||||
padding: 24px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.success-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 48px 0 24px 0;
|
||||
}
|
||||
.success-icon {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.success-text {
|
||||
padding: 24px 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
color: #333;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.btn-row {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="header">
|
||||
<h2>创建订单/意向</h2>
|
||||
<div class="price-box">
|
||||
<span>预计总价：</span>
|
||||
<span class="price">300万</span>
|
||||
</div>
|
||||
</div>
|
||||
<el-steps :active="stepForStepsBar" finish-status="success" align-center>
|
||||
<el-step title="选择客户信息" description="选择销售客户对象" />
|
||||
<el-step title="选择商品规格" description="根据客户需求选择商品" />
|
||||
<el-step
|
||||
title="录入商务信息"
|
||||
description="根据客户要求录入商务信息"
|
||||
:status="step3Status"
|
||||
/>
|
||||
<el-step title="完成创建" description="完成订单/意向" />
|
||||
</el-steps>
|
||||
<component
|
||||
:is="currentStepComponent"
|
||||
:form="form"
|
||||
:selected-car-type="selectedCarType"
|
||||
@next-step="handleNextStep"
|
||||
@prev-step="handlePrevStep"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed } from "vue";
|
||||
import Step1 from "./Step1.vue";
|
||||
import Step2 from "./Step2.vue";
|
||||
import Step3 from "./Step3.vue";
|
||||
import Step4 from "./Step4.vue";
|
||||
|
||||
const step = ref(1);
|
||||
const form = ref({
|
||||
customerName: "",
|
||||
customerAddress: "",
|
||||
zip: "",
|
||||
linkman: "",
|
||||
linkway: "",
|
||||
selectedCarType: "其他",
|
||||
planCount: "",
|
||||
});
|
||||
|
||||
const selectedCarType = computed(() => form.value.selectedCarType);
|
||||
|
||||
const currentStepComponent = computed(() => {
|
||||
if (step.value === 1) return Step1;
|
||||
if (step.value === 2) return Step2;
|
||||
if (step.value === 3) return Step3;
|
||||
if (step.value === 4) return Step4;
|
||||
return Step1;
|
||||
});
|
||||
|
||||
// 步骤条动态高亮/置灰
|
||||
const stepForStepsBar = computed(() => {
|
||||
// 车型为其他且在step2时，步骤条高亮到2，step4时高亮到4
|
||||
if (selectedCarType.value === "其他") {
|
||||
if (step.value === 2) return 2;
|
||||
if (step.value === 4) return 4;
|
||||
}
|
||||
return step.value;
|
||||
});
|
||||
const step3Status = computed(() => {
|
||||
// 车型为其他且在step2或step4时，步骤三置灰
|
||||
if (
|
||||
selectedCarType.value === "其他" &&
|
||||
(step.value === 2 || step.value === 4)
|
||||
) {
|
||||
return "wait";
|
||||
}
|
||||
return undefined;
|
||||
});
|
||||
|
||||
function handleNextStep() {
|
||||
// 车型为其他时直接跳到step4
|
||||
if (step.value === 2 && selectedCarType.value === "其他") {
|
||||
step.value = 4;
|
||||
} else if (step.value < 4) {
|
||||
step.value++;
|
||||
}
|
||||
}
|
||||
function handlePrevStep() {
|
||||
if (step.value === 2) {
|
||||
step.value = 1;
|
||||
} else if (step.value === 3) {
|
||||
step.value = 2;
|
||||
} else if (step.value === 4) {
|
||||
if (selectedCarType.value === "其他") {
|
||||
step.value = 2;
|
||||
} else {
|
||||
step.value = 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.app-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.price-box {
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
.price {
|
||||
background: #a6a6fa;
|
||||
color: #fff;
|
||||
padding: 4px 16px;
|
||||
border-radius: 4px;
|
||||
font-size: 28px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,340 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="订单编号" prop="orderNo">
|
||||
<el-input
|
||||
v-model="queryParams.orderNo"
|
||||
placeholder="请输入订单编号"
|
||||
clearable
|
||||
style="width: 240px"
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="客户名称" prop="customerName">
|
||||
<el-input
|
||||
v-model="queryParams.customerName"
|
||||
placeholder="请输入客户名称"
|
||||
clearable
|
||||
style="width: 240px"
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
|
||||
<el-option
|
||||
v-for="dict in statusOptions"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="Plus"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['order:intention:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="Edit"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['order:intention:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="Delete"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['order:intention:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="intentionList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="订单编号" align="center" prop="orderNo" />
|
||||
<el-table-column label="客户名称" align="center" prop="customerName" />
|
||||
<el-table-column label="联系电话" align="center" prop="phone" />
|
||||
<el-table-column label="意向产品" align="center" prop="product" />
|
||||
<el-table-column label="数量" align="center" prop="quantity" />
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="statusOptions" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
icon="Edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['order:intention:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
type="text"
|
||||
icon="Delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['order:intention:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改意向订单对话框 -->
|
||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
||||
<el-form ref="intentionRef" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="客户名称" prop="customerName">
|
||||
<el-input v-model="form.customerName" placeholder="请输入客户名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话" prop="phone">
|
||||
<el-input v-model="form.phone" placeholder="请输入联系电话" />
|
||||
</el-form-item>
|
||||
<el-form-item label="意向产品" prop="product">
|
||||
<el-input v-model="form.product" placeholder="请输入意向产品" />
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="quantity">
|
||||
<el-input-number v-model="form.quantity" :min="1" :max="999" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="form.status" placeholder="请选择状态">
|
||||
<el-option
|
||||
v-for="dict in statusOptions"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Intention">
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { parseTime } from '@/utils/ruoyi'
|
||||
|
||||
// 遮罩层
|
||||
const loading = ref(true)
|
||||
// 选中数组
|
||||
const ids = ref([])
|
||||
// 非单个禁用
|
||||
const single = ref(true)
|
||||
// 非多个禁用
|
||||
const multiple = ref(true)
|
||||
// 显示搜索条件
|
||||
const showSearch = ref(true)
|
||||
// 总条数
|
||||
const total = ref(0)
|
||||
// 意向订单表格数据
|
||||
const intentionList = ref([])
|
||||
// 弹出层标题
|
||||
const title = ref("")
|
||||
// 是否显示弹出层
|
||||
const open = ref(false)
|
||||
|
||||
// 状态数据字典
|
||||
const statusOptions = ref([
|
||||
{ value: "0", label: "待处理" },
|
||||
{ value: "1", label: "已确认" },
|
||||
{ value: "2", label: "已取消" }
|
||||
])
|
||||
|
||||
// 查询参数
|
||||
const queryParams = ref({
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
orderNo: undefined,
|
||||
customerName: undefined,
|
||||
status: undefined
|
||||
})
|
||||
|
||||
// 表单参数
|
||||
const form = ref({})
|
||||
// 表单校验
|
||||
const rules = ref({
|
||||
customerName: [
|
||||
{ required: true, message: "客户名称不能为空", trigger: "blur" }
|
||||
],
|
||||
phone: [
|
||||
{ required: true, message: "联系电话不能为空", trigger: "blur" }
|
||||
],
|
||||
product: [
|
||||
{ required: true, message: "意向产品不能为空", trigger: "blur" }
|
||||
],
|
||||
quantity: [
|
||||
{ required: true, message: "数量不能为空", trigger: "blur" }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: "状态不能为空", trigger: "change" }
|
||||
]
|
||||
})
|
||||
|
||||
// 模拟数据
|
||||
const mockData = [
|
||||
{
|
||||
id: 1,
|
||||
orderNo: "INT202403150001",
|
||||
customerName: "张三",
|
||||
phone: "13800138000",
|
||||
product: "产品A",
|
||||
quantity: 2,
|
||||
status: "0",
|
||||
createTime: "2024-03-15 10:00:00",
|
||||
remark: "测试数据1"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
orderNo: "INT202403150002",
|
||||
customerName: "李四",
|
||||
phone: "13800138001",
|
||||
product: "产品B",
|
||||
quantity: 1,
|
||||
status: "1",
|
||||
createTime: "2024-03-15 11:00:00",
|
||||
remark: "测试数据2"
|
||||
}
|
||||
]
|
||||
|
||||
/** 查询意向订单列表 */
|
||||
function getList() {
|
||||
loading.value = true
|
||||
// 模拟后端分页
|
||||
const start = (queryParams.value.pageNum - 1) * queryParams.value.pageSize
|
||||
const end = start + queryParams.value.pageSize
|
||||
const filteredData = mockData.filter(item => {
|
||||
if (queryParams.value.orderNo && !item.orderNo.includes(queryParams.value.orderNo)) return false
|
||||
if (queryParams.value.customerName && !item.customerName.includes(queryParams.value.customerName)) return false
|
||||
if (queryParams.value.status && item.status !== queryParams.value.status) return false
|
||||
return true
|
||||
})
|
||||
intentionList.value = filteredData.slice(start, end)
|
||||
total.value = filteredData.length
|
||||
loading.value = false
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
queryParams.value.pageNum = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
function resetQuery() {
|
||||
queryParams.value = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
orderNo: undefined,
|
||||
customerName: undefined,
|
||||
status: undefined
|
||||
}
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
/** 多选框选中数据 */
|
||||
function handleSelectionChange(selection) {
|
||||
ids.value = selection.map(item => item.id)
|
||||
single.value = selection.length !== 1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
|
||||
/** 新增按钮操作 */
|
||||
function handleAdd() {
|
||||
form.value = {
|
||||
status: "0"
|
||||
}
|
||||
open.value = true
|
||||
title.value = "添加意向订单"
|
||||
}
|
||||
|
||||
/** 修改按钮操作 */
|
||||
function handleUpdate(row) {
|
||||
const id = row.id || ids.value[0]
|
||||
const intention = mockData.find(item => item.id === id)
|
||||
if (intention) {
|
||||
form.value = { ...intention }
|
||||
open.value = true
|
||||
title.value = "修改意向订单"
|
||||
}
|
||||
}
|
||||
|
||||
/** 提交按钮 */
|
||||
function submitForm() {
|
||||
// 模拟提交
|
||||
ElMessage.success("操作成功")
|
||||
open.value = false
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
function handleDelete(row) {
|
||||
const intentionIds = row.id || ids.value
|
||||
ElMessageBox.confirm('是否确认删除意向订单编号为"' + intentionIds + '"的数据项?', "警告", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
// 模拟删除
|
||||
ElMessage.success("删除成功")
|
||||
getList()
|
||||
})
|
||||
}
|
||||
|
||||
/** 取消按钮 */
|
||||
function cancel() {
|
||||
open.value = false
|
||||
reset()
|
||||
}
|
||||
|
||||
/** 表单重置 */
|
||||
function reset() {
|
||||
form.value = {
|
||||
status: "0"
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
</script>
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
</el-form>
|
||||
<!-- 底部 -->
|
||||
<div class="el-register-footer">
|
||||
<span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
|
||||
<span>Copyright © 2018-2025 guoan All Rights Reserved.</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,107 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6" :xs="24">
|
||||
<el-card class="box-card">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>个人信息</span>
|
||||
</div>
|
||||
</template>
|
||||
<div>
|
||||
<div class="text-center">
|
||||
<userAvatar :user="user" />
|
||||
</div>
|
||||
<ul class="list-group list-group-striped">
|
||||
<li class="list-group-item">
|
||||
<user :user="user" />
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<span>手机号码</span>
|
||||
<div>{{ user.phonenumber }}</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<span>邮箱</span>
|
||||
<div>{{ user.email }}</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<span>创建时间</span>
|
||||
<div>{{ user.createTime }}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="18" :xs="24">
|
||||
<el-card>
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>基本资料</span>
|
||||
</div>
|
||||
</template>
|
||||
<el-tabs v-model="activeTab">
|
||||
<el-tab-pane label="基本资料" name="userinfo">
|
||||
<userInfo :user="user" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="修改密码" name="resetPwd">
|
||||
<resetPwd :user="user" />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Profile">
|
||||
import { ref } from 'vue'
|
||||
import userAvatar from './userAvatar.vue'
|
||||
import userInfo from './userInfo.vue'
|
||||
import resetPwd from './resetPwd.vue'
|
||||
|
||||
const activeTab = ref("userinfo")
|
||||
const user = ref({
|
||||
userId: 1,
|
||||
deptId: 103,
|
||||
userName: "admin",
|
||||
nickName: "管理员",
|
||||
email: "admin@163.com",
|
||||
phonenumber: "15888888888",
|
||||
sex: "1",
|
||||
avatar: "",
|
||||
status: "0",
|
||||
loginIp: "127.0.0.1",
|
||||
createTime: "2024-03-15 10:00:00"
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.box-card {
|
||||
.card-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.list-group-striped {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
.list-group-item {
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 10px 0;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #666;
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<template>
|
||||
<el-form ref="pwdRef" :model="user" :rules="rules" label-width="100px">
|
||||
<el-form-item label="旧密码" prop="oldPassword">
|
||||
<el-input v-model="user.oldPassword" placeholder="请输入旧密码" type="password" show-password />
|
||||
</el-form-item>
|
||||
<el-form-item label="新密码" prop="newPassword">
|
||||
<el-input v-model="user.newPassword" placeholder="请输入新密码" type="password" show-password />
|
||||
</el-form-item>
|
||||
<el-form-item label="确认密码" prop="confirmPassword">
|
||||
<el-input v-model="user.confirmPassword" placeholder="请确认密码" type="password" show-password />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submit">保存</el-button>
|
||||
<el-button type="danger" @click="close">关闭</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
|
||||
const props = defineProps({
|
||||
user: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
const rules = ref({
|
||||
oldPassword: [
|
||||
{ required: true, message: "旧密码不能为空", trigger: "blur" }
|
||||
],
|
||||
newPassword: [
|
||||
{ required: true, message: "新密码不能为空", trigger: "blur" },
|
||||
{ min: 6, message: "新密码长度不能小于6位", trigger: "blur" }
|
||||
],
|
||||
confirmPassword: [
|
||||
{ required: true, message: "确认密码不能为空", trigger: "blur" },
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
if (value !== props.user.newPassword) {
|
||||
callback(new Error("两次输入的密码不一致"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: "blur"
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
const submit = () => {
|
||||
// 模拟提交
|
||||
ElMessage.success("修改成功")
|
||||
}
|
||||
|
||||
const close = () => {
|
||||
// 模拟关闭
|
||||
ElMessage.info("已取消")
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
<template>
|
||||
<div class="user-profile">
|
||||
<div class="box-center">
|
||||
<div class="user-bio">
|
||||
<div class="user-education user-bio-section">
|
||||
<div class="user-bio-section-header">
|
||||
<svg-icon icon-class="user" />
|
||||
<span>头像</span>
|
||||
</div>
|
||||
<div class="user-bio-section-body">
|
||||
<div class="text-center">
|
||||
<el-avatar :size="100" :src="user.avatar || require('@/assets/images/profile.jpg')" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
user: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.user-profile {
|
||||
.box-center {
|
||||
margin: 0 auto;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.user-bio {
|
||||
margin-top: 20px;
|
||||
color: #606266;
|
||||
|
||||
.user-bio-section {
|
||||
margin-bottom: 15px;
|
||||
|
||||
.user-bio-section-header {
|
||||
border-bottom: 1px solid #dfe6ec;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<template>
|
||||
<el-form ref="userRef" :model="user" :rules="rules" label-width="80px">
|
||||
<el-form-item label="用户名称" prop="userName">
|
||||
<el-input v-model="user.userName" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="用户昵称" prop="nickName">
|
||||
<el-input v-model="user.nickName" placeholder="请输入用户昵称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号码" prop="phonenumber">
|
||||
<el-input v-model="user.phonenumber" placeholder="请输入手机号码" maxlength="11" />
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱" prop="email">
|
||||
<el-input v-model="user.email" placeholder="请输入邮箱" maxlength="50" />
|
||||
</el-form-item>
|
||||
<el-form-item label="性别">
|
||||
<el-radio-group v-model="user.sex">
|
||||
<el-radio label="0">男</el-radio>
|
||||
<el-radio label="1">女</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submit">保存</el-button>
|
||||
<el-button type="danger" @click="close">关闭</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
|
||||
const props = defineProps({
|
||||
user: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
const rules = ref({
|
||||
nickName: [
|
||||
{ required: true, message: "用户昵称不能为空", trigger: "blur" }
|
||||
],
|
||||
email: [
|
||||
{ required: true, message: "邮箱地址不能为空", trigger: "blur" },
|
||||
{ type: "email", message: "请输入正确的邮箱地址", trigger: "blur" }
|
||||
],
|
||||
phonenumber: [
|
||||
{ required: true, message: "手机号码不能为空", trigger: "blur" },
|
||||
{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }
|
||||
]
|
||||
})
|
||||
|
||||
const submit = () => {
|
||||
// 模拟提交
|
||||
ElMessage.success("修改成功")
|
||||
}
|
||||
|
||||
const close = () => {
|
||||
// 模拟关闭
|
||||
ElMessage.info("已取消")
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in New Issue