更新后端界面,用户管理界面

This commit is contained in:
扫地僧 2026-06-01 22:37:53 +08:00
parent cffc718284
commit 1f5f4d16e6
39 changed files with 1168 additions and 663 deletions

View File

@ -4,7 +4,7 @@ import request from "@/utils/request";
// 获取内容统计
export function getContentStats() {
return request({
url: "/admin/contentstats",
url: "/backend/contentstats",
method: "get",
});
}
@ -12,7 +12,7 @@ export function getContentStats() {
// 获取用户统计
export function getUserStats() {
return request({
url: "/admin/usersstats",
url: "/backend/usersstats",
method: "get",
});
}

View File

@ -10,7 +10,7 @@ import request from "@/utils/request";
*/
export function getBabyList() {
return request({
url: '/admin/babys/list',
url: '/backend/babys/list',
method: 'get'
});
}
@ -22,7 +22,7 @@ export function getBabyList() {
*/
export function getBabyDetail(id) {
return request({
url: `/admin/babys/${id}`,
url: `/backend/babys/${id}`,
method: "get",
});
}
@ -34,7 +34,7 @@ export function getBabyDetail(id) {
*/
export function createBaby(data) {
return request({
url: "/admin/babys",
url: "/backend/babys",
method: "post",
data: data,
headers: {
@ -46,7 +46,7 @@ export function createBaby(data) {
// 更新宝贝信息
export function editBaby(id, data) {
return request({
url: `/admin/baby/update/${id}`,
url: `/backend/baby/update/${id}`,
method: 'post',
data: data
});
@ -59,7 +59,7 @@ export function editBaby(id, data) {
*/
export function deleteBaby(id) {
return request({
url: `/admin/babys/${id}`,
url: `/backend/babys/${id}`,
method: "delete",
});
}
@ -72,7 +72,7 @@ export function deleteBaby(id) {
*/
export function bindParent(id, data) {
return request({
url: `/admin/babys/bindparents/${id}`,
url: `/backend/babys/bindparents/${id}`,
method: "post",
data: data,
});
@ -85,7 +85,7 @@ export function bindParent(id, data) {
*/
export function getParents(id) {
return request({
url: `/admin/babys/getParents/${id}`,
url: `/backend/babys/getParents/${id}`,
method: "get",
});
}
@ -100,7 +100,7 @@ export function getParents(id) {
*/
export function getUserList() {
return request({
url: "/admin/babyhealthUser/list",
url: "/backend/babyhealthUser/list",
method: "get",
});
}
@ -112,7 +112,7 @@ export function getUserList() {
*/
export function getUserDetail(id) {
return request({
url: `/admin/babyhealthUser/detail/${id}`,
url: `/backend/babyhealthUser/detail/${id}`,
method: "get",
});
}
@ -124,7 +124,7 @@ export function getUserDetail(id) {
*/
export function createUser(data) {
return request({
url: "/admin/babyhealthUser/create",
url: "/backend/babyhealthUser/create",
method: "post",
data: data,
headers: {
@ -141,7 +141,7 @@ export function createUser(data) {
*/
export function updateUser(id, data) {
return request({
url: `/admin/babyhealthUser/update/${id}`,
url: `/backend/babyhealthUser/update/${id}`,
method: "post",
data: data,
headers: {
@ -157,7 +157,7 @@ export function updateUser(id, data) {
*/
export function deleteUser(id) {
return request({
url: `/admin/babyhealthUser/delete/${id}`,
url: `/backend/babyhealthUser/delete/${id}`,
method: "delete",
});
}
@ -173,7 +173,7 @@ export function deleteUser(id) {
*/
export function getDashborad() {
return request({
url: "/admin/babyhealthDashborad/dashborad",
url: "/backend/babyhealthDashborad/dashborad",
method: "get",
});
}

View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function getBanners() {
return request({
url: "/admin/allbanners",
url: "/backend/allbanners",
method: "get",
});
}
@ -18,7 +18,7 @@ export function getBanners() {
*/
export function createBanner(formData) {
return request({
url: "/admin/createbanner",
url: "/backend/createbanner",
method: "post",
data: formData,
headers: {
@ -35,7 +35,7 @@ export function createBanner(formData) {
*/
export function editBanner(id, bannerData) {
return request({
url: `/admin/editbanner/${id}`,
url: `/backend/editbanner/${id}`,
method: "post",
data: bannerData,
});
@ -48,7 +48,7 @@ export function editBanner(id, bannerData) {
*/
export function deleteBanner(id) {
return request({
url: `/admin/deletebanner/${id}`,
url: `/backend/deletebanner/${id}`,
method: "delete",
});
}

View File

@ -2,7 +2,7 @@ import request from '@/utils/request'
export function listContacts(params) {
return request({
url: '/admin/crm/contact/list',
url: '/backend/crm/contact/list',
method: 'get',
params,
})
@ -10,7 +10,7 @@ export function listContacts(params) {
export function createContact(data) {
return request({
url: '/admin/crm/contact/add',
url: '/backend/crm/contact/add',
method: 'post',
data,
})
@ -18,7 +18,7 @@ export function createContact(data) {
export function updateContact(data) {
return request({
url: '/admin/crm/contact/edit',
url: '/backend/crm/contact/edit',
method: 'post',
data,
})
@ -26,7 +26,7 @@ export function updateContact(data) {
export function deleteContact(data) {
return request({
url: '/admin/crm/contact/delete',
url: '/backend/crm/contact/delete',
method: 'post',
data,
})

View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function getPlatformStats() {
return request({
url: "/admin/dashboard/platform-stats",
url: "/backend/dashboard/platform-stats",
method: "get",
});
}
@ -17,7 +17,7 @@ export function getPlatformStats() {
*/
export function getTenantStats() {
return request({
url: "/admin/dashboard/tenant-stats",
url: "/backend/dashboard/tenant-stats",
method: "get",
});
}
@ -30,7 +30,7 @@ export function getTenantStats() {
*/
export function getActivityLogs(pageNum = 1, pageSize = 10) {
return request({
url: "/admin/dashboard/user-activity-logs",
url: "/backend/dashboard/user-activity-logs",
method: "get",
params: {
page_num: pageNum,

View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function getDemandList() {
return request({
url: "/admin/demandList",
url: "/backend/demandList",
method: "get",
});
}
@ -18,7 +18,7 @@ export function getDemandList() {
*/
export function addDemand(data) {
return request({
url: "/admin/addDemand",
url: "/backend/addDemand",
method: "post",
data,
});
@ -32,7 +32,7 @@ export function addDemand(data) {
*/
export function editDemand(id, data) {
return request({
url: `/admin/editDemand/${id}`,
url: `/backend/editDemand/${id}`,
method: "post",
data,
});
@ -45,7 +45,7 @@ export function editDemand(id, data) {
*/
export function deleteDemand(id) {
return request({
url: `/admin/deleteDemand/${id}`,
url: `/backend/deleteDemand/${id}`,
method: "post",
});
}

View File

@ -3,7 +3,7 @@ import request from '@/utils/request';
// 获取租户下的所有部门
export function getTenantDepartments(tenantId) {
return request({
url: `/admin/departments/tenant/${tenantId}`,
url: `/backend/departments/tenant/${tenantId}`,
method: 'get',
});
}
@ -11,7 +11,7 @@ export function getTenantDepartments(tenantId) {
// 获取部门详情
export function getDepartmentInfo(departmentId) {
return request({
url: `/admin/departments/${departmentId}`,
url: `/backend/departments/${departmentId}`,
method: 'get',
});
}
@ -19,7 +19,7 @@ export function getDepartmentInfo(departmentId) {
// 添加部门
export function addDepartment(data) {
return request({
url: '/admin/departments',
url: '/backend/departments',
method: 'post',
data,
});
@ -28,7 +28,7 @@ export function addDepartment(data) {
// 更新部门信息
export function editDepartment(departmentId, data) {
return request({
url: `/admin/departments/${departmentId}`,
url: `/backend/departments/${departmentId}`,
method: 'put',
data,
});
@ -37,7 +37,7 @@ export function editDepartment(departmentId, data) {
// 删除部门
export function deleteDepartment(departmentId) {
return request({
url: `/admin/departments/${departmentId}`,
url: `/backend/departments/${departmentId}`,
method: 'delete',
});
}

View File

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 获取字典类型列表
export function getDictTypes(params) {
return request({
url: '/admin/dict/types',
url: '/backend/dict/types',
method: 'get',
params
})
@ -12,7 +12,7 @@ export function getDictTypes(params) {
// 根据ID获取字典类型
export function getDictTypeById(id) {
return request({
url: `/admin/dict/types/${id}`,
url: `/backend/dict/types/${id}`,
method: 'get'
})
}
@ -20,7 +20,7 @@ export function getDictTypeById(id) {
// 添加字典类型
export function addDictType(data) {
return request({
url: '/admin/dict/types',
url: '/backend/dict/types',
method: 'post',
data: {
...data,
@ -32,7 +32,7 @@ export function addDictType(data) {
// 更新字典类型
export function updateDictType(id, data) {
return request({
url: `/admin/dict/types/${id}`,
url: `/backend/dict/types/${id}`,
method: 'put',
data: {
...data,
@ -44,7 +44,7 @@ export function updateDictType(id, data) {
// 删除字典类型
export function deleteDictType(id) {
return request({
url: `/admin/dict/types/${id}`,
url: `/backend/dict/types/${id}`,
method: 'delete'
})
}
@ -52,7 +52,7 @@ export function deleteDictType(id) {
// 获取字典项列表
export function getDictItems(params) {
return request({
url: '/admin/dict/items',
url: '/backend/dict/items',
method: 'get',
params
})
@ -61,7 +61,7 @@ export function getDictItems(params) {
// 根据ID获取字典项
export function getDictItemById(id) {
return request({
url: `/admin/dict/items/${id}`,
url: `/backend/dict/items/${id}`,
method: 'get'
})
}
@ -69,7 +69,7 @@ export function getDictItemById(id) {
// 添加字典项
export function addDictItem(data) {
return request({
url: '/admin/dict/items',
url: '/backend/dict/items',
method: 'post',
data
})
@ -78,7 +78,7 @@ export function addDictItem(data) {
// 更新字典项
export function updateDictItem(id, data) {
return request({
url: `/admin/dict/items/${id}`,
url: `/backend/dict/items/${id}`,
method: 'put',
data
})
@ -87,7 +87,7 @@ export function updateDictItem(id, data) {
// 删除字典项
export function deleteDictItem(id) {
return request({
url: `/admin/dict/items/${id}`,
url: `/backend/dict/items/${id}`,
method: 'delete'
})
}
@ -95,7 +95,7 @@ export function deleteDictItem(id) {
// 根据字典编码获取字典项(用于业务查询)
export function getDictItemsByCode(code, includeDisabled = false) {
return request({
url: `/admin/dict/items/code/${code}`,
url: `/backend/dict/items/code/${code}`,
method: 'get',
params: {
include_disabled: includeDisabled ? '1' : '0'
@ -106,7 +106,7 @@ export function getDictItemsByCode(code, includeDisabled = false) {
// 批量更新字典项排序
export function batchUpdateDictItemSort(data) {
return request({
url: '/admin/dict/items/sort',
url: '/backend/dict/items/sort',
method: 'put',
data
})

View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function getEmailInfo() {
return request({
url: "/admin/email/info",
url: "/backend/email/info",
method: "get",
});
}
@ -17,7 +17,7 @@ export function getEmailInfo() {
*/
export function editEmailInfo(data) {
return request({
url: "/admin/email/editinfo",
url: "/backend/email/editinfo",
method: "post",
data,
});
@ -29,7 +29,7 @@ export function editEmailInfo(data) {
*/
export function sendTestEmail(data) {
return request({
url: "/admin/email/sendtestemail",
url: "/backend/email/sendtestemail",
method: "post",
data,
});

View File

@ -10,7 +10,7 @@ import request from "@/utils/request";
*/
export function getOrganizationList() {
return request({
url: '/admin/erp/getOrganization',
url: '/backend/erp/getOrganization',
method: 'get'
});
}
@ -22,7 +22,7 @@ export function getOrganizationList() {
*/
export function getOrganizationDetail(id) {
return request({
url: `/admin/erp/getOrganizationDetail/${id}`,
url: `/backend/erp/getOrganizationDetail/${id}`,
method: "get",
});
}
@ -34,7 +34,7 @@ export function getOrganizationDetail(id) {
*/
export function createOrganization(data) {
return request({
url: "/admin/erp/createOrganization",
url: "/backend/erp/createOrganization",
method: "post",
data: data,
headers: {
@ -46,7 +46,7 @@ export function createOrganization(data) {
// 更新组织机构信息
export function editOrganization(id, data) {
return request({
url: `/admin/erp/editOrganization/${id}`,
url: `/backend/erp/editOrganization/${id}`,
method: 'post',
data: data
});
@ -59,7 +59,7 @@ export function editOrganization(id, data) {
*/
export function deleteOrganization(id) {
return request({
url: `/admin/erp/deleteOrganization/${id}`,
url: `/backend/erp/deleteOrganization/${id}`,
method: "delete",
});
}
@ -70,7 +70,7 @@ export function deleteOrganization(id) {
*/
export function getCompanys() {
return request({
url: '/admin/erp/getCompanys',
url: '/backend/erp/getCompanys',
method: 'get'
});
}
@ -82,7 +82,7 @@ export function getCompanys() {
*/
export function getDepartments(parentId) {
return request({
url: '/admin/erp/getDepartments',
url: '/backend/erp/getDepartments',
method: 'get',
params: parentId ? { parent_id: parentId } : {}
});
@ -99,7 +99,7 @@ export function getDepartments(parentId) {
*/
export function getEmployeeList(tenantId) {
return request({
url: '/admin/erp/getEmployee',
url: '/backend/erp/getEmployee',
method: 'get',
params: { tid: tenantId }
});
@ -112,7 +112,7 @@ export function getEmployeeList(tenantId) {
*/
export function getEmployeeDetail(id) {
return request({
url: `/admin/erp/getEmployeeDetail/${id}`,
url: `/backend/erp/getEmployeeDetail/${id}`,
method: "get",
});
}
@ -124,7 +124,7 @@ export function getEmployeeDetail(id) {
*/
export function createEmployee(data) {
return request({
url: "/admin/erp/createEmployee",
url: "/backend/erp/createEmployee",
method: "post",
data: data,
headers: {
@ -136,7 +136,7 @@ export function createEmployee(data) {
// 更新员工信息
export function editEmployee(id, data) {
return request({
url: `/admin/erp/editEmployee/${id}`,
url: `/backend/erp/editEmployee/${id}`,
method: 'post',
data: data
});
@ -149,7 +149,7 @@ export function editEmployee(id, data) {
*/
export function deleteEmployee(id) {
return request({
url: `/admin/erp/deleteEmployee/${id}`,
url: `/backend/erp/deleteEmployee/${id}`,
method: "delete",
});
}

View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function getUserCate() {
return request({
url: `/admin/usercate`,
url: `/backend/usercate`,
method: "get",
});
}
@ -17,7 +17,7 @@ export function getUserCate() {
*/
export function getAllFiles() {
return request({
url: "/admin/allfiles",
url: "/backend/allfiles",
method: "get",
});
}
@ -29,7 +29,7 @@ export function getAllFiles() {
*/
export function createFileCate(data) {
return request({
url: "/admin/createfilecate",
url: "/backend/createfilecate",
method: "post",
data,
});
@ -43,7 +43,7 @@ export function createFileCate(data) {
*/
export function renameFileCate(id, data) {
return request({
url: `/admin/renamefilecate/${id}`,
url: `/backend/renamefilecate/${id}`,
method: "post",
data,
});
@ -56,7 +56,7 @@ export function renameFileCate(id, data) {
*/
export function deleteFileCate(id) {
return request({
url: `/admin/deletefilecate/${id}`,
url: `/backend/deletefilecate/${id}`,
method: "delete",
});
}
@ -78,7 +78,7 @@ export function getCateFiles(id, page = 1, pageSize = 24, keyword = "") {
params.keyword = keyword;
}
return request({
url: `/admin/catefiles/${id}`,
url: `/backend/catefiles/${id}`,
method: "get",
params,
});
@ -91,7 +91,7 @@ export function getCateFiles(id, page = 1, pageSize = 24, keyword = "") {
*/
export function getFileById(id) {
return request({
url: `/admin/catefiles`,
url: `/backend/catefiles`,
method: "get",
});
}
@ -109,7 +109,7 @@ export function uploadFile(formData, options = {}) {
}
return request({
url: "/admin/uploadfile",
url: "/backend/uploadfile",
method: "post",
data: formData,
headers: {
@ -126,7 +126,7 @@ export function uploadFile(formData, options = {}) {
*/
export function updateFile(id, fileData) {
return request({
url: `/admin/updatefile/${id}`,
url: `/backend/updatefile/${id}`,
method: "post",
data: fileData,
});
@ -139,7 +139,7 @@ export function updateFile(id, fileData) {
*/
export function deleteFile(id) {
return request({
url: `/admin/deletefile/${id}`,
url: `/backend/deletefile/${id}`,
method: "delete",
});
}
@ -151,7 +151,7 @@ export function deleteFile(id) {
*/
export function deleteFilePermanently(id) {
return request({
url: `/admin/deleteFilePermanently/${id}`,
url: `/backend/deleteFilePermanently/${id}`,
method: "delete",
});
}
@ -164,7 +164,7 @@ export function deleteFilePermanently(id) {
*/
export function moveFile(id, cate) {
return request({
url: `/admin/movefile/${id}`,
url: `/backend/movefile/${id}`,
method: "get",
params: { cate },
});
@ -177,7 +177,7 @@ export function moveFile(id, cate) {
*/
export function batchDeleteFiles(ids) {
return request({
url: "/admin/batchDeleteFiles",
url: "/backend/batchDeleteFiles",
method: "post",
data: { ids },
});
@ -190,7 +190,7 @@ export function batchDeleteFiles(ids) {
*/
export function batchDeleteFilesPermanently(ids) {
return request({
url: "/admin/batchDeleteFilesPermanently",
url: "/backend/batchDeleteFilesPermanently",
method: "post",
data: { ids },
});
@ -204,7 +204,7 @@ export function batchDeleteFilesPermanently(ids) {
*/
export function batchMoveFiles(ids, cate) {
return request({
url: "/admin/batchMoveFiles",
url: "/backend/batchMoveFiles",
method: "post",
data: { ids, cate },
});

View File

@ -7,7 +7,7 @@ import request from '@/utils/request'
*/
export function getFriendlinkList(params) {
return request({
url: '/admin/friendlinks',
url: '/backend/friendlinks',
method: 'get',
params
})
@ -19,7 +19,7 @@ export function getFriendlinkList(params) {
*/
export function getAllFriendlinks() {
return request({
url: '/admin/friendlinks/all',
url: '/backend/friendlinks/all',
method: 'get'
})
}
@ -31,7 +31,7 @@ export function getAllFriendlinks() {
*/
export function addFriendlink(data) {
return request({
url: '/admin/friendlinks',
url: '/backend/friendlinks',
method: 'post',
data
})
@ -45,7 +45,7 @@ export function addFriendlink(data) {
*/
export function updateFriendlink(id, data) {
return request({
url: `/admin/friendlinks/${id}`,
url: `/backend/friendlinks/${id}`,
method: 'put',
data
})
@ -58,7 +58,7 @@ export function updateFriendlink(id, data) {
*/
export function deleteFriendlink(id) {
return request({
url: `/admin/friendlinks/${id}`,
url: `/backend/friendlinks/${id}`,
method: 'delete'
})
}
@ -70,7 +70,7 @@ export function deleteFriendlink(id) {
*/
export function batchDeleteFriendlinks(ids) {
return request({
url: '/admin/friendlinks/batchdelete',
url: '/backend/friendlinks/batchdelete',
method: 'post',
data: { ids }
})

View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function getFrontMenus() {
return request({
url: "/admin/frontmenus",
url: "/backend/frontmenus",
method: "get",
});
}
@ -18,7 +18,7 @@ export function getFrontMenus() {
*/
export function createFrontMenu(formData, options = {}) {
return request({
url: "/admin/createfrontmenu",
url: "/backend/createfrontmenu",
method: "post",
data: formData,
headers: {
@ -35,7 +35,7 @@ export function createFrontMenu(formData, options = {}) {
*/
export function editFrontMenu(id, frontMenuData) {
return request({
url: `/admin/editfrontmenu/${id}`,
url: `/backend/editfrontmenu/${id}`,
method: "post",
data: frontMenuData,
});
@ -48,7 +48,7 @@ export function editFrontMenu(id, frontMenuData) {
*/
export function deleteFrontMenu(id) {
return request({
url: `/admin/deletefrontmenu/${id}`,
url: `/backend/deletefrontmenu/${id}`,
method: "delete",
});
}

View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function getModuleCategory() {
return request({
url: "/admin/moduleCategory",
url: "/backend/moduleCategory",
method: "get",
});
}
@ -18,7 +18,7 @@ export function getModuleCategory() {
*/
export function getModules(cid) {
return request({
url: "/admin/moduleCenter/modules",
url: "/backend/moduleCenter/modules",
method: "get",
params: { cid }
});
@ -34,7 +34,7 @@ export function getModules(cid) {
*/
export function editModuleCategory(data) {
return request({
url: "/admin/moduleCenter/editCategory",
url: "/backend/moduleCenter/editCategory",
method: "post",
data
});
@ -50,7 +50,7 @@ export function editModuleCategory(data) {
*/
export function editModules(data) {
return request({
url: "/admin/moduleCenter/editModules",
url: "/backend/moduleCenter/editModules",
method: "post",
data
});

View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function getOnePages() {
return request({
url: "/admin/allonepages",
url: "/backend/allonepages",
method: "get",
});
}
@ -18,7 +18,7 @@ export function getOnePages() {
*/
export function createOnePage(formData) {
return request({
url: "/admin/createonepage",
url: "/backend/createonepage",
method: "post",
data: formData,
});
@ -32,7 +32,7 @@ export function createOnePage(formData) {
*/
export function editOnePage(id, onePageData) {
return request({
url: `/admin/editonepage/${id}`,
url: `/backend/editonepage/${id}`,
method: "post",
data: onePageData,
});
@ -45,7 +45,7 @@ export function editOnePage(id, onePageData) {
*/
export function deleteOnePage(id) {
return request({
url: `/admin/deleteonepage/${id}`,
url: `/backend/deleteonepage/${id}`,
method: "delete",
});
}

View File

@ -15,7 +15,7 @@ import request from "@/utils/request";
*/
export function getOperationLogs(params) {
return request({
url: "/admin/operationLogs",
url: "/backend/operationLogs",
method: "get",
params,
});
@ -28,7 +28,7 @@ export function getOperationLogs(params) {
*/
export function getOperationLogDetail(id) {
return request({
url: `/admin/operationLogs/${id}`,
url: `/backend/operationLogs/${id}`,
method: "get",
});
}
@ -40,7 +40,7 @@ export function getOperationLogDetail(id) {
*/
export function deleteOperationLog(id) {
return request({
url: `/admin/operationLogs/${id}`,
url: `/backend/operationLogs/${id}`,
method: "delete",
});
}
@ -52,7 +52,7 @@ export function deleteOperationLog(id) {
*/
export function batchDeleteOperationLogs(ids) {
return request({
url: "/admin/operationLogs/batchDelete",
url: "/backend/operationLogs/batchDelete",
method: "post",
data: { ids },
});
@ -64,7 +64,7 @@ export function batchDeleteOperationLogs(ids) {
*/
export function getOperationStatistics() {
return request({
url: "/admin/operationLogs/statistics",
url: "/backend/operationLogs/statistics",
method: "get",
});
}

View File

@ -2,7 +2,7 @@ import request from '@/utils/request';
export function getAllMenuPermissions(params = {}) {
return request({
url: '/admin/allmenupermissions',
url: '/backend/allmenupermissions',
method: 'get',
params
});
@ -10,14 +10,14 @@ export function getAllMenuPermissions(params = {}) {
export function getRolePermissions(roleId) {
return request({
url: `/admin/rolepermissions/${roleId}`,
url: `/backend/rolepermissions/${roleId}`,
method: 'get'
});
}
export function assignRolePermissions(roleId, permissions) {
return request({
url: `/admin/assignrolepermissions/${roleId}`,
url: `/backend/assignrolepermissions/${roleId}`,
method: 'post',
data: { permissions }
});

View File

@ -3,7 +3,7 @@ import request from '@/utils/request';
// 获取租户下的所有职位
export function getTenantPositions(tenantId) {
return request({
url: `/admin/positions/tenant/${tenantId}`,
url: `/backend/positions/tenant/${tenantId}`,
method: 'get',
});
}
@ -11,7 +11,7 @@ export function getTenantPositions(tenantId) {
// 根据部门ID获取职位列表
export function getPositionsByDepartment(departmentId) {
return request({
url: `/admin/positions/department/${departmentId}`,
url: `/backend/positions/department/${departmentId}`,
method: 'get',
});
}
@ -19,7 +19,7 @@ export function getPositionsByDepartment(departmentId) {
// 获取职位详情
export function getPositionInfo(positionId) {
return request({
url: `/admin/positions/${positionId}`,
url: `/backend/positions/${positionId}`,
method: 'get',
});
}
@ -27,7 +27,7 @@ export function getPositionInfo(positionId) {
// 添加职位
export function addPosition(data) {
return request({
url: '/admin/positions',
url: '/backend/positions',
method: 'post',
data,
});
@ -36,7 +36,7 @@ export function addPosition(data) {
// 更新职位信息
export function editPosition(positionId, data) {
return request({
url: `/admin/positions/${positionId}`,
url: `/backend/positions/${positionId}`,
method: 'put',
data,
});
@ -45,7 +45,7 @@ export function editPosition(positionId, data) {
// 删除职位
export function deletePosition(positionId) {
return request({
url: `/admin/positions/${positionId}`,
url: `/backend/positions/${positionId}`,
method: 'delete',
});
}

View File

@ -7,7 +7,7 @@ import request from '@/utils/request'
*/
export function getProductsList(params) {
return request({
url: '/admin/productsList',
url: '/backend/productsList',
method: 'get',
params
})
@ -20,7 +20,7 @@ export function getProductsList(params) {
*/
export function addProducts(data) {
return request({
url: '/admin/addProducts',
url: '/backend/addProducts',
method: 'post',
data
})
@ -34,7 +34,7 @@ export function addProducts(data) {
*/
export function updateProducts(id, data) {
return request({
url: `/admin/editProducts/${id}`,
url: `/backend/editProducts/${id}`,
method: 'put',
data
})
@ -47,7 +47,7 @@ export function updateProducts(id, data) {
*/
export function deleteProducts(id) {
return request({
url: `/admin/deleteProducts/${id}`,
url: `/backend/deleteProducts/${id}`,
method: 'delete'
})
}
@ -59,7 +59,7 @@ export function deleteProducts(id) {
*/
export function getProductsTypesList(params) {
return request({
url: '/admin/productsTypesList',
url: '/backend/productsTypesList',
method: 'get',
params
})
@ -72,7 +72,7 @@ export function getProductsTypesList(params) {
*/
export function addProductsTypes(data) {
return request({
url: '/admin/addProductsTypes',
url: '/backend/addProductsTypes',
method: 'post',
data
})
@ -86,7 +86,7 @@ export function addProductsTypes(data) {
*/
export function updateProductsTypes(id, data) {
return request({
url: `/admin/editProductsTypes/${id}`,
url: `/backend/editProductsTypes/${id}`,
method: 'put',
data
})
@ -99,7 +99,7 @@ export function updateProductsTypes(id, data) {
*/
export function deleteProductsTypes(id) {
return request({
url: `/admin/deleteProductsTypes/${id}`,
url: `/backend/deleteProductsTypes/${id}`,
method: 'delete'
})
}

View File

@ -2,21 +2,21 @@ import request from '@/utils/request'
export function getAllRoles() {
return request({
url: '/admin/allRoles',
url: '/backend/allRoles',
method: 'get'
})
}
export function getRoleById(id) {
return request({
url: `/admin/roles/${id}`,
url: `/backend/roles/${id}`,
method: 'get'
})
}
export function createRole(data) {
return request({
url: '/admin/roles',
url: '/backend/roles',
method: 'post',
data
})
@ -24,7 +24,7 @@ export function createRole(data) {
export function updateRole(id, data) {
return request({
url: `/admin/roles/${id}`,
url: `/backend/roles/${id}`,
method: 'put',
data
})
@ -32,7 +32,7 @@ export function updateRole(id, data) {
export function deleteRole(id) {
return request({
url: `/admin/roles/${id}`,
url: `/backend/roles/${id}`,
method: 'delete'
})
}

View File

@ -7,7 +7,7 @@ import request from '@/utils/request'
*/
export function getServiceList(params) {
return request({
url: '/admin/servicesList',
url: '/backend/servicesList',
method: 'get',
params
})
@ -20,7 +20,7 @@ export function getServiceList(params) {
*/
export function addService(data) {
return request({
url: '/admin/addServices',
url: '/backend/addServices',
method: 'post',
data
})
@ -34,7 +34,7 @@ export function addService(data) {
*/
export function updateService(id, data) {
return request({
url: `/admin/editServices/${id}`,
url: `/backend/editServices/${id}`,
method: 'put',
data
})
@ -47,7 +47,7 @@ export function updateService(id, data) {
*/
export function deleteService(id) {
return request({
url: `/admin/deleteServices/${id}`,
url: `/backend/deleteServices/${id}`,
method: 'delete'
})
}

View File

@ -32,7 +32,7 @@ export function saveNormalInfos(data) {
*/
export function getVerifyInfos() {
return request({
url: "/admin/loginVerifyInfos",
url: "/backend/loginVerifyInfos",
method: "get",
});
}
@ -44,7 +44,7 @@ export function getVerifyInfos() {
*/
export function saveVerifyInfos(data) {
return request({
url: "/admin/saveloginVerifyInfos",
url: "/backend/saveloginVerifyInfos",
method: "post",
data: data,
});
@ -57,7 +57,7 @@ export function saveVerifyInfos(data) {
*/
export function getLegalInfos(tid) {
return request({
url: "/admin/legalInfos",
url: "/backend/legalInfos",
method: "get",
params: { tid }
});
@ -70,7 +70,7 @@ export function getLegalInfos(tid) {
*/
export function saveLegalInfos(data) {
return request({
url: "/admin/saveLegalInfos",
url: "/backend/saveLegalInfos",
method: "post",
data: data,
});
@ -83,7 +83,7 @@ export function saveLegalInfos(data) {
*/
export function getCompanyInfos(tid) {
return request({
url: "/admin/companyInfos",
url: "/backend/companyInfos",
method: "get",
params: { tid }
});
@ -96,7 +96,7 @@ export function getCompanyInfos(tid) {
*/
export function saveCompanyInfos(data) {
return request({
url: "/admin/saveCompanyInfos",
url: "/backend/saveCompanyInfos",
method: "post",
data: data,
});
@ -109,7 +109,7 @@ export function saveCompanyInfos(data) {
*/
export function getCompanySeo(tid) {
return request({
url: "/admin/companySeo",
url: "/backend/companySeo",
method: "get",
params: { tid }
});
@ -122,7 +122,7 @@ export function getCompanySeo(tid) {
*/
export function saveCompanySeo(data) {
return request({
url: "/admin/saveCompanySeo",
url: "/backend/saveCompanySeo",
method: "post",
data: data,
});

View File

@ -5,7 +5,7 @@ import request from "@/utils/request";
*/
export function getSmsInfo() {
return request({
url: "/admin/sms/info",
url: "/backend/sms/info",
method: "get",
});
}
@ -15,7 +15,7 @@ export function getSmsInfo() {
*/
export function editSmsInfo(data: any) {
return request({
url: "/admin/sms/editinfo",
url: "/backend/sms/editinfo",
method: "post",
data,
});
@ -26,7 +26,7 @@ export function editSmsInfo(data: any) {
*/
export function sendTestSms(data: any) {
return request({
url: "/admin/sms/sendtest",
url: "/backend/sms/sendtest",
method: "post",
data,
});
@ -37,7 +37,7 @@ export function sendTestSms(data: any) {
*/
export function getSmsTaskList(params: { status?: string | number; phone?: string } = {}) {
return request({
url: "/admin/sms/taskList",
url: "/backend/sms/taskList",
method: "get",
params,
});
@ -48,7 +48,7 @@ export function getSmsTaskList(params: { status?: string | number; phone?: strin
*/
export function editSmsTask(id: number | string, data: any) {
return request({
url: `/admin/sms/taskEdit/${id}`,
url: `/backend/sms/taskEdit/${id}`,
method: "post",
data,
});

View File

@ -11,7 +11,7 @@ import request from "@/utils/request";
*/
export function getTenantList(params) {
return request({
url: "/admin/tenant/getTenant",
url: "/backend/tenant/getTenant",
method: "get",
params: params,
});
@ -24,7 +24,7 @@ export function getTenantList(params) {
*/
export function getTenantDetail(id) {
return request({
url: `/admin/tenant/getTenantDetail/${id}`,
url: `/backend/tenant/getTenantDetail/${id}`,
method: "get",
});
}
@ -36,7 +36,7 @@ export function getTenantDetail(id) {
*/
export function createTenant(data) {
return request({
url: "/admin/tenant/createTenant",
url: "/backend/tenant/createTenant",
method: "post",
data: data,
headers: {
@ -52,7 +52,7 @@ export function createTenant(data) {
*/
export function editTenant(id, data) {
return request({
url: `/admin/tenant/editTenant/${id}`,
url: `/backend/tenant/editTenant/${id}`,
method: "post",
data: data,
});
@ -65,7 +65,7 @@ export function editTenant(id, data) {
*/
export function deleteTenant(id) {
return request({
url: `/admin/tenant/deleteTenant/${id}`,
url: `/backend/tenant/deleteTenant/${id}`,
method: "delete",
});
}
@ -77,7 +77,7 @@ export function deleteTenant(id) {
*/
export function checkTenantCode(tenant_code) {
return request({
url: '/admin/tenant/findTenantCode',
url: '/backend/tenant/findTenantCode',
method: 'get',
params: { tenant_code }
});

View File

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 获取模板列表
export function getThemeList() {
return request({
url: '/admin/theme',
url: '/backend/theme',
method: 'get'
})
}
@ -11,7 +11,7 @@ export function getThemeList() {
// 切换模板
export function switchTheme(data) {
return request({
url: '/admin/theme/switch',
url: '/backend/theme/switch',
method: 'post',
data
})
@ -20,7 +20,7 @@ export function switchTheme(data) {
// 获取模板数据
export function getThemeData(params) {
return request({
url: '/admin/theme/data',
url: '/backend/theme/data',
method: 'get',
params
})
@ -29,7 +29,7 @@ export function getThemeData(params) {
// 保存模板数据
export function saveThemeData(data) {
return request({
url: '/admin/theme/data',
url: '/backend/theme/data',
method: 'post',
data
})

View File

@ -1,17 +1,18 @@
import request from '@/utils/request';
//获取所有用户信息
export function getAllUsers() {
export function getAllUsers(params) {
return request({
url: '/admin/getAllUsers',
url: '/backend/getAllUsers',
method: 'get',
params,
});
}
//获取租户用户
export function getTenantUsers(tenantId) {
return request({
url: `/admin/getTenantUsers/${tenantId}`,
url: `/backend/getTenantUsers/${tenantId}`,
method: 'get',
});
}
@ -27,7 +28,7 @@ export function getUserInfo(userId) {
// 添加用户
export function addUser(data) {
return request({
url: '/admin/addUser',
url: '/backend/addUser',
method: 'post',
data,
});
@ -36,7 +37,7 @@ export function addUser(data) {
// 编辑用户信息
export function editUser(userId, data) {
return request({
url: `/admin/editUser/${userId}`,
url: `/backend/editUser/${userId}`,
method: 'post',
data,
});
@ -47,10 +48,25 @@ export function updateUserInfo(userId, data) {
return editUser(userId, data);
}
// 更新个人资料
export function updateUserProfile(userId, data) {
return editUser(userId, data);
}
// 绑定/更换手机号
export function bindPhone(userId, phone) {
return editUser(userId, { phone });
}
// 绑定/更换邮箱
export function bindEmail(userId, email) {
return editUser(userId, { email });
}
// 删除用户
export function deleteUser(userId) {
return request({
url: `/admin/deleteUser/${userId}`,
url: `/backend/deleteUser/${userId}`,
method: 'delete',
});
}
@ -58,7 +74,7 @@ export function deleteUser(userId) {
// 修改密码
export function changePassword(userId, data) {
return request({
url: '/admin/changePassword',
url: '/backend/changePassword',
method: 'post',
data: {
id: userId,

View File

@ -4,7 +4,7 @@ import request from "@/utils/request";
// 获取文章列表
export function GetCRMWorkbench(params) {
return request({
url: `/admin/workbench/crm`,
url: `/backend/workbench/crm`,
method: "get",
params,
});

View File

@ -36,7 +36,7 @@
<script setup lang="ts">
import { reactive, ref } from "vue";
import { ElMessage, type FormInstance, type FormRules } from "element-plus";
import { editEmployee } from "@/api/erp";
import { changePassword } from "@/api/user";
const emit = defineEmits<{
(e: "submit"): void;
@ -99,8 +99,8 @@ const handleSubmit = async () => {
submitLoading.value = true;
try {
await editEmployee(currentUser.value.id, {
password: form.password,
await changePassword(currentUser.value.id, {
newPassword: form.password,
});
ElMessage.success("密码修改成功");

View File

@ -67,7 +67,7 @@
import { ref, reactive, watch } from "vue";
import { ElMessage } from "element-plus";
import { Plus } from "@element-plus/icons-vue";
import { getTenantUserList, editTenantUser } from "@/api/tenantUser";
import { getAllUsers, changePassword } from "@/api/user";
import AddUser from "./adduser.vue";
const props = defineProps<{
@ -119,7 +119,7 @@ const refreshTenantUsers = async () => {
if (id == null) return;
usersLoading.value = true;
try {
const usersRes = await getTenantUserList(buildTenantUserQuery(id));
const usersRes = await getAllUsers(buildTenantUserQuery(id));
if (usersRes?.code === 200) {
tenantUsers.value = usersRes?.data?.list || usersRes?.data || [];
} else {
@ -135,7 +135,7 @@ const refreshTenantUsers = async () => {
const loadUsersForTid = async (tid: number) => {
usersLoading.value = true;
try {
const usersRes = await getTenantUserList({ tid });
const usersRes = await getAllUsers({ tid });
if (usersRes?.code === 200) {
tenantUsers.value = usersRes?.data?.list || usersRes?.data || [];
} else {
@ -194,7 +194,7 @@ const submitPassword = async () => {
passwordSubmitting.value = true;
try {
const res = await editTenantUser(currentTenantUserId.value, { password: passwordForm.password });
const res = await changePassword(currentTenantUserId.value, { newPassword: passwordForm.password });
if (res.code === 200) {
ElMessage.success("密码修改成功");
passwordDialogVisible.value = false;

View File

@ -43,7 +43,7 @@
*/
import { ref, reactive } from 'vue';
import { ElMessage } from 'element-plus';
import { createTenantUser } from '@/api/tenantUser';
import { addUser } from '@/api/user';
const emit = defineEmits(['success']);
const visible = ref(false);
@ -123,7 +123,7 @@ const submitForm = async () => {
};
//
delete (submitData as any).password2;
const res = await createTenantUser(submitData);
const res = await addUser(submitData);
if (res.code === 200) {
ElMessage.success('添加成功');
visible.value = false;

View File

@ -0,0 +1,106 @@
<template>
<el-dialog
v-model="visible"
:title="userInfo?.email ? '更换邮箱' : '绑定邮箱'"
width="450px"
@close="handleDialogClose"
>
<el-form
ref="formRef"
:model="form"
:rules="formRules"
label-width="90px"
>
<el-form-item label="邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入邮箱" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" :loading="loading" @click="handleSave">
保存
</el-button>
</template>
</el-dialog>
</template>
<script setup>
import { computed, reactive, ref, watch } from "vue";
import { ElMessage } from "element-plus";
import { bindEmail } from "@/api/user";
const props = defineProps({
modelValue: {
type: Boolean,
default: false
},
userInfo: {
type: Object,
default: null
},
userId: {
type: [Number, String],
default: ""
}
});
const emit = defineEmits(["update:modelValue", "saved"]);
const visible = computed({
get: () => props.modelValue,
set: (value) => emit("update:modelValue", value)
});
const loading = ref(false);
const formRef = ref(null);
const form = reactive({
email: ""
});
const formRules = {
email: [
{ required: true, message: "请输入邮箱", trigger: "blur" },
{ type: "email", message: "请输入正确的邮箱格式", trigger: "blur" }
]
};
const syncForm = () => {
form.email = props.userInfo?.email || "";
};
const handleSave = async () => {
try {
await formRef.value.validate();
loading.value = true;
const res = await bindEmail(props.userId, form.email);
if (res.code === 200) {
ElMessage.success(props.userInfo?.email ? "邮箱更换成功" : "邮箱绑定成功");
visible.value = false;
emit("saved");
}
} catch (error) {
console.error("保存邮箱失败", error);
if (error !== false) {
ElMessage.error("保存邮箱失败");
}
} finally {
loading.value = false;
}
};
const handleDialogClose = () => {
formRef.value?.resetFields();
};
watch(
() => props.modelValue,
(value) => {
if (value) {
syncForm();
}
}
);
</script>

View File

@ -0,0 +1,106 @@
<template>
<el-dialog
v-model="visible"
:title="userInfo?.phone ? '更换手机号' : '绑定手机号'"
width="450px"
@close="handleDialogClose"
>
<el-form
ref="formRef"
:model="form"
:rules="formRules"
label-width="90px"
>
<el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" :loading="loading" @click="handleSave">
保存
</el-button>
</template>
</el-dialog>
</template>
<script setup>
import { computed, reactive, ref, watch } from "vue";
import { ElMessage } from "element-plus";
import { bindPhone } from "@/api/user";
const props = defineProps({
modelValue: {
type: Boolean,
default: false
},
userInfo: {
type: Object,
default: null
},
userId: {
type: [Number, String],
default: ""
}
});
const emit = defineEmits(["update:modelValue", "saved"]);
const visible = computed({
get: () => props.modelValue,
set: (value) => emit("update:modelValue", value)
});
const loading = ref(false);
const formRef = ref(null);
const form = reactive({
phone: ""
});
const formRules = {
phone: [
{ required: true, message: "请输入手机号", trigger: "blur" },
{ pattern: /^1[3-9]\d{9}$/, message: "请输入正确的手机号", trigger: "blur" }
]
};
const syncForm = () => {
form.phone = props.userInfo?.phone || "";
};
const handleSave = async () => {
try {
await formRef.value.validate();
loading.value = true;
const res = await bindPhone(props.userId, form.phone);
if (res.code === 200) {
ElMessage.success(props.userInfo?.phone ? "手机号更换成功" : "手机号绑定成功");
visible.value = false;
emit("saved");
}
} catch (error) {
console.error("保存手机号失败", error);
if (error !== false) {
ElMessage.error("保存手机号失败");
}
} finally {
loading.value = false;
}
};
const handleDialogClose = () => {
formRef.value?.resetFields();
};
watch(
() => props.modelValue,
(value) => {
if (value) {
syncForm();
}
}
);
</script>

View File

@ -0,0 +1,125 @@
<template>
<el-dialog
v-model="visible"
title="修改密码"
width="450px"
@close="handleDialogClose"
>
<el-form
ref="passwordFormRef"
:model="passwordForm"
:rules="passwordFormRules"
label-width="100px"
>
<el-form-item label="旧密码" prop="oldPassword">
<el-input
v-model="passwordForm.oldPassword"
type="password"
placeholder="请输入旧密码"
show-password
/>
</el-form-item>
<el-form-item label="新密码" prop="newPassword">
<el-input
v-model="passwordForm.newPassword"
type="password"
placeholder="请输入新密码"
show-password
/>
</el-form-item>
<el-form-item label="确认密码" prop="confirmPassword">
<el-input
v-model="passwordForm.confirmPassword"
type="password"
placeholder="请再次输入新密码"
show-password
/>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" :loading="loading" @click="handleSavePassword">
确认修改
</el-button>
</template>
</el-dialog>
</template>
<script setup>
import { computed, reactive, ref } from "vue";
import { ElMessage } from "element-plus";
import { changePassword } from "@/api/user";
const props = defineProps({
modelValue: {
type: Boolean,
default: false
},
userId: {
type: [Number, String],
default: ""
}
});
const emit = defineEmits(["update:modelValue", "saved"]);
const visible = computed({
get: () => props.modelValue,
set: (value) => emit("update:modelValue", value)
});
const loading = ref(false);
const passwordFormRef = ref(null);
const passwordForm = reactive({
oldPassword: "",
newPassword: "",
confirmPassword: ""
});
const validateConfirmPassword = (rule, value, callback) => {
if (value !== passwordForm.newPassword) {
callback(new Error("两次输入的密码不一致"));
} else {
callback();
}
};
const passwordFormRules = {
oldPassword: [{ required: true, message: "请输入旧密码", trigger: "blur" }],
newPassword: [
{ required: true, message: "请输入新密码", trigger: "blur" },
{ min: 6, max: 20, message: "密码长度为 6 到 20 个字符", trigger: "blur" }
],
confirmPassword: [
{ required: true, message: "请再次输入新密码", trigger: "blur" },
{ validator: validateConfirmPassword, trigger: "blur" }
]
};
const handleSavePassword = async () => {
try {
await passwordFormRef.value.validate();
loading.value = true;
const res = await changePassword(props.userId, passwordForm);
if (res.code !== 200) {
ElMessage.error(res.msg || "修改密码失败");
return;
}
ElMessage.success(res.msg || "密码修改成功");
visible.value = false;
emit("saved");
} catch (error) {
console.error("修改密码失败", error);
if (error !== false) {
ElMessage.error("修改密码失败");
}
} finally {
loading.value = false;
}
};
const handleDialogClose = () => {
passwordFormRef.value?.resetFields();
};
</script>

View File

@ -0,0 +1,91 @@
<template>
<div class="detail-card">
<div class="card-header">
<h3 class="card-title">详细资料</h3>
<el-button type="primary" :icon="Edit" size="small" @click="$emit('edit')">
编辑
</el-button>
</div>
<el-descriptions :column="2" border>
<el-descriptions-item label="姓名">
{{ userInfo?.name || "-" }}
</el-descriptions-item>
<el-descriptions-item label="性别">
{{ getSexText(userInfo?.sex) }}
</el-descriptions-item>
<el-descriptions-item label="生日">
{{ userInfo?.birth || "-" }}
</el-descriptions-item>
<el-descriptions-item label="状态">
<el-tag :type="userInfo?.status === 1 ? 'success' : 'danger'" size="small">
{{ userInfo?.status === 1 ? "正常" : "禁用" }}
</el-tag>
</el-descriptions-item>
<el-descriptions-item label="注册时间" :span="2">
{{ formatDate(userInfo?.create_time) }}
</el-descriptions-item>
<el-descriptions-item label="最后登录IP" :span="2">
{{ userInfo?.last_login_ip || "-" }}
</el-descriptions-item>
</el-descriptions>
</div>
</template>
<script setup>
import { Edit } from "@element-plus/icons-vue";
defineProps({
userInfo: {
type: Object,
default: null
},
formatDate: {
type: Function,
required: true
},
getSexText: {
type: Function,
required: true
}
});
defineEmits(["edit"]);
</script>
<style scoped lang="less">
.detail-card {
background: var(--el-bg-color);
border-radius: 12px;
padding: 24px;
margin-bottom: 16px;
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: all 0.3s;
&:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid var(--el-border-color-lighter);
.card-title {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--el-text-color-primary);
}
}
@media (max-width: 768px) {
.detail-card {
padding: 16px;
}
}
</style>

View File

@ -0,0 +1,137 @@
<template>
<el-dialog
v-model="visible"
title="编辑资料"
width="500px"
@close="handleDialogClose"
>
<el-form
ref="editFormRef"
:model="editForm"
:rules="editFormRules"
label-width="80px"
>
<el-form-item label="姓名" prop="name">
<el-input v-model="editForm.name" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="editForm.sex">
<el-radio :value="0">保密</el-radio>
<el-radio :value="1"></el-radio>
<el-radio :value="2"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="生日">
<el-date-picker
v-model="editForm.birth"
type="date"
placeholder="选择日期"
value-format="YYYY-MM-DD"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="editForm.email" placeholder="请输入邮箱" />
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input v-model="editForm.phone" placeholder="请输入手机号" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" :loading="loading" @click="handleSaveProfile">
保存
</el-button>
</template>
</el-dialog>
</template>
<script setup>
import { computed, reactive, ref, watch } from "vue";
import { ElMessage } from "element-plus";
import { updateUserProfile } from "@/api/user";
const props = defineProps({
modelValue: {
type: Boolean,
default: false
},
userInfo: {
type: Object,
default: null
},
userId: {
type: [Number, String],
default: ""
}
});
const emit = defineEmits(["update:modelValue", "saved"]);
const visible = computed({
get: () => props.modelValue,
set: (value) => emit("update:modelValue", value)
});
const loading = ref(false);
const editFormRef = ref(null);
const editForm = reactive({
email: "",
phone: "",
name: "",
sex: 0,
birth: ""
});
const editFormRules = {
email: [
{ required: true, message: "请输入邮箱", trigger: "blur" },
{ type: "email", message: "请输入正确的邮箱格式", trigger: "blur" }
],
phone: [
{ pattern: /^1[3-9]\d{9}$/, message: "请输入正确的手机号", trigger: "blur" }
]
};
const syncForm = () => {
editForm.name = props.userInfo?.name || "";
editForm.sex = props.userInfo?.sex || 0;
editForm.birth = props.userInfo?.birth || "";
editForm.email = props.userInfo?.email || "";
editForm.phone = props.userInfo?.phone || "";
};
const handleSaveProfile = async () => {
try {
await editFormRef.value.validate();
loading.value = true;
const res = await updateUserProfile(props.userId, editForm);
if (res.code === 200) {
ElMessage.success("保存成功");
visible.value = false;
emit("saved");
}
} catch (error) {
console.error("保存失败", error);
if (error !== false) {
ElMessage.error("保存失败");
}
} finally {
loading.value = false;
}
};
const handleDialogClose = () => {
editFormRef.value?.resetFields();
};
watch(
() => props.modelValue,
(value) => {
if (value) {
syncForm();
}
}
);
</script>

View File

@ -0,0 +1,130 @@
<template>
<div class="profile-card">
<div class="card-header">
<h3 class="card-title">个人资料</h3>
</div>
<div class="card-content">
<div class="avatar-section">
<el-avatar :size="100" :src="userInfo?.avatar || ''">
{{ userInfo?.account?.charAt(0)?.toUpperCase() || "U" }}
</el-avatar>
<el-button
type="primary"
link
size="small"
@click="$emit('change-avatar')"
>
更换头像
</el-button>
</div>
<div class="info-list">
<div class="info-item">
<span class="info-label">账号</span>
<span class="info-value">{{ userInfo?.account || "-" }}</span>
</div>
<div class="info-item">
<span class="info-label">邮箱</span>
<span class="info-value">{{ userInfo?.email || "-" }}</span>
</div>
<div class="info-item">
<span class="info-label">手机号</span>
<span class="info-value">{{ userInfo?.phone || "-" }}</span>
</div>
<div class="info-item">
<span class="info-label">状态</span>
<el-tag :type="userInfo?.status === 1 ? 'success' : 'danger'" size="small">
{{ userInfo?.status === 1 ? "正常" : "禁用" }}
</el-tag>
</div>
</div>
</div>
</div>
</template>
<script setup>
defineProps({
userInfo: {
type: Object,
default: null
}
});
defineEmits(["change-avatar"]);
</script>
<style scoped lang="less">
.profile-card {
background: var(--el-bg-color);
border-radius: 12px;
padding: 24px;
margin-bottom: 16px;
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: all 0.3s;
&:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid var(--el-border-color-lighter);
.card-title {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--el-text-color-primary);
}
}
.card-content {
.avatar-section {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
margin-bottom: 24px;
.el-avatar {
background: linear-gradient(135deg, #3973ff 0%, #4f84ff 100%);
}
}
.info-list {
.info-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid var(--el-border-color-lighter);
&:last-child {
border-bottom: none;
}
.info-label {
font-size: 14px;
color: var(--el-text-color-regular);
}
.info-value {
font-size: 14px;
color: var(--el-text-color-primary);
font-weight: 500;
}
}
}
}
@media (max-width: 768px) {
.profile-card {
padding: 16px;
}
}
</style>

View File

@ -0,0 +1,83 @@
<template>
<div class="quick-actions">
<div class="card-header">
<h3 class="card-title">快捷操作</h3>
</div>
<div class="action-list">
<div class="action-item" @click="$emit('logout')">
<el-icon><SwitchButton /></el-icon>
<span>退出登录</span>
</div>
</div>
</div>
</template>
<script setup>
import { SwitchButton } from "@element-plus/icons-vue";
defineEmits(["logout"]);
</script>
<style scoped lang="less">
.quick-actions {
background: var(--el-bg-color);
border-radius: 12px;
padding: 24px;
margin-bottom: 16px;
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: all 0.3s;
&:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid var(--el-border-color-lighter);
.card-title {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--el-text-color-primary);
}
}
.action-list {
.action-item {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s;
.el-icon {
font-size: 20px;
color: var(--el-color-primary);
}
span {
font-size: 14px;
color: var(--el-text-color-primary);
}
&:hover {
background: var(--el-fill-color-light);
}
}
}
@media (max-width: 768px) {
.quick-actions {
padding: 16px;
}
}
</style>

View File

@ -0,0 +1,150 @@
<template>
<div class="security-card">
<div class="card-header">
<h3 class="card-title">安全设置</h3>
</div>
<div class="security-list">
<div class="security-item">
<div class="security-info">
<el-icon class="security-icon"><Lock /></el-icon>
<div class="security-text">
<div class="security-title">登录密码</div>
<div class="security-desc">用于登录系统</div>
</div>
</div>
<el-button type="primary" link @click="$emit('change-password')">
修改
</el-button>
</div>
<div class="security-item">
<div class="security-info">
<el-icon class="security-icon"><Iphone /></el-icon>
<div class="security-text">
<div class="security-title">手机绑定</div>
<div class="security-desc">已绑定: {{ userInfo?.phone || "未绑定" }}</div>
</div>
</div>
<el-button type="primary" link @click="$emit('bind-phone')">
{{ userInfo?.phone ? "更换" : "绑定" }}
</el-button>
</div>
<div class="security-item">
<div class="security-info">
<el-icon class="security-icon"><Message /></el-icon>
<div class="security-text">
<div class="security-title">邮箱绑定</div>
<div class="security-desc">已绑定: {{ userInfo?.email || "未绑定" }}</div>
</div>
</div>
<el-button type="primary" link @click="$emit('bind-email')">
{{ userInfo?.email ? "更换" : "绑定" }}
</el-button>
</div>
</div>
</div>
</template>
<script setup>
import { Lock, Iphone, Message } from "@element-plus/icons-vue";
defineProps({
userInfo: {
type: Object,
default: null
}
});
defineEmits(["change-password", "bind-phone", "bind-email"]);
</script>
<style scoped lang="less">
.security-card {
background: var(--el-bg-color);
border-radius: 12px;
padding: 24px;
margin-bottom: 16px;
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: all 0.3s;
&:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid var(--el-border-color-lighter);
.card-title {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--el-text-color-primary);
}
}
.security-list {
.security-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
border-radius: 8px;
margin-bottom: 12px;
border: 1px solid var(--el-border-color-lighter);
transition: all 0.3s;
&:last-child {
margin-bottom: 0;
}
&:hover {
border-color: var(--el-color-primary-light-7);
background: var(--el-fill-color-lighter);
}
.security-info {
display: flex;
align-items: center;
gap: 12px;
.security-icon {
width: 40px;
height: 40px;
border-radius: 8px;
background: linear-gradient(135deg, rgba(57, 115, 255, 0.1) 0%, rgba(79, 132, 255, 0.1) 100%);
display: flex;
align-items: center;
justify-content: center;
color: var(--el-color-primary);
font-size: 20px;
}
.security-text {
.security-title {
font-size: 15px;
font-weight: 500;
color: var(--el-text-color-primary);
margin-bottom: 4px;
}
.security-desc {
font-size: 13px;
color: var(--el-text-color-placeholder);
}
}
}
}
}
@media (max-width: 768px) {
.security-card {
padding: 16px;
}
}
</style>

View File

@ -2,233 +2,56 @@
<div class="user-profile">
<el-row :gutter="20">
<el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
<div class="profile-card">
<div class="card-header">
<h3 class="card-title">个人资料</h3>
</div>
<div class="card-content">
<div class="avatar-section">
<el-avatar :size="100" :src="userInfo?.avatar || ''">
{{ userInfo?.account?.charAt(0)?.toUpperCase() || 'U' }}
</el-avatar>
<el-button
type="primary"
link
size="small"
@click="handleAvatarChange"
>
更换头像
</el-button>
</div>
<div class="info-list">
<div class="info-item">
<span class="info-label">账号</span>
<span class="info-value">{{ userInfo?.account || '-' }}</span>
</div>
<div class="info-item">
<span class="info-label">邮箱</span>
<span class="info-value">{{ userInfo?.email || '-' }}</span>
</div>
<div class="info-item">
<span class="info-label">手机号</span>
<span class="info-value">{{ userInfo?.phone || '-' }}</span>
</div>
<div class="info-item">
<span class="info-label">状态</span>
<el-tag :type="userInfo?.status === 1 ? 'success' : 'danger'" size="small">
{{ userInfo?.status === 1 ? '正常' : '禁用' }}
</el-tag>
</div>
</div>
</div>
</div>
<ProfileCard
:user-info="userInfo"
@change-avatar="handleAvatarChange"
/>
<div class="quick-actions">
<div class="card-header">
<h3 class="card-title">快捷操作</h3>
</div>
<div class="action-list">
<div class="action-item" @click="handleLogout">
<el-icon><SwitchButton /></el-icon>
<span>退出登录</span>
</div>
</div>
</div>
<QuickActions @logout="handleLogout" />
</el-col>
<el-col :xs="24" :sm="24" :md="16" :lg="16" :xl="16">
<div class="detail-card">
<div class="card-header">
<h3 class="card-title">详细资料</h3>
<el-button
type="primary"
:icon="Edit"
size="small"
@click="handleEditProfile"
>
编辑
</el-button>
</div>
<el-descriptions :column="2" border>
<el-descriptions-item label="姓名">
{{ userInfo?.name || '-' }}
</el-descriptions-item>
<el-descriptions-item label="性别">
{{ getSexText(userInfo?.sex) }}
</el-descriptions-item>
<el-descriptions-item label="生日">
{{ userInfo?.birth || '-' }}
</el-descriptions-item>
<el-descriptions-item label="状态">
<el-tag :type="userInfo?.status === 1 ? 'success' : 'danger'" size="small">
{{ userInfo?.status === 1 ? '正常' : '禁用' }}
</el-tag>
</el-descriptions-item>
<el-descriptions-item label="注册时间" :span="2">
{{ formatDate(userInfo?.create_time) }}
</el-descriptions-item>
<el-descriptions-item label="最后登录IP" :span="2">
{{ userInfo?.last_login_ip || '-' }}
</el-descriptions-item>
</el-descriptions>
</div>
<DetailCard
:user-info="userInfo"
:format-date="formatDate"
:get-sex-text="getSexText"
@edit="handleEditProfile"
/>
<div class="security-card">
<div class="card-header">
<h3 class="card-title">安全设置</h3>
</div>
<div class="security-list">
<div class="security-item">
<div class="security-info">
<el-icon class="security-icon"><Lock /></el-icon>
<div class="security-text">
<div class="security-title">登录密码</div>
<div class="security-desc">用于登录系统</div>
</div>
</div>
<el-button type="primary" link @click="handleChangePassword">
修改
</el-button>
</div>
<div class="security-item">
<div class="security-info">
<el-icon class="security-icon"><Iphone /></el-icon>
<div class="security-text">
<div class="security-title">手机绑定</div>
<div class="security-desc">已绑定: {{ userInfo?.phone || '未绑定' }}</div>
</div>
</div>
<el-button type="primary" link>
{{ userInfo?.phone ? '更换' : '绑定' }}
</el-button>
</div>
<div class="security-item">
<div class="security-info">
<el-icon class="security-icon"><Message /></el-icon>
<div class="security-text">
<div class="security-title">邮箱绑定</div>
<div class="security-desc">已绑定: {{ userInfo?.email || '未绑定' }}</div>
</div>
</div>
<el-button type="primary" link>
{{ userInfo?.email ? '更换' : '绑定' }}
</el-button>
</div>
</div>
</div>
<SecurityCard
:user-info="userInfo"
@change-password="handleChangePassword"
@bind-phone="bindPhoneDialogVisible = true"
@bind-email="bindEmailDialogVisible = true"
/>
</el-col>
</el-row>
<el-dialog
<EditProfileDialog
v-model="editDialogVisible"
title="编辑资料"
width="500px"
@close="handleEditDialogClose"
>
<el-form
ref="editFormRef"
:model="editForm"
:rules="editFormRules"
label-width="80px"
>
<el-form-item label="姓名" prop="name">
<el-input v-model="editForm.name" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="editForm.sex">
<el-radio :value="0">保密</el-radio>
<el-radio :value="1"></el-radio>
<el-radio :value="2"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="生日">
<el-date-picker
v-model="editForm.birth"
type="date"
placeholder="选择日期"
value-format="YYYY-MM-DD"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="editForm.email" placeholder="请输入邮箱" />
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input v-model="editForm.phone" placeholder="请输入手机号" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="editDialogVisible = false">取消</el-button>
<el-button type="primary" :loading="editLoading" @click="handleSaveProfile">
保存
</el-button>
</template>
</el-dialog>
:user-info="userInfo"
:user-id="authStore.user?.id"
@saved="fetchUserInfo"
/>
<el-dialog
<ChangePasswordDialog
v-model="passwordDialogVisible"
title="修改密码"
width="450px"
@close="handlePasswordDialogClose"
>
<el-form
ref="passwordFormRef"
:model="passwordForm"
:rules="passwordFormRules"
label-width="100px"
>
<el-form-item label="旧密码" prop="oldPassword">
<el-input
v-model="passwordForm.oldPassword"
type="password"
placeholder="请输入旧密码"
show-password
/>
</el-form-item>
<el-form-item label="新密码" prop="newPassword">
<el-input
v-model="passwordForm.newPassword"
type="password"
placeholder="请输入新密码"
show-password
/>
</el-form-item>
<el-form-item label="确认密码" prop="confirmPassword">
<el-input
v-model="passwordForm.confirmPassword"
type="password"
placeholder="请再次输入新密码"
show-password
/>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="passwordDialogVisible = false">取消</el-button>
<el-button type="primary" :loading="passwordLoading" @click="handleSavePassword">
确认修改
</el-button>
</template>
</el-dialog>
:user-id="authStore.user?.id"
/>
<BindPhoneDialog
v-model="bindPhoneDialogVisible"
:user-info="userInfo"
:user-id="authStore.user?.id"
@saved="fetchUserInfo"
/>
<BindEmailDialog
v-model="bindEmailDialogVisible"
:user-info="userInfo"
:user-id="authStore.user?.id"
@saved="fetchUserInfo"
/>
</div>
</template>
@ -236,15 +59,16 @@
import { ref, onMounted } from "vue";
import { useRouter } from "vue-router";
import { ElMessage, ElMessageBox } from "element-plus";
import {
Edit,
Lock,
SwitchButton,
Iphone,
Message
} from "@element-plus/icons-vue";
import { getUserInfo, updateUserInfo } from "@/api/user";
import { getUserInfo } from "@/api/user";
import { useAuthStore } from "@/stores/auth";
import ProfileCard from "./components/ProfileCard.vue";
import QuickActions from "./components/QuickActions.vue";
import DetailCard from "./components/DetailCard.vue";
import SecurityCard from "./components/SecurityCard.vue";
import EditProfileDialog from "./components/EditProfileDialog.vue";
import ChangePasswordDialog from "./components/ChangePasswordDialog.vue";
import BindPhoneDialog from "./components/BindPhoneDialog.vue";
import BindEmailDialog from "./components/BindEmailDialog.vue";
const router = useRouter();
const authStore = useAuthStore();
@ -252,57 +76,8 @@ const authStore = useAuthStore();
const userInfo = ref(null);
const editDialogVisible = ref(false);
const passwordDialogVisible = ref(false);
const editLoading = ref(false);
const passwordLoading = ref(false);
const editFormRef = ref(null);
const passwordFormRef = ref(null);
const editForm = ref({
email: "",
phone: "",
name: "",
sex: 0,
birth: ""
});
const passwordForm = ref({
oldPassword: "",
newPassword: "",
confirmPassword: ""
});
const validateConfirmPassword = (rule, value, callback) => {
if (value !== passwordForm.value.newPassword) {
callback(new Error("两次输入的密码不一致"));
} else {
callback();
}
};
const editFormRules = {
email: [
{ required: true, message: "请输入邮箱", trigger: "blur" },
{ type: "email", message: "请输入正确的邮箱格式", trigger: "blur" }
],
phone: [
{ pattern: /^1[3-9]\d{9}$/, message: "请输入正确的手机号", trigger: "blur" }
]
};
const passwordFormRules = {
oldPassword: [
{ required: true, message: "请输入旧密码", trigger: "blur" }
],
newPassword: [
{ required: true, message: "请输入新密码", trigger: "blur" },
{ min: 6, max: 20, message: "密码长度为 6 到 20 个字符", trigger: "blur" }
],
confirmPassword: [
{ required: true, message: "请再次输入新密码", trigger: "blur" },
{ validator: validateConfirmPassword, trigger: "blur" }
]
};
const bindPhoneDialogVisible = ref(false);
const bindEmailDialogVisible = ref(false);
const formatDate = (date) => {
if (!date) return "-";
@ -342,66 +117,13 @@ const fetchUserInfo = async () => {
};
const handleEditProfile = () => {
editForm.value = {
name: userInfo.value?.name || "",
sex: userInfo.value?.sex || 0,
birth: userInfo.value?.birth || "",
email: userInfo.value?.email || "",
phone: userInfo.value?.phone || ""
};
editDialogVisible.value = true;
};
const handleSaveProfile = async () => {
try {
await editFormRef.value.validate();
editLoading.value = true;
const userId = authStore.user?.id;
const res = await updateUserInfo(userId, editForm.value);
if (res.code === 200) {
ElMessage.success("保存成功");
editDialogVisible.value = false;
await fetchUserInfo();
}
} catch (error) {
console.error("保存失败", error);
if (error !== false) {
ElMessage.error("保存失败");
}
} finally {
editLoading.value = false;
}
};
const handleEditDialogClose = () => {
editFormRef.value?.resetFields();
};
const handleChangePassword = () => {
passwordDialogVisible.value = true;
};
const handleSavePassword = async () => {
try {
await passwordFormRef.value.validate();
passwordLoading.value = true;
// TODO:
ElMessage.success("密码修改成功");
passwordDialogVisible.value = false;
} catch (error) {
console.error("修改密码失败", error);
if (error !== false) {
ElMessage.error("修改密码失败");
}
} finally {
passwordLoading.value = false;
}
};
const handlePasswordDialogClose = () => {
passwordFormRef.value?.resetFields();
};
const handleAvatarChange = () => {
ElMessage.info("头像上传功能开发中");
};
@ -474,166 +196,5 @@ onMounted(() => {
<style scoped lang="less">
.user-profile {
padding: 0;
.profile-card,
.quick-actions,
.detail-card,
.security-card {
background: var(--el-bg-color);
border-radius: 12px;
padding: 24px;
margin-bottom: 16px;
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: all 0.3s;
&:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid var(--el-border-color-lighter);
.card-title {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--el-text-color-primary);
}
}
.card-content {
.avatar-section {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
margin-bottom: 24px;
.el-avatar {
background: linear-gradient(135deg, #3973ff 0%, #4f84ff 100%);
}
}
.info-list {
.info-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid var(--el-border-color-lighter);
&:last-child {
border-bottom: none;
}
.info-label {
font-size: 14px;
color: var(--el-text-color-regular);
}
.info-value {
font-size: 14px;
color: var(--el-text-color-primary);
font-weight: 500;
}
}
}
}
.action-list {
.action-item {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s;
.el-icon {
font-size: 20px;
color: var(--el-color-primary);
}
span {
font-size: 14px;
color: var(--el-text-color-primary);
}
&:hover {
background: var(--el-fill-color-light);
}
}
}
.security-list {
.security-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
border-radius: 8px;
margin-bottom: 12px;
border: 1px solid var(--el-border-color-lighter);
transition: all 0.3s;
&:last-child {
margin-bottom: 0;
}
&:hover {
border-color: var(--el-color-primary-light-7);
background: var(--el-fill-color-lighter);
}
.security-info {
display: flex;
align-items: center;
gap: 12px;
.security-icon {
width: 40px;
height: 40px;
border-radius: 8px;
background: linear-gradient(135deg, rgba(57, 115, 255, 0.1) 0%, rgba(79, 132, 255, 0.1) 100%);
display: flex;
align-items: center;
justify-content: center;
color: var(--el-color-primary);
font-size: 20px;
}
.security-text {
.security-title {
font-size: 15px;
font-weight: 500;
color: var(--el-text-color-primary);
margin-bottom: 4px;
}
.security-desc {
font-size: 13px;
color: var(--el-text-color-placeholder);
}
}
}
}
}
}
@media (max-width: 768px) {
.profile-card,
.quick-actions,
.detail-card,
.security-card {
padding: 16px;
}
}
</style>