完善保险前后端、养殖端小程序
This commit is contained in:
xuqiuyun
54
.cursor/rules/project-rules.mdc
Normal file
54
.cursor/rules/project-rules.mdc
Normal file
@@ -0,0 +1,54 @@
|
||||
---
|
||||
alwaysApply: true
|
||||
---
|
||||
|
||||
1. 请保持对话语言为中文
|
||||
2. 我的系统为 Windows
|
||||
3. 远程服务器为centos10 64位
|
||||
4. 项目文件夹结构为：
|
||||
- docs 文档目录
|
||||
- admin-system 养殖PC端管理后台目录
|
||||
- mini-program 养殖端小程序app目录
|
||||
- backend 养殖端后端服务目录
|
||||
- website 官网目录
|
||||
- insurance_backend 保险管理后台目录
|
||||
- insurance_admin-system 保险管理后台web目录
|
||||
- insurance_mini_program 保险小程序app目录
|
||||
- scripts 脚本目录 放置一些脚本，如：
|
||||
- 数据库脚本
|
||||
- 部署脚本
|
||||
- 测试脚本
|
||||
- 运维脚本
|
||||
5. 整个项目入口文档为根目录下的readme.md，其他文档请放在docs目录下
|
||||
6. 请使用markdown格式编写文档，整个项目文档包括：
|
||||
- 需求文档：整个项目需求文档.md 官网需求文档.md 后端管理需求文档.md 管理后台需求文档.md 小程序app需求文档.md
|
||||
- 架构文档：整个项目的架构文档.md 后端架构文档.md 小程序架构文档.md 管理后台架构文档.md
|
||||
- 详细设计文档：
|
||||
- 数据库设计文档.md
|
||||
- 管理后台接口设计文档.md
|
||||
- 小程序app接口设计文档.md
|
||||
- 开发文档：
|
||||
- 后端开发文档.md 包含：细分到每个子任务的开发计划
|
||||
- 小程序app开发文档.md 包含：细分到每个子任务的开发计划
|
||||
- 管理后台开发文档.md 包含：细分到每个子任务的开发计划
|
||||
- 后端管理开发文档.md 包含：细分到每个子任务的开发计划
|
||||
- 测试文档.md
|
||||
- 部署文档.md
|
||||
- 运维文档.md
|
||||
- 安全文档.md
|
||||
- 用户手册文档.md
|
||||
7. DB_DIALECT || 'mysql',
|
||||
DB_HOST = '129.211.213.226',
|
||||
DB_PORT = 9527,
|
||||
DB_DATABASE = 'nxxmdata',
|
||||
DB_USER = 'root',
|
||||
DB_PASSWORD = 'aiotAiot123!',
|
||||
8. 创建的测试文件全部都自动删除，不用我来点击删除。
|
||||
9. 遇到大模型请求次数上限时自动继续。
|
||||
10. 测试的账户为：admin 密码为:123456
|
||||
11. 项目中所有的接口都需要做好接口文档，全部都写在接口文档中，并在文档中说明请求方式、请求参数、请求示例、返回参数、返回示例等信息。
|
||||
12. 不要修改前后端端口号。发现端口占用先杀死端口，再打开，不要修改端口号。规定死养殖端的后端端口为5350，前端端口为5300.
|
||||
13. 不要修改前后端端口号。发现端口占用先杀死端口，再打开，不要修改端口号。规定死保险端的后端端口为3000，前端端口为3001.
|
||||
14. 每次运行命令都要先看项目规则。
|
||||
15. PowerShell不支持&&操作符，请使用;符号1. 请保持对话语言为中文
|
||||
16. 开发养殖端微信小程序时后端的API接口全部请求到https://ad.ningmuyun.com/
|
||||
@@ -21,9 +21,9 @@
|
||||
"vue-router": "^4.2.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^4.2.3",
|
||||
"eslint": "^8.45.0",
|
||||
"eslint-plugin-vue": "^9.15.1",
|
||||
"vite": "^4.4.5"
|
||||
"@vitejs/plugin-vue": "^4.6.2",
|
||||
"eslint": "^8.57.1",
|
||||
"eslint-plugin-vue": "^9.33.0",
|
||||
"vite": "^4.5.14"
|
||||
}
|
||||
}
|
||||
|
||||
157
insurance_admin-system/public/dayjs_fix_test.html
Normal file
157
insurance_admin-system/public/dayjs_fix_test.html
Normal file
@@ -0,0 +1,157 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Dayjs 修复测试</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.test-container {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
||||
}
|
||||
.test-result {
|
||||
margin: 10px 0;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.success {
|
||||
background-color: #f6ffed;
|
||||
border: 1px solid #b7eb8f;
|
||||
color: #52c41a;
|
||||
}
|
||||
.error {
|
||||
background-color: #fff2f0;
|
||||
border: 1px solid #ffccc7;
|
||||
color: #ff4d4f;
|
||||
}
|
||||
.info {
|
||||
background-color: #e6f7ff;
|
||||
border: 1px solid #91d5ff;
|
||||
color: #1890ff;
|
||||
}
|
||||
button {
|
||||
background-color: #1890ff;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
margin: 10px 5px;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #40a9ff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test-container">
|
||||
<h1>🔧 Dayjs 修复测试</h1>
|
||||
<p>这个页面用于测试 DataWarehouse.vue 中的 dayjs 修复是否成功。</p>
|
||||
|
||||
<button onclick="testDataWarehouse()">测试 DataWarehouse 页面</button>
|
||||
<button onclick="testConsoleErrors()">检查控制台错误</button>
|
||||
|
||||
<div id="test-results"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function addResult(message, type = 'info') {
|
||||
const resultsDiv = document.getElementById('test-results');
|
||||
const resultDiv = document.createElement('div');
|
||||
resultDiv.className = `test-result ${type}`;
|
||||
resultDiv.innerHTML = message;
|
||||
resultsDiv.appendChild(resultDiv);
|
||||
}
|
||||
|
||||
function testDataWarehouse() {
|
||||
addResult('🔍 开始测试 DataWarehouse 页面...', 'info');
|
||||
|
||||
// 创建一个 iframe 来加载主应用
|
||||
const iframe = document.createElement('iframe');
|
||||
iframe.style.display = 'none';
|
||||
iframe.src = 'http://localhost:3002/#/data-warehouse';
|
||||
|
||||
iframe.onload = function() {
|
||||
setTimeout(() => {
|
||||
try {
|
||||
// 检查 iframe 中是否有错误
|
||||
const iframeWindow = iframe.contentWindow;
|
||||
const iframeDocument = iframe.contentDocument;
|
||||
|
||||
if (iframeDocument) {
|
||||
addResult('✅ DataWarehouse 页面加载成功', 'success');
|
||||
addResult('📍 页面 URL: http://localhost:3002/#/data-warehouse', 'info');
|
||||
addResult('💡 请手动访问该页面并检查浏览器控制台是否还有 "require is not defined" 错误', 'info');
|
||||
} else {
|
||||
addResult('❌ 无法访问 iframe 内容，可能存在跨域问题', 'error');
|
||||
}
|
||||
} catch (error) {
|
||||
addResult(`⚠️ 测试过程中出现异常: ${error.message}`, 'error');
|
||||
} finally {
|
||||
document.body.removeChild(iframe);
|
||||
}
|
||||
}, 3000);
|
||||
};
|
||||
|
||||
iframe.onerror = function() {
|
||||
addResult('❌ DataWarehouse 页面加载失败', 'error');
|
||||
document.body.removeChild(iframe);
|
||||
};
|
||||
|
||||
document.body.appendChild(iframe);
|
||||
}
|
||||
|
||||
function testConsoleErrors() {
|
||||
addResult('🔍 检查控制台错误...', 'info');
|
||||
|
||||
// 监听控制台错误
|
||||
const originalError = console.error;
|
||||
const errors = [];
|
||||
|
||||
console.error = function(...args) {
|
||||
errors.push(args.join(' '));
|
||||
originalError.apply(console, args);
|
||||
};
|
||||
|
||||
setTimeout(() => {
|
||||
console.error = originalError;
|
||||
|
||||
const requireErrors = errors.filter(error =>
|
||||
error.includes('require is not defined') ||
|
||||
error.includes('ReferenceError: require is not defined')
|
||||
);
|
||||
|
||||
if (requireErrors.length === 0) {
|
||||
addResult('✅ 没有发现 "require is not defined" 错误', 'success');
|
||||
} else {
|
||||
addResult(`❌ 发现 ${requireErrors.length} 个 require 相关错误:`, 'error');
|
||||
requireErrors.forEach(error => {
|
||||
addResult(` ${error}`, 'error');
|
||||
});
|
||||
}
|
||||
|
||||
if (errors.length === 0) {
|
||||
addResult('✅ 控制台没有错误信息', 'success');
|
||||
} else {
|
||||
addResult(`⚠️ 控制台共有 ${errors.length} 个错误信息`, 'info');
|
||||
}
|
||||
}, 2000);
|
||||
}
|
||||
|
||||
// 页面加载完成后的初始化
|
||||
window.onload = function() {
|
||||
addResult('🚀 测试页面已加载，请点击按钮开始测试', 'info');
|
||||
addResult('📋 修复内容: 将 DataWarehouse.vue 中的 require("dayjs") 改为 ES6 import', 'info');
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -189,37 +189,37 @@ const fetchMenus = async () => {
|
||||
menus.value = [
|
||||
{
|
||||
key: 'Dashboard',
|
||||
icon: () => h(DashboardOutlined),
|
||||
icon: DashboardOutlined,
|
||||
label: '仪表板',
|
||||
path: '/dashboard'
|
||||
},
|
||||
{
|
||||
key: 'DataWarehouse',
|
||||
icon: () => h(DatabaseOutlined),
|
||||
icon: DatabaseOutlined,
|
||||
label: '数据览仓',
|
||||
path: '/dashboard' // 重定向到仪表板
|
||||
},
|
||||
{
|
||||
key: 'SupervisionTask',
|
||||
icon: () => h(CheckCircleOutlined),
|
||||
icon: CheckCircleOutlined,
|
||||
label: '监管任务',
|
||||
path: '/supervision-tasks' // 使用正确的复数路径
|
||||
},
|
||||
{
|
||||
key: 'PendingInstallationTask',
|
||||
icon: () => h(ExclamationCircleOutlined),
|
||||
icon: ExclamationCircleOutlined,
|
||||
label: '待安装任务',
|
||||
path: '/pending-installation' // 使用正确的路径
|
||||
},
|
||||
{
|
||||
key: 'CompletedTask',
|
||||
icon: () => h(FileDoneOutlined),
|
||||
icon: FileDoneOutlined,
|
||||
label: '监管任务已结项',
|
||||
path: '/completed-tasks'
|
||||
},
|
||||
{
|
||||
key: 'InsuredCustomers',
|
||||
icon: () => h(ShopOutlined),
|
||||
icon: ShopOutlined,
|
||||
label: '投保客户单',
|
||||
children: [
|
||||
{
|
||||
@@ -231,7 +231,7 @@ const fetchMenus = async () => {
|
||||
},
|
||||
{
|
||||
key: 'AgriculturalInsurance',
|
||||
icon: () => h(FileProtectOutlined),
|
||||
icon: FileProtectOutlined,
|
||||
label: '生资保单',
|
||||
children: [
|
||||
{
|
||||
@@ -248,7 +248,7 @@ const fetchMenus = async () => {
|
||||
},
|
||||
{
|
||||
key: 'InsuranceTypeManagement',
|
||||
icon: () => h(MedicineBoxOutlined),
|
||||
icon: MedicineBoxOutlined,
|
||||
label: '险种管理',
|
||||
children: [
|
||||
{
|
||||
@@ -260,7 +260,7 @@ const fetchMenus = async () => {
|
||||
},
|
||||
{
|
||||
key: 'CustomerClaims',
|
||||
icon: () => h(ExclamationCircleOutlined),
|
||||
icon: ExclamationCircleOutlined,
|
||||
label: '客户理赔',
|
||||
children: [
|
||||
{
|
||||
@@ -272,25 +272,25 @@ const fetchMenus = async () => {
|
||||
},
|
||||
{
|
||||
key: 'Notifications',
|
||||
icon: () => h(BellOutlined),
|
||||
icon: BellOutlined,
|
||||
label: '消息通知',
|
||||
path: '/notifications'
|
||||
},
|
||||
{
|
||||
key: 'UserManagement',
|
||||
icon: () => h(UserAddOutlined),
|
||||
icon: UserAddOutlined,
|
||||
label: '子账号管理',
|
||||
path: '/users'
|
||||
},
|
||||
{
|
||||
key: 'SystemSettings',
|
||||
icon: () => h(SettingOutlined),
|
||||
icon: SettingOutlined,
|
||||
label: '系统设置',
|
||||
path: '/system-settings'
|
||||
},
|
||||
{
|
||||
key: 'UserProfile',
|
||||
icon: () => h(UserSwitchOutlined),
|
||||
icon: UserSwitchOutlined,
|
||||
label: '个人中心',
|
||||
path: '/dashboard' // 重定向到仪表板
|
||||
}
|
||||
|
||||
527
insurance_admin-system/src/components/PermissionManagement.vue
Normal file
527
insurance_admin-system/src/components/PermissionManagement.vue
Normal file
@@ -0,0 +1,527 @@
|
||||
<template>
|
||||
<div class="permission-management">
|
||||
<!-- 权限树和表格布局 -->
|
||||
<a-row :gutter="16">
|
||||
<!-- 左侧权限树 -->
|
||||
<a-col :span="8">
|
||||
<a-card title="权限树" size="small">
|
||||
<template #extra>
|
||||
<a-button type="primary" size="small" @click="refreshPermissionTree">
|
||||
刷新
|
||||
</a-button>
|
||||
</template>
|
||||
<a-tree
|
||||
v-model:selectedKeys="selectedTreeKeys"
|
||||
:tree-data="permissionTree"
|
||||
:field-names="{ children: 'children', title: 'name', key: 'id' }"
|
||||
@select="onTreeSelect"
|
||||
show-line
|
||||
>
|
||||
<template #title="{ name, type }">
|
||||
<span>
|
||||
<a-tag :color="type === 'menu' ? 'blue' : 'green'" size="small">
|
||||
{{ type === 'menu' ? '菜单' : '操作' }}
|
||||
</a-tag>
|
||||
{{ name }}
|
||||
</span>
|
||||
</template>
|
||||
</a-tree>
|
||||
</a-card>
|
||||
</a-col>
|
||||
|
||||
<!-- 右侧权限列表 -->
|
||||
<a-col :span="16">
|
||||
<a-card title="权限管理" size="small">
|
||||
<template #extra>
|
||||
<a-space>
|
||||
<a-button type="primary" @click="showAddModal">
|
||||
<template #icon><PlusOutlined /></template>
|
||||
新增权限
|
||||
</a-button>
|
||||
<a-button @click="refreshPermissionList">
|
||||
<template #icon><ReloadOutlined /></template>
|
||||
刷新
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
<!-- 搜索表单 -->
|
||||
<a-form layout="inline" style="margin-bottom: 16px">
|
||||
<a-form-item label="权限名称">
|
||||
<a-input
|
||||
v-model:value="searchForm.name"
|
||||
placeholder="请输入权限名称"
|
||||
style="width: 150px"
|
||||
@pressEnter="searchPermissions"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="权限代码">
|
||||
<a-input
|
||||
v-model:value="searchForm.code"
|
||||
placeholder="请输入权限代码"
|
||||
style="width: 150px"
|
||||
@pressEnter="searchPermissions"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="模块">
|
||||
<a-select
|
||||
v-model:value="searchForm.module"
|
||||
placeholder="请选择模块"
|
||||
style="width: 120px"
|
||||
allowClear
|
||||
>
|
||||
<a-select-option value="user">用户管理</a-select-option>
|
||||
<a-select-option value="insurance">保险管理</a-select-option>
|
||||
<a-select-option value="application">申请管理</a-select-option>
|
||||
<a-select-option value="policy">保单管理</a-select-option>
|
||||
<a-select-option value="claim">理赔管理</a-select-option>
|
||||
<a-select-option value="system">系统管理</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="类型">
|
||||
<a-select
|
||||
v-model:value="searchForm.type"
|
||||
placeholder="请选择类型"
|
||||
style="width: 100px"
|
||||
allowClear
|
||||
>
|
||||
<a-select-option value="menu">菜单</a-select-option>
|
||||
<a-select-option value="operation">操作</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item>
|
||||
<a-button type="primary" @click="searchPermissions" :loading="loading">
|
||||
搜索
|
||||
</a-button>
|
||||
<a-button style="margin-left: 8px" @click="resetSearch">
|
||||
重置
|
||||
</a-button>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
|
||||
<!-- 权限表格 -->
|
||||
<a-table
|
||||
:columns="columns"
|
||||
:data-source="permissionList"
|
||||
:loading="loading"
|
||||
:pagination="pagination"
|
||||
@change="handleTableChange"
|
||||
size="small"
|
||||
:scroll="{ x: 1000 }"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'type'">
|
||||
<a-tag :color="record.type === 'menu' ? 'blue' : 'green'">
|
||||
{{ record.type === 'menu' ? '菜单' : '操作' }}
|
||||
</a-tag>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'status'">
|
||||
<a-tag :color="record.status === 'active' ? 'green' : 'red'">
|
||||
{{ record.status === 'active' ? '启用' : '禁用' }}
|
||||
</a-tag>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'action'">
|
||||
<a-space>
|
||||
<a-button type="link" size="small" @click="editPermission(record)">
|
||||
编辑
|
||||
</a-button>
|
||||
<a-popconfirm
|
||||
title="确定要删除这个权限吗？"
|
||||
@confirm="deletePermission(record.id)"
|
||||
>
|
||||
<a-button type="link" size="small" danger>
|
||||
删除
|
||||
</a-button>
|
||||
</a-popconfirm>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<!-- 新增/编辑权限模态框 -->
|
||||
<a-modal
|
||||
v-model:open="modalVisible"
|
||||
:title="isEdit ? '编辑权限' : '新增权限'"
|
||||
width="600px"
|
||||
@ok="handleSubmit"
|
||||
@cancel="handleCancel"
|
||||
:confirm-loading="submitLoading"
|
||||
>
|
||||
<a-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
:label-col="{ span: 6 }"
|
||||
:wrapper-col="{ span: 18 }"
|
||||
>
|
||||
<a-form-item label="权限名称" name="name">
|
||||
<a-input v-model:value="formData.name" placeholder="请输入权限名称" />
|
||||
</a-form-item>
|
||||
<a-form-item label="权限代码" name="code">
|
||||
<a-input v-model:value="formData.code" placeholder="请输入权限代码，如：user:create" />
|
||||
</a-form-item>
|
||||
<a-form-item label="权限描述" name="description">
|
||||
<a-textarea v-model:value="formData.description" placeholder="请输入权限描述" :rows="3" />
|
||||
</a-form-item>
|
||||
<a-form-item label="所属模块" name="module">
|
||||
<a-select v-model:value="formData.module" placeholder="请选择所属模块">
|
||||
<a-select-option value="user">用户管理</a-select-option>
|
||||
<a-select-option value="insurance">保险管理</a-select-option>
|
||||
<a-select-option value="application">申请管理</a-select-option>
|
||||
<a-select-option value="policy">保单管理</a-select-option>
|
||||
<a-select-option value="claim">理赔管理</a-select-option>
|
||||
<a-select-option value="system">系统管理</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="权限类型" name="type">
|
||||
<a-select v-model:value="formData.type" placeholder="请选择权限类型">
|
||||
<a-select-option value="menu">菜单</a-select-option>
|
||||
<a-select-option value="operation">操作</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="父级权限" name="parent_id">
|
||||
<a-tree-select
|
||||
v-model:value="formData.parent_id"
|
||||
:tree-data="parentPermissionOptions"
|
||||
:field-names="{ children: 'children', label: 'name', value: 'id' }"
|
||||
placeholder="请选择父级权限（可选）"
|
||||
allowClear
|
||||
tree-default-expand-all
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="状态" name="status">
|
||||
<a-select v-model:value="formData.status" placeholder="请选择状态">
|
||||
<a-select-option value="active">启用</a-select-option>
|
||||
<a-select-option value="inactive">禁用</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="排序" name="sort_order">
|
||||
<a-input-number v-model:value="formData.sort_order" :min="0" placeholder="请输入排序值" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import { PlusOutlined, ReloadOutlined } from '@ant-design/icons-vue'
|
||||
import { permissionAPI } from '@/utils/api'
|
||||
|
||||
// 数据定义
|
||||
const loading = ref(false)
|
||||
const submitLoading = ref(false)
|
||||
const permissionList = ref([])
|
||||
const permissionTree = ref([])
|
||||
const selectedTreeKeys = ref([])
|
||||
|
||||
// 搜索表单
|
||||
const searchForm = reactive({
|
||||
name: '',
|
||||
code: '',
|
||||
module: '',
|
||||
type: ''
|
||||
})
|
||||
|
||||
// 分页
|
||||
const pagination = reactive({
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: true,
|
||||
showTotal: (total, range) => `第 ${range[0]}-${range[1]} 条，共 ${total} 条`
|
||||
})
|
||||
|
||||
// 表格列定义
|
||||
const columns = [
|
||||
{
|
||||
title: 'ID',
|
||||
dataIndex: 'id',
|
||||
key: 'id',
|
||||
width: 60
|
||||
},
|
||||
{
|
||||
title: '权限名称',
|
||||
dataIndex: 'name',
|
||||
key: 'name',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
title: '权限代码',
|
||||
dataIndex: 'code',
|
||||
key: 'code',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
title: '描述',
|
||||
dataIndex: 'description',
|
||||
key: 'description',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: '模块',
|
||||
dataIndex: 'module',
|
||||
key: 'module',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
dataIndex: 'type',
|
||||
key: 'type',
|
||||
width: 80
|
||||
},
|
||||
{
|
||||
title: '状态',
|
||||
dataIndex: 'status',
|
||||
key: 'status',
|
||||
width: 80
|
||||
},
|
||||
{
|
||||
title: '排序',
|
||||
dataIndex: 'sort_order',
|
||||
key: 'sort_order',
|
||||
width: 80
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
width: 120,
|
||||
fixed: 'right'
|
||||
}
|
||||
]
|
||||
|
||||
// 模态框相关
|
||||
const modalVisible = ref(false)
|
||||
const isEdit = ref(false)
|
||||
const formRef = ref()
|
||||
const formData = reactive({
|
||||
name: '',
|
||||
code: '',
|
||||
description: '',
|
||||
module: '',
|
||||
type: '',
|
||||
parent_id: null,
|
||||
status: 'active',
|
||||
sort_order: 0
|
||||
})
|
||||
|
||||
const parentPermissionOptions = ref([])
|
||||
|
||||
// 表单验证规则
|
||||
const formRules = {
|
||||
name: [
|
||||
{ required: true, message: '请输入权限名称', trigger: 'blur' }
|
||||
],
|
||||
code: [
|
||||
{ required: true, message: '请输入权限代码', trigger: 'blur' },
|
||||
{ pattern: /^[a-zA-Z0-9:_-]+$/, message: '权限代码只能包含字母、数字、冒号、下划线和横线', trigger: 'blur' }
|
||||
],
|
||||
module: [
|
||||
{ required: true, message: '请选择所属模块', trigger: 'change' }
|
||||
],
|
||||
type: [
|
||||
{ required: true, message: '请选择权限类型', trigger: 'change' }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: '请选择状态', trigger: 'change' }
|
||||
]
|
||||
}
|
||||
|
||||
// 方法定义
|
||||
const loadPermissions = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const params = {
|
||||
page: pagination.current,
|
||||
pageSize: pagination.pageSize,
|
||||
...searchForm
|
||||
}
|
||||
|
||||
const response = await permissionAPI.getList(params)
|
||||
const responseData = response.data || response
|
||||
|
||||
permissionList.value = (responseData.permissions || []).map(permission => ({
|
||||
...permission,
|
||||
key: permission.id
|
||||
}))
|
||||
|
||||
pagination.total = responseData.total || 0
|
||||
} catch (error) {
|
||||
console.error('加载权限列表失败:', error)
|
||||
message.error('加载权限列表失败')
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const loadPermissionTree = async () => {
|
||||
try {
|
||||
const response = await permissionAPI.getTree()
|
||||
const responseData = response.data || response
|
||||
permissionTree.value = responseData.tree || []
|
||||
|
||||
// 同时更新父级权限选项
|
||||
parentPermissionOptions.value = buildParentOptions(permissionTree.value)
|
||||
} catch (error) {
|
||||
console.error('加载权限树失败:', error)
|
||||
message.error('加载权限树失败')
|
||||
}
|
||||
}
|
||||
|
||||
const buildParentOptions = (tree) => {
|
||||
const options = []
|
||||
const traverse = (nodes) => {
|
||||
nodes.forEach(node => {
|
||||
options.push({
|
||||
id: node.id,
|
||||
name: node.name,
|
||||
children: node.children ? buildParentOptions(node.children) : []
|
||||
})
|
||||
if (node.children && node.children.length > 0) {
|
||||
traverse(node.children)
|
||||
}
|
||||
})
|
||||
}
|
||||
traverse(tree)
|
||||
return options
|
||||
}
|
||||
|
||||
const searchPermissions = () => {
|
||||
pagination.current = 1
|
||||
loadPermissions()
|
||||
}
|
||||
|
||||
const resetSearch = () => {
|
||||
Object.assign(searchForm, {
|
||||
name: '',
|
||||
code: '',
|
||||
module: '',
|
||||
type: ''
|
||||
})
|
||||
pagination.current = 1
|
||||
loadPermissions()
|
||||
}
|
||||
|
||||
const handleTableChange = (pag) => {
|
||||
pagination.current = pag.current
|
||||
pagination.pageSize = pag.pageSize
|
||||
loadPermissions()
|
||||
}
|
||||
|
||||
const refreshPermissionList = () => {
|
||||
loadPermissions()
|
||||
}
|
||||
|
||||
const refreshPermissionTree = () => {
|
||||
loadPermissionTree()
|
||||
}
|
||||
|
||||
const onTreeSelect = (selectedKeys, info) => {
|
||||
console.log('选中的权限:', info.selectedNodes)
|
||||
}
|
||||
|
||||
const showAddModal = () => {
|
||||
isEdit.value = false
|
||||
modalVisible.value = true
|
||||
resetForm()
|
||||
}
|
||||
|
||||
const editPermission = (record) => {
|
||||
isEdit.value = true
|
||||
modalVisible.value = true
|
||||
Object.assign(formData, {
|
||||
id: record.id,
|
||||
name: record.name,
|
||||
code: record.code,
|
||||
description: record.description,
|
||||
module: record.module,
|
||||
type: record.type,
|
||||
parent_id: record.parent_id,
|
||||
status: record.status,
|
||||
sort_order: record.sort_order
|
||||
})
|
||||
}
|
||||
|
||||
const resetForm = () => {
|
||||
Object.assign(formData, {
|
||||
name: '',
|
||||
code: '',
|
||||
description: '',
|
||||
module: '',
|
||||
type: '',
|
||||
parent_id: null,
|
||||
status: 'active',
|
||||
sort_order: 0
|
||||
})
|
||||
if (formRef.value) {
|
||||
formRef.value.resetFields()
|
||||
}
|
||||
}
|
||||
|
||||
const handleSubmit = async () => {
|
||||
try {
|
||||
await formRef.value.validate()
|
||||
submitLoading.value = true
|
||||
|
||||
if (isEdit.value) {
|
||||
await permissionAPI.update(formData.id, formData)
|
||||
message.success('更新权限成功')
|
||||
} else {
|
||||
await permissionAPI.create(formData)
|
||||
message.success('创建权限成功')
|
||||
}
|
||||
|
||||
modalVisible.value = false
|
||||
loadPermissions()
|
||||
loadPermissionTree()
|
||||
} catch (error) {
|
||||
console.error('提交失败:', error)
|
||||
message.error(isEdit.value ? '更新权限失败' : '创建权限失败')
|
||||
} finally {
|
||||
submitLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const handleCancel = () => {
|
||||
modalVisible.value = false
|
||||
resetForm()
|
||||
}
|
||||
|
||||
const deletePermission = async (id) => {
|
||||
try {
|
||||
await permissionAPI.delete(id)
|
||||
message.success('删除权限成功')
|
||||
loadPermissions()
|
||||
loadPermissionTree()
|
||||
} catch (error) {
|
||||
console.error('删除权限失败:', error)
|
||||
message.error('删除权限失败')
|
||||
}
|
||||
}
|
||||
|
||||
// 初始化
|
||||
onMounted(() => {
|
||||
loadPermissions()
|
||||
loadPermissionTree()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.permission-management {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ant-card {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ant-tree {
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,525 @@
|
||||
<template>
|
||||
<div class="role-permission-management">
|
||||
<!-- 角色权限分配区域 -->
|
||||
<a-card title="角色权限管理" style="margin-bottom: 16px">
|
||||
<template #extra>
|
||||
<a-space>
|
||||
<a-button type="primary" @click="handleRefresh">
|
||||
刷新数据
|
||||
</a-button>
|
||||
<a-button @click="handleCopyPermissions">
|
||||
复制权限
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
<!-- 角色选择和权限统计 -->
|
||||
<a-row :gutter="16" style="margin-bottom: 16px">
|
||||
<a-col :span="8">
|
||||
<a-card size="small" title="选择角色">
|
||||
<a-select
|
||||
v-model:value="selectedRoleId"
|
||||
placeholder="请选择角色"
|
||||
style="width: 100%"
|
||||
@change="handleRoleChange"
|
||||
>
|
||||
<a-select-option
|
||||
v-for="role in roles"
|
||||
:key="role.id"
|
||||
:value="role.id"
|
||||
>
|
||||
{{ role.name }} ({{ role.description }})
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="16">
|
||||
<a-row :gutter="8">
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="总权限数"
|
||||
:value="permissionStats.total"
|
||||
:value-style="{ color: '#1890ff' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="已分配"
|
||||
:value="permissionStats.assigned"
|
||||
:value-style="{ color: '#52c41a' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="未分配"
|
||||
:value="permissionStats.unassigned"
|
||||
:value-style="{ color: '#faad14' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="分配率"
|
||||
:value="permissionStats.percentage"
|
||||
suffix="%"
|
||||
:value-style="{ color: '#722ed1' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<!-- 权限树形结构 -->
|
||||
<div v-if="selectedRoleId">
|
||||
<a-divider>权限分配</a-divider>
|
||||
|
||||
<!-- 批量操作按钮 -->
|
||||
<div style="margin-bottom: 16px">
|
||||
<a-space>
|
||||
<a-button @click="handleSelectAll">全选</a-button>
|
||||
<a-button @click="handleSelectNone">全不选</a-button>
|
||||
<a-button @click="handleSelectByModule">按模块选择</a-button>
|
||||
<a-button type="primary" @click="handleSavePermissions" :loading="saveLoading">
|
||||
保存权限设置
|
||||
</a-button>
|
||||
</a-space>
|
||||
</div>
|
||||
|
||||
<!-- 按模块分组的权限列表 -->
|
||||
<a-collapse v-model:activeKey="activeModules" ghost>
|
||||
<a-collapse-panel
|
||||
v-for="module in permissionModules"
|
||||
:key="module.module"
|
||||
:header="`${module.module} (${module.permissions.length}个权限)`"
|
||||
>
|
||||
<template #extra>
|
||||
<a-checkbox
|
||||
:checked="isModuleAllSelected(module.module)"
|
||||
:indeterminate="isModuleIndeterminate(module.module)"
|
||||
@change="(e) => handleModuleCheckChange(e, module.module)"
|
||||
@click.stop
|
||||
>
|
||||
全选
|
||||
</a-checkbox>
|
||||
</template>
|
||||
|
||||
<a-row :gutter="[16, 8]">
|
||||
<a-col
|
||||
v-for="permission in module.permissions"
|
||||
:key="permission.id"
|
||||
:span="8"
|
||||
>
|
||||
<a-checkbox
|
||||
v-model:checked="selectedPermissions[permission.id]"
|
||||
@change="handlePermissionChange"
|
||||
>
|
||||
<a-tooltip :title="permission.description">
|
||||
<span>{{ permission.name }}</span>
|
||||
<a-tag
|
||||
:color="getPermissionTypeColor(permission.type)"
|
||||
size="small"
|
||||
style="margin-left: 4px"
|
||||
>
|
||||
{{ permission.type }}
|
||||
</a-tag>
|
||||
</a-tooltip>
|
||||
</a-checkbox>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-collapse-panel>
|
||||
</a-collapse>
|
||||
</div>
|
||||
|
||||
<!-- 未选择角色时的提示 -->
|
||||
<div v-else class="empty-state">
|
||||
<a-empty description="请先选择一个角色来管理权限" />
|
||||
</div>
|
||||
</a-card>
|
||||
|
||||
<!-- 权限复制模态框 -->
|
||||
<a-modal
|
||||
v-model:open="copyModalVisible"
|
||||
title="复制权限"
|
||||
@ok="handleConfirmCopy"
|
||||
@cancel="copyModalVisible = false"
|
||||
>
|
||||
<a-form layout="vertical">
|
||||
<a-form-item label="源角色">
|
||||
<a-select
|
||||
v-model:value="copyForm.sourceRoleId"
|
||||
placeholder="请选择源角色"
|
||||
style="width: 100%"
|
||||
>
|
||||
<a-select-option
|
||||
v-for="role in roles"
|
||||
:key="role.id"
|
||||
:value="role.id"
|
||||
>
|
||||
{{ role.name }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="目标角色">
|
||||
<a-select
|
||||
v-model:value="copyForm.targetRoleId"
|
||||
placeholder="请选择目标角色"
|
||||
style="width: 100%"
|
||||
>
|
||||
<a-select-option
|
||||
v-for="role in roles"
|
||||
:key="role.id"
|
||||
:value="role.id"
|
||||
>
|
||||
{{ role.name }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="复制方式">
|
||||
<a-radio-group v-model:value="copyForm.mode">
|
||||
<a-radio value="replace">替换（清空目标角色权限后复制）</a-radio>
|
||||
<a-radio value="merge">合并（保留目标角色原有权限）</a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
|
||||
<!-- 按模块选择模态框 -->
|
||||
<a-modal
|
||||
v-model:open="moduleSelectModalVisible"
|
||||
title="按模块选择权限"
|
||||
@ok="handleConfirmModuleSelect"
|
||||
@cancel="moduleSelectModalVisible = false"
|
||||
>
|
||||
<a-checkbox-group v-model:value="selectedModules" style="width: 100%">
|
||||
<a-row>
|
||||
<a-col
|
||||
v-for="module in permissionModules"
|
||||
:key="module.module"
|
||||
:span="12"
|
||||
style="margin-bottom: 8px"
|
||||
>
|
||||
<a-checkbox :value="module.module">
|
||||
{{ module.module }} ({{ module.permissions.length }}个)
|
||||
</a-checkbox>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-checkbox-group>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, onMounted, watch } from 'vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import { rolePermissionAPI } from '@/utils/api'
|
||||
|
||||
// 响应式数据
|
||||
const loading = ref(false)
|
||||
const saveLoading = ref(false)
|
||||
const roles = ref([])
|
||||
const permissions = ref([])
|
||||
const selectedRoleId = ref(null)
|
||||
const selectedPermissions = reactive({})
|
||||
const activeModules = ref([])
|
||||
|
||||
// 模态框状态
|
||||
const copyModalVisible = ref(false)
|
||||
const moduleSelectModalVisible = ref(false)
|
||||
const selectedModules = ref([])
|
||||
|
||||
// 复制表单
|
||||
const copyForm = reactive({
|
||||
sourceRoleId: null,
|
||||
targetRoleId: null,
|
||||
mode: 'replace'
|
||||
})
|
||||
|
||||
// 计算属性 - 权限模块分组
|
||||
const permissionModules = computed(() => {
|
||||
const modules = {}
|
||||
permissions.value.forEach(permission => {
|
||||
if (!modules[permission.module]) {
|
||||
modules[permission.module] = {
|
||||
module: permission.module,
|
||||
permissions: []
|
||||
}
|
||||
}
|
||||
modules[permission.module].permissions.push(permission)
|
||||
})
|
||||
return Object.values(modules)
|
||||
})
|
||||
|
||||
// 计算属性 - 权限统计
|
||||
const permissionStats = computed(() => {
|
||||
const total = permissions.value.length
|
||||
const assigned = Object.values(selectedPermissions).filter(Boolean).length
|
||||
const unassigned = total - assigned
|
||||
const percentage = total > 0 ? Math.round((assigned / total) * 100) : 0
|
||||
|
||||
return {
|
||||
total,
|
||||
assigned,
|
||||
unassigned,
|
||||
percentage
|
||||
}
|
||||
})
|
||||
|
||||
// 获取权限类型颜色
|
||||
const getPermissionTypeColor = (type) => {
|
||||
const colorMap = {
|
||||
'view': 'blue',
|
||||
'create': 'green',
|
||||
'update': 'orange',
|
||||
'delete': 'red',
|
||||
'manage': 'purple',
|
||||
'admin': 'magenta'
|
||||
}
|
||||
return colorMap[type] || 'default'
|
||||
}
|
||||
|
||||
// 检查模块是否全选
|
||||
const isModuleAllSelected = (module) => {
|
||||
const modulePermissions = permissionModules.value.find(m => m.module === module)?.permissions || []
|
||||
return modulePermissions.length > 0 && modulePermissions.every(p => selectedPermissions[p.id])
|
||||
}
|
||||
|
||||
// 检查模块是否部分选择
|
||||
const isModuleIndeterminate = (module) => {
|
||||
const modulePermissions = permissionModules.value.find(m => m.module === module)?.permissions || []
|
||||
const selectedCount = modulePermissions.filter(p => selectedPermissions[p.id]).length
|
||||
return selectedCount > 0 && selectedCount < modulePermissions.length
|
||||
}
|
||||
|
||||
// 获取所有角色和权限数据
|
||||
const fetchData = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const [rolesResponse, permissionsResponse] = await Promise.all([
|
||||
rolePermissionAPI.getAllRolesWithPermissions(),
|
||||
rolePermissionAPI.getAllPermissions()
|
||||
])
|
||||
|
||||
if (rolesResponse.success) {
|
||||
roles.value = rolesResponse.data
|
||||
}
|
||||
|
||||
if (permissionsResponse.success) {
|
||||
permissions.value = permissionsResponse.data
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取数据失败:', error)
|
||||
message.error('获取数据失败')
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
// 角色变化处理
|
||||
const handleRoleChange = async (roleId) => {
|
||||
if (!roleId) return
|
||||
|
||||
try {
|
||||
const response = await rolePermissionAPI.getRolePermissions(roleId)
|
||||
if (response.success) {
|
||||
// 重置选择状态
|
||||
Object.keys(selectedPermissions).forEach(key => {
|
||||
selectedPermissions[key] = false
|
||||
})
|
||||
|
||||
// 设置当前角色的权限
|
||||
response.data.permissions.forEach(permission => {
|
||||
selectedPermissions[permission.id] = true
|
||||
})
|
||||
|
||||
// 默认展开所有模块
|
||||
activeModules.value = permissionModules.value.map(m => m.module)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取角色权限失败:', error)
|
||||
message.error('获取角色权限失败')
|
||||
}
|
||||
}
|
||||
|
||||
// 权限变化处理
|
||||
const handlePermissionChange = () => {
|
||||
// 这里可以添加实时保存逻辑，或者只在点击保存时处理
|
||||
}
|
||||
|
||||
// 模块复选框变化处理
|
||||
const handleModuleCheckChange = (e, module) => {
|
||||
const checked = e.target.checked
|
||||
const modulePermissions = permissionModules.value.find(m => m.module === module)?.permissions || []
|
||||
|
||||
modulePermissions.forEach(permission => {
|
||||
selectedPermissions[permission.id] = checked
|
||||
})
|
||||
}
|
||||
|
||||
// 全选处理
|
||||
const handleSelectAll = () => {
|
||||
permissions.value.forEach(permission => {
|
||||
selectedPermissions[permission.id] = true
|
||||
})
|
||||
}
|
||||
|
||||
// 全不选处理
|
||||
const handleSelectNone = () => {
|
||||
permissions.value.forEach(permission => {
|
||||
selectedPermissions[permission.id] = false
|
||||
})
|
||||
}
|
||||
|
||||
// 按模块选择处理
|
||||
const handleSelectByModule = () => {
|
||||
selectedModules.value = []
|
||||
moduleSelectModalVisible.value = true
|
||||
}
|
||||
|
||||
// 确认按模块选择
|
||||
const handleConfirmModuleSelect = () => {
|
||||
// 先清空所有选择
|
||||
handleSelectNone()
|
||||
|
||||
// 选择指定模块的权限
|
||||
selectedModules.value.forEach(module => {
|
||||
const modulePermissions = permissionModules.value.find(m => m.module === module)?.permissions || []
|
||||
modulePermissions.forEach(permission => {
|
||||
selectedPermissions[permission.id] = true
|
||||
})
|
||||
})
|
||||
|
||||
moduleSelectModalVisible.value = false
|
||||
}
|
||||
|
||||
// 保存权限设置
|
||||
const handleSavePermissions = async () => {
|
||||
if (!selectedRoleId.value) {
|
||||
message.warning('请先选择角色')
|
||||
return
|
||||
}
|
||||
|
||||
saveLoading.value = true
|
||||
try {
|
||||
const permissionIds = Object.keys(selectedPermissions)
|
||||
.filter(id => selectedPermissions[id])
|
||||
.map(id => parseInt(id))
|
||||
|
||||
const response = await rolePermissionAPI.assignRolePermissions(selectedRoleId.value, {
|
||||
permissionIds,
|
||||
mode: 'replace'
|
||||
})
|
||||
|
||||
if (response.success) {
|
||||
message.success('权限设置保存成功')
|
||||
} else {
|
||||
message.error(response.message || '保存失败')
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('保存权限设置失败:', error)
|
||||
message.error('保存权限设置失败')
|
||||
} finally {
|
||||
saveLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
// 复制权限处理
|
||||
const handleCopyPermissions = () => {
|
||||
copyForm.sourceRoleId = null
|
||||
copyForm.targetRoleId = null
|
||||
copyForm.mode = 'replace'
|
||||
copyModalVisible.value = true
|
||||
}
|
||||
|
||||
// 确认复制权限
|
||||
const handleConfirmCopy = async () => {
|
||||
if (!copyForm.sourceRoleId || !copyForm.targetRoleId) {
|
||||
message.warning('请选择源角色和目标角色')
|
||||
return
|
||||
}
|
||||
|
||||
if (copyForm.sourceRoleId === copyForm.targetRoleId) {
|
||||
message.warning('源角色和目标角色不能相同')
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await rolePermissionAPI.copyRolePermissions(
|
||||
copyForm.sourceRoleId,
|
||||
copyForm.targetRoleId,
|
||||
copyForm.mode
|
||||
)
|
||||
|
||||
if (response.success) {
|
||||
message.success('权限复制成功')
|
||||
copyModalVisible.value = false
|
||||
|
||||
// 如果当前选择的是目标角色，刷新权限显示
|
||||
if (selectedRoleId.value === copyForm.targetRoleId) {
|
||||
handleRoleChange(selectedRoleId.value)
|
||||
}
|
||||
} else {
|
||||
message.error(response.message || '复制失败')
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('复制权限失败:', error)
|
||||
message.error('复制权限失败')
|
||||
}
|
||||
}
|
||||
|
||||
// 刷新数据
|
||||
const handleRefresh = () => {
|
||||
fetchData()
|
||||
if (selectedRoleId.value) {
|
||||
handleRoleChange(selectedRoleId.value)
|
||||
}
|
||||
}
|
||||
|
||||
// 监听权限数据变化，初始化选择状态
|
||||
watch(permissions, (newPermissions) => {
|
||||
newPermissions.forEach(permission => {
|
||||
if (!(permission.id in selectedPermissions)) {
|
||||
selectedPermissions[permission.id] = false
|
||||
}
|
||||
})
|
||||
}, { immediate: true })
|
||||
|
||||
// 组件挂载时获取数据
|
||||
onMounted(() => {
|
||||
fetchData()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.role-permission-management {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.ant-statistic-content {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ant-collapse-header {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ant-checkbox-wrapper {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.ant-tag {
|
||||
margin-left: 4px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,213 +1,207 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, computed } from 'vue'
|
||||
import axios from 'axios'
|
||||
|
||||
export const useUserStore = defineStore('user', () => {
|
||||
// 兼容旧版本的token存储
|
||||
const accessToken = ref(localStorage.getItem('accessToken') || localStorage.getItem('token'))
|
||||
const refreshToken = ref(localStorage.getItem('refreshToken'))
|
||||
const userInfo = ref(JSON.parse(localStorage.getItem('userInfo') || '{}'))
|
||||
const tokenExpiresAt = ref(localStorage.getItem('tokenExpiresAt'))
|
||||
// 状态
|
||||
const accessToken = ref(localStorage.getItem('accessToken') || '')
|
||||
const refreshToken = ref(localStorage.getItem('refreshToken') || '')
|
||||
const userInfo = ref(JSON.parse(localStorage.getItem('userInfo') || 'null'))
|
||||
const tokenExpiresAt = ref(parseInt(localStorage.getItem('tokenExpiresAt') || '0'))
|
||||
|
||||
// 防抖更新localStorage
|
||||
let updateTimer = null
|
||||
const debouncedUpdateStorage = (key, value) => {
|
||||
clearTimeout(updateTimer)
|
||||
updateTimer = setTimeout(() => {
|
||||
if (value === null || value === undefined || value === '') {
|
||||
localStorage.removeItem(key)
|
||||
} else {
|
||||
localStorage.setItem(key, typeof value === 'object' ? JSON.stringify(value) : value)
|
||||
}
|
||||
}, 100)
|
||||
}
|
||||
|
||||
// 计算属性 - 使用缓存避免重复计算
|
||||
const isTokenExpired = computed(() => {
|
||||
if (!tokenExpiresAt.value) return true
|
||||
return Date.now() >= tokenExpiresAt.value
|
||||
})
|
||||
|
||||
// 计算属性：检查token是否即将过期（提前5分钟刷新）
|
||||
const isTokenExpiringSoon = computed(() => {
|
||||
if (!tokenExpiresAt.value) return false
|
||||
const expiresAt = new Date(tokenExpiresAt.value)
|
||||
const now = new Date()
|
||||
const fiveMinutesFromNow = new Date(now.getTime() + 5 * 60 * 1000)
|
||||
return expiresAt <= fiveMinutesFromNow
|
||||
const fiveMinutes = 5 * 60 * 1000
|
||||
return Date.now() >= (tokenExpiresAt.value - fiveMinutes)
|
||||
})
|
||||
|
||||
// 计算属性：检查token是否已过期
|
||||
const isTokenExpired = computed(() => {
|
||||
if (!tokenExpiresAt.value) return false
|
||||
const expiresAt = new Date(tokenExpiresAt.value)
|
||||
const now = new Date()
|
||||
return expiresAt <= now
|
||||
const isLoggedIn = computed(() => {
|
||||
return !!accessToken.value && !isTokenExpired.value
|
||||
})
|
||||
|
||||
// 设置访问令牌
|
||||
const setAccessToken = (newToken) => {
|
||||
accessToken.value = newToken
|
||||
localStorage.setItem('accessToken', newToken)
|
||||
// 兼容旧版本
|
||||
localStorage.setItem('token', newToken)
|
||||
}
|
||||
|
||||
// 设置刷新令牌
|
||||
const setRefreshToken = (newRefreshToken) => {
|
||||
refreshToken.value = newRefreshToken
|
||||
localStorage.setItem('refreshToken', newRefreshToken)
|
||||
}
|
||||
|
||||
// 设置令牌过期时间
|
||||
const setTokenExpiresAt = (expiresIn) => {
|
||||
const expiresAt = new Date(Date.now() + expiresIn * 1000)
|
||||
tokenExpiresAt.value = expiresAt.toISOString()
|
||||
localStorage.setItem('tokenExpiresAt', expiresAt.toISOString())
|
||||
}
|
||||
|
||||
// 设置完整的认证信息
|
||||
|
||||
// Actions
|
||||
const setAuthData = (authData) => {
|
||||
if (authData.accessToken) {
|
||||
setAccessToken(authData.accessToken)
|
||||
if (!authData) return
|
||||
|
||||
const { accessToken: newAccessToken, refreshToken: newRefreshToken, user, expiresIn } = authData
|
||||
|
||||
// 批量更新状态，避免多次触发响应式更新
|
||||
const updates = []
|
||||
|
||||
if (newAccessToken && newAccessToken !== accessToken.value) {
|
||||
accessToken.value = newAccessToken
|
||||
updates.push(['accessToken', newAccessToken])
|
||||
}
|
||||
if (authData.refreshToken) {
|
||||
setRefreshToken(authData.refreshToken)
|
||||
|
||||
if (newRefreshToken && newRefreshToken !== refreshToken.value) {
|
||||
refreshToken.value = newRefreshToken
|
||||
updates.push(['refreshToken', newRefreshToken])
|
||||
}
|
||||
if (authData.accessTokenExpiresIn) {
|
||||
setTokenExpiresAt(authData.accessTokenExpiresIn)
|
||||
|
||||
if (user && JSON.stringify(user) !== JSON.stringify(userInfo.value)) {
|
||||
userInfo.value = user
|
||||
updates.push(['userInfo', user])
|
||||
}
|
||||
if (authData.user) {
|
||||
setUserInfo(authData.user)
|
||||
}
|
||||
}
|
||||
|
||||
const setUserInfo = (info) => {
|
||||
userInfo.value = info
|
||||
localStorage.setItem('userInfo', JSON.stringify(info))
|
||||
}
|
||||
|
||||
// Token刷新方法
|
||||
const refreshAccessToken = async () => {
|
||||
try {
|
||||
if (!refreshToken.value) {
|
||||
throw new Error('没有刷新令牌')
|
||||
|
||||
if (expiresIn) {
|
||||
const newExpiresAt = Date.now() + (expiresIn * 1000)
|
||||
if (newExpiresAt !== tokenExpiresAt.value) {
|
||||
tokenExpiresAt.value = newExpiresAt
|
||||
updates.push(['tokenExpiresAt', newExpiresAt])
|
||||
}
|
||||
|
||||
const response = await axios.post('/api/auth/refresh', {
|
||||
refreshToken: refreshToken.value
|
||||
}
|
||||
|
||||
// 批量更新localStorage
|
||||
updates.forEach(([key, value]) => {
|
||||
debouncedUpdateStorage(key, value)
|
||||
})
|
||||
}
|
||||
|
||||
const logout = () => {
|
||||
// 清除状态
|
||||
accessToken.value = ''
|
||||
refreshToken.value = ''
|
||||
userInfo.value = null
|
||||
tokenExpiresAt.value = 0
|
||||
|
||||
// 清除localStorage
|
||||
const keysToRemove = ['accessToken', 'refreshToken', 'userInfo', 'tokenExpiresAt']
|
||||
keysToRemove.forEach(key => localStorage.removeItem(key))
|
||||
}
|
||||
|
||||
// 刷新访问令牌
|
||||
const refreshAccessToken = async () => {
|
||||
if (!refreshToken.value) {
|
||||
throw new Error('没有刷新令牌')
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await fetch('http://localhost:3000/api/auth/refresh', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
refreshToken: refreshToken.value
|
||||
})
|
||||
})
|
||||
|
||||
if (response.data.success) {
|
||||
const authData = response.data.data
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error('刷新令牌失败')
|
||||
}
|
||||
|
||||
const data = await response.json()
|
||||
|
||||
// 修复：检查响应格式，支持多种成功状态
|
||||
if (data.status === 'success' || data.code === 200 || data.success) {
|
||||
const authData = data.data || data
|
||||
setAuthData(authData)
|
||||
console.log('令牌刷新成功')
|
||||
return authData.accessToken
|
||||
} else {
|
||||
throw new Error(response.data.message || '刷新令牌失败')
|
||||
throw new Error(data.message || '刷新令牌失败')
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('刷新令牌失败:', error)
|
||||
// 刷新失败，清除所有认证信息
|
||||
console.error('刷新访问令牌失败:', error)
|
||||
logout()
|
||||
throw error
|
||||
}
|
||||
}
|
||||
|
||||
// 自动刷新令牌（如果需要的话）
|
||||
const ensureValidToken = async () => {
|
||||
if (!accessToken.value) {
|
||||
throw new Error('没有访问令牌')
|
||||
}
|
||||
|
||||
if (isTokenExpired.value) {
|
||||
// Token已过期，尝试刷新
|
||||
return await refreshAccessToken()
|
||||
} else if (isTokenExpiringSoon.value) {
|
||||
// Token即将过期，主动刷新
|
||||
try {
|
||||
return await refreshAccessToken()
|
||||
} catch (error) {
|
||||
// 刷新失败但当前token还未过期，继续使用当前token
|
||||
console.warn('主动刷新失败，继续使用当前token:', error)
|
||||
return accessToken.value
|
||||
}
|
||||
}
|
||||
|
||||
return accessToken.value
|
||||
}
|
||||
|
||||
// 自动重新登录（委托给认证服务）
|
||||
// 自动重新登录方法
|
||||
const autoRelogin = async () => {
|
||||
// 导入认证服务（避免循环依赖）
|
||||
const { default: authService } = await import('@/services/authService')
|
||||
return authService.autoRelogin()
|
||||
}
|
||||
|
||||
// 获取保存的登录凭据
|
||||
const getSavedCredentials = () => {
|
||||
try {
|
||||
// 检查是否有有效的refresh token
|
||||
// 首先尝试使用refresh token刷新
|
||||
if (refreshToken.value) {
|
||||
return {
|
||||
refreshToken: refreshToken.value
|
||||
try {
|
||||
await refreshAccessToken()
|
||||
return true
|
||||
} catch (error) {
|
||||
console.warn('使用refresh token刷新失败，尝试其他方式:', error)
|
||||
}
|
||||
}
|
||||
|
||||
// 可以在这里添加其他类型的保存凭据检查
|
||||
// 例如：记住的用户名、设备指纹等
|
||||
// 检查是否有记住的登录信息
|
||||
const rememberedUsername = localStorage.getItem('rememberedUsername')
|
||||
const rememberLogin = localStorage.getItem('rememberLogin') === 'true'
|
||||
|
||||
return null
|
||||
} catch (error) {
|
||||
console.error('获取保存的登录凭据失败:', error)
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
// 获取用户信息
|
||||
const fetchUserInfo = async () => {
|
||||
try {
|
||||
// 动态导入API以避免循环依赖
|
||||
const { authAPI } = await import('@/utils/api')
|
||||
const response = await authAPI.getProfile()
|
||||
|
||||
if (response.data && response.data.status === 'success') {
|
||||
const userData = response.data.data
|
||||
setUserInfo(userData)
|
||||
return userData
|
||||
} else {
|
||||
throw new Error(response.data?.message || '获取用户信息失败')
|
||||
if (rememberedUsername && rememberLogin) {
|
||||
// 这里可以实现使用记住的凭据自动登录
|
||||
// 但出于安全考虑，通常不会保存密码
|
||||
console.log('检测到记住的用户名，但需要用户重新输入密码')
|
||||
}
|
||||
|
||||
return false
|
||||
} catch (error) {
|
||||
console.error('获取用户信息失败:', error)
|
||||
throw error
|
||||
console.error('自动重新登录失败:', error)
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
const logout = () => {
|
||||
accessToken.value = null
|
||||
refreshToken.value = null
|
||||
userInfo.value = {}
|
||||
tokenExpiresAt.value = null
|
||||
localStorage.removeItem('accessToken')
|
||||
localStorage.removeItem('refreshToken')
|
||||
localStorage.removeItem('userInfo')
|
||||
localStorage.removeItem('tokenExpiresAt')
|
||||
// 兼容旧版本
|
||||
localStorage.removeItem('token')
|
||||
|
||||
// 确保token有效
|
||||
const ensureValidToken = async () => {
|
||||
if (!accessToken.value) {
|
||||
return null
|
||||
}
|
||||
|
||||
// 如果token已过期，尝试刷新
|
||||
if (isTokenExpired.value) {
|
||||
try {
|
||||
return await refreshAccessToken()
|
||||
} catch (error) {
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
// 如果token即将过期（5分钟内），提前刷新
|
||||
if (isTokenExpiringSoon.value) {
|
||||
try {
|
||||
return await refreshAccessToken()
|
||||
} catch (error) {
|
||||
// 刷新失败，但当前token仍然有效，继续使用
|
||||
console.warn('提前刷新token失败，继续使用当前token:', error)
|
||||
return accessToken.value
|
||||
}
|
||||
}
|
||||
|
||||
return accessToken.value
|
||||
}
|
||||
|
||||
// 兼容旧版本的方法
|
||||
const setToken = (newToken) => {
|
||||
setAccessToken(newToken)
|
||||
}
|
||||
|
||||
const token = computed(() => accessToken.value)
|
||||
|
||||
|
||||
return {
|
||||
// 新的双Token属性
|
||||
// 状态
|
||||
accessToken,
|
||||
refreshToken,
|
||||
userInfo,
|
||||
tokenExpiresAt,
|
||||
isTokenExpiringSoon,
|
||||
isTokenExpired,
|
||||
|
||||
// 新的方法
|
||||
setAccessToken,
|
||||
setRefreshToken,
|
||||
setTokenExpiresAt,
|
||||
// 计算属性
|
||||
isTokenExpired,
|
||||
isTokenExpiringSoon,
|
||||
isLoggedIn,
|
||||
|
||||
// 方法
|
||||
setAuthData,
|
||||
logout,
|
||||
refreshAccessToken,
|
||||
ensureValidToken,
|
||||
autoRelogin,
|
||||
getSavedCredentials,
|
||||
fetchUserInfo,
|
||||
|
||||
// 兼容旧版本的属性和方法
|
||||
token,
|
||||
setToken,
|
||||
setUserInfo,
|
||||
logout
|
||||
autoRelogin
|
||||
}
|
||||
})
|
||||
@@ -25,7 +25,7 @@ export const userAPI = {
|
||||
|
||||
export const menuAPI = {
|
||||
getMenus: async () => {
|
||||
const response = await api.get('/menus/public');
|
||||
const response = await api.get('/menus');
|
||||
return response.data; // 返回响应的data部分
|
||||
},
|
||||
getAllMenus: async () => {
|
||||
@@ -70,8 +70,9 @@ export const claimAPI = {
|
||||
}
|
||||
|
||||
export const dashboardAPI = {
|
||||
getStats: () => api.get('/system/stats'),
|
||||
getRecentActivities: () => api.get('/system/logs?limit=10')
|
||||
getStats: () => api.get('/dashboard/stats'),
|
||||
getRecentActivities: () => api.get('/dashboard/recent-activities'),
|
||||
getChartData: (params) => api.get('/dashboard/chart-data', { params })
|
||||
}
|
||||
|
||||
// 设备预警API
|
||||
@@ -160,4 +161,40 @@ export const operationLogAPI = {
|
||||
export: (params) => api.get('/operation-logs/export', { params })
|
||||
}
|
||||
|
||||
// 权限管理API
|
||||
export const permissionAPI = {
|
||||
getList: (params) => api.get('/permissions', { params }),
|
||||
create: (data) => api.post('/permissions', data),
|
||||
update: (id, data) => api.put(`/permissions/${id}`, data),
|
||||
delete: (id) => api.delete(`/permissions/${id}`),
|
||||
getTree: () => api.get('/permissions/tree'),
|
||||
getRolePermissions: (roleId) => api.get(`/permissions/roles/${roleId}`)
|
||||
}
|
||||
|
||||
// 角色权限管理API
|
||||
export const rolePermissionAPI = {
|
||||
// 获取所有角色及其权限
|
||||
getAllRolesWithPermissions: () => api.get('/role-permissions/roles'),
|
||||
|
||||
// 获取所有权限
|
||||
getAllPermissions: () => api.get('/role-permissions/permissions'),
|
||||
|
||||
// 获取指定角色的详细权限信息
|
||||
getRolePermissions: (roleId) => api.get(`/role-permissions/roles/${roleId}`),
|
||||
|
||||
// 批量分配角色权限
|
||||
assignRolePermissions: (roleId, data) => api.post(`/role-permissions/roles/${roleId}/assign`, data),
|
||||
|
||||
// 复制角色权限
|
||||
copyRolePermissions: (sourceRoleId, targetRoleId, mode) =>
|
||||
api.post(`/role-permissions/roles/${sourceRoleId}/copy/${targetRoleId}`, { mode }),
|
||||
|
||||
// 检查用户权限
|
||||
checkUserPermission: (userId, permissionCode) =>
|
||||
api.get(`/role-permissions/users/${userId}/check/${permissionCode}`),
|
||||
|
||||
// 获取权限统计
|
||||
getPermissionStats: () => api.get('/role-permissions/stats')
|
||||
}
|
||||
|
||||
export default api
|
||||
119
insurance_admin-system/src/utils/dataValidator.js
Normal file
119
insurance_admin-system/src/utils/dataValidator.js
Normal file
@@ -0,0 +1,119 @@
|
||||
/**
|
||||
* 数据验证工具
|
||||
* 用于确保 API 响应数据的一致性和安全性
|
||||
*/
|
||||
|
||||
/**
|
||||
* 验证并确保数据是数组
|
||||
* @param {any} data - 需要验证的数据
|
||||
* @param {string} context - 上下文信息，用于日志记录
|
||||
* @returns {Array} 确保返回数组
|
||||
*/
|
||||
export const ensureArray = (data, context = 'unknown') => {
|
||||
if (Array.isArray(data)) {
|
||||
return data
|
||||
}
|
||||
|
||||
console.warn(`[DataValidator] ${context}: 期望数组但收到`, typeof data, data)
|
||||
return []
|
||||
}
|
||||
|
||||
/**
|
||||
* 验证 API 响应格式
|
||||
* @param {Object} response - API 响应对象
|
||||
* @param {string} context - 上下文信息
|
||||
* @returns {Object} 标准化的响应对象
|
||||
*/
|
||||
export const validateApiResponse = (response, context = 'API') => {
|
||||
if (!response) {
|
||||
console.warn(`[DataValidator] ${context}: 响应为空`)
|
||||
return { data: [], pagination: null }
|
||||
}
|
||||
|
||||
// 检查响应是否有 data 字段
|
||||
if (!response.hasOwnProperty('data')) {
|
||||
console.warn(`[DataValidator] ${context}: 响应缺少 data 字段`, response)
|
||||
return { data: [], pagination: null }
|
||||
}
|
||||
|
||||
return {
|
||||
data: response.data,
|
||||
pagination: response.pagination || null,
|
||||
message: response.message || '',
|
||||
code: response.code || 200
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 验证并处理列表数据
|
||||
* @param {Object} response - API 响应
|
||||
* @param {string} context - 上下文信息
|
||||
* @returns {Object} 包含验证后的数据和分页信息
|
||||
*/
|
||||
export const validateListResponse = (response, context = 'List API') => {
|
||||
const validatedResponse = validateApiResponse(response, context)
|
||||
|
||||
return {
|
||||
data: ensureArray(validatedResponse.data, context),
|
||||
pagination: validatedResponse.pagination,
|
||||
message: validatedResponse.message,
|
||||
code: validatedResponse.code
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 验证分页信息
|
||||
* @param {Object} pagination - 分页对象
|
||||
* @returns {Object} 标准化的分页对象
|
||||
*/
|
||||
export const validatePagination = (pagination) => {
|
||||
if (!pagination || typeof pagination !== 'object') {
|
||||
return {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
total: 0,
|
||||
totalPages: 0
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
page: parseInt(pagination.page) || 1,
|
||||
limit: parseInt(pagination.limit) || 10,
|
||||
total: parseInt(pagination.total) || 0,
|
||||
totalPages: parseInt(pagination.totalPages) || 0
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 安全的数据访问器
|
||||
* @param {Object} obj - 对象
|
||||
* @param {string} path - 属性路径，如 'data.list'
|
||||
* @param {any} defaultValue - 默认值
|
||||
* @returns {any} 安全访问的值
|
||||
*/
|
||||
export const safeGet = (obj, path, defaultValue = null) => {
|
||||
try {
|
||||
const keys = path.split('.')
|
||||
let result = obj
|
||||
|
||||
for (const key of keys) {
|
||||
if (result === null || result === undefined) {
|
||||
return defaultValue
|
||||
}
|
||||
result = result[key]
|
||||
}
|
||||
|
||||
return result !== undefined ? result : defaultValue
|
||||
} catch (error) {
|
||||
console.warn(`[DataValidator] safeGet 访问路径 "${path}" 失败:`, error)
|
||||
return defaultValue
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
ensureArray,
|
||||
validateApiResponse,
|
||||
validateListResponse,
|
||||
validatePagination,
|
||||
safeGet
|
||||
}
|
||||
@@ -1,19 +1,22 @@
|
||||
import axios from 'axios'
|
||||
import { useUserStore } from '@/stores/user'
|
||||
import { message, Modal } from 'ant-design-vue'
|
||||
import router from '@/router'
|
||||
|
||||
// 创建axios实例
|
||||
const request = axios.create({
|
||||
// API基础配置
|
||||
const API_CONFIG = {
|
||||
baseURL: 'http://localhost:3000/api',
|
||||
timeout: 10000
|
||||
})
|
||||
}
|
||||
|
||||
// 是否正在刷新token的标志
|
||||
let isRefreshing = false
|
||||
// 存储待重试的请求
|
||||
let failedQueue = []
|
||||
|
||||
// 请求缓存
|
||||
const requestCache = new Map()
|
||||
const CACHE_DURATION = 5 * 60 * 1000 // 5分钟缓存
|
||||
|
||||
// 处理队列中的请求
|
||||
const processQueue = (error, token = null) => {
|
||||
failedQueue.forEach(({ resolve, reject }) => {
|
||||
@@ -27,49 +30,134 @@ const processQueue = (error, token = null) => {
|
||||
failedQueue = []
|
||||
}
|
||||
|
||||
// 请求拦截器
|
||||
request.interceptors.request.use(
|
||||
async (config) => {
|
||||
const userStore = useUserStore()
|
||||
|
||||
// 对于登录、刷新token和公开接口，跳过token检查
|
||||
const skipTokenCheck = config.url?.includes('/auth/login') ||
|
||||
config.url?.includes('/auth/refresh') ||
|
||||
config.url?.includes('/auth/register') ||
|
||||
config.url?.includes('/menus/public')
|
||||
|
||||
if (!skipTokenCheck) {
|
||||
try {
|
||||
// 确保token有效（自动刷新如果需要）
|
||||
const validToken = await userStore.ensureValidToken()
|
||||
|
||||
if (validToken) {
|
||||
config.headers.Authorization = `Bearer ${validToken}`
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取有效token失败:', error)
|
||||
// 如果无法获取有效token，继续发送请求，让响应拦截器处理
|
||||
}
|
||||
}
|
||||
|
||||
return config
|
||||
},
|
||||
(error) => {
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
// 生成缓存键
|
||||
const generateCacheKey = (url, options) => {
|
||||
return `${url}_${JSON.stringify(options)}`
|
||||
}
|
||||
|
||||
// 响应拦截器
|
||||
request.interceptors.response.use(
|
||||
(response) => {
|
||||
return response
|
||||
},
|
||||
async (error) => {
|
||||
const userStore = useUserStore()
|
||||
const originalRequest = error.config
|
||||
// 检查缓存
|
||||
const checkCache = (cacheKey) => {
|
||||
const cached = requestCache.get(cacheKey)
|
||||
if (cached && Date.now() - cached.timestamp < CACHE_DURATION) {
|
||||
return cached.data
|
||||
}
|
||||
return null
|
||||
}
|
||||
|
||||
// 设置缓存
|
||||
const setCache = (cacheKey, data) => {
|
||||
requestCache.set(cacheKey, {
|
||||
data,
|
||||
timestamp: Date.now()
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 创建请求头
|
||||
* @param {Object} customHeaders - 自定义请求头
|
||||
* @returns {Object} 请求头对象
|
||||
*/
|
||||
const createHeaders = (customHeaders = {}) => {
|
||||
const userStore = useUserStore()
|
||||
const token = userStore.accessToken || localStorage.getItem('accessToken')
|
||||
|
||||
const defaultHeaders = {
|
||||
'Content-Type': 'application/json',
|
||||
'Accept': 'application/json',
|
||||
'Cache-Control': 'no-cache',
|
||||
'Pragma': 'no-cache'
|
||||
}
|
||||
|
||||
if (token) {
|
||||
defaultHeaders['Authorization'] = `Bearer ${token}`
|
||||
}
|
||||
|
||||
return { ...defaultHeaders, ...customHeaders }
|
||||
}
|
||||
|
||||
/**
|
||||
* 处理fetch响应
|
||||
* @param {Response} response - fetch响应对象
|
||||
* @returns {Promise} 处理后的响应数据
|
||||
*/
|
||||
const handleResponse = async (response) => {
|
||||
let data
|
||||
|
||||
try {
|
||||
const contentType = response.headers.get('content-type')
|
||||
if (contentType && contentType.includes('application/json')) {
|
||||
data = await response.json()
|
||||
} else {
|
||||
data = await response.text()
|
||||
}
|
||||
} catch (error) {
|
||||
data = null
|
||||
}
|
||||
|
||||
if (!response.ok) {
|
||||
const error = new Error(data?.message || `HTTP ${response.status}: ${response.statusText}`)
|
||||
error.response = {
|
||||
status: response.status,
|
||||
statusText: response.statusText,
|
||||
data: data
|
||||
}
|
||||
throw error
|
||||
}
|
||||
|
||||
return { data, status: response.status, statusText: response.statusText }
|
||||
}
|
||||
|
||||
/**
|
||||
* 基于fetch的请求方法
|
||||
* @param {string} url - 请求URL
|
||||
* @param {Object} options - 请求选项
|
||||
* @returns {Promise} 请求结果
|
||||
*/
|
||||
const fetchRequest = async (url, options = {}) => {
|
||||
const userStore = useUserStore()
|
||||
|
||||
// 构建完整URL
|
||||
const fullUrl = url.startsWith('http') ? url : `${API_CONFIG.baseURL}${url}`
|
||||
|
||||
// 对于登录、刷新token接口，跳过token检查
|
||||
const skipTokenCheck = url.includes('/auth/login') ||
|
||||
url.includes('/auth/refresh') ||
|
||||
url.includes('/auth/register')
|
||||
|
||||
if (!skipTokenCheck) {
|
||||
try {
|
||||
// 确保token有效（自动刷新如果需要）
|
||||
const validToken = await userStore.ensureValidToken()
|
||||
|
||||
if (validToken) {
|
||||
options.headers = {
|
||||
...options.headers,
|
||||
'Authorization': `Bearer ${validToken}`
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取有效token失败:', error)
|
||||
// 如果无法获取有效token，继续发送请求，让响应处理器处理
|
||||
}
|
||||
}
|
||||
|
||||
// 设置默认请求头
|
||||
options.headers = createHeaders(options.headers)
|
||||
|
||||
// 设置超时
|
||||
const controller = new AbortController()
|
||||
const timeoutId = setTimeout(() => controller.abort(), API_CONFIG.timeout)
|
||||
options.signal = controller.signal
|
||||
|
||||
try {
|
||||
const response = await fetch(fullUrl, options)
|
||||
clearTimeout(timeoutId)
|
||||
return await handleResponse(response)
|
||||
} catch (error) {
|
||||
clearTimeout(timeoutId)
|
||||
|
||||
// 如果是401错误且不是刷新token的请求
|
||||
if (error.response?.status === 401 && !originalRequest._retry) {
|
||||
// 处理401错误
|
||||
if (error.response?.status === 401) {
|
||||
const errorCode = error.response?.data?.code
|
||||
|
||||
// 如果是token过期错误
|
||||
@@ -79,14 +167,13 @@ request.interceptors.response.use(
|
||||
return new Promise((resolve, reject) => {
|
||||
failedQueue.push({ resolve, reject })
|
||||
}).then(token => {
|
||||
originalRequest.headers.Authorization = `Bearer ${token}`
|
||||
return request(originalRequest)
|
||||
options.headers['Authorization'] = `Bearer ${token}`
|
||||
return fetchRequest(url, options)
|
||||
}).catch(err => {
|
||||
return Promise.reject(err)
|
||||
})
|
||||
}
|
||||
|
||||
originalRequest._retry = true
|
||||
isRefreshing = true
|
||||
|
||||
try {
|
||||
@@ -97,8 +184,8 @@ request.interceptors.response.use(
|
||||
processQueue(null, newToken)
|
||||
|
||||
// 重试原始请求
|
||||
originalRequest.headers.Authorization = `Bearer ${newToken}`
|
||||
return request(originalRequest)
|
||||
options.headers['Authorization'] = `Bearer ${newToken}`
|
||||
return fetchRequest(url, options)
|
||||
} catch (refreshError) {
|
||||
// 刷新失败，处理队列并跳转到登录页
|
||||
processQueue(refreshError, null)
|
||||
@@ -131,18 +218,61 @@ request.interceptors.response.use(
|
||||
// 处理其他错误
|
||||
if (error.response?.data?.message) {
|
||||
message.error(error.response.data.message)
|
||||
} else if (error.message) {
|
||||
} else if (error.message && !error.message.includes('aborted')) {
|
||||
message.error(error.message)
|
||||
}
|
||||
|
||||
return Promise.reject(error)
|
||||
throw error
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
/**
|
||||
* 创建类似axios的API接口
|
||||
*/
|
||||
const request = {
|
||||
get: (url, config = {}) => {
|
||||
return fetchRequest(url, {
|
||||
method: 'GET',
|
||||
...config
|
||||
})
|
||||
},
|
||||
|
||||
post: (url, data = null, config = {}) => {
|
||||
return fetchRequest(url, {
|
||||
method: 'POST',
|
||||
body: data ? JSON.stringify(data) : null,
|
||||
...config
|
||||
})
|
||||
},
|
||||
|
||||
put: (url, data = null, config = {}) => {
|
||||
return fetchRequest(url, {
|
||||
method: 'PUT',
|
||||
body: data ? JSON.stringify(data) : null,
|
||||
...config
|
||||
})
|
||||
},
|
||||
|
||||
delete: (url, config = {}) => {
|
||||
return fetchRequest(url, {
|
||||
method: 'DELETE',
|
||||
...config
|
||||
})
|
||||
},
|
||||
|
||||
patch: (url, data = null, config = {}) => {
|
||||
return fetchRequest(url, {
|
||||
method: 'PATCH',
|
||||
body: data ? JSON.stringify(data) : null,
|
||||
...config
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 自动重新登录功能
|
||||
export const autoRelogin = async (username, password) => {
|
||||
try {
|
||||
const response = await axios.post('http://localhost:3000/api/auth/login', {
|
||||
const response = await request.post('/auth/login', {
|
||||
username,
|
||||
password
|
||||
})
|
||||
@@ -194,6 +324,6 @@ export const setupTokenExpirationWarning = () => {
|
||||
}, 60000) // 每分钟检查一次
|
||||
}
|
||||
|
||||
// 导出默认的axios实例和别名
|
||||
// 导出默认的请求实例和别名
|
||||
export default request
|
||||
export const apiClient = request
|
||||
@@ -325,9 +325,10 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import { ref, reactive, onMounted, computed } from 'vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import { applicationAPI, insuranceTypeAPI } from '@/utils/api'
|
||||
import { validateListResponse, validatePagination } from '@/utils/dataValidator'
|
||||
|
||||
// 响应式数据
|
||||
const loading = ref(false)
|
||||
@@ -468,11 +469,19 @@ const loadApplications = async () => {
|
||||
...searchForm
|
||||
}
|
||||
const response = await applicationAPI.getList(params)
|
||||
applications.value = response.data || []
|
||||
pagination.total = response.pagination?.total || 0
|
||||
|
||||
// 使用数据验证工具处理响应
|
||||
const validatedResponse = validateListResponse(response, '保险申请列表')
|
||||
applications.value = validatedResponse.data
|
||||
|
||||
// 设置分页信息
|
||||
const validatedPagination = validatePagination(validatedResponse.pagination)
|
||||
pagination.total = validatedPagination.total
|
||||
} catch (error) {
|
||||
console.error('加载申请数据失败:', error)
|
||||
message.error('加载申请数据失败')
|
||||
// 确保在错误情况下 applications 也是数组
|
||||
applications.value = []
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
@@ -481,10 +490,15 @@ const loadApplications = async () => {
|
||||
const loadInsuranceTypes = async () => {
|
||||
try {
|
||||
const response = await insuranceTypeAPI.getList()
|
||||
insuranceTypes.value = response.data || []
|
||||
|
||||
// 使用数据验证工具处理响应
|
||||
const validatedResponse = validateListResponse(response, '险种列表')
|
||||
insuranceTypes.value = validatedResponse.data
|
||||
} catch (error) {
|
||||
console.error('加载险种数据失败:', error)
|
||||
message.error('加载险种数据失败')
|
||||
// 确保在错误情况下 insuranceTypes 也是数组
|
||||
insuranceTypes.value = []
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -61,11 +61,11 @@
|
||||
<a-col :span="12">
|
||||
<a-card title="保险申请趋势" :bordered="false">
|
||||
<div style="height: 300px">
|
||||
<!-- 这里可以放置ECharts图表 -->
|
||||
<div style="text-align: center; padding: 60px 0; color: #999">
|
||||
<bar-chart-outlined style="font-size: 48px" />
|
||||
<p>图表区域 - 申请趋势</p>
|
||||
</div>
|
||||
<v-chart
|
||||
:option="applicationTrendOption"
|
||||
style="height: 100%; width: 100%"
|
||||
:loading="chartLoading"
|
||||
/>
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
@@ -73,11 +73,11 @@
|
||||
<a-col :span="12">
|
||||
<a-card title="保单状态分布" :bordered="false">
|
||||
<div style="height: 300px">
|
||||
<!-- 这里可以放置ECharts饼图 -->
|
||||
<div style="text-align: center; padding: 60px 0; color: #999">
|
||||
<pie-chart-outlined style="font-size: 48px" />
|
||||
<p>图表区域 - 状态分布</p>
|
||||
</div>
|
||||
<v-chart
|
||||
:option="policyDistributionOption"
|
||||
style="height: 100%; width: 100%"
|
||||
:loading="chartLoading"
|
||||
/>
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
@@ -124,10 +124,34 @@ import {
|
||||
} from '@ant-design/icons-vue'
|
||||
import { dashboardAPI } from '@/utils/api'
|
||||
import { message } from 'ant-design-vue'
|
||||
import VChart from 'vue-echarts'
|
||||
import { use } from 'echarts/core'
|
||||
import { CanvasRenderer } from 'echarts/renderers'
|
||||
import { BarChart, PieChart } from 'echarts/charts'
|
||||
import {
|
||||
TitleComponent,
|
||||
TooltipComponent,
|
||||
LegendComponent,
|
||||
GridComponent
|
||||
} from 'echarts/components'
|
||||
|
||||
// 注册必要的组件
|
||||
use([
|
||||
CanvasRenderer,
|
||||
BarChart,
|
||||
PieChart,
|
||||
TitleComponent,
|
||||
TooltipComponent,
|
||||
LegendComponent,
|
||||
GridComponent
|
||||
])
|
||||
|
||||
const loading = ref(false)
|
||||
const chartLoading = ref(false)
|
||||
const stats = ref({})
|
||||
const recentActivities = ref([])
|
||||
const applicationTrendOption = ref({})
|
||||
const policyDistributionOption = ref({})
|
||||
|
||||
const getActivityColor = (type) => {
|
||||
const colors = {
|
||||
@@ -187,22 +211,22 @@ const loadDashboardData = async () => {
|
||||
const statsResponse = await dashboardAPI.getStats()
|
||||
if (statsResponse.status === 'success') {
|
||||
stats.value = {
|
||||
totalUsers: statsResponse.data.overview?.users || 0,
|
||||
totalApplications: statsResponse.data.overview?.applications || 0,
|
||||
totalPolicies: statsResponse.data.overview?.policies || 0,
|
||||
totalClaims: statsResponse.data.overview?.claims || 0
|
||||
totalUsers: statsResponse.data.totalUsers || 0,
|
||||
totalApplications: statsResponse.data.totalApplications || 0,
|
||||
totalPolicies: statsResponse.data.totalPolicies || 0,
|
||||
totalClaims: statsResponse.data.totalClaims || 0
|
||||
}
|
||||
}
|
||||
|
||||
// 获取最近活动（使用系统日志作为活动记录）
|
||||
// 获取最近活动
|
||||
const activitiesResponse = await dashboardAPI.getRecentActivities()
|
||||
if (activitiesResponse.status === 'success') {
|
||||
recentActivities.value = activitiesResponse.data.logs?.slice(0, 10).map(log => ({
|
||||
id: log.id,
|
||||
type: getLogType(log.message),
|
||||
title: getLogTitle(log.level, log.message),
|
||||
description: log.message,
|
||||
created_at: log.timestamp
|
||||
recentActivities.value = activitiesResponse.data.map(activity => ({
|
||||
id: activity.id,
|
||||
type: getLogType(activity.action),
|
||||
title: getLogTitle('info', activity.action),
|
||||
description: activity.action,
|
||||
created_at: activity.createdAt
|
||||
})) || []
|
||||
}
|
||||
} catch (error) {
|
||||
@@ -247,11 +271,163 @@ const loadDashboardData = async () => {
|
||||
created_at: new Date(Date.now() - 10800000).toISOString()
|
||||
}
|
||||
]
|
||||
|
||||
// 加载图表数据
|
||||
await loadChartData()
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
// 加载图表数据
|
||||
const loadChartData = async () => {
|
||||
chartLoading.value = true
|
||||
try {
|
||||
// 获取申请趋势数据
|
||||
const applicationTrendResponse = await dashboardAPI.getChartData({
|
||||
type: 'applications',
|
||||
period: '7d'
|
||||
})
|
||||
|
||||
if (applicationTrendResponse.status === 'success') {
|
||||
setupApplicationTrendChart(applicationTrendResponse.data)
|
||||
}
|
||||
|
||||
// 获取保单分布数据
|
||||
const policyDistributionResponse = await dashboardAPI.getChartData({
|
||||
type: 'policies',
|
||||
period: '30d'
|
||||
})
|
||||
|
||||
if (policyDistributionResponse.status === 'success') {
|
||||
setupPolicyDistributionChart(policyDistributionResponse.data)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载图表数据失败:', error)
|
||||
// 使用模拟数据
|
||||
setupApplicationTrendChart([
|
||||
{ date: '2024-01-01', count: 5 },
|
||||
{ date: '2024-01-02', count: 8 },
|
||||
{ date: '2024-01-03', count: 12 },
|
||||
{ date: '2024-01-04', count: 7 },
|
||||
{ date: '2024-01-05', count: 15 },
|
||||
{ date: '2024-01-06', count: 10 },
|
||||
{ date: '2024-01-07', count: 18 }
|
||||
])
|
||||
|
||||
setupPolicyDistributionChart([
|
||||
{ date: '2024-01-01', count: 3 },
|
||||
{ date: '2024-01-02', count: 5 },
|
||||
{ date: '2024-01-03', count: 8 },
|
||||
{ date: '2024-01-04', count: 4 },
|
||||
{ date: '2024-01-05', count: 12 }
|
||||
])
|
||||
} finally {
|
||||
chartLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
// 设置申请趋势图表
|
||||
const setupApplicationTrendChart = (data) => {
|
||||
const dates = data.map(item => item.date)
|
||||
const counts = data.map(item => item.count)
|
||||
|
||||
applicationTrendOption.value = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: dates,
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: '#8c8c8c'
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: '#8c8c8c'
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '申请数量',
|
||||
type: 'bar',
|
||||
data: counts,
|
||||
itemStyle: {
|
||||
color: '#1890ff'
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
color: '#40a9ff'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
// 设置保单分布图表
|
||||
const setupPolicyDistributionChart = (data) => {
|
||||
const chartData = data.map(item => ({
|
||||
name: item.date,
|
||||
value: item.count
|
||||
}))
|
||||
|
||||
policyDistributionOption.value = {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{a} <br/>{b}: {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '保单数量',
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: false,
|
||||
position: 'center'
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: '18',
|
||||
fontWeight: 'bold'
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
show: false
|
||||
},
|
||||
data: chartData,
|
||||
itemStyle: {
|
||||
color: function(params) {
|
||||
const colors = ['#1890ff', '#52c41a', '#faad14', '#f5222d', '#722ed1']
|
||||
return colors[params.dataIndex % colors.length]
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
loadDashboardData()
|
||||
})
|
||||
|
||||
@@ -78,24 +78,29 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, onUnmounted } from 'vue';
|
||||
import { ref, onMounted, onUnmounted, getCurrentInstance } from 'vue';
|
||||
import * as echarts from 'echarts';
|
||||
import { message } from 'ant-design-vue';
|
||||
import { dataWarehouseAPI } from '@/utils/api';
|
||||
import dayjsLib from 'dayjs';
|
||||
|
||||
// 安全获取dayjs实例
|
||||
const getSafeDayjs = () => {
|
||||
try {
|
||||
// 尝试使用Ant Design Vue提供的dayjs实例
|
||||
if (window.dayjs && typeof window.dayjs === 'function') {
|
||||
return window.dayjs;
|
||||
// 首先尝试使用导入的dayjs
|
||||
if (dayjsLib && typeof dayjsLib === 'function') {
|
||||
return dayjsLib;
|
||||
}
|
||||
|
||||
// 如果Ant Design Vue没有提供，尝试导入我们自己的dayjs
|
||||
// 但需要确保版本兼容性
|
||||
const dayjsModule = require('dayjs');
|
||||
if (dayjsModule && typeof dayjsModule === 'function') {
|
||||
return dayjsModule;
|
||||
// 尝试从Vue实例中获取全局配置的dayjs
|
||||
const instance = getCurrentInstance();
|
||||
if (instance && instance.appContext.config.globalProperties.$dayjs) {
|
||||
return instance.appContext.config.globalProperties.$dayjs;
|
||||
}
|
||||
|
||||
// 尝试使用window上的dayjs实例
|
||||
if (window.dayjs && typeof window.dayjs === 'function') {
|
||||
return window.dayjs;
|
||||
}
|
||||
|
||||
// 如果都失败，使用简单的兼容实现
|
||||
@@ -134,8 +139,6 @@ const createSimpleDayjs = () => {
|
||||
return simpleDayjs;
|
||||
};
|
||||
|
||||
const dayjs = getSafeDayjs();
|
||||
|
||||
// 数据状态
|
||||
const overview = ref({
|
||||
totalUsers: 0,
|
||||
@@ -148,9 +151,10 @@ const overview = ref({
|
||||
});
|
||||
|
||||
// 初始化日期范围为字符串格式
|
||||
const dayjsInstance = getSafeDayjs();
|
||||
const dateRange = ref([
|
||||
dayjs().subtract(7, 'day').format('YYYY-MM-DD'),
|
||||
dayjs().format('YYYY-MM-DD')
|
||||
dayjsInstance().subtract(7, 'day').format('YYYY-MM-DD'),
|
||||
dayjsInstance().format('YYYY-MM-DD')
|
||||
]);
|
||||
const loading = ref(false);
|
||||
|
||||
@@ -169,9 +173,10 @@ let claimChartInstance = null;
|
||||
// 获取概览数据
|
||||
const fetchOverview = async () => {
|
||||
try {
|
||||
const result = await dataWarehouseAPI.getOverview();
|
||||
if (result.status === 'success') {
|
||||
overview.value = result.data;
|
||||
const response = await dataWarehouseAPI.getOverview();
|
||||
console.log('概览数据响应:', response);
|
||||
if (response.data && response.data.success) {
|
||||
overview.value = response.data.data;
|
||||
} else {
|
||||
message.error('获取概览数据失败');
|
||||
}
|
||||
@@ -184,9 +189,10 @@ const fetchOverview = async () => {
|
||||
// 获取保险类型分布数据
|
||||
const fetchTypeDistribution = async () => {
|
||||
try {
|
||||
const result = await dataWarehouseAPI.getInsuranceTypeDistribution();
|
||||
if (result.status === 'success') {
|
||||
renderTypeDistributionChart(result.data);
|
||||
const response = await dataWarehouseAPI.getInsuranceTypeDistribution();
|
||||
console.log('保险类型分布响应:', response);
|
||||
if (response.data && response.data.success) {
|
||||
renderTypeDistributionChart(response.data.data);
|
||||
} else {
|
||||
message.error('获取保险类型分布数据失败');
|
||||
}
|
||||
@@ -199,9 +205,10 @@ const fetchTypeDistribution = async () => {
|
||||
// 获取申请状态分布数据
|
||||
const fetchStatusDistribution = async () => {
|
||||
try {
|
||||
const result = await dataWarehouseAPI.getApplicationStatusDistribution();
|
||||
if (result.status === 'success') {
|
||||
renderStatusDistributionChart(result.data);
|
||||
const response = await dataWarehouseAPI.getApplicationStatusDistribution();
|
||||
console.log('申请状态分布响应:', response);
|
||||
if (response.data && response.data.success) {
|
||||
renderStatusDistributionChart(response.data.data);
|
||||
} else {
|
||||
message.error('获取申请状态分布数据失败');
|
||||
}
|
||||
@@ -214,9 +221,10 @@ const fetchStatusDistribution = async () => {
|
||||
// 获取趋势数据
|
||||
const fetchTrendData = async () => {
|
||||
try {
|
||||
const result = await dataWarehouseAPI.getTrendData();
|
||||
if (result.status === 'success') {
|
||||
renderTrendChart(result.data);
|
||||
const response = await dataWarehouseAPI.getTrendData();
|
||||
console.log('趋势数据响应:', response);
|
||||
if (response.data && response.data.success) {
|
||||
renderTrendChart(response.data.data);
|
||||
} else {
|
||||
message.error('获取趋势数据失败');
|
||||
}
|
||||
@@ -229,15 +237,21 @@ const fetchTrendData = async () => {
|
||||
// 获取赔付统计数据
|
||||
const fetchClaimStats = async () => {
|
||||
try {
|
||||
const result = await dataWarehouseAPI.getClaimStats();
|
||||
if (result.status === 'success') {
|
||||
renderClaimStatsChart(result.data);
|
||||
const response = await dataWarehouseAPI.getClaimStats();
|
||||
console.log('赔付统计响应:', response);
|
||||
if (response && response.data && response.data.success) {
|
||||
renderClaimStatsChart(response.data.data || { statusDistribution: [], monthlyTrend: [] });
|
||||
} else {
|
||||
console.warn('赔付统计数据响应格式不正确:', response);
|
||||
message.error('获取赔付统计数据失败');
|
||||
// 使用空数据渲染图表，避免显示错误
|
||||
renderClaimStatsChart({ statusDistribution: [], monthlyTrend: [] });
|
||||
}
|
||||
} catch (error) {
|
||||
message.error('获取赔付统计数据失败');
|
||||
console.error('获取赔付统计数据错误:', error);
|
||||
// 出错时也使用空数据渲染图表
|
||||
renderClaimStatsChart({ statusDistribution: [], monthlyTrend: [] });
|
||||
}
|
||||
};
|
||||
|
||||
@@ -271,6 +285,8 @@ const renderTypeDistributionChart = (data) => {
|
||||
typeChartInstance = echarts.init(typeDistributionChart.value);
|
||||
}
|
||||
|
||||
console.log('保险类型分布数据:', data);
|
||||
|
||||
const option = {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
@@ -279,7 +295,7 @@ const renderTypeDistributionChart = (data) => {
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left',
|
||||
data: data.map(item => item.name)
|
||||
data: data.map(item => item.type)
|
||||
},
|
||||
series: [
|
||||
{
|
||||
@@ -287,7 +303,7 @@ const renderTypeDistributionChart = (data) => {
|
||||
type: 'pie',
|
||||
radius: '50%',
|
||||
center: ['50%', '50%'],
|
||||
data: data.map(item => ({ value: item.count, name: item.name })),
|
||||
data: data.map(item => ({ value: item.count, name: item.type })),
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
@@ -311,6 +327,8 @@ const renderStatusDistributionChart = (data) => {
|
||||
statusChartInstance = echarts.init(statusDistributionChart.value);
|
||||
}
|
||||
|
||||
console.log('申请状态分布数据:', data);
|
||||
|
||||
const option = {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
@@ -319,7 +337,7 @@ const renderStatusDistributionChart = (data) => {
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left',
|
||||
data: data.map(item => item.name)
|
||||
data: data.map(item => item.label || item.status)
|
||||
},
|
||||
series: [
|
||||
{
|
||||
@@ -327,7 +345,7 @@ const renderStatusDistributionChart = (data) => {
|
||||
type: 'pie',
|
||||
radius: '50%',
|
||||
center: ['50%', '50%'],
|
||||
data: data.map(item => ({ value: item.count, name: item.name })),
|
||||
data: data.map(item => ({ value: item.count, name: item.label || item.status })),
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
@@ -351,10 +369,35 @@ const renderTrendChart = (data) => {
|
||||
trendChartInstance = echarts.init(trendChart.value);
|
||||
}
|
||||
|
||||
const dates = data.map(item => item.date);
|
||||
const newApplications = data.map(item => item.newApplications);
|
||||
const newPolicies = data.map(item => item.newPolicies);
|
||||
const newClaims = data.map(item => item.newClaims);
|
||||
console.log('趋势数据:', data);
|
||||
|
||||
// 确保data是对象
|
||||
if (!data || typeof data !== 'object') {
|
||||
console.warn('趋势数据格式错误:', data);
|
||||
data = { applications: [], policies: [], claims: [] };
|
||||
}
|
||||
|
||||
// 处理数据结构，合并三个数组的数据
|
||||
const applications = data.applications || [];
|
||||
const policies = data.policies || [];
|
||||
const claims = data.claims || [];
|
||||
|
||||
// 获取所有日期并排序
|
||||
const allDates = [...new Set([
|
||||
...applications.map(item => item.date),
|
||||
...policies.map(item => item.date),
|
||||
...claims.map(item => item.date)
|
||||
])].sort();
|
||||
|
||||
// 为每个日期创建数据映射
|
||||
const applicationMap = new Map(applications.map(item => [item.date, item.count]));
|
||||
const policyMap = new Map(policies.map(item => [item.date, item.count]));
|
||||
const claimMap = new Map(claims.map(item => [item.date, item.count]));
|
||||
|
||||
const dates = allDates;
|
||||
const newApplications = allDates.map(date => applicationMap.get(date) || 0);
|
||||
const newPolicies = allDates.map(date => policyMap.get(date) || 0);
|
||||
const newClaims = allDates.map(date => claimMap.get(date) || 0);
|
||||
|
||||
const option = {
|
||||
tooltip: {
|
||||
@@ -426,6 +469,17 @@ const renderClaimStatsChart = (data) => {
|
||||
claimChartInstance = echarts.init(claimStatsChart.value);
|
||||
}
|
||||
|
||||
console.log('赔付统计数据:', data);
|
||||
|
||||
// 确保data是对象且有statusDistribution属性
|
||||
if (!data || typeof data !== 'object') {
|
||||
console.warn('赔付统计数据格式错误:', data);
|
||||
data = { statusDistribution: [], monthlyTrend: [] };
|
||||
}
|
||||
|
||||
// 处理数据结构，使用statusDistribution数组
|
||||
const chartData = data.statusDistribution || [];
|
||||
|
||||
const option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
@@ -444,7 +498,7 @@ const renderClaimStatsChart = (data) => {
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: data.map(item => item.name),
|
||||
data: chartData.map(item => item.label || item.status),
|
||||
axisLabel: {
|
||||
rotate: 45
|
||||
}
|
||||
@@ -460,8 +514,8 @@ const renderClaimStatsChart = (data) => {
|
||||
{
|
||||
name: '赔付金额',
|
||||
type: 'bar',
|
||||
data: data.map(item => ({
|
||||
value: item.totalAmount,
|
||||
data: chartData.map(item => ({
|
||||
value: item.totalAmount || 0,
|
||||
label: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
|
||||
@@ -2,194 +2,182 @@
|
||||
<div class="system-settings">
|
||||
<a-page-header
|
||||
title="系统设置"
|
||||
sub-title="操作日志管理"
|
||||
sub-title="系统配置与权限管理"
|
||||
/>
|
||||
|
||||
<!-- 操作日志 -->
|
||||
<a-card title="操作日志">
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" style="margin-bottom: 16px">
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="今日操作"
|
||||
:value="logStats.todayCount || 0"
|
||||
:value-style="{ color: '#3f8600' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="本周操作"
|
||||
:value="logStats.weekCount || 0"
|
||||
:value-style="{ color: '#1890ff' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="本月操作"
|
||||
:value="logStats.monthCount || 0"
|
||||
:value-style="{ color: '#722ed1' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="总操作数"
|
||||
:value="logStats.totalCount || 0"
|
||||
:value-style="{ color: '#cf1322' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 标签页 -->
|
||||
<a-tabs v-model:activeKey="activeTab" type="card">
|
||||
<!-- 权限设置标签页 -->
|
||||
<a-tab-pane key="permissions" tab="权限设置">
|
||||
<PermissionManagement />
|
||||
</a-tab-pane>
|
||||
|
||||
<!-- 搜索表单 -->
|
||||
<a-form layout="inline" style="margin-bottom: 16px">
|
||||
<a-form-item label="用户名">
|
||||
<a-input
|
||||
v-model:value="logFilters.username"
|
||||
placeholder="请输入用户名"
|
||||
style="width: 150px"
|
||||
@pressEnter="searchLogs"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="操作类型">
|
||||
<a-select
|
||||
v-model:value="logFilters.operation_type"
|
||||
placeholder="请选择操作类型"
|
||||
style="width: 120px"
|
||||
allowClear
|
||||
>
|
||||
<a-select-option value="CREATE">创建</a-select-option>
|
||||
<a-select-option value="UPDATE">更新</a-select-option>
|
||||
<a-select-option value="DELETE">删除</a-select-option>
|
||||
<a-select-option value="LOGIN">登录</a-select-option>
|
||||
<a-select-option value="LOGOUT">登出</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="操作模块">
|
||||
<a-select
|
||||
v-model:value="logFilters.operation_module"
|
||||
placeholder="请选择操作模块"
|
||||
style="width: 120px"
|
||||
allowClear
|
||||
>
|
||||
<a-select-option value="user">用户管理</a-select-option>
|
||||
<a-select-option value="insurance">保险管理</a-select-option>
|
||||
<a-select-option value="application">申请管理</a-select-option>
|
||||
<a-select-option value="policy">保单管理</a-select-option>
|
||||
<a-select-option value="claim">理赔管理</a-select-option>
|
||||
<a-select-option value="system">系统管理</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="状态">
|
||||
<a-select
|
||||
v-model:value="logFilters.status"
|
||||
placeholder="请选择状态"
|
||||
style="width: 100px"
|
||||
allowClear
|
||||
>
|
||||
<a-select-option value="success">成功</a-select-option>
|
||||
<a-select-option value="failed">失败</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="日期范围">
|
||||
<a-range-picker
|
||||
v-model:value="logFilters.dateRange"
|
||||
style="width: 240px"
|
||||
format="YYYY-MM-DD"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item>
|
||||
<a-button type="primary" @click="searchLogs" :loading="logLoading">
|
||||
搜索
|
||||
</a-button>
|
||||
<a-button style="margin-left: 8px" @click="resetLogFilters">
|
||||
重置
|
||||
</a-button>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<!-- 角色权限管理标签页 -->
|
||||
<a-tab-pane key="role-permissions" tab="角色权限管理">
|
||||
<RolePermissionManagement />
|
||||
</a-tab-pane>
|
||||
|
||||
<!-- 操作日志表格 -->
|
||||
<a-table
|
||||
:columns="logColumns"
|
||||
:data-source="logList"
|
||||
:loading="logLoading"
|
||||
:pagination="logPagination"
|
||||
@change="handleLogTableChange"
|
||||
size="small"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'operation_type'">
|
||||
<a-tag :color="getOperationTypeColor(record.operation_type)">
|
||||
{{ getOperationTypeText(record.operation_type) }}
|
||||
</a-tag>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'status'">
|
||||
<a-tag :color="record.status === 'success' ? 'green' : 'red'">
|
||||
{{ record.status === 'success' ? '成功' : '失败' }}
|
||||
</a-tag>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'operation_time'">
|
||||
{{ formatDateTime(record.operation_time) }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'action'">
|
||||
<a-button type="link" size="small" @click="viewLogDetail(record)">
|
||||
查看详情
|
||||
</a-button>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</a-card>
|
||||
<!-- 操作日志标签页 -->
|
||||
<a-tab-pane key="logs" tab="操作日志">
|
||||
<div>
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" style="margin-bottom: 16px">
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="今日操作"
|
||||
:value="logStats.todayCount || 0"
|
||||
:value-style="{ color: '#3f8600' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="本周操作"
|
||||
:value="logStats.weekCount || 0"
|
||||
:value-style="{ color: '#1890ff' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="本月操作"
|
||||
:value="logStats.monthCount || 0"
|
||||
:value-style="{ color: '#722ed1' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="6">
|
||||
<a-card size="small">
|
||||
<a-statistic
|
||||
title="总操作数"
|
||||
:value="logStats.totalCount || 0"
|
||||
:value-style="{ color: '#cf1322' }"
|
||||
/>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<!-- 日志详情模态框 -->
|
||||
<a-modal
|
||||
v-model:open="logDetailVisible"
|
||||
title="操作日志详情"
|
||||
width="800px"
|
||||
:footer="null"
|
||||
>
|
||||
<a-descriptions v-if="selectedLog" bordered :column="2">
|
||||
<a-descriptions-item label="操作ID">{{ selectedLog.id }}</a-descriptions-item>
|
||||
<a-descriptions-item label="用户名">{{ selectedLog.username }}</a-descriptions-item>
|
||||
<a-descriptions-item label="操作类型">
|
||||
<a-tag :color="getOperationTypeColor(selectedLog.operation_type)">
|
||||
{{ getOperationTypeText(selectedLog.operation_type) }}
|
||||
</a-tag>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="操作模块">{{ selectedLog.operation_module }}</a-descriptions-item>
|
||||
<a-descriptions-item label="操作描述" :span="2">{{ selectedLog.operation_description }}</a-descriptions-item>
|
||||
<a-descriptions-item label="IP地址">{{ selectedLog.ip_address }}</a-descriptions-item>
|
||||
<a-descriptions-item label="用户代理" :span="2">{{ selectedLog.user_agent }}</a-descriptions-item>
|
||||
<a-descriptions-item label="操作时间">{{ formatDateTime(selectedLog.operation_time) }}</a-descriptions-item>
|
||||
<a-descriptions-item label="状态">
|
||||
<a-tag :color="selectedLog.status === 'success' ? 'green' : 'red'">
|
||||
{{ selectedLog.status === 'success' ? '成功' : '失败' }}
|
||||
</a-tag>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item v-if="selectedLog.error_message" label="错误信息" :span="2">
|
||||
<a-typography-text type="danger">{{ selectedLog.error_message }}</a-typography-text>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item v-if="selectedLog.request_data" label="请求数据" :span="2">
|
||||
<pre style="background: #f5f5f5; padding: 8px; border-radius: 4px; max-height: 200px; overflow-y: auto;">{{ formatJSON(selectedLog.request_data) }}</pre>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item v-if="selectedLog.response_data" label="响应数据" :span="2">
|
||||
<pre style="background: #f5f5f5; padding: 8px; border-radius: 4px; max-height: 200px; overflow-y: auto;">{{ formatJSON(selectedLog.response_data) }}</pre>
|
||||
</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
</a-modal>
|
||||
<!-- 搜索表单 -->
|
||||
<a-card style="margin-bottom: 16px">
|
||||
<a-form layout="inline" :model="logFilters">
|
||||
<a-form-item label="用户名">
|
||||
<a-input
|
||||
v-model:value="logFilters.username"
|
||||
placeholder="请输入用户名"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="操作类型">
|
||||
<a-select
|
||||
v-model:value="logFilters.action"
|
||||
placeholder="请选择操作类型"
|
||||
style="width: 150px"
|
||||
allow-clear
|
||||
>
|
||||
<a-select-option value="login">登录</a-select-option>
|
||||
<a-select-option value="logout">登出</a-select-option>
|
||||
<a-select-option value="create">创建</a-select-option>
|
||||
<a-select-option value="update">更新</a-select-option>
|
||||
<a-select-option value="delete">删除</a-select-option>
|
||||
<a-select-option value="view">查看</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="时间范围">
|
||||
<a-range-picker
|
||||
v-model:value="logFilters.dateRange"
|
||||
style="width: 250px"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item>
|
||||
<a-button type="primary" @click="searchLogs">
|
||||
<SearchOutlined />
|
||||
搜索
|
||||
</a-button>
|
||||
<a-button style="margin-left: 8px" @click="resetLogFilters">
|
||||
重置
|
||||
</a-button>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-card>
|
||||
|
||||
<!-- 操作日志表格 -->
|
||||
<a-card>
|
||||
<a-table
|
||||
:columns="logColumns"
|
||||
:data-source="logList"
|
||||
:loading="logLoading"
|
||||
:pagination="logPagination"
|
||||
@change="handleLogTableChange"
|
||||
row-key="id"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'action'">
|
||||
<a-tag :color="getActionColor(record.action)">
|
||||
{{ getActionText(record.action) }}
|
||||
</a-tag>
|
||||
</template>
|
||||
<template v-if="column.key === 'operation'">
|
||||
<a-button type="link" @click="showLogDetail(record)">
|
||||
查看详情
|
||||
</a-button>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</a-card>
|
||||
|
||||
<!-- 日志详情模态框 -->
|
||||
<a-modal
|
||||
v-model:open="logDetailVisible"
|
||||
title="操作日志详情"
|
||||
:footer="null"
|
||||
width="800px"
|
||||
>
|
||||
<a-descriptions :column="2" bordered>
|
||||
<a-descriptions-item label="用户名">
|
||||
{{ selectedLog.username }}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="操作类型">
|
||||
<a-tag :color="getActionColor(selectedLog.action)">
|
||||
{{ getActionText(selectedLog.action) }}
|
||||
</a-tag>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="操作时间">
|
||||
{{ dayjs(selectedLog.created_at).format('YYYY-MM-DD HH:mm:ss') }}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="IP地址">
|
||||
{{ selectedLog.ip_address }}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="用户代理" :span="2">
|
||||
{{ selectedLog.user_agent }}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="操作描述" :span="2">
|
||||
{{ selectedLog.description }}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="请求详情" :span="2">
|
||||
<pre style="white-space: pre-wrap; word-break: break-all;">{{ selectedLog.details }}</pre>
|
||||
</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
</a-modal>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import { SearchOutlined } from '@ant-design/icons-vue'
|
||||
import { operationLogAPI } from '@/utils/api'
|
||||
import dayjs from 'dayjs'
|
||||
import PermissionManagement from '@/components/PermissionManagement.vue'
|
||||
import RolePermissionManagement from '@/components/RolePermissionManagement.vue'
|
||||
|
||||
// 标签页状态
|
||||
const activeTab = ref('permissions')
|
||||
|
||||
// 操作日志相关数据
|
||||
const logLoading = ref(false)
|
||||
@@ -203,10 +191,8 @@ const logStats = reactive({
|
||||
|
||||
const logFilters = reactive({
|
||||
username: '',
|
||||
operation_type: '',
|
||||
operation_module: '',
|
||||
status: '',
|
||||
dateRange: null
|
||||
action: undefined,
|
||||
dateRange: undefined
|
||||
})
|
||||
|
||||
const logPagination = reactive({
|
||||
@@ -215,71 +201,92 @@ const logPagination = reactive({
|
||||
total: 0,
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: true,
|
||||
showTotal: (total, range) => `第 ${range[0]}-${range[1]} 条，共 ${total} 条`
|
||||
showTotal: (total) => `共 ${total} 条记录`
|
||||
})
|
||||
|
||||
const logDetailVisible = ref(false)
|
||||
const selectedLog = ref({})
|
||||
|
||||
// 表格列定义
|
||||
const logColumns = [
|
||||
{
|
||||
title: '操作ID',
|
||||
dataIndex: 'id',
|
||||
key: 'id',
|
||||
width: 80
|
||||
},
|
||||
{
|
||||
title: '用户名',
|
||||
dataIndex: 'username',
|
||||
key: 'username',
|
||||
width: 100
|
||||
width: 120
|
||||
},
|
||||
{
|
||||
title: '操作类型',
|
||||
dataIndex: 'operation_type',
|
||||
key: 'operation_type',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
title: '操作模块',
|
||||
dataIndex: 'operation_module',
|
||||
key: 'operation_module',
|
||||
dataIndex: 'action',
|
||||
key: 'action',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
title: '操作描述',
|
||||
dataIndex: 'operation_description',
|
||||
key: 'operation_description',
|
||||
dataIndex: 'description',
|
||||
key: 'description',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: 'IP地址',
|
||||
dataIndex: 'ip_address',
|
||||
key: 'ip_address',
|
||||
width: 120
|
||||
},
|
||||
{
|
||||
title: '状态',
|
||||
dataIndex: 'status',
|
||||
key: 'status',
|
||||
width: 80
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
title: '操作时间',
|
||||
dataIndex: 'operation_time',
|
||||
key: 'operation_time',
|
||||
width: 160
|
||||
dataIndex: 'created_at',
|
||||
key: 'created_at',
|
||||
width: 180,
|
||||
customRender: ({ text }) => dayjs(text).format('YYYY-MM-DD HH:mm:ss')
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
key: 'operation',
|
||||
width: 100
|
||||
}
|
||||
]
|
||||
|
||||
// 日志详情
|
||||
const logDetailVisible = ref(false)
|
||||
const selectedLog = ref(null)
|
||||
// 获取操作类型颜色
|
||||
const getActionColor = (action) => {
|
||||
const colors = {
|
||||
login: 'green',
|
||||
logout: 'blue',
|
||||
create: 'cyan',
|
||||
update: 'orange',
|
||||
delete: 'red',
|
||||
view: 'purple'
|
||||
}
|
||||
return colors[action] || 'default'
|
||||
}
|
||||
|
||||
// 操作日志相关方法
|
||||
const searchLogs = async () => {
|
||||
// 获取操作类型文本
|
||||
const getActionText = (action) => {
|
||||
const texts = {
|
||||
login: '登录',
|
||||
logout: '登出',
|
||||
create: '创建',
|
||||
update: '更新',
|
||||
delete: '删除',
|
||||
view: '查看'
|
||||
}
|
||||
return texts[action] || action
|
||||
}
|
||||
|
||||
// 获取操作日志统计
|
||||
const getLogStats = async () => {
|
||||
try {
|
||||
const response = await operationLogAPI.getStats()
|
||||
if (response.code === 200) {
|
||||
Object.assign(logStats, response.data)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取日志统计失败:', error)
|
||||
}
|
||||
}
|
||||
|
||||
// 获取操作日志列表
|
||||
const getLogList = async () => {
|
||||
logLoading.value = true
|
||||
try {
|
||||
const params = {
|
||||
@@ -288,106 +295,57 @@ const searchLogs = async () => {
|
||||
...logFilters
|
||||
}
|
||||
|
||||
// 处理日期范围
|
||||
if (logFilters.dateRange && logFilters.dateRange.length === 2) {
|
||||
params.start_date = logFilters.dateRange[0].format('YYYY-MM-DD')
|
||||
params.end_date = logFilters.dateRange[1].format('YYYY-MM-DD')
|
||||
params.startDate = dayjs(logFilters.dateRange[0]).format('YYYY-MM-DD')
|
||||
params.endDate = dayjs(logFilters.dateRange[1]).format('YYYY-MM-DD')
|
||||
}
|
||||
|
||||
const response = await operationLogAPI.getList(params)
|
||||
|
||||
// 根据后端API响应结构调整数据处理
|
||||
const responseData = response.data || response
|
||||
logList.value = (responseData.logs || []).map(log => ({
|
||||
...log,
|
||||
key: log.id,
|
||||
username: log.User?.username || '未知用户'
|
||||
}))
|
||||
|
||||
logPagination.total = responseData.total || 0
|
||||
|
||||
// 加载统计数据
|
||||
await loadLogStats()
|
||||
if (response.code === 200) {
|
||||
logList.value = response.data.list
|
||||
logPagination.total = response.data.total
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载操作日志失败:', error)
|
||||
message.error('加载操作日志失败')
|
||||
message.error('获取操作日志失败')
|
||||
console.error('获取操作日志失败:', error)
|
||||
} finally {
|
||||
logLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const loadLogStats = async () => {
|
||||
try {
|
||||
const response = await operationLogAPI.getStats()
|
||||
const responseData = response.data || response
|
||||
Object.assign(logStats, responseData)
|
||||
} catch (error) {
|
||||
console.error('加载统计数据失败:', error)
|
||||
}
|
||||
// 搜索日志
|
||||
const searchLogs = () => {
|
||||
logPagination.current = 1
|
||||
getLogList()
|
||||
}
|
||||
|
||||
// 重置搜索条件
|
||||
const resetLogFilters = () => {
|
||||
Object.assign(logFilters, {
|
||||
username: '',
|
||||
operation_type: '',
|
||||
operation_module: '',
|
||||
status: '',
|
||||
dateRange: null
|
||||
action: undefined,
|
||||
dateRange: undefined
|
||||
})
|
||||
logPagination.current = 1
|
||||
searchLogs()
|
||||
}
|
||||
|
||||
// 表格变化处理
|
||||
const handleLogTableChange = (pagination) => {
|
||||
logPagination.current = pagination.current
|
||||
logPagination.pageSize = pagination.pageSize
|
||||
searchLogs()
|
||||
getLogList()
|
||||
}
|
||||
|
||||
const getOperationTypeColor = (type) => {
|
||||
const colors = {
|
||||
CREATE: 'green',
|
||||
UPDATE: 'blue',
|
||||
DELETE: 'red',
|
||||
LOGIN: 'cyan',
|
||||
LOGOUT: 'orange'
|
||||
}
|
||||
return colors[type] || 'default'
|
||||
}
|
||||
|
||||
const getOperationTypeText = (type) => {
|
||||
const texts = {
|
||||
CREATE: '创建',
|
||||
UPDATE: '更新',
|
||||
DELETE: '删除',
|
||||
LOGIN: '登录',
|
||||
LOGOUT: '登出'
|
||||
}
|
||||
return texts[type] || type
|
||||
}
|
||||
|
||||
const viewLogDetail = (log) => {
|
||||
selectedLog.value = log
|
||||
// 显示日志详情
|
||||
const showLogDetail = (record) => {
|
||||
selectedLog.value = record
|
||||
logDetailVisible.value = true
|
||||
}
|
||||
|
||||
const formatDateTime = (dateTime) => {
|
||||
return dayjs(dateTime).format('YYYY-MM-DD HH:mm:ss')
|
||||
}
|
||||
|
||||
const formatJSON = (data) => {
|
||||
if (typeof data === 'string') {
|
||||
try {
|
||||
return JSON.stringify(JSON.parse(data), null, 2)
|
||||
} catch {
|
||||
return data
|
||||
}
|
||||
}
|
||||
return JSON.stringify(data, null, 2)
|
||||
}
|
||||
|
||||
// 页面加载时获取数据
|
||||
onMounted(() => {
|
||||
searchLogs()
|
||||
getLogStats()
|
||||
getLogList()
|
||||
})
|
||||
</script>
|
||||
|
||||
@@ -398,11 +356,17 @@ onMounted(() => {
|
||||
|
||||
.ant-statistic-content {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ant-descriptions-item-content pre {
|
||||
margin: 0;
|
||||
.ant-descriptions-item-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: #f5f5f5;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
</style>
|
||||
62
insurance_admin-system/test_current_logs.js
Normal file
62
insurance_admin-system/test_current_logs.js
Normal file
@@ -0,0 +1,62 @@
|
||||
import axios from 'axios';
|
||||
|
||||
async function testCurrentLogs() {
|
||||
try {
|
||||
console.log('🔐 先登录获取token...');
|
||||
|
||||
// 登录获取token
|
||||
const loginResponse = await axios.post('http://localhost:3000/api/auth/login', {
|
||||
username: 'admin',
|
||||
password: '123456'
|
||||
});
|
||||
|
||||
const token = loginResponse.data.data.accessToken;
|
||||
console.log('✅ 登录成功，获取到token');
|
||||
|
||||
console.log('🔍 测试当前日志API...');
|
||||
|
||||
// 测试系统日志API
|
||||
const logsResponse = await axios.get('http://localhost:3000/api/system/logs', {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${token}`
|
||||
},
|
||||
params: {
|
||||
page: 1,
|
||||
limit: 10
|
||||
}
|
||||
});
|
||||
|
||||
console.log('📊 日志API响应状态:', logsResponse.status);
|
||||
console.log('📋 日志数据:', JSON.stringify(logsResponse.data, null, 2));
|
||||
console.log('📈 日志总数:', logsResponse.data.data?.pagination?.total || 0);
|
||||
console.log('📄 当前页日志数量:', logsResponse.data.data?.logs?.length || 0);
|
||||
|
||||
// 测试仪表板统计API
|
||||
const statsResponse = await axios.get('http://localhost:3000/api/dashboard/stats', {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${token}`
|
||||
}
|
||||
});
|
||||
console.log('\n📊 仪表板统计响应状态:', statsResponse.status);
|
||||
console.log('📋 统计数据:', JSON.stringify(statsResponse.data, null, 2));
|
||||
|
||||
// 测试最近活动API
|
||||
const activitiesResponse = await axios.get('http://localhost:3000/api/dashboard/recent-activities', {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${token}`
|
||||
}
|
||||
});
|
||||
console.log('\n📊 最近活动响应状态:', activitiesResponse.status);
|
||||
console.log('📋 活动数据:', JSON.stringify(activitiesResponse.data, null, 2));
|
||||
console.log('📈 活动总数:', activitiesResponse.data.data?.length || 0);
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 测试失败:', error.message);
|
||||
if (error.response) {
|
||||
console.error('错误状态:', error.response.status);
|
||||
console.error('错误数据:', error.response.data);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
testCurrentLogs().catch(console.error);
|
||||
27
insurance_backend/check_admin_token.js
Normal file
27
insurance_backend/check_admin_token.js
Normal file
@@ -0,0 +1,27 @@
|
||||
const { User } = require('./models');
|
||||
|
||||
async function checkAdminToken() {
|
||||
try {
|
||||
const admin = await User.findOne({
|
||||
where: { username: 'admin' },
|
||||
attributes: ['id', 'username', 'fixed_token', 'status']
|
||||
});
|
||||
|
||||
if (admin) {
|
||||
console.log('Admin用户信息:');
|
||||
console.log('ID:', admin.id);
|
||||
console.log('用户名:', admin.username);
|
||||
console.log('Token:', admin.fixed_token);
|
||||
console.log('状态:', admin.status);
|
||||
} else {
|
||||
console.log('未找到admin用户');
|
||||
}
|
||||
|
||||
process.exit(0);
|
||||
} catch (error) {
|
||||
console.error('错误:', error.message);
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
checkAdminToken();
|
||||
@@ -30,7 +30,14 @@ const swaggerDefinition = {
|
||||
bearerAuth: {
|
||||
type: 'http',
|
||||
scheme: 'bearer',
|
||||
bearerFormat: 'JWT'
|
||||
bearerFormat: 'JWT',
|
||||
description: 'JWT令牌认证'
|
||||
},
|
||||
fixedTokenAuth: {
|
||||
type: 'apiKey',
|
||||
in: 'header',
|
||||
name: 'Authorization',
|
||||
description: '固定令牌认证，格式：Bearer <fixed_token>'
|
||||
}
|
||||
},
|
||||
schemas: {
|
||||
@@ -42,6 +49,7 @@ const swaggerDefinition = {
|
||||
email: { type: 'string', description: '邮箱' },
|
||||
phone: { type: 'string', description: '手机号' },
|
||||
status: { type: 'string', enum: ['active', 'inactive'], description: '用户状态' },
|
||||
fixed_token: { type: 'string', description: '固定令牌（用于API访问验证）', nullable: true },
|
||||
createdAt: { type: 'string', format: 'date-time', description: '创建时间' },
|
||||
updatedAt: { type: 'string', format: 'date-time', description: '更新时间' }
|
||||
}
|
||||
@@ -214,6 +222,21 @@ const swaggerDefinition = {
|
||||
message: { type: 'string', description: '错误信息' },
|
||||
timestamp: { type: 'string', format: 'date-time', description: '时间戳' }
|
||||
}
|
||||
},
|
||||
FixedTokenInfo: {
|
||||
type: 'object',
|
||||
properties: {
|
||||
hasToken: { type: 'boolean', description: '是否已生成固定令牌' },
|
||||
tokenPreview: { type: 'string', description: '令牌预览（仅显示前8位）', nullable: true },
|
||||
createdAt: { type: 'string', format: 'date-time', description: '令牌创建时间', nullable: true }
|
||||
}
|
||||
},
|
||||
FixedTokenGenerated: {
|
||||
type: 'object',
|
||||
properties: {
|
||||
token: { type: 'string', description: '生成的固定令牌（仅在生成时返回完整令牌）' },
|
||||
message: { type: 'string', description: '操作结果信息' }
|
||||
}
|
||||
}
|
||||
},
|
||||
responses: {
|
||||
@@ -248,6 +271,22 @@ const swaggerDefinition = {
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
ForbiddenError: {
|
||||
description: '权限不足',
|
||||
content: {
|
||||
'application/json': {
|
||||
schema: {
|
||||
$ref: '#/components/schemas/Error'
|
||||
},
|
||||
example: {
|
||||
code: 403,
|
||||
status: 'error',
|
||||
message: '权限不足',
|
||||
timestamp: '2024-01-01T00:00:00.000Z'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
295
insurance_backend/controllers/dashboardController.js
Normal file
295
insurance_backend/controllers/dashboardController.js
Normal file
@@ -0,0 +1,295 @@
|
||||
const { Op, sequelize } = require('sequelize');
|
||||
const { sequelize: dbSequelize } = require('../config/database');
|
||||
const User = require('../models/User');
|
||||
const InsuranceApplication = require('../models/InsuranceApplication');
|
||||
const Policy = require('../models/Policy');
|
||||
const Claim = require('../models/Claim');
|
||||
const OperationLog = require('../models/OperationLog');
|
||||
|
||||
/**
|
||||
* 获取仪表板统计数据
|
||||
*/
|
||||
const getStats = async (req, res) => {
|
||||
try {
|
||||
console.log('获取仪表板统计数据...');
|
||||
|
||||
// 获取今日日期范围
|
||||
const today = new Date();
|
||||
const startOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate());
|
||||
const endOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
|
||||
|
||||
// 获取本月日期范围
|
||||
const startOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
|
||||
const endOfMonth = new Date(today.getFullYear(), today.getMonth() + 1, 1);
|
||||
|
||||
// 并行查询各种统计数据
|
||||
const [
|
||||
totalApplications,
|
||||
todayApplications,
|
||||
monthApplications,
|
||||
totalPolicies,
|
||||
activePolicies,
|
||||
totalClaims,
|
||||
pendingClaims,
|
||||
totalUsers,
|
||||
recentActivities
|
||||
] = await Promise.all([
|
||||
// 总申请数
|
||||
InsuranceApplication.count(),
|
||||
|
||||
// 今日申请数
|
||||
InsuranceApplication.count({
|
||||
where: {
|
||||
created_at: {
|
||||
[Op.gte]: startOfDay,
|
||||
[Op.lt]: endOfDay
|
||||
}
|
||||
}
|
||||
}),
|
||||
|
||||
// 本月申请数
|
||||
InsuranceApplication.count({
|
||||
where: {
|
||||
created_at: {
|
||||
[Op.gte]: startOfMonth,
|
||||
[Op.lt]: endOfMonth
|
||||
}
|
||||
}
|
||||
}),
|
||||
|
||||
// 总保单数
|
||||
Policy.count(),
|
||||
|
||||
// 有效保单数
|
||||
Policy.count({
|
||||
where: {
|
||||
policy_status: 'active'
|
||||
}
|
||||
}),
|
||||
|
||||
// 总理赔数
|
||||
Claim.count(),
|
||||
|
||||
// 待处理理赔数
|
||||
Claim.count({
|
||||
where: {
|
||||
claim_status: 'pending'
|
||||
}
|
||||
}),
|
||||
|
||||
// 总用户数
|
||||
User.count(),
|
||||
|
||||
// 最近活动（从系统日志获取）
|
||||
OperationLog.findAll({
|
||||
limit: 10,
|
||||
order: [['created_at', 'DESC']],
|
||||
attributes: ['id', 'operation_type', 'operation_content', 'created_at', 'user_id']
|
||||
})
|
||||
]);
|
||||
|
||||
// 计算增长率（简化计算，实际应该与上一期间对比）
|
||||
const applicationGrowthRate = todayApplications > 0 ?
|
||||
((todayApplications / Math.max(monthApplications - todayApplications, 1)) * 100).toFixed(1) : 0;
|
||||
|
||||
const policyGrowthRate = activePolicies > 0 ?
|
||||
((activePolicies / Math.max(totalPolicies - activePolicies, 1)) * 100).toFixed(1) : 0;
|
||||
|
||||
const statsData = {
|
||||
// 核心指标
|
||||
totalApplications,
|
||||
todayApplications,
|
||||
monthApplications,
|
||||
applicationGrowthRate: parseFloat(applicationGrowthRate),
|
||||
|
||||
totalPolicies,
|
||||
activePolicies,
|
||||
policyGrowthRate: parseFloat(policyGrowthRate),
|
||||
|
||||
totalClaims,
|
||||
pendingClaims,
|
||||
claimProcessingRate: totalClaims > 0 ?
|
||||
(((totalClaims - pendingClaims) / totalClaims) * 100).toFixed(1) : 0,
|
||||
|
||||
totalUsers,
|
||||
|
||||
// 快速统计
|
||||
quickStats: {
|
||||
newApplicationsToday: todayApplications,
|
||||
pendingReviews: pendingClaims,
|
||||
activeUsers: totalUsers, // 简化处理，实际应该查询活跃用户
|
||||
systemAlerts: 0 // 简化处理，实际应该查询系统告警
|
||||
}
|
||||
};
|
||||
|
||||
console.log('统计数据获取成功:', statsData);
|
||||
|
||||
res.json({
|
||||
code: 200,
|
||||
status: 'success',
|
||||
data: statsData,
|
||||
message: '获取仪表板统计数据成功',
|
||||
timestamp: new Date().toISOString()
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
console.error('获取仪表板统计数据失败:', error);
|
||||
res.status(500).json({
|
||||
code: 500,
|
||||
status: 'error',
|
||||
data: null,
|
||||
message: '获取仪表板统计数据失败',
|
||||
timestamp: new Date().toISOString()
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 获取最近活动
|
||||
*/
|
||||
const getRecentActivities = async (req, res) => {
|
||||
try {
|
||||
console.log('获取最近活动数据...');
|
||||
|
||||
const { limit = 20 } = req.query;
|
||||
|
||||
// 从系统日志获取最近活动
|
||||
const activities = await OperationLog.findAll({
|
||||
limit: parseInt(limit),
|
||||
order: [['created_at', 'DESC']],
|
||||
attributes: ['id', 'operation_type', 'operation_content', 'created_at', 'user_id']
|
||||
});
|
||||
|
||||
// 格式化活动数据
|
||||
const formattedActivities = activities.map(activity => ({
|
||||
id: activity.id,
|
||||
type: activity.operation_type,
|
||||
title: activity.operation_content,
|
||||
description: `操作用户: ${activity.user_id || '系统'}`,
|
||||
timestamp: activity.created_at,
|
||||
user: activity.user_id,
|
||||
level: activity.operation_type
|
||||
}));
|
||||
|
||||
console.log(`获取到 ${formattedActivities.length} 条最近活动`);
|
||||
|
||||
res.json({
|
||||
code: 200,
|
||||
status: 'success',
|
||||
data: formattedActivities,
|
||||
message: '获取最近活动成功',
|
||||
timestamp: new Date().toISOString()
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
console.error('获取最近活动失败:', error);
|
||||
res.status(500).json({
|
||||
code: 500,
|
||||
status: 'error',
|
||||
data: null,
|
||||
message: '获取最近活动失败',
|
||||
timestamp: new Date().toISOString()
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 获取图表数据
|
||||
*/
|
||||
const getChartData = async (req, res) => {
|
||||
try {
|
||||
console.log('获取图表数据...');
|
||||
|
||||
const { type = 'applications', period = '7d' } = req.query;
|
||||
|
||||
let startDate;
|
||||
const endDate = new Date();
|
||||
|
||||
// 根据时间周期设置开始日期
|
||||
switch (period) {
|
||||
case '7d':
|
||||
startDate = new Date(endDate.getTime() - 7 * 24 * 60 * 60 * 1000);
|
||||
break;
|
||||
case '30d':
|
||||
startDate = new Date(endDate.getTime() - 30 * 24 * 60 * 60 * 1000);
|
||||
break;
|
||||
case '90d':
|
||||
startDate = new Date(endDate.getTime() - 90 * 24 * 60 * 60 * 1000);
|
||||
break;
|
||||
default:
|
||||
startDate = new Date(endDate.getTime() - 7 * 24 * 60 * 60 * 1000);
|
||||
}
|
||||
|
||||
let chartData = [];
|
||||
|
||||
if (type === 'applications') {
|
||||
// 获取申请数据趋势
|
||||
const applications = await InsuranceApplication.findAll({
|
||||
where: {
|
||||
created_at: {
|
||||
[Op.gte]: startDate,
|
||||
[Op.lte]: endDate
|
||||
}
|
||||
},
|
||||
attributes: [
|
||||
[dbSequelize.fn('DATE', dbSequelize.col('created_at')), 'date'],
|
||||
[dbSequelize.fn('COUNT', dbSequelize.col('id')), 'count']
|
||||
],
|
||||
group: [dbSequelize.fn('DATE', dbSequelize.col('created_at'))],
|
||||
order: [[dbSequelize.fn('DATE', dbSequelize.col('created_at')), 'ASC']]
|
||||
});
|
||||
|
||||
chartData = applications.map(item => ({
|
||||
date: item.dataValues.date,
|
||||
value: parseInt(item.dataValues.count)
|
||||
}));
|
||||
} else if (type === 'policies') {
|
||||
// 获取保单数据趋势
|
||||
const policies = await Policy.findAll({
|
||||
where: {
|
||||
created_at: {
|
||||
[Op.gte]: startDate,
|
||||
[Op.lte]: endDate
|
||||
}
|
||||
},
|
||||
attributes: [
|
||||
[dbSequelize.fn('DATE', dbSequelize.col('created_at')), 'date'],
|
||||
[dbSequelize.fn('COUNT', dbSequelize.col('id')), 'count']
|
||||
],
|
||||
group: [dbSequelize.fn('DATE', dbSequelize.col('created_at'))],
|
||||
order: [[dbSequelize.fn('DATE', dbSequelize.col('created_at')), 'ASC']]
|
||||
});
|
||||
|
||||
chartData = policies.map(item => ({
|
||||
date: item.dataValues.date,
|
||||
value: parseInt(item.dataValues.count)
|
||||
}));
|
||||
}
|
||||
|
||||
console.log(`获取到 ${chartData.length} 条图表数据`);
|
||||
|
||||
res.json({
|
||||
code: 200,
|
||||
status: 'success',
|
||||
data: chartData,
|
||||
message: '获取图表数据成功',
|
||||
timestamp: new Date().toISOString()
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
console.error('获取图表数据失败:', error);
|
||||
res.status(500).json({
|
||||
code: 500,
|
||||
status: 'error',
|
||||
data: null,
|
||||
message: '获取图表数据失败',
|
||||
timestamp: new Date().toISOString()
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
getStats,
|
||||
getRecentActivities,
|
||||
getChartData
|
||||
};
|
||||
@@ -4,6 +4,9 @@ const { Op, Sequelize } = require('sequelize');
|
||||
// 获取数据仓库概览
|
||||
const getOverview = async (req, res) => {
|
||||
try {
|
||||
// 获取总用户数
|
||||
const totalUsers = await User.count();
|
||||
|
||||
// 获取总申请数
|
||||
const totalApplications = await InsuranceApplication.count();
|
||||
|
||||
@@ -43,6 +46,7 @@ const getOverview = async (req, res) => {
|
||||
res.json({
|
||||
success: true,
|
||||
data: {
|
||||
totalUsers,
|
||||
totalApplications,
|
||||
totalPolicies,
|
||||
totalClaims,
|
||||
|
||||
@@ -23,12 +23,10 @@ const getInsuranceTypes = async (req, res) => {
|
||||
order: [['created_at', 'DESC']]
|
||||
});
|
||||
|
||||
res.json(responseFormat.success({
|
||||
list: rows,
|
||||
total: count,
|
||||
res.json(responseFormat.pagination(rows, {
|
||||
page: parseInt(page),
|
||||
pageSize: parseInt(pageSize),
|
||||
pages: Math.ceil(count / pageSize)
|
||||
limit: parseInt(pageSize),
|
||||
total: count
|
||||
}, '获取险种列表成功'));
|
||||
} catch (error) {
|
||||
console.error('获取险种列表错误:', error);
|
||||
|
||||
415
insurance_backend/controllers/permissionController.js
Normal file
415
insurance_backend/controllers/permissionController.js
Normal file
@@ -0,0 +1,415 @@
|
||||
const { Permission, Role, Menu, RolePermission, MenuPermission } = require('../models');
|
||||
const responseFormat = require('../utils/response');
|
||||
const { Op } = require('sequelize');
|
||||
|
||||
/**
|
||||
* 构建权限树形结构
|
||||
*/
|
||||
function buildPermissionTree(permissions, parentId = null) {
|
||||
const tree = [];
|
||||
|
||||
for (const permission of permissions) {
|
||||
if (permission.parent_id === parentId) {
|
||||
const children = buildPermissionTree(permissions, permission.id);
|
||||
const node = {
|
||||
...permission.toJSON(),
|
||||
children: children.length > 0 ? children : undefined
|
||||
};
|
||||
tree.push(node);
|
||||
}
|
||||
}
|
||||
|
||||
return tree;
|
||||
}
|
||||
|
||||
/**
|
||||
* 权限管理控制器
|
||||
*/
|
||||
class PermissionController {
|
||||
/**
|
||||
* 获取权限列表
|
||||
*/
|
||||
async getPermissions(req, res) {
|
||||
try {
|
||||
const {
|
||||
page = 1,
|
||||
limit = 10,
|
||||
module,
|
||||
type,
|
||||
status = 'active',
|
||||
keyword
|
||||
} = req.query;
|
||||
|
||||
const offset = (page - 1) * limit;
|
||||
const where = { status };
|
||||
|
||||
// 模块筛选
|
||||
if (module) {
|
||||
where.module = module;
|
||||
}
|
||||
|
||||
// 类型筛选
|
||||
if (type) {
|
||||
where.type = type;
|
||||
}
|
||||
|
||||
// 关键词搜索
|
||||
if (keyword) {
|
||||
where[Op.or] = [
|
||||
{ name: { [Op.like]: `%${keyword}%` } },
|
||||
{ code: { [Op.like]: `%${keyword}%` } },
|
||||
{ description: { [Op.like]: `%${keyword}%` } }
|
||||
];
|
||||
}
|
||||
|
||||
const { count, rows } = await Permission.findAndCountAll({
|
||||
where,
|
||||
include: [
|
||||
{
|
||||
model: Permission,
|
||||
as: 'parent',
|
||||
attributes: ['id', 'name', 'code']
|
||||
},
|
||||
{
|
||||
model: Permission,
|
||||
as: 'children',
|
||||
attributes: ['id', 'name', 'code', 'type']
|
||||
}
|
||||
],
|
||||
order: [['sort_order', 'ASC'], ['id', 'ASC']],
|
||||
limit: parseInt(limit),
|
||||
offset: parseInt(offset)
|
||||
});
|
||||
|
||||
res.json(responseFormat.success({
|
||||
permissions: rows,
|
||||
pagination: {
|
||||
total: count,
|
||||
page: parseInt(page),
|
||||
limit: parseInt(limit),
|
||||
pages: Math.ceil(count / limit)
|
||||
}
|
||||
}, '获取权限列表成功'));
|
||||
} catch (error) {
|
||||
console.error('获取权限列表失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取权限列表失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取权限树形结构
|
||||
*/
|
||||
async getPermissionTree(req, res) {
|
||||
try {
|
||||
const { module, type } = req.query;
|
||||
const where = { status: 'active' };
|
||||
|
||||
if (module) {
|
||||
where.module = module;
|
||||
}
|
||||
|
||||
if (type) {
|
||||
where.type = type;
|
||||
}
|
||||
|
||||
const permissions = await Permission.findAll({
|
||||
where,
|
||||
order: [['sort_order', 'ASC'], ['id', 'ASC']]
|
||||
});
|
||||
|
||||
// 构建树形结构
|
||||
const tree = buildPermissionTree(permissions);
|
||||
|
||||
res.json(responseFormat.success(tree, '获取权限树成功'));
|
||||
} catch (error) {
|
||||
console.error('获取权限树失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取权限树失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取单个权限详情
|
||||
*/
|
||||
async getPermissionById(req, res) {
|
||||
try {
|
||||
const { id } = req.params;
|
||||
|
||||
const permission = await Permission.findByPk(id, {
|
||||
include: [
|
||||
{
|
||||
model: Permission,
|
||||
as: 'parent',
|
||||
attributes: ['id', 'name', 'code']
|
||||
},
|
||||
{
|
||||
model: Permission,
|
||||
as: 'children',
|
||||
attributes: ['id', 'name', 'code', 'type']
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
if (!permission) {
|
||||
return res.status(404).json(responseFormat.error('权限不存在'));
|
||||
}
|
||||
|
||||
res.json(responseFormat.success(permission, '获取权限详情成功'));
|
||||
} catch (error) {
|
||||
console.error('获取权限详情失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取权限详情失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 创建权限
|
||||
*/
|
||||
async createPermission(req, res) {
|
||||
try {
|
||||
const {
|
||||
name,
|
||||
code,
|
||||
description,
|
||||
module,
|
||||
type = 'operation',
|
||||
parent_id,
|
||||
sort_order = 0
|
||||
} = req.body;
|
||||
|
||||
// 验证必填字段
|
||||
if (!name || !code || !module) {
|
||||
return res.status(400).json(responseFormat.error('权限名称、权限代码和所属模块为必填项'));
|
||||
}
|
||||
|
||||
// 检查权限代码是否已存在
|
||||
const existingPermission = await Permission.findOne({ where: { code } });
|
||||
if (existingPermission) {
|
||||
return res.status(400).json(responseFormat.error('权限代码已存在'));
|
||||
}
|
||||
|
||||
// 如果有父权限，验证父权限是否存在
|
||||
if (parent_id) {
|
||||
const parentPermission = await Permission.findByPk(parent_id);
|
||||
if (!parentPermission) {
|
||||
return res.status(400).json(responseFormat.error('父权限不存在'));
|
||||
}
|
||||
}
|
||||
|
||||
const permission = await Permission.create({
|
||||
name,
|
||||
code,
|
||||
description,
|
||||
module,
|
||||
type,
|
||||
parent_id,
|
||||
sort_order,
|
||||
status: 'active'
|
||||
});
|
||||
|
||||
res.status(201).json(responseFormat.created(permission, '创建权限成功'));
|
||||
} catch (error) {
|
||||
console.error('创建权限失败:', error);
|
||||
res.status(500).json(responseFormat.error('创建权限失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新权限
|
||||
*/
|
||||
async updatePermission(req, res) {
|
||||
try {
|
||||
const { id } = req.params;
|
||||
const {
|
||||
name,
|
||||
code,
|
||||
description,
|
||||
module,
|
||||
type,
|
||||
parent_id,
|
||||
sort_order,
|
||||
status
|
||||
} = req.body;
|
||||
|
||||
const permission = await Permission.findByPk(id);
|
||||
if (!permission) {
|
||||
return res.status(404).json(responseFormat.error('权限不存在'));
|
||||
}
|
||||
|
||||
// 如果修改了权限代码，检查是否与其他权限冲突
|
||||
if (code && code !== permission.code) {
|
||||
const existingPermission = await Permission.findOne({
|
||||
where: {
|
||||
code,
|
||||
id: { [Op.ne]: id }
|
||||
}
|
||||
});
|
||||
if (existingPermission) {
|
||||
return res.status(400).json(responseFormat.error('权限代码已存在'));
|
||||
}
|
||||
}
|
||||
|
||||
// 如果有父权限，验证父权限是否存在且不是自己
|
||||
if (parent_id) {
|
||||
if (parent_id == id) {
|
||||
return res.status(400).json(responseFormat.error('不能将自己设为父权限'));
|
||||
}
|
||||
const parentPermission = await Permission.findByPk(parent_id);
|
||||
if (!parentPermission) {
|
||||
return res.status(400).json(responseFormat.error('父权限不存在'));
|
||||
}
|
||||
}
|
||||
|
||||
await permission.update({
|
||||
name: name || permission.name,
|
||||
code: code || permission.code,
|
||||
description: description !== undefined ? description : permission.description,
|
||||
module: module || permission.module,
|
||||
type: type || permission.type,
|
||||
parent_id: parent_id !== undefined ? parent_id : permission.parent_id,
|
||||
sort_order: sort_order !== undefined ? sort_order : permission.sort_order,
|
||||
status: status || permission.status
|
||||
});
|
||||
|
||||
res.json(responseFormat.success(permission, '更新权限成功'));
|
||||
} catch (error) {
|
||||
console.error('更新权限失败:', error);
|
||||
res.status(500).json(responseFormat.error('更新权限失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除权限
|
||||
*/
|
||||
async deletePermission(req, res) {
|
||||
try {
|
||||
const { id } = req.params;
|
||||
|
||||
const permission = await Permission.findByPk(id);
|
||||
if (!permission) {
|
||||
return res.status(404).json(responseFormat.error('权限不存在'));
|
||||
}
|
||||
|
||||
// 检查是否有子权限
|
||||
const childrenCount = await Permission.count({ where: { parent_id: id } });
|
||||
if (childrenCount > 0) {
|
||||
return res.status(400).json(responseFormat.error('该权限下还有子权限，无法删除'));
|
||||
}
|
||||
|
||||
// 检查是否有角色在使用该权限
|
||||
const rolePermissionCount = await RolePermission.count({ where: { permission_id: id } });
|
||||
if (rolePermissionCount > 0) {
|
||||
return res.status(400).json(responseFormat.error('该权限正在被角色使用，无法删除'));
|
||||
}
|
||||
|
||||
// 检查是否有菜单在使用该权限
|
||||
const menuPermissionCount = await MenuPermission.count({ where: { permission_id: id } });
|
||||
if (menuPermissionCount > 0) {
|
||||
return res.status(400).json(responseFormat.error('该权限正在被菜单使用，无法删除'));
|
||||
}
|
||||
|
||||
await permission.destroy();
|
||||
|
||||
res.json(responseFormat.success(null, '删除权限成功'));
|
||||
} catch (error) {
|
||||
console.error('删除权限失败:', error);
|
||||
res.status(500).json(responseFormat.error('删除权限失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取角色权限
|
||||
*/
|
||||
async getRolePermissions(req, res) {
|
||||
try {
|
||||
const { roleId } = req.params;
|
||||
|
||||
const role = await Role.findByPk(roleId, {
|
||||
include: [
|
||||
{
|
||||
model: Permission,
|
||||
as: 'rolePermissions',
|
||||
through: {
|
||||
attributes: ['granted']
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
if (!role) {
|
||||
return res.status(404).json(responseFormat.error('角色不存在'));
|
||||
}
|
||||
|
||||
res.json(responseFormat.success({
|
||||
role: {
|
||||
id: role.id,
|
||||
name: role.name,
|
||||
description: role.description
|
||||
},
|
||||
permissions: role.rolePermissions
|
||||
}, '获取角色权限成功'));
|
||||
} catch (error) {
|
||||
console.error('获取角色权限失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取角色权限失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 分配角色权限
|
||||
*/
|
||||
async assignRolePermissions(req, res) {
|
||||
try {
|
||||
const { roleId } = req.params;
|
||||
const { permissionIds } = req.body;
|
||||
|
||||
if (!Array.isArray(permissionIds)) {
|
||||
return res.status(400).json(responseFormat.error('权限ID列表格式错误'));
|
||||
}
|
||||
|
||||
const role = await Role.findByPk(roleId);
|
||||
if (!role) {
|
||||
return res.status(404).json(responseFormat.error('角色不存在'));
|
||||
}
|
||||
|
||||
// 删除现有的角色权限关联
|
||||
await RolePermission.destroy({ where: { role_id: roleId } });
|
||||
|
||||
// 创建新的角色权限关联
|
||||
if (permissionIds.length > 0) {
|
||||
const rolePermissions = permissionIds.map(permissionId => ({
|
||||
role_id: roleId,
|
||||
permission_id: permissionId,
|
||||
granted: true
|
||||
}));
|
||||
|
||||
await RolePermission.bulkCreate(rolePermissions);
|
||||
}
|
||||
|
||||
res.json(responseFormat.success(null, '分配角色权限成功'));
|
||||
} catch (error) {
|
||||
console.error('分配角色权限失败:', error);
|
||||
res.status(500).json(responseFormat.error('分配角色权限失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取模块列表
|
||||
*/
|
||||
async getModules(req, res) {
|
||||
try {
|
||||
const modules = await Permission.findAll({
|
||||
attributes: ['module'],
|
||||
group: ['module'],
|
||||
order: [['module', 'ASC']]
|
||||
});
|
||||
|
||||
const moduleList = modules.map(item => item.module);
|
||||
|
||||
res.json(responseFormat.success(moduleList, '获取模块列表成功'));
|
||||
} catch (error) {
|
||||
console.error('获取模块列表失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取模块列表失败'));
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
module.exports = new PermissionController();
|
||||
420
insurance_backend/controllers/rolePermissionController.js
Normal file
420
insurance_backend/controllers/rolePermissionController.js
Normal file
@@ -0,0 +1,420 @@
|
||||
const { Role, Permission, RolePermission, User } = require('../models');
|
||||
const responseFormat = require('../utils/response');
|
||||
const { Op } = require('sequelize');
|
||||
|
||||
/**
|
||||
* 角色权限管理控制器
|
||||
* 专门处理角色权限的分配、管理和动态调用
|
||||
*/
|
||||
class RolePermissionController {
|
||||
|
||||
/**
|
||||
* 获取所有角色及其权限
|
||||
*/
|
||||
async getAllRolesWithPermissions(req, res) {
|
||||
try {
|
||||
const roles = await Role.findAll({
|
||||
order: [['id', 'ASC']]
|
||||
});
|
||||
|
||||
const rolesData = roles.map(role => {
|
||||
let permissions = [];
|
||||
if (Array.isArray(role.permissions)) {
|
||||
permissions = role.permissions;
|
||||
} else if (typeof role.permissions === 'string') {
|
||||
try {
|
||||
permissions = JSON.parse(role.permissions);
|
||||
} catch (e) {
|
||||
permissions = [];
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
id: role.id,
|
||||
name: role.name,
|
||||
description: role.description,
|
||||
status: role.status,
|
||||
permissions: permissions,
|
||||
permissionCount: permissions.length
|
||||
};
|
||||
});
|
||||
|
||||
res.json(responseFormat.success({
|
||||
roles: rolesData,
|
||||
total: rolesData.length
|
||||
}, '获取角色权限列表成功'));
|
||||
} catch (error) {
|
||||
console.error('获取角色权限列表失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取角色权限列表失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取所有权限
|
||||
*/
|
||||
async getAllPermissions(req, res) {
|
||||
try {
|
||||
const permissions = await Permission.findAll({
|
||||
order: [['id', 'ASC']]
|
||||
});
|
||||
|
||||
res.json(responseFormat.success(permissions, '获取权限列表成功'));
|
||||
} catch (error) {
|
||||
console.error('获取权限列表失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取权限列表失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取指定角色的权限详情
|
||||
*/
|
||||
async getRolePermissionDetail(req, res) {
|
||||
try {
|
||||
const { roleId } = req.params;
|
||||
|
||||
const role = await Role.findByPk(roleId);
|
||||
|
||||
if (!role) {
|
||||
return res.status(404).json(responseFormat.error('角色不存在'));
|
||||
}
|
||||
|
||||
// 获取所有权限用于对比
|
||||
const allPermissions = await Permission.findAll({
|
||||
attributes: ['id', 'name', 'code', 'description', 'module', 'type', 'parent_id'],
|
||||
order: [['module', 'ASC'], ['id', 'ASC']]
|
||||
});
|
||||
|
||||
// 构建权限树结构
|
||||
const controller = this;
|
||||
const permissionTree = controller.buildPermissionTree(allPermissions);
|
||||
|
||||
// 获取角色已分配的权限代码
|
||||
let assignedPermissionCodes = [];
|
||||
if (Array.isArray(role.permissions)) {
|
||||
assignedPermissionCodes = role.permissions;
|
||||
} else if (typeof role.permissions === 'string') {
|
||||
try {
|
||||
assignedPermissionCodes = JSON.parse(role.permissions);
|
||||
} catch (e) {
|
||||
assignedPermissionCodes = [];
|
||||
}
|
||||
}
|
||||
|
||||
// 标记已分配的权限
|
||||
const markedPermissions = controller.markAssignedPermissionsByCode(permissionTree, assignedPermissionCodes);
|
||||
|
||||
res.json(responseFormat.success({
|
||||
role: {
|
||||
id: role.id,
|
||||
name: role.name,
|
||||
description: role.description,
|
||||
status: role.status
|
||||
},
|
||||
assignedPermissions: assignedPermissionCodes,
|
||||
allPermissions: markedPermissions,
|
||||
assignedCount: assignedPermissionCodes.length,
|
||||
totalCount: allPermissions.length
|
||||
}, '获取角色权限详情成功'));
|
||||
} catch (error) {
|
||||
console.error('获取角色权限详情失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取角色权限详情失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量分配角色权限
|
||||
*/
|
||||
async batchAssignPermissions(req, res) {
|
||||
try {
|
||||
const { roleId } = req.params;
|
||||
const { permissionIds, operation = 'replace' } = req.body;
|
||||
|
||||
if (!Array.isArray(permissionIds)) {
|
||||
return res.status(400).json(responseFormat.error('权限ID列表格式错误'));
|
||||
}
|
||||
|
||||
const role = await Role.findByPk(roleId);
|
||||
if (!role) {
|
||||
return res.status(404).json(responseFormat.error('角色不存在'));
|
||||
}
|
||||
|
||||
// 验证权限ID是否存在
|
||||
const validPermissions = await Permission.findAll({
|
||||
where: { id: { [Op.in]: permissionIds } },
|
||||
attributes: ['id']
|
||||
});
|
||||
|
||||
const validPermissionIds = validPermissions.map(p => p.id);
|
||||
const invalidIds = permissionIds.filter(id => !validPermissionIds.includes(id));
|
||||
|
||||
if (invalidIds.length > 0) {
|
||||
return res.status(400).json(responseFormat.error(`无效的权限ID: ${invalidIds.join(', ')}`));
|
||||
}
|
||||
|
||||
// 根据操作类型处理权限分配
|
||||
if (operation === 'replace') {
|
||||
// 替换模式：删除现有权限，添加新权限
|
||||
await RolePermission.destroy({ where: { role_id: roleId } });
|
||||
|
||||
if (permissionIds.length > 0) {
|
||||
const rolePermissions = permissionIds.map(permissionId => ({
|
||||
role_id: roleId,
|
||||
permission_id: permissionId,
|
||||
granted: true
|
||||
}));
|
||||
await RolePermission.bulkCreate(rolePermissions);
|
||||
}
|
||||
} else if (operation === 'add') {
|
||||
// 添加模式：只添加新权限
|
||||
const existingPermissions = await RolePermission.findAll({
|
||||
where: { role_id: roleId },
|
||||
attributes: ['permission_id']
|
||||
});
|
||||
const existingIds = existingPermissions.map(p => p.permission_id);
|
||||
const newPermissionIds = permissionIds.filter(id => !existingIds.includes(id));
|
||||
|
||||
if (newPermissionIds.length > 0) {
|
||||
const rolePermissions = newPermissionIds.map(permissionId => ({
|
||||
role_id: roleId,
|
||||
permission_id: permissionId,
|
||||
granted: true
|
||||
}));
|
||||
await RolePermission.bulkCreate(rolePermissions);
|
||||
}
|
||||
} else if (operation === 'remove') {
|
||||
// 移除模式：删除指定权限
|
||||
await RolePermission.destroy({
|
||||
where: {
|
||||
role_id: roleId,
|
||||
permission_id: { [Op.in]: permissionIds }
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
res.json(responseFormat.success(null, `${operation === 'replace' ? '替换' : operation === 'add' ? '添加' : '移除'}角色权限成功`));
|
||||
} catch (error) {
|
||||
console.error('批量分配角色权限失败:', error);
|
||||
res.status(500).json(responseFormat.error('批量分配角色权限失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 复制角色权限
|
||||
*/
|
||||
async copyRolePermissions(req, res) {
|
||||
try {
|
||||
const { sourceRoleId, targetRoleId } = req.body;
|
||||
|
||||
if (!sourceRoleId || !targetRoleId) {
|
||||
return res.status(400).json(responseFormat.error('源角色ID和目标角色ID不能为空'));
|
||||
}
|
||||
|
||||
if (sourceRoleId === targetRoleId) {
|
||||
return res.status(400).json(responseFormat.error('源角色和目标角色不能相同'));
|
||||
}
|
||||
|
||||
// 验证角色存在
|
||||
const [sourceRole, targetRole] = await Promise.all([
|
||||
Role.findByPk(sourceRoleId),
|
||||
Role.findByPk(targetRoleId)
|
||||
]);
|
||||
|
||||
if (!sourceRole) {
|
||||
return res.status(404).json(responseFormat.error('源角色不存在'));
|
||||
}
|
||||
if (!targetRole) {
|
||||
return res.status(404).json(responseFormat.error('目标角色不存在'));
|
||||
}
|
||||
|
||||
// 获取源角色的权限
|
||||
const sourcePermissions = await RolePermission.findAll({
|
||||
where: { role_id: sourceRoleId },
|
||||
attributes: ['permission_id']
|
||||
});
|
||||
|
||||
// 删除目标角色现有权限
|
||||
await RolePermission.destroy({ where: { role_id: targetRoleId } });
|
||||
|
||||
// 复制权限到目标角色
|
||||
if (sourcePermissions.length > 0) {
|
||||
const targetPermissions = sourcePermissions.map(p => ({
|
||||
role_id: targetRoleId,
|
||||
permission_id: p.permission_id,
|
||||
granted: true
|
||||
}));
|
||||
await RolePermission.bulkCreate(targetPermissions);
|
||||
}
|
||||
|
||||
res.json(responseFormat.success(null, `成功将 ${sourceRole.name} 的权限复制到 ${targetRole.name}`));
|
||||
} catch (error) {
|
||||
console.error('复制角色权限失败:', error);
|
||||
res.status(500).json(responseFormat.error('复制角色权限失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查用户权限
|
||||
*/
|
||||
async checkUserPermission(req, res) {
|
||||
try {
|
||||
const { userId, permissionCode } = req.params;
|
||||
|
||||
const user = await User.findByPk(userId, {
|
||||
include: [
|
||||
{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
include: [
|
||||
{
|
||||
model: Permission,
|
||||
as: 'rolePermissions',
|
||||
where: { code: permissionCode },
|
||||
required: false,
|
||||
through: {
|
||||
attributes: ['granted']
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
if (!user) {
|
||||
return res.status(404).json(responseFormat.error('用户不存在'));
|
||||
}
|
||||
|
||||
const hasPermission = user.role &&
|
||||
user.role.rolePermissions &&
|
||||
user.role.rolePermissions.length > 0 &&
|
||||
user.role.rolePermissions[0].RolePermission.granted;
|
||||
|
||||
res.json(responseFormat.success({
|
||||
userId: user.id,
|
||||
username: user.username,
|
||||
roleName: user.role ? user.role.name : null,
|
||||
permissionCode,
|
||||
hasPermission,
|
||||
checkTime: new Date()
|
||||
}, '权限检查完成'));
|
||||
} catch (error) {
|
||||
console.error('检查用户权限失败:', error);
|
||||
res.status(500).json(responseFormat.error('检查用户权限失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取权限统计信息
|
||||
*/
|
||||
async getPermissionStats(req, res) {
|
||||
try {
|
||||
// 统计各种数据
|
||||
const [
|
||||
totalRoles,
|
||||
totalPermissions,
|
||||
moduleStats,
|
||||
roles
|
||||
] = await Promise.all([
|
||||
Role.count(),
|
||||
Permission.count(),
|
||||
Permission.findAll({
|
||||
attributes: [
|
||||
'module',
|
||||
[Permission.sequelize.fn('COUNT', Permission.sequelize.col('id')), 'count']
|
||||
],
|
||||
group: ['module'],
|
||||
order: [['module', 'ASC']]
|
||||
}),
|
||||
Role.findAll({
|
||||
attributes: ['id', 'name', 'permissions'],
|
||||
order: [['name', 'ASC']]
|
||||
})
|
||||
]);
|
||||
|
||||
// 计算总分配数和角色权限分布
|
||||
let totalAssignments = 0;
|
||||
const roleDistribution = roles.map(role => {
|
||||
let permissions = [];
|
||||
if (Array.isArray(role.permissions)) {
|
||||
permissions = role.permissions;
|
||||
} else if (typeof role.permissions === 'string') {
|
||||
try {
|
||||
permissions = JSON.parse(role.permissions);
|
||||
} catch (e) {
|
||||
permissions = [];
|
||||
}
|
||||
}
|
||||
|
||||
const permissionCount = permissions.length;
|
||||
totalAssignments += permissionCount;
|
||||
return {
|
||||
roleId: role.id,
|
||||
roleName: role.name,
|
||||
permissionCount
|
||||
};
|
||||
});
|
||||
|
||||
res.json(responseFormat.success({
|
||||
overview: {
|
||||
totalRoles,
|
||||
totalPermissions,
|
||||
totalAssignments,
|
||||
averagePermissionsPerRole: totalRoles > 0 ? Math.round(totalAssignments / totalRoles) : 0
|
||||
},
|
||||
moduleDistribution: moduleStats.map(stat => ({
|
||||
module: stat.module,
|
||||
count: parseInt(stat.dataValues.count)
|
||||
})),
|
||||
roleDistribution
|
||||
}, '获取权限统计成功'));
|
||||
} catch (error) {
|
||||
console.error('获取权限统计失败:', error);
|
||||
res.status(500).json(responseFormat.error('获取权限统计失败'));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建权限树
|
||||
*/
|
||||
buildPermissionTree(permissions, parentId = null) {
|
||||
const tree = [];
|
||||
for (const permission of permissions) {
|
||||
if (permission.parent_id === parentId) {
|
||||
const children = this.buildPermissionTree(permissions, permission.id);
|
||||
const node = {
|
||||
...(permission.toJSON ? permission.toJSON() : permission),
|
||||
children: children.length > 0 ? children : undefined
|
||||
};
|
||||
tree.push(node);
|
||||
}
|
||||
}
|
||||
return tree;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标记已分配的权限
|
||||
*/
|
||||
markAssignedPermissions(permissions, assignedIds) {
|
||||
return permissions.map(permission => ({
|
||||
...permission,
|
||||
assigned: assignedIds.includes(permission.id),
|
||||
children: permission.children ?
|
||||
this.markAssignedPermissions(permission.children, assignedIds) :
|
||||
undefined
|
||||
}));
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据权限代码标记已分配的权限
|
||||
*/
|
||||
markAssignedPermissionsByCode(permissions, assignedCodes) {
|
||||
return permissions.map(permission => ({
|
||||
...permission,
|
||||
assigned: assignedCodes.includes(permission.code),
|
||||
children: permission.children ?
|
||||
this.markAssignedPermissionsByCode(permission.children, assignedCodes) :
|
||||
undefined
|
||||
}));
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = new RolePermissionController();
|
||||
@@ -77,7 +77,7 @@ const getSystemLogs = async (req, res) => {
|
||||
const { page = 1, limit = 50, level, start_date, end_date } = req.query;
|
||||
const offset = (page - 1) * limit;
|
||||
|
||||
// 模拟日志数据
|
||||
// 模拟日志数据 - 扩展更多有意义的日志记录
|
||||
const mockLogs = [
|
||||
{
|
||||
id: 1,
|
||||
@@ -96,9 +96,93 @@ const getSystemLogs = async (req, res) => {
|
||||
{
|
||||
id: 3,
|
||||
level: 'warning',
|
||||
message: 'Redis连接失败',
|
||||
message: 'Redis连接失败，使用内存缓存',
|
||||
timestamp: new Date(Date.now() - 1000 * 120).toISOString(),
|
||||
user: 'system'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
level: 'info',
|
||||
message: '用户 admin 登录成功',
|
||||
timestamp: new Date(Date.now() - 1000 * 180).toISOString(),
|
||||
user: 'admin'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
level: 'info',
|
||||
message: '新增保险申请：车险申请 - 申请人：张三',
|
||||
timestamp: new Date(Date.now() - 1000 * 240).toISOString(),
|
||||
user: 'zhangsan'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
level: 'info',
|
||||
message: '保单生效：保单号 POL-2024-001 - 投保人：李四',
|
||||
timestamp: new Date(Date.now() - 1000 * 300).toISOString(),
|
||||
user: 'lisi'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
level: 'warning',
|
||||
message: '理赔申请待审核：理赔号 CLM-2024-001 - 申请人：王五',
|
||||
timestamp: new Date(Date.now() - 1000 * 360).toISOString(),
|
||||
user: 'wangwu'
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
level: 'info',
|
||||
message: '新用户注册：用户名 zhaoliu',
|
||||
timestamp: new Date(Date.now() - 1000 * 420).toISOString(),
|
||||
user: 'system'
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
level: 'error',
|
||||
message: '支付接口调用失败：订单号 ORD-2024-001',
|
||||
timestamp: new Date(Date.now() - 1000 * 480).toISOString(),
|
||||
user: 'system'
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
level: 'info',
|
||||
message: '保险类型更新：新增意外险产品',
|
||||
timestamp: new Date(Date.now() - 1000 * 540).toISOString(),
|
||||
user: 'admin'
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
level: 'info',
|
||||
message: '系统备份完成：数据库备份成功',
|
||||
timestamp: new Date(Date.now() - 1000 * 600).toISOString(),
|
||||
user: 'system'
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
level: 'warning',
|
||||
message: '磁盘空间不足警告：剩余空间 15%',
|
||||
timestamp: new Date(Date.now() - 1000 * 660).toISOString(),
|
||||
user: 'system'
|
||||
},
|
||||
{
|
||||
id: 13,
|
||||
level: 'info',
|
||||
message: '理赔审核通过：理赔号 CLM-2024-002 - 赔付金额 ¥5000',
|
||||
timestamp: new Date(Date.now() - 1000 * 720).toISOString(),
|
||||
user: 'admin'
|
||||
},
|
||||
{
|
||||
id: 14,
|
||||
level: 'info',
|
||||
message: '保单续费成功：保单号 POL-2024-002 - 续费期限 1年',
|
||||
timestamp: new Date(Date.now() - 1000 * 780).toISOString(),
|
||||
user: 'system'
|
||||
},
|
||||
{
|
||||
id: 15,
|
||||
level: 'error',
|
||||
message: '短信发送失败：手机号 138****8888',
|
||||
timestamp: new Date(Date.now() - 1000 * 840).toISOString(),
|
||||
user: 'system'
|
||||
}
|
||||
];
|
||||
|
||||
@@ -125,7 +209,7 @@ const getSystemLogs = async (req, res) => {
|
||||
page: parseInt(page),
|
||||
limit: parseInt(limit),
|
||||
total: filteredLogs.length,
|
||||
pages: Math.ceil(filteredLogs.length / limit)
|
||||
pages: Math.ceil(filteredLogs.length / parseInt(limit))
|
||||
}
|
||||
}, '获取系统日志成功'));
|
||||
} catch (error) {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
const { User, Role } = require('../models');
|
||||
const { Op } = require('sequelize');
|
||||
const responseFormat = require('../utils/response');
|
||||
const crypto = require('crypto');
|
||||
|
||||
// 获取用户列表
|
||||
const getUsers = async (req, res) => {
|
||||
@@ -379,6 +380,112 @@ const uploadAvatar = async (req, res) => {
|
||||
}
|
||||
};
|
||||
|
||||
// 生成固定token
|
||||
const generateFixedToken = async (req, res) => {
|
||||
try {
|
||||
const { id } = req.params;
|
||||
|
||||
const user = await User.findByPk(id);
|
||||
if (!user) {
|
||||
return res.status(404).json(responseFormat.error('用户不存在'));
|
||||
}
|
||||
|
||||
// 生成32位随机token
|
||||
const fixedToken = crypto.randomBytes(32).toString('hex');
|
||||
|
||||
// 更新用户的固定token
|
||||
await user.update({ fixed_token: fixedToken });
|
||||
|
||||
res.json(responseFormat.success({
|
||||
fixed_token: fixedToken,
|
||||
user_id: user.id,
|
||||
username: user.username
|
||||
}, '固定Token生成成功'));
|
||||
} catch (error) {
|
||||
console.error('生成固定Token错误:', error);
|
||||
if (error.name === 'SequelizeUniqueConstraintError') {
|
||||
return res.status(400).json(responseFormat.error('Token生成失败，请重试'));
|
||||
}
|
||||
res.status(500).json(responseFormat.error('生成固定Token失败'));
|
||||
}
|
||||
};
|
||||
|
||||
// 重新生成固定token
|
||||
const regenerateFixedToken = async (req, res) => {
|
||||
try {
|
||||
const { id } = req.params;
|
||||
|
||||
const user = await User.findByPk(id);
|
||||
if (!user) {
|
||||
return res.status(404).json(responseFormat.error('用户不存在'));
|
||||
}
|
||||
|
||||
// 生成新的32位随机token
|
||||
const newFixedToken = crypto.randomBytes(32).toString('hex');
|
||||
|
||||
// 更新用户的固定token
|
||||
await user.update({ fixed_token: newFixedToken });
|
||||
|
||||
res.json(responseFormat.success({
|
||||
fixed_token: newFixedToken,
|
||||
user_id: user.id,
|
||||
username: user.username
|
||||
}, '固定Token重新生成成功'));
|
||||
} catch (error) {
|
||||
console.error('重新生成固定Token错误:', error);
|
||||
if (error.name === 'SequelizeUniqueConstraintError') {
|
||||
return res.status(400).json(responseFormat.error('Token生成失败，请重试'));
|
||||
}
|
||||
res.status(500).json(responseFormat.error('重新生成固定Token失败'));
|
||||
}
|
||||
};
|
||||
|
||||
// 删除固定token
|
||||
const deleteFixedToken = async (req, res) => {
|
||||
try {
|
||||
const { id } = req.params;
|
||||
|
||||
const user = await User.findByPk(id);
|
||||
if (!user) {
|
||||
return res.status(404).json(responseFormat.error('用户不存在'));
|
||||
}
|
||||
|
||||
// 清除用户的固定token
|
||||
await user.update({ fixed_token: null });
|
||||
|
||||
res.json(responseFormat.success(null, '固定Token删除成功'));
|
||||
} catch (error) {
|
||||
console.error('删除固定Token错误:', error);
|
||||
res.status(500).json(responseFormat.error('删除固定Token失败'));
|
||||
}
|
||||
};
|
||||
|
||||
// 获取用户的固定token信息
|
||||
const getFixedTokenInfo = async (req, res) => {
|
||||
try {
|
||||
const { id } = req.params;
|
||||
|
||||
const user = await User.findByPk(id, {
|
||||
attributes: ['id', 'username', 'fixed_token']
|
||||
});
|
||||
|
||||
if (!user) {
|
||||
return res.status(404).json(responseFormat.error('用户不存在'));
|
||||
}
|
||||
|
||||
res.json(responseFormat.success({
|
||||
userId: user.id,
|
||||
username: user.username,
|
||||
hasToken: !!user.fixed_token,
|
||||
tokenPreview: user.fixed_token ? `${user.fixed_token.substring(0, 8)}...` : null,
|
||||
createdAt: user.fixed_token ? new Date().toISOString() : null
|
||||
}, '获取固定Token信息成功'));
|
||||
} catch (error) {
|
||||
console.error('获取固定Token信息错误:', error);
|
||||
res.status(500).json(responseFormat.error('获取固定Token信息失败'));
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
getUsers,
|
||||
getUser,
|
||||
@@ -389,5 +496,9 @@ module.exports = {
|
||||
getProfile,
|
||||
updateProfile,
|
||||
changePassword,
|
||||
uploadAvatar
|
||||
uploadAvatar,
|
||||
generateFixedToken,
|
||||
regenerateFixedToken,
|
||||
deleteFixedToken,
|
||||
getFixedTokenInfo
|
||||
};
|
||||
73
insurance_backend/debug_api_response.js
Normal file
73
insurance_backend/debug_api_response.js
Normal file
@@ -0,0 +1,73 @@
|
||||
const axios = require('axios');
|
||||
|
||||
const BASE_URL = 'http://localhost:3000/api';
|
||||
const ADMIN_TOKEN = '5659725423f665a8bf5053b37e624ea86387f9113ae77ac75fc102012a349180';
|
||||
|
||||
// 创建axios实例
|
||||
const api = axios.create({
|
||||
baseURL: BASE_URL,
|
||||
headers: {
|
||||
'Authorization': `Bearer ${ADMIN_TOKEN}`,
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
async function debugAPIResponse() {
|
||||
console.log('调试API响应格式...\n');
|
||||
|
||||
try {
|
||||
console.log('测试获取所有角色及其权限...');
|
||||
const response = await api.get('/role-permissions/roles');
|
||||
console.log('完整响应:', JSON.stringify(response.data, null, 2));
|
||||
console.log('数据路径检查:');
|
||||
console.log('- response.data:', typeof response.data);
|
||||
console.log('- response.data.data:', typeof response.data.data);
|
||||
|
||||
// 尝试解析data字段
|
||||
let parsedData = response.data.data;
|
||||
if (typeof parsedData === 'string') {
|
||||
try {
|
||||
parsedData = JSON.parse(parsedData);
|
||||
console.log('- 解析后的data:', typeof parsedData);
|
||||
console.log('- 解析后的data.roles:', typeof parsedData?.roles);
|
||||
console.log('- 解析后的data.roles 是数组吗:', Array.isArray(parsedData?.roles));
|
||||
if (parsedData?.roles) {
|
||||
console.log('- 角色数量:', parsedData.roles.length);
|
||||
}
|
||||
} catch (e) {
|
||||
console.log('- 无法解析data字段:', e.message);
|
||||
}
|
||||
} else {
|
||||
console.log('- response.data.data.roles:', typeof response.data.data?.roles);
|
||||
console.log('- response.data.data.roles 是数组吗:', Array.isArray(response.data.data?.roles));
|
||||
if (response.data.data?.roles) {
|
||||
console.log('- 角色数量:', response.data.data.roles.length);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('错误:', {
|
||||
code: error.response?.status,
|
||||
status: error.response?.data?.status,
|
||||
data: error.response?.data?.data,
|
||||
message: error.response?.data?.message,
|
||||
});
|
||||
}
|
||||
|
||||
try {
|
||||
console.log('\n测试获取特定角色的详细权限...');
|
||||
const response = await api.get('/role-permissions/roles/1/permissions');
|
||||
console.log('完整响应:', JSON.stringify(response.data, null, 2));
|
||||
} catch (error) {
|
||||
console.log('错误:', error.response?.data || error.message);
|
||||
}
|
||||
|
||||
try {
|
||||
console.log('\n测试权限统计...');
|
||||
const response = await api.get('/role-permissions/stats');
|
||||
console.log('完整响应:', JSON.stringify(response.data, null, 2));
|
||||
} catch (error) {
|
||||
console.log('错误:', error.response?.data || error.message);
|
||||
}
|
||||
}
|
||||
|
||||
debugAPIResponse().catch(console.error);
|
||||
222
insurance_backend/docs/API认证文档.md
Normal file
222
insurance_backend/docs/API认证文档.md
Normal file
@@ -0,0 +1,222 @@
|
||||
# API认证文档
|
||||
|
||||
## 概述
|
||||
|
||||
保险端口系统API支持两种认证方式：
|
||||
1. **JWT令牌认证**：用于Web应用的用户会话认证
|
||||
2. **固定令牌认证**：用于API访问的长期认证
|
||||
|
||||
## 认证方式
|
||||
|
||||
### 1. JWT令牌认证
|
||||
|
||||
#### 获取JWT令牌
|
||||
```http
|
||||
POST /auth/login
|
||||
Content-Type: application/json
|
||||
|
||||
{
|
||||
"username": "admin",
|
||||
"password": "123456"
|
||||
}
|
||||
```
|
||||
|
||||
#### 响应示例
|
||||
```json
|
||||
{
|
||||
"code": 200,
|
||||
"status": "success",
|
||||
"data": {
|
||||
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
|
||||
"user": {
|
||||
"id": 1,
|
||||
"username": "admin",
|
||||
"email": "admin@example.com"
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
#### 使用JWT令牌
|
||||
在请求头中添加Authorization字段：
|
||||
```http
|
||||
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
|
||||
```
|
||||
|
||||
### 2. 固定令牌认证
|
||||
|
||||
#### 生成固定令牌
|
||||
管理员可以为用户生成固定令牌：
|
||||
```http
|
||||
POST /users/{id}/fixed-token
|
||||
Authorization: Bearer <admin_jwt_token>
|
||||
```
|
||||
|
||||
#### 响应示例
|
||||
```json
|
||||
{
|
||||
"code": 200,
|
||||
"status": "success",
|
||||
"data": {
|
||||
"token": "ft_1234567890abcdef1234567890abcdef12345678",
|
||||
"message": "固定令牌生成成功"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
#### 使用固定令牌
|
||||
在请求头中添加Authorization字段：
|
||||
```http
|
||||
Authorization: Bearer ft_1234567890abcdef1234567890abcdef12345678
|
||||
```
|
||||
|
||||
## 固定令牌管理
|
||||
|
||||
### 获取令牌信息
|
||||
```http
|
||||
GET /users/{id}/fixed-token
|
||||
Authorization: Bearer <admin_jwt_token>
|
||||
```
|
||||
|
||||
### 重新生成令牌
|
||||
```http
|
||||
PUT /users/{id}/fixed-token
|
||||
Authorization: Bearer <admin_jwt_token>
|
||||
```
|
||||
|
||||
### 删除令牌
|
||||
```http
|
||||
DELETE /users/{id}/fixed-token
|
||||
Authorization: Bearer <admin_jwt_token>
|
||||
```
|
||||
|
||||
## 权限控制
|
||||
|
||||
### 权限模型
|
||||
系统采用基于角色的权限控制（RBAC），每个用户都有一个角色，角色包含多个权限。
|
||||
|
||||
### 权限格式
|
||||
权限格式为：`资源:操作`
|
||||
- `user:read` - 读取用户信息
|
||||
- `user:create` - 创建用户
|
||||
- `user:update` - 更新用户信息
|
||||
- `user:delete` - 删除用户
|
||||
|
||||
### 常用权限列表
|
||||
| 权限 | 描述 |
|
||||
|------|------|
|
||||
| `user:read` | 查看用户信息 |
|
||||
| `user:create` | 创建用户 |
|
||||
| `user:update` | 更新用户信息 |
|
||||
| `user:delete` | 删除用户 |
|
||||
| `insurance_applications:read` | 查看保险申请 |
|
||||
| `insurance_applications:create` | 创建保险申请 |
|
||||
| `insurance_applications:update` | 更新保险申请 |
|
||||
| `insurance_applications:delete` | 删除保险申请 |
|
||||
| `policies:read` | 查看保单 |
|
||||
| `policies:create` | 创建保单 |
|
||||
| `policies:update` | 更新保单 |
|
||||
| `policies:delete` | 删除保单 |
|
||||
| `claims:read` | 查看理赔 |
|
||||
| `claims:create` | 创建理赔 |
|
||||
| `claims:update` | 更新理赔 |
|
||||
| `claims:delete` | 删除理赔 |
|
||||
|
||||
## 错误响应
|
||||
|
||||
### 401 未授权
|
||||
```json
|
||||
{
|
||||
"code": 401,
|
||||
"status": "error",
|
||||
"message": "未授权访问",
|
||||
"timestamp": "2024-01-01T00:00:00.000Z"
|
||||
}
|
||||
```
|
||||
|
||||
### 403 权限不足
|
||||
```json
|
||||
{
|
||||
"code": 403,
|
||||
"status": "error",
|
||||
"message": "权限不足",
|
||||
"timestamp": "2024-01-01T00:00:00.000Z"
|
||||
}
|
||||
```
|
||||
|
||||
### 令牌过期
|
||||
```json
|
||||
{
|
||||
"code": 401,
|
||||
"status": "error",
|
||||
"message": "令牌已过期",
|
||||
"timestamp": "2024-01-01T00:00:00.000Z"
|
||||
}
|
||||
```
|
||||
|
||||
## 安全注意事项
|
||||
|
||||
### JWT令牌
|
||||
1. JWT令牌有效期为24小时
|
||||
2. 令牌包含用户信息和权限
|
||||
3. 令牌在服务器端无法撤销，只能等待过期
|
||||
|
||||
### 固定令牌
|
||||
1. 固定令牌永不过期，除非手动删除
|
||||
2. 固定令牌具有与用户相同的权限
|
||||
3. 固定令牌应妥善保管，避免泄露
|
||||
4. 建议定期更换固定令牌
|
||||
|
||||
### 最佳实践
|
||||
1. 在生产环境中使用HTTPS
|
||||
2. 定期轮换固定令牌
|
||||
3. 监控API访问日志
|
||||
4. 及时撤销不再使用的令牌
|
||||
5. 使用最小权限原则
|
||||
|
||||
## 示例代码
|
||||
|
||||
### JavaScript (Axios)
|
||||
```javascript
|
||||
// 使用JWT令牌
|
||||
const jwtToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...';
|
||||
const response = await axios.get('/users', {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${jwtToken}`
|
||||
}
|
||||
});
|
||||
|
||||
// 使用固定令牌
|
||||
const fixedToken = 'ft_1234567890abcdef1234567890abcdef12345678';
|
||||
const response = await axios.get('/users', {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${fixedToken}`
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
### Python (requests)
|
||||
```python
|
||||
import requests
|
||||
|
||||
# 使用JWT令牌
|
||||
jwt_token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...'
|
||||
headers = {'Authorization': f'Bearer {jwt_token}'}
|
||||
response = requests.get('http://localhost:3000/users', headers=headers)
|
||||
|
||||
# 使用固定令牌
|
||||
fixed_token = 'ft_1234567890abcdef1234567890abcdef12345678'
|
||||
headers = {'Authorization': f'Bearer {fixed_token}'}
|
||||
response = requests.get('http://localhost:3000/users', headers=headers)
|
||||
```
|
||||
|
||||
### cURL
|
||||
```bash
|
||||
# 使用JWT令牌
|
||||
curl -H "Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..." \
|
||||
http://localhost:3000/users
|
||||
|
||||
# 使用固定令牌
|
||||
curl -H "Authorization: Bearer ft_1234567890abcdef1234567890abcdef12345678" \
|
||||
http://localhost:3000/users
|
||||
```
|
||||
@@ -1,32 +1,97 @@
|
||||
const jwt = require('jsonwebtoken');
|
||||
const User = require('../models/User');
|
||||
const Role = require('../models/Role');
|
||||
const responseFormat = require('../utils/response');
|
||||
|
||||
// JWT认证中间件
|
||||
const jwtAuth = (req, res, next) => {
|
||||
const token = req.headers.authorization?.replace('Bearer ', '');
|
||||
|
||||
if (!token) {
|
||||
return res.status(401).json(responseFormat.error('未提供认证令牌'));
|
||||
}
|
||||
|
||||
const jwtAuth = async (req, res, next) => {
|
||||
try {
|
||||
const decoded = jwt.verify(token, process.env.JWT_SECRET);
|
||||
const authHeader = req.headers.authorization;
|
||||
console.log('Authorization header:', authHeader);
|
||||
|
||||
// 检查Token类型，只接受访问令牌
|
||||
if (decoded.type && decoded.type !== 'access') {
|
||||
return res.status(401).json(responseFormat.error('无效的令牌类型'));
|
||||
if (!authHeader || !authHeader.startsWith('Bearer ')) {
|
||||
return res.status(401).json(responseFormat.error('未提供有效的认证token'));
|
||||
}
|
||||
|
||||
const token = authHeader.substring(7);
|
||||
console.log('提取的token:', token);
|
||||
console.log('token类型:', typeof token);
|
||||
console.log('token长度:', token.length);
|
||||
|
||||
// 首先尝试固定token验证
|
||||
const user = await User.findOne({
|
||||
where: {
|
||||
fixed_token: token,
|
||||
status: 'active'
|
||||
},
|
||||
include: [{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
attributes: ['id', 'name', 'permissions']
|
||||
}]
|
||||
});
|
||||
|
||||
if (user) {
|
||||
// 固定token验证成功
|
||||
req.user = {
|
||||
id: user.id,
|
||||
userId: user.id,
|
||||
username: user.username,
|
||||
role_id: user.role_id,
|
||||
role: user.role,
|
||||
permissions: user.role ? user.role.permissions : [],
|
||||
type: 'fixed_token'
|
||||
};
|
||||
return next();
|
||||
}
|
||||
|
||||
// 如果固定token验证失败，尝试JWT验证
|
||||
try {
|
||||
const decoded = jwt.verify(token, process.env.JWT_SECRET);
|
||||
|
||||
if (decoded.type !== 'access') {
|
||||
return res.status(401).json(responseFormat.error('Token类型错误'));
|
||||
}
|
||||
|
||||
// 验证用户是否存在且状态正常
|
||||
const jwtUser = await User.findOne({
|
||||
where: {
|
||||
id: decoded.id,
|
||||
status: 'active'
|
||||
},
|
||||
include: [{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
attributes: ['id', 'name', 'permissions']
|
||||
}]
|
||||
});
|
||||
|
||||
if (!jwtUser) {
|
||||
return res.status(401).json(responseFormat.error('用户不存在或已被禁用'));
|
||||
}
|
||||
|
||||
req.user = {
|
||||
id: decoded.id,
|
||||
userId: decoded.id,
|
||||
username: decoded.username,
|
||||
role_id: decoded.role_id,
|
||||
role: jwtUser.role,
|
||||
permissions: decoded.permissions || (jwtUser.role ? jwtUser.role.permissions : []),
|
||||
type: 'jwt'
|
||||
};
|
||||
|
||||
return next();
|
||||
} catch (jwtError) {
|
||||
if (jwtError.name === 'TokenExpiredError') {
|
||||
return res.status(401).json(responseFormat.error('Token已过期', 'TOKEN_EXPIRED'));
|
||||
} else if (jwtError.name === 'JsonWebTokenError') {
|
||||
return res.status(401).json(responseFormat.error('Token无效'));
|
||||
}
|
||||
throw jwtError;
|
||||
}
|
||||
|
||||
req.user = decoded;
|
||||
next();
|
||||
} catch (error) {
|
||||
if (error.name === 'TokenExpiredError') {
|
||||
return res.status(401).json(responseFormat.error('认证令牌已过期', 'TOKEN_EXPIRED'));
|
||||
} else if (error.name === 'JsonWebTokenError') {
|
||||
return res.status(401).json(responseFormat.error('认证令牌无效', 'TOKEN_INVALID'));
|
||||
} else {
|
||||
return res.status(401).json(responseFormat.error('认证失败', 'AUTH_FAILED'));
|
||||
}
|
||||
console.error('Token验证错误:', error);
|
||||
return res.status(500).json(responseFormat.error('服务器内部错误'));
|
||||
}
|
||||
};
|
||||
|
||||
@@ -58,8 +123,16 @@ const checkPermission = (resource, action) => {
|
||||
}
|
||||
}
|
||||
|
||||
// 如果JWT中没有权限信息，从数据库查询
|
||||
if (permissions.length === 0) {
|
||||
const requiredPermission = `${resource}:${action}`;
|
||||
|
||||
// 首先检查JWT中的权限
|
||||
let hasPermission = permissions.includes(requiredPermission) ||
|
||||
permissions.includes('*:*') ||
|
||||
permissions.includes('*');
|
||||
|
||||
// 如果JWT中没有权限信息，或者JWT权限不足，从数据库查询最新权限
|
||||
if (permissions.length === 0 || !hasPermission) {
|
||||
console.log('JWT权限不足或为空，从数据库获取最新权限...');
|
||||
const { Role } = require('../models');
|
||||
const userRole = await Role.findByPk(user.role_id);
|
||||
|
||||
@@ -81,14 +154,19 @@ const checkPermission = (resource, action) => {
|
||||
} else if (Array.isArray(rolePermissions)) {
|
||||
permissions = rolePermissions;
|
||||
}
|
||||
|
||||
console.log('从数据库获取的最新权限:', permissions);
|
||||
|
||||
// 重新检查权限
|
||||
hasPermission = permissions.includes(requiredPermission) ||
|
||||
permissions.includes('*:*') ||
|
||||
permissions.includes('*');
|
||||
}
|
||||
|
||||
const requiredPermission = `${resource}:${action}`;
|
||||
|
||||
console.log('权限检查 - 用户权限:', permissions, '需要权限:', requiredPermission);
|
||||
console.log('权限检查 - 用户权限:', permissions, '需要权限:', requiredPermission, '是否有权限:', hasPermission);
|
||||
|
||||
// 检查权限或超级管理员权限
|
||||
if (!permissions.includes(requiredPermission) && !permissions.includes('*:*') && !permissions.includes('*')) {
|
||||
if (!hasPermission) {
|
||||
console.log('权限检查失败 - 权限不足');
|
||||
return res.status(403).json(responseFormat.error('权限不足'));
|
||||
}
|
||||
|
||||
119
insurance_backend/middleware/fixedTokenAuth.js
Normal file
119
insurance_backend/middleware/fixedTokenAuth.js
Normal file
@@ -0,0 +1,119 @@
|
||||
const User = require('../models/User');
|
||||
const Role = require('../models/Role');
|
||||
|
||||
/**
|
||||
* 固定Token认证中间件
|
||||
* 支持JWT token和固定token两种认证方式
|
||||
*/
|
||||
const fixedTokenAuth = async (req, res, next) => {
|
||||
try {
|
||||
const authHeader = req.headers.authorization;
|
||||
|
||||
if (!authHeader) {
|
||||
return res.status(401).json({
|
||||
status: 'error',
|
||||
message: '未提供认证token'
|
||||
});
|
||||
}
|
||||
|
||||
// 检查是否为Bearer token格式
|
||||
if (authHeader.startsWith('Bearer ')) {
|
||||
const token = authHeader.substring(7);
|
||||
|
||||
// 首先尝试固定token验证
|
||||
const user = await User.findOne({
|
||||
where: {
|
||||
fixed_token: token,
|
||||
status: 'active'
|
||||
},
|
||||
include: [{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
attributes: ['id', 'name', 'permissions']
|
||||
}]
|
||||
});
|
||||
|
||||
if (user) {
|
||||
// 固定token验证成功
|
||||
req.user = {
|
||||
id: user.id,
|
||||
username: user.username,
|
||||
role_id: user.role_id,
|
||||
role: user.role,
|
||||
permissions: user.role ? user.role.permissions : []
|
||||
};
|
||||
return next();
|
||||
}
|
||||
|
||||
// 如果固定token验证失败，尝试JWT验证
|
||||
const jwt = require('jsonwebtoken');
|
||||
try {
|
||||
const decoded = jwt.verify(token, process.env.JWT_SECRET);
|
||||
|
||||
if (decoded.type !== 'access') {
|
||||
return res.status(401).json({
|
||||
status: 'error',
|
||||
message: 'Token类型错误'
|
||||
});
|
||||
}
|
||||
|
||||
// 验证用户是否存在且状态正常
|
||||
const jwtUser = await User.findOne({
|
||||
where: {
|
||||
id: decoded.userId,
|
||||
status: 'active'
|
||||
},
|
||||
include: [{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
attributes: ['id', 'name', 'permissions']
|
||||
}]
|
||||
});
|
||||
|
||||
if (!jwtUser) {
|
||||
return res.status(401).json({
|
||||
status: 'error',
|
||||
message: '用户不存在或已被禁用'
|
||||
});
|
||||
}
|
||||
|
||||
req.user = {
|
||||
id: jwtUser.id,
|
||||
username: jwtUser.username,
|
||||
role_id: jwtUser.role_id,
|
||||
role: jwtUser.role,
|
||||
permissions: decoded.permissions || (jwtUser.role ? jwtUser.role.permissions : [])
|
||||
};
|
||||
|
||||
return next();
|
||||
} catch (jwtError) {
|
||||
if (jwtError.name === 'TokenExpiredError') {
|
||||
return res.status(401).json({
|
||||
status: 'error',
|
||||
code: 'TOKEN_EXPIRED',
|
||||
message: 'Token已过期'
|
||||
});
|
||||
} else if (jwtError.name === 'JsonWebTokenError') {
|
||||
return res.status(401).json({
|
||||
status: 'error',
|
||||
message: 'Token无效'
|
||||
});
|
||||
}
|
||||
throw jwtError;
|
||||
}
|
||||
} else {
|
||||
return res.status(401).json({
|
||||
status: 'error',
|
||||
message: 'Token格式错误，请使用Bearer格式'
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Token验证错误:', error);
|
||||
return res.status(500).json({
|
||||
status: 'error',
|
||||
message: '服务器内部错误'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = fixedTokenAuth;
|
||||
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
module.exports = {
|
||||
up: async (queryInterface, Sequelize) => {
|
||||
await queryInterface.addColumn('users', 'fixed_token', {
|
||||
type: Sequelize.STRING(255),
|
||||
allowNull: true,
|
||||
unique: true,
|
||||
comment: '用户固定token，用于API访问验证'
|
||||
});
|
||||
},
|
||||
|
||||
down: async (queryInterface, Sequelize) => {
|
||||
await queryInterface.removeColumn('users', 'fixed_token');
|
||||
}
|
||||
};
|
||||
@@ -1,75 +0,0 @@
|
||||
'use strict';
|
||||
|
||||
module.exports = {
|
||||
up: async (queryInterface, Sequelize) => {
|
||||
// 添加参保类型字段
|
||||
await queryInterface.addColumn('insurance_applications', 'insurance_category', {
|
||||
type: Sequelize.STRING(50),
|
||||
allowNull: true,
|
||||
comment: '参保类型（如：牛、羊、猪等）',
|
||||
after: 'insurance_type_id'
|
||||
});
|
||||
|
||||
// 添加申请数量字段
|
||||
await queryInterface.addColumn('insurance_applications', 'application_quantity', {
|
||||
type: Sequelize.INTEGER,
|
||||
allowNull: true,
|
||||
defaultValue: 1,
|
||||
comment: '申请数量',
|
||||
validate: {
|
||||
min: 1
|
||||
},
|
||||
after: 'insurance_category'
|
||||
});
|
||||
|
||||
// 添加备注字段
|
||||
await queryInterface.addColumn('insurance_applications', 'remarks', {
|
||||
type: Sequelize.TEXT,
|
||||
allowNull: true,
|
||||
comment: '备注信息',
|
||||
after: 'review_notes'
|
||||
});
|
||||
|
||||
// 更新状态枚举值以匹配UI显示
|
||||
await queryInterface.changeColumn('insurance_applications', 'status', {
|
||||
type: Sequelize.ENUM(
|
||||
'pending', // 待初审
|
||||
'initial_approved', // 初审通过待复核
|
||||
'under_review', // 已支付待复核
|
||||
'approved', // 已支付
|
||||
'rejected', // 已拒绝
|
||||
'paid' // 已支付
|
||||
),
|
||||
allowNull: false,
|
||||
defaultValue: 'pending',
|
||||
comment: '申请状态'
|
||||
});
|
||||
|
||||
// 添加索引
|
||||
await queryInterface.addIndex('insurance_applications', ['insurance_category'], {
|
||||
name: 'idx_insurance_applications_category'
|
||||
});
|
||||
|
||||
await queryInterface.addIndex('insurance_applications', ['application_quantity'], {
|
||||
name: 'idx_insurance_applications_quantity'
|
||||
});
|
||||
},
|
||||
|
||||
down: async (queryInterface, Sequelize) => {
|
||||
// 移除索引
|
||||
await queryInterface.removeIndex('insurance_applications', 'idx_insurance_applications_category');
|
||||
await queryInterface.removeIndex('insurance_applications', 'idx_insurance_applications_quantity');
|
||||
|
||||
// 移除添加的字段
|
||||
await queryInterface.removeColumn('insurance_applications', 'insurance_category');
|
||||
await queryInterface.removeColumn('insurance_applications', 'application_quantity');
|
||||
await queryInterface.removeColumn('insurance_applications', 'remarks');
|
||||
|
||||
// 恢复原始状态枚举
|
||||
await queryInterface.changeColumn('insurance_applications', 'status', {
|
||||
type: Sequelize.ENUM('pending', 'approved', 'rejected', 'under_review'),
|
||||
allowNull: false,
|
||||
defaultValue: 'pending'
|
||||
});
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,109 @@
|
||||
'use strict';
|
||||
|
||||
/** @type {import('sequelize-cli').Migration} */
|
||||
module.exports = {
|
||||
async up(queryInterface, Sequelize) {
|
||||
// 创建权限表
|
||||
await queryInterface.createTable('permissions', {
|
||||
id: {
|
||||
type: Sequelize.INTEGER,
|
||||
autoIncrement: true,
|
||||
primaryKey: true,
|
||||
comment: '权限ID'
|
||||
},
|
||||
name: {
|
||||
type: Sequelize.STRING(100),
|
||||
allowNull: false,
|
||||
comment: '权限名称'
|
||||
},
|
||||
code: {
|
||||
type: Sequelize.STRING(100),
|
||||
allowNull: false,
|
||||
unique: true,
|
||||
comment: '权限代码'
|
||||
},
|
||||
description: {
|
||||
type: Sequelize.TEXT,
|
||||
allowNull: true,
|
||||
comment: '权限描述'
|
||||
},
|
||||
module: {
|
||||
type: Sequelize.STRING(50),
|
||||
allowNull: false,
|
||||
comment: '所属模块'
|
||||
},
|
||||
type: {
|
||||
type: Sequelize.ENUM('menu', 'operation'),
|
||||
allowNull: false,
|
||||
defaultValue: 'operation',
|
||||
comment: '权限类型：menu-菜单权限，operation-操作权限'
|
||||
},
|
||||
parent_id: {
|
||||
type: Sequelize.INTEGER,
|
||||
allowNull: true,
|
||||
comment: '父权限ID',
|
||||
references: {
|
||||
model: 'permissions',
|
||||
key: 'id'
|
||||
},
|
||||
onUpdate: 'CASCADE',
|
||||
onDelete: 'SET NULL'
|
||||
},
|
||||
status: {
|
||||
type: Sequelize.ENUM('active', 'inactive'),
|
||||
allowNull: false,
|
||||
defaultValue: 'active',
|
||||
comment: '状态'
|
||||
},
|
||||
sort_order: {
|
||||
type: Sequelize.INTEGER,
|
||||
allowNull: false,
|
||||
defaultValue: 0,
|
||||
comment: '排序'
|
||||
},
|
||||
created_at: {
|
||||
type: Sequelize.DATE,
|
||||
allowNull: false,
|
||||
defaultValue: Sequelize.literal('CURRENT_TIMESTAMP'),
|
||||
comment: '创建时间'
|
||||
},
|
||||
updated_at: {
|
||||
type: Sequelize.DATE,
|
||||
allowNull: false,
|
||||
defaultValue: Sequelize.literal('CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP'),
|
||||
comment: '更新时间'
|
||||
}
|
||||
}, {
|
||||
comment: '权限表'
|
||||
});
|
||||
|
||||
// 创建索引
|
||||
await queryInterface.addIndex('permissions', ['code'], {
|
||||
name: 'idx_permissions_code'
|
||||
});
|
||||
await queryInterface.addIndex('permissions', ['module'], {
|
||||
name: 'idx_permissions_module'
|
||||
});
|
||||
await queryInterface.addIndex('permissions', ['type'], {
|
||||
name: 'idx_permissions_type'
|
||||
});
|
||||
await queryInterface.addIndex('permissions', ['parent_id'], {
|
||||
name: 'idx_permissions_parent_id'
|
||||
});
|
||||
await queryInterface.addIndex('permissions', ['status'], {
|
||||
name: 'idx_permissions_status'
|
||||
});
|
||||
},
|
||||
|
||||
async down(queryInterface, Sequelize) {
|
||||
// 删除索引
|
||||
await queryInterface.removeIndex('permissions', 'idx_permissions_code');
|
||||
await queryInterface.removeIndex('permissions', 'idx_permissions_module');
|
||||
await queryInterface.removeIndex('permissions', 'idx_permissions_type');
|
||||
await queryInterface.removeIndex('permissions', 'idx_permissions_parent_id');
|
||||
await queryInterface.removeIndex('permissions', 'idx_permissions_status');
|
||||
|
||||
// 删除表
|
||||
await queryInterface.dropTable('permissions');
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,82 @@
|
||||
'use strict';
|
||||
|
||||
/** @type {import('sequelize-cli').Migration} */
|
||||
module.exports = {
|
||||
async up(queryInterface, Sequelize) {
|
||||
// 创建角色权限关联表
|
||||
await queryInterface.createTable('role_permissions', {
|
||||
id: {
|
||||
type: Sequelize.INTEGER,
|
||||
autoIncrement: true,
|
||||
primaryKey: true,
|
||||
comment: '关联ID'
|
||||
},
|
||||
role_id: {
|
||||
type: Sequelize.INTEGER,
|
||||
allowNull: false,
|
||||
comment: '角色ID',
|
||||
references: {
|
||||
model: 'roles',
|
||||
key: 'id'
|
||||
},
|
||||
onUpdate: 'CASCADE',
|
||||
onDelete: 'CASCADE'
|
||||
},
|
||||
permission_id: {
|
||||
type: Sequelize.INTEGER,
|
||||
allowNull: false,
|
||||
comment: '权限ID',
|
||||
references: {
|
||||
model: 'permissions',
|
||||
key: 'id'
|
||||
},
|
||||
onUpdate: 'CASCADE',
|
||||
onDelete: 'CASCADE'
|
||||
},
|
||||
granted: {
|
||||
type: Sequelize.BOOLEAN,
|
||||
allowNull: false,
|
||||
defaultValue: true,
|
||||
comment: '是否授权'
|
||||
},
|
||||
created_at: {
|
||||
type: Sequelize.DATE,
|
||||
allowNull: false,
|
||||
defaultValue: Sequelize.literal('CURRENT_TIMESTAMP'),
|
||||
comment: '创建时间'
|
||||
},
|
||||
updated_at: {
|
||||
type: Sequelize.DATE,
|
||||
allowNull: false,
|
||||
defaultValue: Sequelize.literal('CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP'),
|
||||
comment: '更新时间'
|
||||
}
|
||||
}, {
|
||||
comment: '角色权限关联表'
|
||||
});
|
||||
|
||||
// 创建唯一索引
|
||||
await queryInterface.addIndex('role_permissions', ['role_id', 'permission_id'], {
|
||||
name: 'uk_role_permission',
|
||||
unique: true
|
||||
});
|
||||
|
||||
// 创建普通索引
|
||||
await queryInterface.addIndex('role_permissions', ['role_id'], {
|
||||
name: 'idx_role_permissions_role_id'
|
||||
});
|
||||
await queryInterface.addIndex('role_permissions', ['permission_id'], {
|
||||
name: 'idx_role_permissions_permission_id'
|
||||
});
|
||||
},
|
||||
|
||||
async down(queryInterface, Sequelize) {
|
||||
// 删除索引
|
||||
await queryInterface.removeIndex('role_permissions', 'uk_role_permission');
|
||||
await queryInterface.removeIndex('role_permissions', 'idx_role_permissions_role_id');
|
||||
await queryInterface.removeIndex('role_permissions', 'idx_role_permissions_permission_id');
|
||||
|
||||
// 删除表
|
||||
await queryInterface.dropTable('role_permissions');
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,82 @@
|
||||
'use strict';
|
||||
|
||||
/** @type {import('sequelize-cli').Migration} */
|
||||
module.exports = {
|
||||
async up(queryInterface, Sequelize) {
|
||||
// 创建菜单权限关联表
|
||||
await queryInterface.createTable('menu_permissions', {
|
||||
id: {
|
||||
type: Sequelize.INTEGER,
|
||||
autoIncrement: true,
|
||||
primaryKey: true,
|
||||
comment: '关联ID'
|
||||
},
|
||||
menu_id: {
|
||||
type: Sequelize.INTEGER,
|
||||
allowNull: false,
|
||||
comment: '菜单ID',
|
||||
references: {
|
||||
model: 'menus',
|
||||
key: 'id'
|
||||
},
|
||||
onUpdate: 'CASCADE',
|
||||
onDelete: 'CASCADE'
|
||||
},
|
||||
permission_id: {
|
||||
type: Sequelize.INTEGER,
|
||||
allowNull: false,
|
||||
comment: '权限ID',
|
||||
references: {
|
||||
model: 'permissions',
|
||||
key: 'id'
|
||||
},
|
||||
onUpdate: 'CASCADE',
|
||||
onDelete: 'CASCADE'
|
||||
},
|
||||
required: {
|
||||
type: Sequelize.BOOLEAN,
|
||||
allowNull: false,
|
||||
defaultValue: true,
|
||||
comment: '是否必需权限'
|
||||
},
|
||||
created_at: {
|
||||
type: Sequelize.DATE,
|
||||
allowNull: false,
|
||||
defaultValue: Sequelize.literal('CURRENT_TIMESTAMP'),
|
||||
comment: '创建时间'
|
||||
},
|
||||
updated_at: {
|
||||
type: Sequelize.DATE,
|
||||
allowNull: false,
|
||||
defaultValue: Sequelize.literal('CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP'),
|
||||
comment: '更新时间'
|
||||
}
|
||||
}, {
|
||||
comment: '菜单权限关联表'
|
||||
});
|
||||
|
||||
// 创建唯一索引
|
||||
await queryInterface.addIndex('menu_permissions', ['menu_id', 'permission_id'], {
|
||||
name: 'uk_menu_permission',
|
||||
unique: true
|
||||
});
|
||||
|
||||
// 创建普通索引
|
||||
await queryInterface.addIndex('menu_permissions', ['menu_id'], {
|
||||
name: 'idx_menu_permissions_menu_id'
|
||||
});
|
||||
await queryInterface.addIndex('menu_permissions', ['permission_id'], {
|
||||
name: 'idx_menu_permissions_permission_id'
|
||||
});
|
||||
},
|
||||
|
||||
async down(queryInterface, Sequelize) {
|
||||
// 删除索引
|
||||
await queryInterface.removeIndex('menu_permissions', 'uk_menu_permission');
|
||||
await queryInterface.removeIndex('menu_permissions', 'idx_menu_permissions_menu_id');
|
||||
await queryInterface.removeIndex('menu_permissions', 'idx_menu_permissions_permission_id');
|
||||
|
||||
// 删除表
|
||||
await queryInterface.dropTable('menu_permissions');
|
||||
}
|
||||
};
|
||||
42
insurance_backend/models/MenuPermission.js
Normal file
42
insurance_backend/models/MenuPermission.js
Normal file
@@ -0,0 +1,42 @@
|
||||
const { DataTypes } = require('sequelize');
|
||||
const { sequelize } = require('../config/database');
|
||||
|
||||
const MenuPermission = sequelize.define('MenuPermission', {
|
||||
id: {
|
||||
type: DataTypes.INTEGER,
|
||||
autoIncrement: true,
|
||||
primaryKey: true,
|
||||
comment: '关联ID'
|
||||
},
|
||||
menu_id: {
|
||||
type: DataTypes.INTEGER,
|
||||
allowNull: false,
|
||||
comment: '菜单ID'
|
||||
},
|
||||
permission_id: {
|
||||
type: DataTypes.INTEGER,
|
||||
allowNull: false,
|
||||
comment: '权限ID'
|
||||
},
|
||||
required: {
|
||||
type: DataTypes.BOOLEAN,
|
||||
allowNull: false,
|
||||
defaultValue: true,
|
||||
comment: '是否必需权限'
|
||||
}
|
||||
}, {
|
||||
tableName: 'menu_permissions',
|
||||
timestamps: true,
|
||||
underscored: true,
|
||||
indexes: [
|
||||
{
|
||||
fields: ['menu_id', 'permission_id'],
|
||||
unique: true,
|
||||
name: 'uk_menu_permission'
|
||||
},
|
||||
{ fields: ['menu_id'] },
|
||||
{ fields: ['permission_id'] }
|
||||
]
|
||||
});
|
||||
|
||||
module.exports = MenuPermission;
|
||||
93
insurance_backend/models/Permission.js
Normal file
93
insurance_backend/models/Permission.js
Normal file
@@ -0,0 +1,93 @@
|
||||
const { DataTypes } = require('sequelize');
|
||||
const { sequelize } = require('../config/database');
|
||||
|
||||
const Permission = sequelize.define('Permission', {
|
||||
id: {
|
||||
type: DataTypes.INTEGER,
|
||||
autoIncrement: true,
|
||||
primaryKey: true,
|
||||
comment: '权限ID'
|
||||
},
|
||||
name: {
|
||||
type: DataTypes.STRING(100),
|
||||
allowNull: false,
|
||||
comment: '权限名称',
|
||||
validate: {
|
||||
len: [2, 100]
|
||||
}
|
||||
},
|
||||
code: {
|
||||
type: DataTypes.STRING(100),
|
||||
allowNull: false,
|
||||
unique: true,
|
||||
comment: '权限代码',
|
||||
validate: {
|
||||
len: [2, 100],
|
||||
is: /^[a-zA-Z0-9_:]+$/ // 只允许字母、数字、下划线和冒号
|
||||
}
|
||||
},
|
||||
description: {
|
||||
type: DataTypes.TEXT,
|
||||
allowNull: true,
|
||||
comment: '权限描述'
|
||||
},
|
||||
module: {
|
||||
type: DataTypes.STRING(50),
|
||||
allowNull: false,
|
||||
comment: '所属模块',
|
||||
validate: {
|
||||
len: [2, 50]
|
||||
}
|
||||
},
|
||||
type: {
|
||||
type: DataTypes.ENUM('menu', 'operation'),
|
||||
allowNull: false,
|
||||
defaultValue: 'operation',
|
||||
comment: '权限类型：menu-菜单权限，operation-操作权限'
|
||||
},
|
||||
parent_id: {
|
||||
type: DataTypes.INTEGER,
|
||||
allowNull: true,
|
||||
comment: '父权限ID'
|
||||
},
|
||||
status: {
|
||||
type: DataTypes.ENUM('active', 'inactive'),
|
||||
allowNull: false,
|
||||
defaultValue: 'active',
|
||||
comment: '状态'
|
||||
},
|
||||
sort_order: {
|
||||
type: DataTypes.INTEGER,
|
||||
allowNull: false,
|
||||
defaultValue: 0,
|
||||
comment: '排序'
|
||||
}
|
||||
}, {
|
||||
tableName: 'permissions',
|
||||
timestamps: true,
|
||||
underscored: true,
|
||||
indexes: [
|
||||
{ fields: ['code'], unique: true },
|
||||
{ fields: ['module'] },
|
||||
{ fields: ['type'] },
|
||||
{ fields: ['parent_id'] },
|
||||
{ fields: ['status'] }
|
||||
]
|
||||
});
|
||||
|
||||
// 定义自关联关系
|
||||
Permission.hasMany(Permission, {
|
||||
as: 'children',
|
||||
foreignKey: 'parent_id',
|
||||
onDelete: 'SET NULL',
|
||||
onUpdate: 'CASCADE'
|
||||
});
|
||||
|
||||
Permission.belongsTo(Permission, {
|
||||
as: 'parent',
|
||||
foreignKey: 'parent_id',
|
||||
onDelete: 'SET NULL',
|
||||
onUpdate: 'CASCADE'
|
||||
});
|
||||
|
||||
module.exports = Permission;
|
||||
42
insurance_backend/models/RolePermission.js
Normal file
42
insurance_backend/models/RolePermission.js
Normal file
@@ -0,0 +1,42 @@
|
||||
const { DataTypes } = require('sequelize');
|
||||
const { sequelize } = require('../config/database');
|
||||
|
||||
const RolePermission = sequelize.define('RolePermission', {
|
||||
id: {
|
||||
type: DataTypes.INTEGER,
|
||||
autoIncrement: true,
|
||||
primaryKey: true,
|
||||
comment: '关联ID'
|
||||
},
|
||||
role_id: {
|
||||
type: DataTypes.INTEGER,
|
||||
allowNull: false,
|
||||
comment: '角色ID'
|
||||
},
|
||||
permission_id: {
|
||||
type: DataTypes.INTEGER,
|
||||
allowNull: false,
|
||||
comment: '权限ID'
|
||||
},
|
||||
granted: {
|
||||
type: DataTypes.BOOLEAN,
|
||||
allowNull: false,
|
||||
defaultValue: true,
|
||||
comment: '是否授权'
|
||||
}
|
||||
}, {
|
||||
tableName: 'role_permissions',
|
||||
timestamps: true,
|
||||
underscored: true,
|
||||
indexes: [
|
||||
{
|
||||
fields: ['role_id', 'permission_id'],
|
||||
unique: true,
|
||||
name: 'uk_role_permission'
|
||||
},
|
||||
{ fields: ['role_id'] },
|
||||
{ fields: ['permission_id'] }
|
||||
]
|
||||
});
|
||||
|
||||
module.exports = RolePermission;
|
||||
@@ -65,6 +65,12 @@ const User = sequelize.define('User', {
|
||||
avatar: {
|
||||
type: DataTypes.STRING(255),
|
||||
allowNull: true
|
||||
},
|
||||
fixed_token: {
|
||||
type: DataTypes.STRING(255),
|
||||
allowNull: true,
|
||||
unique: true,
|
||||
comment: '用户固定token，用于API访问验证'
|
||||
}
|
||||
}, {
|
||||
tableName: 'users',
|
||||
|
||||
@@ -2,6 +2,9 @@
|
||||
const { sequelize } = require('../config/database');
|
||||
const User = require('./User');
|
||||
const Role = require('./Role');
|
||||
const Permission = require('./Permission');
|
||||
const RolePermission = require('./RolePermission');
|
||||
const MenuPermission = require('./MenuPermission');
|
||||
const InsuranceApplication = require('./InsuranceApplication');
|
||||
const InsuranceType = require('./InsuranceType');
|
||||
const Policy = require('./Policy');
|
||||
@@ -22,6 +25,46 @@ const OperationLog = require('./OperationLog');
|
||||
User.belongsTo(Role, { foreignKey: 'role_id', as: 'role' });
|
||||
Role.hasMany(User, { foreignKey: 'role_id', as: 'users' });
|
||||
|
||||
// 角色和权限多对多关联（通过中间表）
|
||||
Role.belongsToMany(Permission, {
|
||||
through: RolePermission,
|
||||
foreignKey: 'role_id',
|
||||
otherKey: 'permission_id',
|
||||
as: 'rolePermissions'
|
||||
});
|
||||
Permission.belongsToMany(Role, {
|
||||
through: RolePermission,
|
||||
foreignKey: 'permission_id',
|
||||
otherKey: 'role_id',
|
||||
as: 'permissionRoles'
|
||||
});
|
||||
|
||||
// 角色权限关联表的直接关联
|
||||
RolePermission.belongsTo(Role, { foreignKey: 'role_id', as: 'role' });
|
||||
RolePermission.belongsTo(Permission, { foreignKey: 'permission_id', as: 'permission' });
|
||||
Role.hasMany(RolePermission, { foreignKey: 'role_id', as: 'rolePermissionRecords' });
|
||||
Permission.hasMany(RolePermission, { foreignKey: 'permission_id', as: 'permissionRoleRecords' });
|
||||
|
||||
// 菜单和权限多对多关联（通过中间表）
|
||||
Menu.belongsToMany(Permission, {
|
||||
through: MenuPermission,
|
||||
foreignKey: 'menu_id',
|
||||
otherKey: 'permission_id',
|
||||
as: 'permissions'
|
||||
});
|
||||
Permission.belongsToMany(Menu, {
|
||||
through: MenuPermission,
|
||||
foreignKey: 'permission_id',
|
||||
otherKey: 'menu_id',
|
||||
as: 'menus'
|
||||
});
|
||||
|
||||
// 菜单权限关联表的直接关联
|
||||
MenuPermission.belongsTo(Menu, { foreignKey: 'menu_id', as: 'menu' });
|
||||
MenuPermission.belongsTo(Permission, { foreignKey: 'permission_id', as: 'permission' });
|
||||
Menu.hasMany(MenuPermission, { foreignKey: 'menu_id', as: 'menuPermissions' });
|
||||
Permission.hasMany(MenuPermission, { foreignKey: 'permission_id', as: 'menuPermissions' });
|
||||
|
||||
// 保险申请和保险类型关联
|
||||
InsuranceApplication.belongsTo(InsuranceType, {
|
||||
foreignKey: 'insurance_type_id',
|
||||
@@ -82,6 +125,26 @@ Policy.hasMany(Claim, {
|
||||
as: 'claims'
|
||||
});
|
||||
|
||||
// 理赔和客户关联
|
||||
Claim.belongsTo(User, {
|
||||
foreignKey: 'customer_id',
|
||||
as: 'customer'
|
||||
});
|
||||
User.hasMany(Claim, {
|
||||
foreignKey: 'customer_id',
|
||||
as: 'customer_claims'
|
||||
});
|
||||
|
||||
// 理赔和审核人关联
|
||||
Claim.belongsTo(User, {
|
||||
foreignKey: 'reviewer_id',
|
||||
as: 'reviewer'
|
||||
});
|
||||
User.hasMany(Claim, {
|
||||
foreignKey: 'reviewer_id',
|
||||
as: 'reviewed_claims'
|
||||
});
|
||||
|
||||
// 监管任务关联
|
||||
SupervisoryTask.belongsTo(User, {
|
||||
foreignKey: 'assignedTo',
|
||||
@@ -198,6 +261,9 @@ module.exports = {
|
||||
sequelize,
|
||||
User,
|
||||
Role,
|
||||
Permission,
|
||||
RolePermission,
|
||||
MenuPermission,
|
||||
InsuranceApplication,
|
||||
InsuranceType,
|
||||
Policy,
|
||||
|
||||
222
insurance_backend/routes/dashboard.js
Normal file
222
insurance_backend/routes/dashboard.js
Normal file
@@ -0,0 +1,222 @@
|
||||
const express = require('express');
|
||||
const router = express.Router();
|
||||
const dashboardController = require('../controllers/dashboardController');
|
||||
const { jwtAuth, checkPermission } = require('../middleware/auth');
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* tags:
|
||||
* name: Dashboard
|
||||
* description: 仪表板相关接口
|
||||
*/
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/dashboard/stats:
|
||||
* get:
|
||||
* summary: 获取仪表板统计数据
|
||||
* tags: [Dashboard]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 成功获取统计数据
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* data:
|
||||
* type: object
|
||||
* properties:
|
||||
* totalApplications:
|
||||
* type: integer
|
||||
* description: 总申请数
|
||||
* todayApplications:
|
||||
* type: integer
|
||||
* description: 今日申请数
|
||||
* monthApplications:
|
||||
* type: integer
|
||||
* description: 本月申请数
|
||||
* applicationGrowthRate:
|
||||
* type: number
|
||||
* description: 申请增长率
|
||||
* totalPolicies:
|
||||
* type: integer
|
||||
* description: 总保单数
|
||||
* activePolicies:
|
||||
* type: integer
|
||||
* description: 有效保单数
|
||||
* policyGrowthRate:
|
||||
* type: number
|
||||
* description: 保单增长率
|
||||
* totalClaims:
|
||||
* type: integer
|
||||
* description: 总理赔数
|
||||
* pendingClaims:
|
||||
* type: integer
|
||||
* description: 待处理理赔数
|
||||
* claimProcessingRate:
|
||||
* type: string
|
||||
* description: 理赔处理率
|
||||
* totalUsers:
|
||||
* type: integer
|
||||
* description: 总用户数
|
||||
* quickStats:
|
||||
* type: object
|
||||
* properties:
|
||||
* newApplicationsToday:
|
||||
* type: integer
|
||||
* pendingReviews:
|
||||
* type: integer
|
||||
* activeUsers:
|
||||
* type: integer
|
||||
* systemAlerts:
|
||||
* type: integer
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取仪表板统计数据成功
|
||||
* timestamp:
|
||||
* type: string
|
||||
* format: date-time
|
||||
* 401:
|
||||
* description: 未授权
|
||||
* 500:
|
||||
* description: 服务器内部错误
|
||||
*/
|
||||
router.get('/stats', jwtAuth, checkPermission('dashboard', 'read'), dashboardController.getStats);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/dashboard/recent-activities:
|
||||
* get:
|
||||
* summary: 获取最近活动
|
||||
* tags: [Dashboard]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: query
|
||||
* name: limit
|
||||
* schema:
|
||||
* type: integer
|
||||
* default: 20
|
||||
* description: 返回记录数量限制
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 成功获取最近活动
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* data:
|
||||
* type: array
|
||||
* items:
|
||||
* type: object
|
||||
* properties:
|
||||
* id:
|
||||
* type: integer
|
||||
* type:
|
||||
* type: string
|
||||
* description: 活动类型
|
||||
* title:
|
||||
* type: string
|
||||
* description: 活动标题
|
||||
* description:
|
||||
* type: string
|
||||
* description: 活动描述
|
||||
* timestamp:
|
||||
* type: string
|
||||
* format: date-time
|
||||
* user:
|
||||
* type: string
|
||||
* description: 操作用户
|
||||
* level:
|
||||
* type: string
|
||||
* description: 日志级别
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取最近活动成功
|
||||
* timestamp:
|
||||
* type: string
|
||||
* format: date-time
|
||||
* 401:
|
||||
* description: 未授权
|
||||
* 500:
|
||||
* description: 服务器内部错误
|
||||
*/
|
||||
router.get('/recent-activities', jwtAuth, checkPermission('dashboard', 'read'), dashboardController.getRecentActivities);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/dashboard/chart-data:
|
||||
* get:
|
||||
* summary: 获取图表数据
|
||||
* tags: [Dashboard]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: query
|
||||
* name: type
|
||||
* schema:
|
||||
* type: string
|
||||
* enum: [applications, policies, claims]
|
||||
* default: applications
|
||||
* description: 图表数据类型
|
||||
* - in: query
|
||||
* name: period
|
||||
* schema:
|
||||
* type: string
|
||||
* enum: [7d, 30d, 90d]
|
||||
* default: 7d
|
||||
* description: 时间周期
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 成功获取图表数据
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* data:
|
||||
* type: array
|
||||
* items:
|
||||
* type: object
|
||||
* properties:
|
||||
* date:
|
||||
* type: string
|
||||
* format: date
|
||||
* value:
|
||||
* type: integer
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取图表数据成功
|
||||
* timestamp:
|
||||
* type: string
|
||||
* format: date-time
|
||||
* 401:
|
||||
* description: 未授权
|
||||
* 500:
|
||||
* description: 服务器内部错误
|
||||
*/
|
||||
router.get('/chart-data', jwtAuth, checkPermission('dashboard', 'read'), dashboardController.getChartData);
|
||||
|
||||
module.exports = router;
|
||||
@@ -1,6 +1,7 @@
|
||||
const express = require('express');
|
||||
const router = express.Router();
|
||||
const installationTaskController = require('../controllers/installationTaskController');
|
||||
const { jwtAuth, requirePermission } = require('../middleware/auth');
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -59,7 +60,7 @@ const installationTaskController = require('../controllers/installationTaskContr
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
*/
|
||||
router.get('/', installationTaskController.getInstallationTasks);
|
||||
router.get('/', jwtAuth, requirePermission('installation_tasks:read'), installationTaskController.getInstallationTasks);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -115,13 +116,13 @@ router.get('/', installationTaskController.getInstallationTasks);
|
||||
* 201:
|
||||
* description: 创建成功
|
||||
*/
|
||||
router.post('/', installationTaskController.createInstallationTask);
|
||||
router.post('/', jwtAuth, requirePermission('installation_tasks:create'), installationTaskController.createInstallationTask);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/installation-tasks/{id}:
|
||||
* get:
|
||||
* summary: 获取待安装任务详情
|
||||
* summary: 根据ID获取待安装任务详情
|
||||
* tags: [InstallationTasks]
|
||||
* parameters:
|
||||
* - in: path
|
||||
@@ -133,8 +134,10 @@ router.post('/', installationTaskController.createInstallationTask);
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* 404:
|
||||
* description: 任务不存在
|
||||
*/
|
||||
router.get('/:id', installationTaskController.getInstallationTaskById);
|
||||
router.get('/:id', jwtAuth, requirePermission('installation_tasks:read'), installationTaskController.getInstallationTaskById);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -142,12 +145,14 @@ router.get('/:id', installationTaskController.getInstallationTaskById);
|
||||
* put:
|
||||
* summary: 更新待安装任务
|
||||
* tags: [InstallationTasks]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* type: string
|
||||
* description: 任务ID
|
||||
* requestBody:
|
||||
* required: true
|
||||
@@ -162,16 +167,13 @@ router.get('/:id', installationTaskController.getInstallationTaskById);
|
||||
* priority:
|
||||
* type: string
|
||||
* enum: [低, 中, 高, 紧急]
|
||||
* assignedTo:
|
||||
* type: integer
|
||||
* installationCompletedAt:
|
||||
* notes:
|
||||
* type: string
|
||||
* format: date-time
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 更新成功
|
||||
*/
|
||||
router.put('/:id', installationTaskController.updateInstallationTask);
|
||||
router.put('/:id', jwtAuth, requirePermission('installation_tasks:update'), installationTaskController.updateInstallationTask);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -189,8 +191,10 @@ router.put('/:id', installationTaskController.updateInstallationTask);
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 删除成功
|
||||
* 404:
|
||||
* description: 任务不存在
|
||||
*/
|
||||
router.delete('/:id', installationTaskController.deleteInstallationTask);
|
||||
router.delete('/:id', jwtAuth, requirePermission('installation_tasks:delete'), installationTaskController.deleteInstallationTask);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -224,7 +228,7 @@ router.delete('/:id', installationTaskController.deleteInstallationTask);
|
||||
* 200:
|
||||
* description: 操作成功
|
||||
*/
|
||||
router.post('/batch/operate', installationTaskController.batchOperateInstallationTasks);
|
||||
router.post('/batch/operate', jwtAuth, requirePermission('installation_tasks:update'), installationTaskController.batchOperateInstallationTasks);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -232,6 +236,8 @@ router.post('/batch/operate', installationTaskController.batchOperateInstallatio
|
||||
* get:
|
||||
* summary: 导出待安装任务数据
|
||||
* tags: [InstallationTasks]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: query
|
||||
* name: ids
|
||||
@@ -242,7 +248,7 @@ router.post('/batch/operate', installationTaskController.batchOperateInstallatio
|
||||
* 200:
|
||||
* description: 导出成功
|
||||
*/
|
||||
router.get('/export', installationTaskController.exportInstallationTasks);
|
||||
router.get('/export', jwtAuth, requirePermission('installation_tasks:read'), installationTaskController.exportInstallationTasks);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -250,10 +256,12 @@ router.get('/export', installationTaskController.exportInstallationTasks);
|
||||
* get:
|
||||
* summary: 获取安装任务统计数据
|
||||
* tags: [InstallationTasks]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
*/
|
||||
router.get('/stats', installationTaskController.getInstallationTaskStats);
|
||||
router.get('/stats', jwtAuth, requirePermission('installation_tasks:read'), installationTaskController.getInstallationTaskStats);
|
||||
|
||||
module.exports = router;
|
||||
@@ -10,37 +10,7 @@ const { jwtAuth } = require('../middleware/auth');
|
||||
* description: 菜单管理相关接口
|
||||
*/
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/menus/public:
|
||||
* get:
|
||||
* summary: 获取公开菜单列表（无需认证）
|
||||
* tags: [Menus]
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 成功获取菜单列表
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* data:
|
||||
* type: array
|
||||
* items:
|
||||
* $ref: '#/components/schemas/Menu'
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取菜单成功
|
||||
* 500:
|
||||
* description: 服务器内部错误
|
||||
*/
|
||||
router.get('/public', menuController.getMenus);
|
||||
// 移除了公共API路径，所有菜单API都需要认证
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
|
||||
542
insurance_backend/routes/permissions.js
Normal file
542
insurance_backend/routes/permissions.js
Normal file
@@ -0,0 +1,542 @@
|
||||
const express = require('express');
|
||||
const router = express.Router();
|
||||
const permissionController = require('../controllers/permissionController');
|
||||
const { jwtAuth } = require('../middleware/auth');
|
||||
|
||||
// 所有权限管理路由都需要认证
|
||||
router.use(jwtAuth);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* components:
|
||||
* schemas:
|
||||
* Permission:
|
||||
* type: object
|
||||
* required:
|
||||
* - name
|
||||
* - code
|
||||
* - module
|
||||
* properties:
|
||||
* id:
|
||||
* type: integer
|
||||
* description: 权限ID
|
||||
* name:
|
||||
* type: string
|
||||
* description: 权限名称
|
||||
* code:
|
||||
* type: string
|
||||
* description: 权限代码
|
||||
* description:
|
||||
* type: string
|
||||
* description: 权限描述
|
||||
* module:
|
||||
* type: string
|
||||
* description: 所属模块
|
||||
* type:
|
||||
* type: string
|
||||
* enum: [menu, operation]
|
||||
* description: 权限类型
|
||||
* parent_id:
|
||||
* type: integer
|
||||
* description: 父权限ID
|
||||
* status:
|
||||
* type: string
|
||||
* enum: [active, inactive]
|
||||
* description: 状态
|
||||
* sort_order:
|
||||
* type: integer
|
||||
* description: 排序
|
||||
* created_at:
|
||||
* type: string
|
||||
* format: date-time
|
||||
* description: 创建时间
|
||||
* updated_at:
|
||||
* type: string
|
||||
* format: date-time
|
||||
* description: 更新时间
|
||||
*/
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions:
|
||||
* get:
|
||||
* summary: 获取权限列表
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: query
|
||||
* name: page
|
||||
* schema:
|
||||
* type: integer
|
||||
* default: 1
|
||||
* description: 页码
|
||||
* - in: query
|
||||
* name: limit
|
||||
* schema:
|
||||
* type: integer
|
||||
* default: 10
|
||||
* description: 每页数量
|
||||
* - in: query
|
||||
* name: module
|
||||
* schema:
|
||||
* type: string
|
||||
* description: 模块筛选
|
||||
* - in: query
|
||||
* name: type
|
||||
* schema:
|
||||
* type: string
|
||||
* enum: [menu, operation]
|
||||
* description: 类型筛选
|
||||
* - in: query
|
||||
* name: status
|
||||
* schema:
|
||||
* type: string
|
||||
* enum: [active, inactive]
|
||||
* default: active
|
||||
* description: 状态筛选
|
||||
* - in: query
|
||||
* name: keyword
|
||||
* schema:
|
||||
* type: string
|
||||
* description: 关键词搜索
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取权限列表成功
|
||||
* data:
|
||||
* type: object
|
||||
* properties:
|
||||
* permissions:
|
||||
* type: array
|
||||
* items:
|
||||
* $ref: '#/components/schemas/Permission'
|
||||
* pagination:
|
||||
* type: object
|
||||
* properties:
|
||||
* total:
|
||||
* type: integer
|
||||
* page:
|
||||
* type: integer
|
||||
* limit:
|
||||
* type: integer
|
||||
* pages:
|
||||
* type: integer
|
||||
*/
|
||||
router.get('/', permissionController.getPermissions);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions/tree:
|
||||
* get:
|
||||
* summary: 获取权限树形结构
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: query
|
||||
* name: module
|
||||
* schema:
|
||||
* type: string
|
||||
* description: 模块筛选
|
||||
* - in: query
|
||||
* name: type
|
||||
* schema:
|
||||
* type: string
|
||||
* enum: [menu, operation]
|
||||
* description: 类型筛选
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取权限树成功
|
||||
* data:
|
||||
* type: array
|
||||
* items:
|
||||
* $ref: '#/components/schemas/Permission'
|
||||
*/
|
||||
router.get('/tree', permissionController.getPermissionTree);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions/modules:
|
||||
* get:
|
||||
* summary: 获取模块列表
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取模块列表成功
|
||||
* data:
|
||||
* type: array
|
||||
* items:
|
||||
* type: string
|
||||
*/
|
||||
router.get('/modules', permissionController.getModules);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions/{id}:
|
||||
* get:
|
||||
* summary: 获取权限详情
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 权限ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取权限详情成功
|
||||
* data:
|
||||
* $ref: '#/components/schemas/Permission'
|
||||
* 404:
|
||||
* description: 权限不存在
|
||||
*/
|
||||
router.get('/:id', permissionController.getPermissionById);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions:
|
||||
* post:
|
||||
* summary: 创建权限
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* requestBody:
|
||||
* required: true
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* required:
|
||||
* - name
|
||||
* - code
|
||||
* - module
|
||||
* properties:
|
||||
* name:
|
||||
* type: string
|
||||
* description: 权限名称
|
||||
* code:
|
||||
* type: string
|
||||
* description: 权限代码
|
||||
* description:
|
||||
* type: string
|
||||
* description: 权限描述
|
||||
* module:
|
||||
* type: string
|
||||
* description: 所属模块
|
||||
* type:
|
||||
* type: string
|
||||
* enum: [menu, operation]
|
||||
* default: operation
|
||||
* description: 权限类型
|
||||
* parent_id:
|
||||
* type: integer
|
||||
* description: 父权限ID
|
||||
* sort_order:
|
||||
* type: integer
|
||||
* default: 0
|
||||
* description: 排序
|
||||
* responses:
|
||||
* 201:
|
||||
* description: 创建成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 创建权限成功
|
||||
* data:
|
||||
* $ref: '#/components/schemas/Permission'
|
||||
* 400:
|
||||
* description: 请求参数错误
|
||||
*/
|
||||
router.post('/', permissionController.createPermission);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions/{id}:
|
||||
* put:
|
||||
* summary: 更新权限
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 权限ID
|
||||
* requestBody:
|
||||
* required: true
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* name:
|
||||
* type: string
|
||||
* description: 权限名称
|
||||
* code:
|
||||
* type: string
|
||||
* description: 权限代码
|
||||
* description:
|
||||
* type: string
|
||||
* description: 权限描述
|
||||
* module:
|
||||
* type: string
|
||||
* description: 所属模块
|
||||
* type:
|
||||
* type: string
|
||||
* enum: [menu, operation]
|
||||
* description: 权限类型
|
||||
* parent_id:
|
||||
* type: integer
|
||||
* description: 父权限ID
|
||||
* sort_order:
|
||||
* type: integer
|
||||
* description: 排序
|
||||
* status:
|
||||
* type: string
|
||||
* enum: [active, inactive]
|
||||
* description: 状态
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 更新成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 更新权限成功
|
||||
* data:
|
||||
* $ref: '#/components/schemas/Permission'
|
||||
* 404:
|
||||
* description: 权限不存在
|
||||
*/
|
||||
router.put('/:id', permissionController.updatePermission);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions/{id}:
|
||||
* delete:
|
||||
* summary: 删除权限
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 权限ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 删除成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 删除权限成功
|
||||
* 404:
|
||||
* description: 权限不存在
|
||||
* 400:
|
||||
* description: 权限正在使用中，无法删除
|
||||
*/
|
||||
router.delete('/:id', permissionController.deletePermission);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions/roles/{roleId}:
|
||||
* get:
|
||||
* summary: 获取角色权限
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: roleId
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 角色ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取角色权限成功
|
||||
* data:
|
||||
* type: object
|
||||
* properties:
|
||||
* role:
|
||||
* type: object
|
||||
* properties:
|
||||
* id:
|
||||
* type: integer
|
||||
* name:
|
||||
* type: string
|
||||
* description:
|
||||
* type: string
|
||||
* permissions:
|
||||
* type: array
|
||||
* items:
|
||||
* $ref: '#/components/schemas/Permission'
|
||||
* 404:
|
||||
* description: 角色不存在
|
||||
*/
|
||||
router.get('/roles/:roleId', permissionController.getRolePermissions);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/permissions/roles/{roleId}/assign:
|
||||
* post:
|
||||
* summary: 分配角色权限
|
||||
* tags: [权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: roleId
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 角色ID
|
||||
* requestBody:
|
||||
* required: true
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* required:
|
||||
* - permissionIds
|
||||
* properties:
|
||||
* permissionIds:
|
||||
* type: array
|
||||
* items:
|
||||
* type: integer
|
||||
* description: 权限ID列表
|
||||
* example:
|
||||
* permissionIds: [1, 2, 3, 4]
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 分配成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 分配角色权限成功
|
||||
* 404:
|
||||
* description: 角色不存在
|
||||
* 400:
|
||||
* description: 请求参数错误
|
||||
*/
|
||||
router.post('/roles/:roleId/assign', permissionController.assignRolePermissions);
|
||||
|
||||
module.exports = router;
|
||||
384
insurance_backend/routes/rolePermissions.js
Normal file
384
insurance_backend/routes/rolePermissions.js
Normal file
@@ -0,0 +1,384 @@
|
||||
const express = require('express');
|
||||
const router = express.Router();
|
||||
const rolePermissionController = require('../controllers/rolePermissionController');
|
||||
const { jwtAuth } = require('../middleware/auth');
|
||||
|
||||
// 应用认证中间件
|
||||
router.use(jwtAuth);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* components:
|
||||
* schemas:
|
||||
* RolePermissionAssignment:
|
||||
* type: object
|
||||
* properties:
|
||||
* roleId:
|
||||
* type: integer
|
||||
* description: 角色ID
|
||||
* permissionIds:
|
||||
* type: array
|
||||
* items:
|
||||
* type: integer
|
||||
* description: 权限ID列表
|
||||
* operation:
|
||||
* type: string
|
||||
* enum: [replace, add, remove]
|
||||
* default: replace
|
||||
* description: 操作类型
|
||||
*/
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions:
|
||||
* get:
|
||||
* summary: 获取所有角色及其权限
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取角色权限列表成功
|
||||
* data:
|
||||
* type: object
|
||||
* properties:
|
||||
* roles:
|
||||
* type: array
|
||||
* items:
|
||||
* type: object
|
||||
* properties:
|
||||
* id:
|
||||
* type: integer
|
||||
* name:
|
||||
* type: string
|
||||
* description:
|
||||
* type: string
|
||||
* permissions:
|
||||
* type: array
|
||||
* permissionCount:
|
||||
* type: integer
|
||||
* total:
|
||||
* type: integer
|
||||
*/
|
||||
router.get('/', rolePermissionController.getAllRolesWithPermissions);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/permissions:
|
||||
* get:
|
||||
* summary: 获取所有权限
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
*/
|
||||
router.get('/permissions', rolePermissionController.getAllPermissions);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/roles:
|
||||
* get:
|
||||
* summary: 获取所有角色及其权限
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
*/
|
||||
router.get('/roles', rolePermissionController.getAllRolesWithPermissions);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/roles/{roleId}/permissions:
|
||||
* get:
|
||||
* summary: 获取指定角色的权限详情
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: roleId
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 角色ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* 404:
|
||||
* description: 角色不存在
|
||||
*/
|
||||
router.get('/roles/:roleId/permissions', rolePermissionController.getRolePermissionDetail);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/stats:
|
||||
* get:
|
||||
* summary: 获取权限统计信息
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
*/
|
||||
router.get('/stats', rolePermissionController.getPermissionStats);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/{roleId}:
|
||||
* get:
|
||||
* summary: 获取指定角色的权限详情
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: roleId
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 角色ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* 404:
|
||||
* description: 角色不存在
|
||||
*/
|
||||
router.get('/:roleId', rolePermissionController.getRolePermissionDetail);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/{roleId}/assign:
|
||||
* post:
|
||||
* summary: 批量分配角色权限
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: roleId
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 角色ID
|
||||
* requestBody:
|
||||
* required: true
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* required:
|
||||
* - permissionIds
|
||||
* properties:
|
||||
* permissionIds:
|
||||
* type: array
|
||||
* items:
|
||||
* type: integer
|
||||
* description: 权限ID列表
|
||||
* operation:
|
||||
* type: string
|
||||
* enum: [replace, add, remove]
|
||||
* default: replace
|
||||
* description: 操作类型
|
||||
* examples:
|
||||
* replace:
|
||||
* summary: 替换权限
|
||||
* value:
|
||||
* permissionIds: [1, 2, 3, 4]
|
||||
* operation: "replace"
|
||||
* add:
|
||||
* summary: 添加权限
|
||||
* value:
|
||||
* permissionIds: [5, 6]
|
||||
* operation: "add"
|
||||
* remove:
|
||||
* summary: 移除权限
|
||||
* value:
|
||||
* permissionIds: [1, 2]
|
||||
* operation: "remove"
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 分配成功
|
||||
* 400:
|
||||
* description: 请求参数错误
|
||||
* 404:
|
||||
* description: 角色不存在
|
||||
*/
|
||||
router.post('/:roleId/assign', rolePermissionController.batchAssignPermissions);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/copy:
|
||||
* post:
|
||||
* summary: 复制角色权限
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* requestBody:
|
||||
* required: true
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* required:
|
||||
* - sourceRoleId
|
||||
* - targetRoleId
|
||||
* properties:
|
||||
* sourceRoleId:
|
||||
* type: integer
|
||||
* description: 源角色ID
|
||||
* targetRoleId:
|
||||
* type: integer
|
||||
* description: 目标角色ID
|
||||
* example:
|
||||
* sourceRoleId: 1
|
||||
* targetRoleId: 2
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 复制成功
|
||||
* 400:
|
||||
* description: 请求参数错误
|
||||
* 404:
|
||||
* description: 角色不存在
|
||||
*/
|
||||
router.post('/copy', rolePermissionController.copyRolePermissions);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/check/{userId}/{permissionCode}:
|
||||
* get:
|
||||
* summary: 检查用户权限
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: userId
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 用户ID
|
||||
* - in: path
|
||||
* name: permissionCode
|
||||
* required: true
|
||||
* schema:
|
||||
* type: string
|
||||
* description: 权限代码
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 检查完成
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 权限检查完成
|
||||
* data:
|
||||
* type: object
|
||||
* properties:
|
||||
* userId:
|
||||
* type: integer
|
||||
* username:
|
||||
* type: string
|
||||
* roleName:
|
||||
* type: string
|
||||
* permissionCode:
|
||||
* type: string
|
||||
* hasPermission:
|
||||
* type: boolean
|
||||
* checkTime:
|
||||
* type: string
|
||||
* format: date-time
|
||||
* 404:
|
||||
* description: 用户不存在
|
||||
*/
|
||||
router.get('/check/:userId/:permissionCode', rolePermissionController.checkUserPermission);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/role-permissions/stats:
|
||||
* get:
|
||||
* summary: 获取权限统计信息
|
||||
* tags: [角色权限管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 获取权限统计成功
|
||||
* data:
|
||||
* type: object
|
||||
* properties:
|
||||
* overview:
|
||||
* type: object
|
||||
* properties:
|
||||
* totalRoles:
|
||||
* type: integer
|
||||
* totalPermissions:
|
||||
* type: integer
|
||||
* totalAssignments:
|
||||
* type: integer
|
||||
* averagePermissionsPerRole:
|
||||
* type: integer
|
||||
* moduleDistribution:
|
||||
* type: array
|
||||
* items:
|
||||
* type: object
|
||||
* properties:
|
||||
* module:
|
||||
* type: string
|
||||
* count:
|
||||
* type: integer
|
||||
* roleDistribution:
|
||||
* type: array
|
||||
* items:
|
||||
* type: object
|
||||
* properties:
|
||||
* roleId:
|
||||
* type: integer
|
||||
* roleName:
|
||||
* type: string
|
||||
* permissionCount:
|
||||
* type: integer
|
||||
*/
|
||||
|
||||
module.exports = router;
|
||||
@@ -1,7 +1,7 @@
|
||||
const express = require('express');
|
||||
const router = express.Router();
|
||||
const SupervisoryTaskController = require('../controllers/supervisoryTaskController');
|
||||
const auth = require('../middleware/auth');
|
||||
const { jwtAuth, requirePermission } = require('../middleware/auth');
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -62,7 +62,7 @@ const auth = require('../middleware/auth');
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
*/
|
||||
router.get('/', SupervisoryTaskController.getList);
|
||||
router.get('/', jwtAuth, requirePermission('supervision_tasks:read'), SupervisoryTaskController.getList);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -131,7 +131,7 @@ router.get('/', SupervisoryTaskController.getList);
|
||||
* 201:
|
||||
* description: 创建成功
|
||||
*/
|
||||
router.post('/', SupervisoryTaskController.create);
|
||||
router.post('/', jwtAuth, requirePermission('supervision_tasks:create'), SupervisoryTaskController.create);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -152,7 +152,7 @@ router.post('/', SupervisoryTaskController.create);
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
*/
|
||||
router.get('/:id', SupervisoryTaskController.getById);
|
||||
router.get('/:id', jwtAuth, requirePermission('supervision_tasks:read'), SupervisoryTaskController.getById);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -167,8 +167,8 @@ router.get('/:id', SupervisoryTaskController.getById);
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 监管任务ID
|
||||
* type: string
|
||||
* description: 任务ID
|
||||
* requestBody:
|
||||
* required: true
|
||||
* content:
|
||||
@@ -179,18 +179,22 @@ router.get('/:id', SupervisoryTaskController.getById);
|
||||
* status:
|
||||
* type: string
|
||||
* enum: [pending, processing, completed, rejected]
|
||||
* description: 状态
|
||||
* assignedTo:
|
||||
* type: integer
|
||||
* type: string
|
||||
* description: 分配给
|
||||
* priority:
|
||||
* type: string
|
||||
* enum: [low, medium, high, urgent]
|
||||
* remarks:
|
||||
* description: 优先级
|
||||
* notes:
|
||||
* type: string
|
||||
* description: 备注
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 更新成功
|
||||
*/
|
||||
router.put('/:id', SupervisoryTaskController.update);
|
||||
router.put('/:id', jwtAuth, requirePermission('supervision_tasks:update'), SupervisoryTaskController.update);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -205,13 +209,13 @@ router.put('/:id', SupervisoryTaskController.update);
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 监管任务ID
|
||||
* type: string
|
||||
* description: 任务ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 删除成功
|
||||
*/
|
||||
router.delete('/:id', SupervisoryTaskController.delete);
|
||||
router.delete('/:id', jwtAuth, requirePermission('supervision_tasks:delete'), SupervisoryTaskController.delete);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
@@ -247,13 +251,13 @@ router.delete('/:id', SupervisoryTaskController.delete);
|
||||
* 200:
|
||||
* description: 操作成功
|
||||
*/
|
||||
router.post('/batch/operate', SupervisoryTaskController.bulkCreate);
|
||||
router.post('/batch/operate', jwtAuth, requirePermission('supervision_tasks:create'), SupervisoryTaskController.bulkCreate);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /api/supervision-tasks/stats:
|
||||
* get:
|
||||
* summary: 获取监管任务统计数据
|
||||
* summary: 获取监管任务统计信息
|
||||
* tags: [SupervisionTasks]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
@@ -261,6 +265,6 @@ router.post('/batch/operate', SupervisoryTaskController.bulkCreate);
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
*/
|
||||
router.get('/stats', SupervisoryTaskController.getStatistics);
|
||||
router.get('/stats', jwtAuth, requirePermission('supervision_tasks:read'), SupervisoryTaskController.getStatistics);
|
||||
|
||||
module.exports = router;
|
||||
@@ -34,4 +34,172 @@ router.put('/change-password', jwtAuth, userController.changePassword);
|
||||
// 上传头像（不需要特殊权限，用户可以上传自己的头像）
|
||||
router.post('/avatar', jwtAuth, userController.uploadAvatar);
|
||||
|
||||
/**
|
||||
* @swagger
|
||||
* /users/{id}/fixed-token:
|
||||
* get:
|
||||
* summary: 获取用户固定令牌信息
|
||||
* description: 获取指定用户的固定令牌信息，包括是否已生成令牌、令牌预览等
|
||||
* tags: [用户管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* - fixedTokenAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 用户ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 获取成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* data:
|
||||
* $ref: '#/components/schemas/FixedTokenInfo'
|
||||
* 401:
|
||||
* $ref: '#/components/responses/UnauthorizedError'
|
||||
* 403:
|
||||
* $ref: '#/components/responses/ForbiddenError'
|
||||
* 404:
|
||||
* $ref: '#/components/responses/NotFoundError'
|
||||
* post:
|
||||
* summary: 生成用户固定令牌
|
||||
* description: 为指定用户生成新的固定令牌，用于API访问验证
|
||||
* tags: [用户管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* - fixedTokenAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 用户ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 生成成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* data:
|
||||
* $ref: '#/components/schemas/FixedTokenGenerated'
|
||||
* 400:
|
||||
* description: 用户已有固定令牌
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* $ref: '#/components/schemas/Error'
|
||||
* 401:
|
||||
* $ref: '#/components/responses/UnauthorizedError'
|
||||
* 403:
|
||||
* $ref: '#/components/responses/ForbiddenError'
|
||||
* 404:
|
||||
* $ref: '#/components/responses/NotFoundError'
|
||||
* put:
|
||||
* summary: 重新生成用户固定令牌
|
||||
* description: 重新生成指定用户的固定令牌，原令牌将失效
|
||||
* tags: [用户管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* - fixedTokenAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 用户ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 重新生成成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* data:
|
||||
* $ref: '#/components/schemas/FixedTokenGenerated'
|
||||
* 401:
|
||||
* $ref: '#/components/responses/UnauthorizedError'
|
||||
* 403:
|
||||
* $ref: '#/components/responses/ForbiddenError'
|
||||
* 404:
|
||||
* $ref: '#/components/responses/NotFoundError'
|
||||
* delete:
|
||||
* summary: 删除用户固定令牌
|
||||
* description: 删除指定用户的固定令牌，令牌将立即失效
|
||||
* tags: [用户管理]
|
||||
* security:
|
||||
* - bearerAuth: []
|
||||
* - fixedTokenAuth: []
|
||||
* parameters:
|
||||
* - in: path
|
||||
* name: id
|
||||
* required: true
|
||||
* schema:
|
||||
* type: integer
|
||||
* description: 用户ID
|
||||
* responses:
|
||||
* 200:
|
||||
* description: 删除成功
|
||||
* content:
|
||||
* application/json:
|
||||
* schema:
|
||||
* type: object
|
||||
* properties:
|
||||
* code:
|
||||
* type: integer
|
||||
* example: 200
|
||||
* status:
|
||||
* type: string
|
||||
* example: success
|
||||
* message:
|
||||
* type: string
|
||||
* example: 固定令牌删除成功
|
||||
* 401:
|
||||
* $ref: '#/components/responses/UnauthorizedError'
|
||||
* 403:
|
||||
* $ref: '#/components/responses/ForbiddenError'
|
||||
* 404:
|
||||
* $ref: '#/components/responses/NotFoundError'
|
||||
*/
|
||||
// 固定Token管理路由（需要管理员权限）
|
||||
// 获取用户固定Token信息
|
||||
router.get('/:id/fixed-token', jwtAuth, checkPermission('user', 'read'), userController.getFixedTokenInfo);
|
||||
|
||||
// 生成用户固定Token
|
||||
router.post('/:id/fixed-token', jwtAuth, checkPermission('user', 'update'), userController.generateFixedToken);
|
||||
|
||||
// 重新生成用户固定Token
|
||||
router.put('/:id/fixed-token', jwtAuth, checkPermission('user', 'update'), userController.regenerateFixedToken);
|
||||
|
||||
// 删除用户固定Token
|
||||
router.delete('/:id/fixed-token', jwtAuth, checkPermission('user', 'delete'), userController.deleteFixedToken);
|
||||
|
||||
module.exports = router;
|
||||
@@ -26,7 +26,8 @@ async function fixAdminPermissions() {
|
||||
'insurance_type:read', 'insurance_type:create', 'insurance_type:update', 'insurance_type:delete', 'insurance_type:review',
|
||||
'policy:read', 'policy:create', 'policy:update', 'policy:delete',
|
||||
'claim:read', 'claim:create', 'claim:update', 'claim:review',
|
||||
'system:read', 'system:update', 'system:admin'
|
||||
'system:read', 'system:update', 'system:admin',
|
||||
'dashboard:read', 'dashboard:update'
|
||||
];
|
||||
|
||||
await adminRole.update({
|
||||
|
||||
124
insurance_backend/scripts/fix_admin_permissions.js
Normal file
124
insurance_backend/scripts/fix_admin_permissions.js
Normal file
@@ -0,0 +1,124 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
require('dotenv').config();
|
||||
|
||||
/**
|
||||
* 修复admin用户权限脚本
|
||||
* 添加缺失的supervision_tasks:read和installation_tasks:read权限
|
||||
*/
|
||||
|
||||
async function fixAdminPermissions() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
// 创建数据库连接
|
||||
connection = await mysql.createConnection({
|
||||
host: process.env.DB_HOST || '129.211.213.226',
|
||||
port: process.env.DB_PORT || 9527,
|
||||
user: process.env.DB_USER || 'root',
|
||||
password: process.env.DB_PASSWORD || 'aiotAiot123!',
|
||||
database: process.env.DB_NAME || 'insurance_data'
|
||||
});
|
||||
|
||||
console.log('✅ 数据库连接成功');
|
||||
|
||||
// 查询当前admin角色的权限
|
||||
const [adminRole] = await connection.query(
|
||||
'SELECT id, name, permissions FROM roles WHERE name = ?',
|
||||
['admin']
|
||||
);
|
||||
|
||||
if (adminRole.length === 0) {
|
||||
console.log('❌ 未找到admin角色');
|
||||
return;
|
||||
}
|
||||
|
||||
console.log('📋 当前admin角色权限:', adminRole[0].permissions);
|
||||
|
||||
// 解析当前权限
|
||||
let currentPermissions;
|
||||
try {
|
||||
currentPermissions = JSON.parse(adminRole[0].permissions);
|
||||
} catch (error) {
|
||||
console.log('⚠️ 权限格式错误，重新设置为完整权限列表');
|
||||
currentPermissions = [];
|
||||
}
|
||||
|
||||
// 定义完整的权限列表
|
||||
const fullPermissions = [
|
||||
"user:read", "user:create", "user:update", "user:delete",
|
||||
"insurance:read", "insurance:create", "insurance:update", "insurance:delete", "insurance:review",
|
||||
"policy:read", "policy:create", "policy:update", "policy:delete",
|
||||
"livestock_policy:read", "livestock_policy:create", "livestock_policy:update", "livestock_policy:delete",
|
||||
"claim:read", "claim:create", "claim:update", "claim:review",
|
||||
"supervision_tasks:read", "supervision_tasks:create", "supervision_tasks:update", "supervision_tasks:delete",
|
||||
"installation_tasks:read", "installation_tasks:create", "installation_tasks:update", "installation_tasks:delete",
|
||||
"system:read", "system:update", "system:admin",
|
||||
"data:read", "data:create", "data:update", "data:delete"
|
||||
];
|
||||
|
||||
// 更新admin角色权限
|
||||
await connection.query(
|
||||
'UPDATE roles SET permissions = ? WHERE name = ?',
|
||||
[JSON.stringify(fullPermissions), 'admin']
|
||||
);
|
||||
|
||||
console.log('✅ admin角色权限已更新');
|
||||
console.log('📋 新的权限列表:', JSON.stringify(fullPermissions, null, 2));
|
||||
|
||||
// 查询admin用户并更新其权限缓存
|
||||
const [adminUsers] = await connection.query(
|
||||
'SELECT id, username FROM users WHERE role_id = ?',
|
||||
[adminRole[0].id]
|
||||
);
|
||||
|
||||
console.log(`✅ 找到 ${adminUsers.length} 个admin用户，权限已生效`);
|
||||
|
||||
// 验证权限更新
|
||||
const [updatedRole] = await connection.query(
|
||||
'SELECT permissions FROM roles WHERE name = ?',
|
||||
['admin']
|
||||
);
|
||||
|
||||
let updatedPermissions;
|
||||
try {
|
||||
updatedPermissions = JSON.parse(updatedRole[0].permissions);
|
||||
} catch (error) {
|
||||
console.log('⚠️ 验证时权限格式错误:', updatedRole[0].permissions);
|
||||
updatedPermissions = fullPermissions; // 使用我们刚设置的权限
|
||||
}
|
||||
|
||||
const hasSupervisionRead = updatedPermissions.includes('supervision_tasks:read');
|
||||
const hasInstallationRead = updatedPermissions.includes('installation_tasks:read');
|
||||
|
||||
console.log('🔍 权限验证:');
|
||||
console.log(` - supervision_tasks:read: ${hasSupervisionRead ? '✅' : '❌'}`);
|
||||
console.log(` - installation_tasks:read: ${hasInstallationRead ? '✅' : '❌'}`);
|
||||
|
||||
if (hasSupervisionRead && hasInstallationRead) {
|
||||
console.log('🎉 权限修复成功！');
|
||||
} else {
|
||||
console.log('❌ 权限修复失败，请检查数据库');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 权限修复失败:', error.message);
|
||||
throw error;
|
||||
} finally {
|
||||
// 关闭数据库连接
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 数据库连接已关闭');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 执行脚本
|
||||
fixAdminPermissions()
|
||||
.then(() => {
|
||||
console.log('✨ 权限修复任务已完成');
|
||||
process.exit(0);
|
||||
})
|
||||
.catch(() => {
|
||||
console.error('❌ 权限修复任务失败');
|
||||
process.exit(1);
|
||||
});
|
||||
431
insurance_backend/seeders/20250925000001-init-permissions.js
Normal file
431
insurance_backend/seeders/20250925000001-init-permissions.js
Normal file
@@ -0,0 +1,431 @@
|
||||
'use strict';
|
||||
|
||||
/** @type {import('sequelize-cli').Migration} */
|
||||
module.exports = {
|
||||
async up(queryInterface, Sequelize) {
|
||||
// 插入基础权限数据
|
||||
await queryInterface.bulkInsert('permissions', [
|
||||
// 系统管理模块权限
|
||||
{
|
||||
name: '系统管理',
|
||||
code: 'system:manage',
|
||||
description: '系统管理模块访问权限',
|
||||
module: 'system',
|
||||
type: 'menu',
|
||||
parent_id: null,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '用户管理',
|
||||
code: 'system:user:manage',
|
||||
description: '用户管理页面访问权限',
|
||||
module: 'system',
|
||||
type: 'menu',
|
||||
parent_id: 1,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '用户查看',
|
||||
code: 'system:user:view',
|
||||
description: '查看用户列表权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 2,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '用户新增',
|
||||
code: 'system:user:create',
|
||||
description: '新增用户权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 2,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '用户编辑',
|
||||
code: 'system:user:edit',
|
||||
description: '编辑用户权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 2,
|
||||
status: 'active',
|
||||
sort_order: 3,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '用户删除',
|
||||
code: 'system:user:delete',
|
||||
description: '删除用户权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 2,
|
||||
status: 'active',
|
||||
sort_order: 4,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '角色管理',
|
||||
code: 'system:role:manage',
|
||||
description: '角色管理页面访问权限',
|
||||
module: 'system',
|
||||
type: 'menu',
|
||||
parent_id: 1,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '角色查看',
|
||||
code: 'system:role:view',
|
||||
description: '查看角色列表权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 7,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '角色新增',
|
||||
code: 'system:role:create',
|
||||
description: '新增角色权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 7,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '角色编辑',
|
||||
code: 'system:role:edit',
|
||||
description: '编辑角色权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 7,
|
||||
status: 'active',
|
||||
sort_order: 3,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '角色删除',
|
||||
code: 'system:role:delete',
|
||||
description: '删除角色权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 7,
|
||||
status: 'active',
|
||||
sort_order: 4,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '权限管理',
|
||||
code: 'system:permission:manage',
|
||||
description: '权限管理页面访问权限',
|
||||
module: 'system',
|
||||
type: 'menu',
|
||||
parent_id: 1,
|
||||
status: 'active',
|
||||
sort_order: 3,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '权限查看',
|
||||
code: 'system:permission:view',
|
||||
description: '查看权限列表权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 12,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '权限分配',
|
||||
code: 'system:permission:assign',
|
||||
description: '分配权限给角色权限',
|
||||
module: 'system',
|
||||
type: 'operation',
|
||||
parent_id: 12,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
|
||||
// 保险管理模块权限
|
||||
{
|
||||
name: '保险管理',
|
||||
code: 'insurance:manage',
|
||||
description: '保险管理模块访问权限',
|
||||
module: 'insurance',
|
||||
type: 'menu',
|
||||
parent_id: null,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '保险申请管理',
|
||||
code: 'insurance:application:manage',
|
||||
description: '保险申请管理页面访问权限',
|
||||
module: 'insurance',
|
||||
type: 'menu',
|
||||
parent_id: 15,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '保险申请查看',
|
||||
code: 'insurance:application:view',
|
||||
description: '查看保险申请权限',
|
||||
module: 'insurance',
|
||||
type: 'operation',
|
||||
parent_id: 16,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '保险申请审核',
|
||||
code: 'insurance:application:review',
|
||||
description: '审核保险申请权限',
|
||||
module: 'insurance',
|
||||
type: 'operation',
|
||||
parent_id: 16,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '保单管理',
|
||||
code: 'insurance:policy:manage',
|
||||
description: '保单管理页面访问权限',
|
||||
module: 'insurance',
|
||||
type: 'menu',
|
||||
parent_id: 15,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '保单查看',
|
||||
code: 'insurance:policy:view',
|
||||
description: '查看保单权限',
|
||||
module: 'insurance',
|
||||
type: 'operation',
|
||||
parent_id: 19,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '理赔管理',
|
||||
code: 'insurance:claim:manage',
|
||||
description: '理赔管理页面访问权限',
|
||||
module: 'insurance',
|
||||
type: 'menu',
|
||||
parent_id: 15,
|
||||
status: 'active',
|
||||
sort_order: 3,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '理赔查看',
|
||||
code: 'insurance:claim:view',
|
||||
description: '查看理赔权限',
|
||||
module: 'insurance',
|
||||
type: 'operation',
|
||||
parent_id: 21,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '理赔审核',
|
||||
code: 'insurance:claim:review',
|
||||
description: '审核理赔权限',
|
||||
module: 'insurance',
|
||||
type: 'operation',
|
||||
parent_id: 21,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
|
||||
// 监管任务模块权限
|
||||
{
|
||||
name: '监管任务',
|
||||
code: 'supervision:manage',
|
||||
description: '监管任务模块访问权限',
|
||||
module: 'supervision',
|
||||
type: 'menu',
|
||||
parent_id: null,
|
||||
status: 'active',
|
||||
sort_order: 3,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '监管任务查看',
|
||||
code: 'supervision:task:view',
|
||||
description: '查看监管任务权限',
|
||||
module: 'supervision',
|
||||
type: 'operation',
|
||||
parent_id: 24,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '监管任务创建',
|
||||
code: 'supervision:task:create',
|
||||
description: '创建监管任务权限',
|
||||
module: 'supervision',
|
||||
type: 'operation',
|
||||
parent_id: 24,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '监管任务分配',
|
||||
code: 'supervision:task:assign',
|
||||
description: '分配监管任务权限',
|
||||
module: 'supervision',
|
||||
type: 'operation',
|
||||
parent_id: 24,
|
||||
status: 'active',
|
||||
sort_order: 3,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
|
||||
// 设备管理模块权限
|
||||
{
|
||||
name: '设备管理',
|
||||
code: 'device:manage',
|
||||
description: '设备管理模块访问权限',
|
||||
module: 'device',
|
||||
type: 'menu',
|
||||
parent_id: null,
|
||||
status: 'active',
|
||||
sort_order: 4,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '设备查看',
|
||||
code: 'device:view',
|
||||
description: '查看设备权限',
|
||||
module: 'device',
|
||||
type: 'operation',
|
||||
parent_id: 28,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '设备新增',
|
||||
code: 'device:create',
|
||||
description: '新增设备权限',
|
||||
module: 'device',
|
||||
type: 'operation',
|
||||
parent_id: 28,
|
||||
status: 'active',
|
||||
sort_order: 2,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '设备编辑',
|
||||
code: 'device:edit',
|
||||
description: '编辑设备权限',
|
||||
module: 'device',
|
||||
type: 'operation',
|
||||
parent_id: 28,
|
||||
status: 'active',
|
||||
sort_order: 3,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '设备删除',
|
||||
code: 'device:delete',
|
||||
description: '删除设备权限',
|
||||
module: 'device',
|
||||
type: 'operation',
|
||||
parent_id: 28,
|
||||
status: 'active',
|
||||
sort_order: 4,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
|
||||
// 日志管理模块权限
|
||||
{
|
||||
name: '日志管理',
|
||||
code: 'log:manage',
|
||||
description: '日志管理模块访问权限',
|
||||
module: 'log',
|
||||
type: 'menu',
|
||||
parent_id: null,
|
||||
status: 'active',
|
||||
sort_order: 5,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
},
|
||||
{
|
||||
name: '操作日志查看',
|
||||
code: 'log:operation:view',
|
||||
description: '查看操作日志权限',
|
||||
module: 'log',
|
||||
type: 'operation',
|
||||
parent_id: 33,
|
||||
status: 'active',
|
||||
sort_order: 1,
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
}
|
||||
], {});
|
||||
},
|
||||
|
||||
async down(queryInterface, Sequelize) {
|
||||
await queryInterface.bulkDelete('permissions', null, {});
|
||||
}
|
||||
};
|
||||
@@ -17,11 +17,15 @@ app.use(cors({
|
||||
credentials: true
|
||||
}));
|
||||
|
||||
// 速率限制
|
||||
// 速率限制 - 开发环境下放宽限制
|
||||
const limiter = rateLimit({
|
||||
windowMs: 15 * 60 * 1000, // 15分钟
|
||||
max: 100, // 限制每个IP每15分钟最多100个请求
|
||||
message: '请求过于频繁，请稍后再试'
|
||||
windowMs: 1 * 60 * 1000, // 1分钟
|
||||
max: 1000, // 限制每个IP每1分钟最多1000个请求
|
||||
message: '请求过于频繁，请稍后再试',
|
||||
skip: (req) => {
|
||||
// 在开发环境下跳过限流
|
||||
return process.env.NODE_ENV === 'development';
|
||||
}
|
||||
});
|
||||
app.use(limiter);
|
||||
|
||||
@@ -56,6 +60,7 @@ app.use('/api/insurance-types', require('../routes/insuranceTypes'));
|
||||
app.use('/api/policies', require('../routes/policies'));
|
||||
app.use('/api/claims', require('../routes/claims'));
|
||||
app.use('/api/system', require('../routes/system'));
|
||||
app.use('/api/dashboard', require('../routes/dashboard'));
|
||||
app.use('/api/operation-logs', require('../routes/operationLogs'));
|
||||
app.use('/api/menus', require('../routes/menus'));
|
||||
app.use('/api/data-warehouse', require('../routes/dataWarehouse'));
|
||||
@@ -73,6 +78,10 @@ app.use('/api/livestock-claims', require('../routes/livestockClaims'));
|
||||
app.use('/api/devices', require('../routes/devices'));
|
||||
app.use('/api/device-alerts', require('../routes/deviceAlerts'));
|
||||
|
||||
// 权限管理相关路由
|
||||
app.use('/api/permissions', require('../routes/permissions'));
|
||||
app.use('/api/role-permissions', require('../routes/rolePermissions'));
|
||||
|
||||
// API文档路由
|
||||
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerSpec, {
|
||||
explorer: true,
|
||||
|
||||
191
insurance_backend/src/middleware/permissionMiddleware.js
Normal file
191
insurance_backend/src/middleware/permissionMiddleware.js
Normal file
@@ -0,0 +1,191 @@
|
||||
const PermissionService = require('../services/permissionService');
|
||||
const jwt = require('jsonwebtoken');
|
||||
|
||||
/**
|
||||
* 权限检查中间件
|
||||
* @param {string|string[]} requiredPermissions - 必需的权限代码（单个或数组）
|
||||
* @param {string} checkType - 检查类型：'any'（任意一个）或 'all'（全部）
|
||||
* @returns {Function} Express中间件函数
|
||||
*/
|
||||
const requirePermission = (requiredPermissions, checkType = 'any') => {
|
||||
return async (req, res, next) => {
|
||||
try {
|
||||
// 从请求头获取token
|
||||
const token = req.headers.authorization?.replace('Bearer ', '');
|
||||
|
||||
if (!token) {
|
||||
return res.status(401).json({
|
||||
success: false,
|
||||
message: '未提供认证令牌'
|
||||
});
|
||||
}
|
||||
|
||||
// 验证token并获取用户信息
|
||||
const decoded = jwt.verify(token, process.env.JWT_SECRET);
|
||||
const userId = decoded.userId;
|
||||
|
||||
if (!userId) {
|
||||
return res.status(401).json({
|
||||
success: false,
|
||||
message: '无效的认证令牌'
|
||||
});
|
||||
}
|
||||
|
||||
// 确保权限是数组格式
|
||||
const permissions = Array.isArray(requiredPermissions)
|
||||
? requiredPermissions
|
||||
: [requiredPermissions];
|
||||
|
||||
let hasPermission = false;
|
||||
|
||||
// 根据检查类型进行权限验证
|
||||
if (checkType === 'all') {
|
||||
hasPermission = await PermissionService.checkUserAllPermissions(userId, permissions);
|
||||
} else {
|
||||
hasPermission = await PermissionService.checkUserAnyPermission(userId, permissions);
|
||||
}
|
||||
|
||||
if (!hasPermission) {
|
||||
return res.status(403).json({
|
||||
success: false,
|
||||
message: '权限不足，无法访问此资源',
|
||||
requiredPermissions: permissions
|
||||
});
|
||||
}
|
||||
|
||||
// 将用户ID添加到请求对象中，供后续使用
|
||||
req.userId = userId;
|
||||
next();
|
||||
} catch (error) {
|
||||
console.error('权限检查中间件错误:', error);
|
||||
|
||||
if (error.name === 'JsonWebTokenError') {
|
||||
return res.status(401).json({
|
||||
success: false,
|
||||
message: '无效的认证令牌'
|
||||
});
|
||||
}
|
||||
|
||||
if (error.name === 'TokenExpiredError') {
|
||||
return res.status(401).json({
|
||||
success: false,
|
||||
message: '认证令牌已过期'
|
||||
});
|
||||
}
|
||||
|
||||
return res.status(500).json({
|
||||
success: false,
|
||||
message: '权限检查失败'
|
||||
});
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* 检查单个权限的中间件
|
||||
* @param {string} permission - 权限代码
|
||||
* @returns {Function} Express中间件函数
|
||||
*/
|
||||
const requireSinglePermission = (permission) => {
|
||||
return requirePermission(permission, 'any');
|
||||
};
|
||||
|
||||
/**
|
||||
* 检查多个权限中任意一个的中间件
|
||||
* @param {string[]} permissions - 权限代码数组
|
||||
* @returns {Function} Express中间件函数
|
||||
*/
|
||||
const requireAnyPermission = (permissions) => {
|
||||
return requirePermission(permissions, 'any');
|
||||
};
|
||||
|
||||
/**
|
||||
* 检查多个权限全部具备的中间件
|
||||
* @param {string[]} permissions - 权限代码数组
|
||||
* @returns {Function} Express中间件函数
|
||||
*/
|
||||
const requireAllPermissions = (permissions) => {
|
||||
return requirePermission(permissions, 'all');
|
||||
};
|
||||
|
||||
/**
|
||||
* 管理员权限检查中间件
|
||||
* @returns {Function} Express中间件函数
|
||||
*/
|
||||
const requireAdmin = () => {
|
||||
return requireSinglePermission('system:admin');
|
||||
};
|
||||
|
||||
/**
|
||||
* 超级管理员权限检查中间件
|
||||
* @returns {Function} Express中间件函数
|
||||
*/
|
||||
const requireSuperAdmin = () => {
|
||||
return requireSinglePermission('system:super_admin');
|
||||
};
|
||||
|
||||
/**
|
||||
* 权限检查装饰器（用于控制器方法）
|
||||
* @param {string|string[]} permissions - 权限代码
|
||||
* @param {string} checkType - 检查类型
|
||||
* @returns {Function} 装饰器函数
|
||||
*/
|
||||
const withPermission = (permissions, checkType = 'any') => {
|
||||
return (target, propertyKey, descriptor) => {
|
||||
const originalMethod = descriptor.value;
|
||||
|
||||
descriptor.value = async function(req, res, next) {
|
||||
try {
|
||||
const middleware = requirePermission(permissions, checkType);
|
||||
await new Promise((resolve, reject) => {
|
||||
middleware(req, res, (err) => {
|
||||
if (err) reject(err);
|
||||
else resolve();
|
||||
});
|
||||
});
|
||||
|
||||
return originalMethod.call(this, req, res, next);
|
||||
} catch (error) {
|
||||
return res.status(403).json({
|
||||
success: false,
|
||||
message: '权限不足'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return descriptor;
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* 动态权限检查中间件
|
||||
* 根据请求参数动态确定所需权限
|
||||
* @param {Function} permissionResolver - 权限解析函数
|
||||
* @returns {Function} Express中间件函数
|
||||
*/
|
||||
const requireDynamicPermission = (permissionResolver) => {
|
||||
return async (req, res, next) => {
|
||||
try {
|
||||
const requiredPermissions = await permissionResolver(req);
|
||||
const middleware = requirePermission(requiredPermissions);
|
||||
return middleware(req, res, next);
|
||||
} catch (error) {
|
||||
console.error('动态权限检查失败:', error);
|
||||
return res.status(500).json({
|
||||
success: false,
|
||||
message: '权限检查失败'
|
||||
});
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
requirePermission,
|
||||
requireSinglePermission,
|
||||
requireAnyPermission,
|
||||
requireAllPermissions,
|
||||
requireAdmin,
|
||||
requireSuperAdmin,
|
||||
withPermission,
|
||||
requireDynamicPermission
|
||||
};
|
||||
254
insurance_backend/src/services/permissionService.js
Normal file
254
insurance_backend/src/services/permissionService.js
Normal file
@@ -0,0 +1,254 @@
|
||||
const { User, Role, Permission, RolePermission } = require('../models');
|
||||
|
||||
/**
|
||||
* 权限服务类 - 提供动态权限检查和管理功能
|
||||
*/
|
||||
class PermissionService {
|
||||
/**
|
||||
* 检查用户是否具有指定权限
|
||||
* @param {number} userId - 用户ID
|
||||
* @param {string} permissionCode - 权限代码
|
||||
* @returns {Promise<boolean>} 是否具有权限
|
||||
*/
|
||||
static async checkUserPermission(userId, permissionCode) {
|
||||
try {
|
||||
const user = await User.findByPk(userId, {
|
||||
include: [{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
include: [{
|
||||
model: Permission,
|
||||
as: 'permissions',
|
||||
where: { code: permissionCode },
|
||||
required: false
|
||||
}]
|
||||
}]
|
||||
});
|
||||
|
||||
if (!user || !user.role) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return user.role.permissions && user.role.permissions.length > 0;
|
||||
} catch (error) {
|
||||
console.error('检查用户权限失败:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查用户是否具有多个权限中的任意一个
|
||||
* @param {number} userId - 用户ID
|
||||
* @param {string[]} permissionCodes - 权限代码数组
|
||||
* @returns {Promise<boolean>} 是否具有任意一个权限
|
||||
*/
|
||||
static async checkUserAnyPermission(userId, permissionCodes) {
|
||||
try {
|
||||
const user = await User.findByPk(userId, {
|
||||
include: [{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
include: [{
|
||||
model: Permission,
|
||||
as: 'permissions',
|
||||
where: { code: permissionCodes },
|
||||
required: false
|
||||
}]
|
||||
}]
|
||||
});
|
||||
|
||||
if (!user || !user.role) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return user.role.permissions && user.role.permissions.length > 0;
|
||||
} catch (error) {
|
||||
console.error('检查用户权限失败:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查用户是否具有所有指定权限
|
||||
* @param {number} userId - 用户ID
|
||||
* @param {string[]} permissionCodes - 权限代码数组
|
||||
* @returns {Promise<boolean>} 是否具有所有权限
|
||||
*/
|
||||
static async checkUserAllPermissions(userId, permissionCodes) {
|
||||
try {
|
||||
const user = await User.findByPk(userId, {
|
||||
include: [{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
include: [{
|
||||
model: Permission,
|
||||
as: 'permissions',
|
||||
where: { code: permissionCodes },
|
||||
required: false
|
||||
}]
|
||||
}]
|
||||
});
|
||||
|
||||
if (!user || !user.role) {
|
||||
return false;
|
||||
}
|
||||
|
||||
const userPermissions = user.role.permissions || [];
|
||||
return permissionCodes.every(code =>
|
||||
userPermissions.some(permission => permission.code === code)
|
||||
);
|
||||
} catch (error) {
|
||||
console.error('检查用户权限失败:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取用户的所有权限
|
||||
* @param {number} userId - 用户ID
|
||||
* @returns {Promise<string[]>} 用户权限代码数组
|
||||
*/
|
||||
static async getUserPermissions(userId) {
|
||||
try {
|
||||
const user = await User.findByPk(userId, {
|
||||
include: [{
|
||||
model: Role,
|
||||
as: 'role',
|
||||
include: [{
|
||||
model: Permission,
|
||||
as: 'permissions'
|
||||
}]
|
||||
}]
|
||||
});
|
||||
|
||||
if (!user || !user.role || !user.role.permissions) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return user.role.permissions.map(permission => permission.code);
|
||||
} catch (error) {
|
||||
console.error('获取用户权限失败:', error);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取角色的所有权限
|
||||
* @param {number} roleId - 角色ID
|
||||
* @returns {Promise<Permission[]>} 权限对象数组
|
||||
*/
|
||||
static async getRolePermissions(roleId) {
|
||||
try {
|
||||
const role = await Role.findByPk(roleId, {
|
||||
include: [{
|
||||
model: Permission,
|
||||
as: 'permissions'
|
||||
}]
|
||||
});
|
||||
|
||||
return role ? role.permissions || [] : [];
|
||||
} catch (error) {
|
||||
console.error('获取角色权限失败:', error);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查权限是否存在
|
||||
* @param {string} permissionCode - 权限代码
|
||||
* @returns {Promise<boolean>} 权限是否存在
|
||||
*/
|
||||
static async permissionExists(permissionCode) {
|
||||
try {
|
||||
const permission = await Permission.findOne({
|
||||
where: { code: permissionCode }
|
||||
});
|
||||
return !!permission;
|
||||
} catch (error) {
|
||||
console.error('检查权限存在性失败:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取权限树结构
|
||||
* @returns {Promise<Object[]>} 权限树
|
||||
*/
|
||||
static async getPermissionTree() {
|
||||
try {
|
||||
const permissions = await Permission.findAll({
|
||||
order: [['module', 'ASC'], ['type', 'ASC'], ['code', 'ASC']]
|
||||
});
|
||||
|
||||
// 按模块分组
|
||||
const modules = {};
|
||||
permissions.forEach(permission => {
|
||||
if (!modules[permission.module]) {
|
||||
modules[permission.module] = {
|
||||
module: permission.module,
|
||||
permissions: []
|
||||
};
|
||||
}
|
||||
modules[permission.module].permissions.push(permission);
|
||||
});
|
||||
|
||||
return Object.values(modules);
|
||||
} catch (error) {
|
||||
console.error('获取权限树失败:', error);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量检查用户权限
|
||||
* @param {number} userId - 用户ID
|
||||
* @param {string[]} permissionCodes - 权限代码数组
|
||||
* @returns {Promise<Object>} 权限检查结果对象
|
||||
*/
|
||||
static async batchCheckUserPermissions(userId, permissionCodes) {
|
||||
try {
|
||||
const userPermissions = await this.getUserPermissions(userId);
|
||||
const result = {};
|
||||
|
||||
permissionCodes.forEach(code => {
|
||||
result[code] = userPermissions.includes(code);
|
||||
});
|
||||
|
||||
return result;
|
||||
} catch (error) {
|
||||
console.error('批量检查用户权限失败:', error);
|
||||
return {};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取用户可访问的菜单
|
||||
* @param {number} userId - 用户ID
|
||||
* @returns {Promise<Object[]>} 可访问的菜单数组
|
||||
*/
|
||||
static async getUserAccessibleMenus(userId) {
|
||||
try {
|
||||
const userPermissions = await this.getUserPermissions(userId);
|
||||
|
||||
// 这里可以根据权限过滤菜单
|
||||
// 示例：假设菜单与权限有对应关系
|
||||
const allMenus = [
|
||||
{ id: 1, name: '用户管理', permission: 'user:view', path: '/users' },
|
||||
{ id: 2, name: '角色管理', permission: 'role:view', path: '/roles' },
|
||||
{ id: 3, name: '权限管理', permission: 'permission:view', path: '/permissions' },
|
||||
{ id: 4, name: '保单管理', permission: 'policy:view', path: '/policies' },
|
||||
{ id: 5, name: '理赔管理', permission: 'claim:view', path: '/claims' },
|
||||
{ id: 6, name: '系统设置', permission: 'system:view', path: '/system' }
|
||||
];
|
||||
|
||||
return allMenus.filter(menu =>
|
||||
userPermissions.includes(menu.permission)
|
||||
);
|
||||
} catch (error) {
|
||||
console.error('获取用户可访问菜单失败:', error);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = PermissionService;
|
||||
@@ -1,25 +1,32 @@
|
||||
// 简单的API测试脚本
|
||||
const axios = require('axios');
|
||||
|
||||
async function testPublicApi() {
|
||||
async function testAuthenticatedApi() {
|
||||
try {
|
||||
console.log('测试公开菜单API...');
|
||||
const response = await axios.get('http://localhost:3000/api/menus/public');
|
||||
console.log('✅ 公开菜单API测试成功');
|
||||
console.log('测试认证菜单API...');
|
||||
// 注意：这个测试需要有效的JWT token
|
||||
const response = await axios.get('http://localhost:3000/api/menus', {
|
||||
headers: {
|
||||
'Authorization': 'Bearer YOUR_JWT_TOKEN_HERE'
|
||||
}
|
||||
});
|
||||
console.log('✅ 认证菜单API测试成功');
|
||||
console.log('返回数据:', response.data);
|
||||
return true;
|
||||
} catch (error) {
|
||||
console.error('❌ 公开菜单API测试失败:', error.message);
|
||||
console.error('❌ 认证菜单API测试失败:', error.message);
|
||||
console.log('提示：请确保服务器运行并提供有效的JWT token');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
async function testAllApis() {
|
||||
console.log('开始API测试...');
|
||||
const publicApiResult = await testPublicApi();
|
||||
console.log('注意：所有API现在都需要认证，请确保提供有效的JWT token');
|
||||
const authApiResult = await testAuthenticatedApi();
|
||||
|
||||
console.log('\n测试总结:');
|
||||
console.log(`公开菜单API: ${publicApiResult ? '通过' : '失败'}`);
|
||||
console.log(`认证菜单API: ${authApiResult ? '通过' : '失败'}`);
|
||||
}
|
||||
|
||||
testAllApis().then(() => {
|
||||
|
||||
109
insurance_backend/test_fixed_token.js
Normal file
109
insurance_backend/test_fixed_token.js
Normal file
@@ -0,0 +1,109 @@
|
||||
const axios = require('axios');
|
||||
|
||||
const BASE_URL = 'http://localhost:3000';
|
||||
|
||||
// 测试固定令牌功能
|
||||
async function testFixedToken() {
|
||||
try {
|
||||
console.log('🧪 开始测试固定令牌功能...\n');
|
||||
|
||||
// 1. 登录获取JWT令牌
|
||||
console.log('1. 登录获取JWT令牌...');
|
||||
const loginResponse = await axios.post(`${BASE_URL}/api/auth/login`, {
|
||||
username: 'admin',
|
||||
password: '123456'
|
||||
});
|
||||
|
||||
if (loginResponse.data.code !== 200) {
|
||||
console.error('❌ 登录失败:', loginResponse.data.message);
|
||||
return;
|
||||
}
|
||||
|
||||
const jwtToken = loginResponse.data.data.accessToken;
|
||||
const userId = loginResponse.data.data.user.id;
|
||||
console.log('✅ 登录成功，用户ID:', userId);
|
||||
|
||||
// 2. 检查用户是否已有固定令牌
|
||||
console.log('\n2. 检查用户固定令牌状态...');
|
||||
const tokenInfoResponse = await axios.get(`${BASE_URL}/api/users/${userId}/fixed-token`, {
|
||||
headers: { Authorization: `Bearer ${jwtToken}` }
|
||||
});
|
||||
|
||||
console.log('✅ 令牌状态:', tokenInfoResponse.data.data);
|
||||
|
||||
// 3. 如果没有固定令牌，则生成一个
|
||||
let fixedToken;
|
||||
if (!tokenInfoResponse.data.data.hasToken) {
|
||||
console.log('\n3. 生成固定令牌...');
|
||||
const generateResponse = await axios.post(`${BASE_URL}/api/users/${userId}/fixed-token`, {}, {
|
||||
headers: { Authorization: `Bearer ${jwtToken}` }
|
||||
});
|
||||
|
||||
if (generateResponse.data.code === 200) {
|
||||
fixedToken = generateResponse.data.data.fixed_token;
|
||||
console.log('✅ 固定令牌生成成功');
|
||||
console.log('🔑 固定令牌:', fixedToken);
|
||||
} else {
|
||||
console.error('❌ 固定令牌生成失败:', generateResponse.data.message);
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
console.log('\n3. 用户已有固定令牌，重新生成...');
|
||||
const regenerateResponse = await axios.put(`${BASE_URL}/api/users/${userId}/fixed-token`, {}, {
|
||||
headers: { Authorization: `Bearer ${jwtToken}` }
|
||||
});
|
||||
|
||||
if (regenerateResponse.data.code === 200) {
|
||||
fixedToken = regenerateResponse.data.data.fixed_token;
|
||||
console.log('✅ 固定令牌重新生成成功');
|
||||
console.log('🔑 新固定令牌:', fixedToken);
|
||||
} else {
|
||||
console.error('❌ 固定令牌重新生成失败:', regenerateResponse.data.message);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// 4. 使用固定令牌访问API
|
||||
console.log('\n4. 使用固定令牌访问用户列表API...');
|
||||
const usersResponse = await axios.get(`${BASE_URL}/api/users`, {
|
||||
headers: { Authorization: `Bearer ${fixedToken}` }
|
||||
});
|
||||
|
||||
if (usersResponse.data.code === 200) {
|
||||
console.log('✅ 使用固定令牌访问API成功');
|
||||
console.log('📊 用户数量:', usersResponse.data.data.users.length);
|
||||
} else {
|
||||
console.error('❌ 使用固定令牌访问API失败:', usersResponse.data.message);
|
||||
}
|
||||
|
||||
// 5. 测试无效令牌
|
||||
console.log('\n5. 测试无效固定令牌...');
|
||||
try {
|
||||
await axios.get(`${BASE_URL}/api/users`, {
|
||||
headers: { Authorization: 'Bearer ft_invalid_token' }
|
||||
});
|
||||
console.error('❌ 无效令牌测试失败：应该返回401错误');
|
||||
} catch (error) {
|
||||
if (error.response && error.response.status === 401) {
|
||||
console.log('✅ 无效令牌正确返回401错误');
|
||||
} else {
|
||||
console.error('❌ 无效令牌测试异常:', error.message);
|
||||
}
|
||||
}
|
||||
|
||||
// 6. 再次检查令牌信息
|
||||
console.log('\n6. 再次检查令牌信息...');
|
||||
const finalTokenInfoResponse = await axios.get(`${BASE_URL}/api/users/${userId}/fixed-token`, {
|
||||
headers: { Authorization: `Bearer ${jwtToken}` }
|
||||
});
|
||||
console.log('✅ 最终令牌状态:', finalTokenInfoResponse.data.data);
|
||||
|
||||
console.log('\n🎉 固定令牌功能测试完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 测试过程中发生错误:', error.response?.data || error.message);
|
||||
}
|
||||
}
|
||||
|
||||
// 运行测试
|
||||
testFixedToken();
|
||||
75
insurance_backend/test_role_permissions_api.js
Normal file
75
insurance_backend/test_role_permissions_api.js
Normal file
@@ -0,0 +1,75 @@
|
||||
const axios = require('axios');
|
||||
|
||||
const BASE_URL = 'http://localhost:3000/api';
|
||||
const ADMIN_TOKEN = '5659725423f665a8bf5053b37e624ea86387f9113ae77ac75fc102012a349180';
|
||||
|
||||
// 创建axios实例
|
||||
const api = axios.create({
|
||||
baseURL: BASE_URL,
|
||||
headers: {
|
||||
'Authorization': `Bearer ${ADMIN_TOKEN}`,
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
async function testRolePermissionsAPI() {
|
||||
console.log('开始测试角色权限管理API...\n');
|
||||
|
||||
// 测试1: 获取所有权限
|
||||
try {
|
||||
console.log('1. 测试获取所有权限...');
|
||||
const response = await api.get('/role-permissions/permissions');
|
||||
console.log('✅ 获取所有权限成功');
|
||||
console.log('权限数量:', response.data.data?.length || 0);
|
||||
} catch (error) {
|
||||
console.log('❌ 获取所有权限失败:', error.response?.data?.message || error.message);
|
||||
}
|
||||
|
||||
// 测试2: 获取所有角色及其权限
|
||||
try {
|
||||
console.log('\n2. 测试获取所有角色及其权限...');
|
||||
const response = await api.get('/role-permissions/roles');
|
||||
console.log('✅ 获取所有角色及其权限成功');
|
||||
const roles = response.data.data?.roles || [];
|
||||
console.log('角色数量:', roles.length);
|
||||
if (roles && roles.length > 0) {
|
||||
roles.forEach(role => {
|
||||
console.log(` - ${role.name}: ${role.permissionCount || 0} 个权限`);
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('❌ 获取所有角色及其权限失败:', error.response?.data?.message || error.message);
|
||||
}
|
||||
|
||||
// 测试3: 获取特定角色的详细权限
|
||||
try {
|
||||
console.log('\n3. 测试获取特定角色的详细权限...');
|
||||
const response = await api.get('/role-permissions/roles/1/permissions');
|
||||
console.log('✅ 获取特定角色的详细权限成功');
|
||||
console.log('权限树结构:', response.data.data ? '已构建' : '未构建');
|
||||
} catch (error) {
|
||||
console.log('❌ 获取特定角色的详细权限失败:', error.response?.data?.message || error.message);
|
||||
}
|
||||
|
||||
// 测试4: 权限统计
|
||||
try {
|
||||
console.log('\n4. 测试权限统计...');
|
||||
const response = await api.get('/role-permissions/stats');
|
||||
console.log('✅ 权限统计成功');
|
||||
if (response.data.data) {
|
||||
const stats = response.data.data;
|
||||
console.log('统计信息:');
|
||||
console.log(` - 总角色数: ${stats.overview?.totalRoles || 0}`);
|
||||
console.log(` - 总权限数: ${stats.overview?.totalPermissions || 0}`);
|
||||
console.log(` - 总分配数: ${stats.overview?.totalAssignments || 0}`);
|
||||
console.log(` - 平均每角色权限数: ${stats.overview?.averagePermissionsPerRole || 0}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('❌ 权限统计失败:', error.response?.data?.message || error.message);
|
||||
}
|
||||
|
||||
console.log('\n测试完成!');
|
||||
}
|
||||
|
||||
// 运行测试
|
||||
testRolePermissionsAPI().catch(console.error);
|
||||
@@ -1,241 +0,0 @@
|
||||
# 智能设备API接口集成文档
|
||||
|
||||
## 概述
|
||||
本文档描述了智慧养殖小程序中智能设备管理系统的API接口集成情况。
|
||||
|
||||
## 基础配置
|
||||
- **API基础地址**: `http://localhost:5350`
|
||||
- **认证方式**: Bearer Token (存储在localStorage中)
|
||||
- **请求超时**: 10秒
|
||||
- **内容类型**: application/json
|
||||
|
||||
## 智能设备接口
|
||||
|
||||
### 1. 智能项圈管理 (`/api/smart-devices/collars`)
|
||||
|
||||
#### 获取项圈设备列表
|
||||
- **接口**: `GET /api/smart-devices/collars`
|
||||
- **参数**:
|
||||
- `page` (可选): 页码
|
||||
- `limit` (可选): 每页数量
|
||||
- `status` (可选): 设备状态筛选
|
||||
- **返回**: 项圈设备列表数据
|
||||
|
||||
#### 绑定项圈设备
|
||||
- **接口**: `POST /api/smart-devices/collars/bind`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"collarId": "string",
|
||||
"animalId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
#### 解绑项圈设备
|
||||
- **接口**: `POST /api/smart-devices/collars/unbind`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"collarId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 智能耳标管理 (`/api/smart-devices/eartags`)
|
||||
|
||||
#### 获取耳标设备列表
|
||||
- **接口**: `GET /api/smart-devices/eartags`
|
||||
- **参数**:
|
||||
- `page` (可选): 页码
|
||||
- `limit` (可选): 每页数量
|
||||
- `status` (可选): 设备状态筛选
|
||||
- **返回**: 耳标设备列表数据
|
||||
|
||||
#### 绑定耳标设备
|
||||
- **接口**: `POST /api/smart-devices/eartags/bind`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"earTagId": "string",
|
||||
"animalId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
#### 解绑耳标设备
|
||||
- **接口**: `POST /api/smart-devices/eartags/unbind`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"earTagId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
#### 获取耳标设备详情
|
||||
- **接口**: `GET /api/smart-devices/eartags/{earTagId}`
|
||||
- **返回**: 耳标设备详细信息
|
||||
|
||||
#### 更新耳标设备信息
|
||||
- **接口**: `PUT /api/smart-devices/eartags/{earTagId}`
|
||||
- **参数**: 设备更新数据
|
||||
|
||||
#### 删除耳标设备
|
||||
- **接口**: `DELETE /api/smart-devices/eartags/{earTagId}`
|
||||
|
||||
### 3. 智能脚环管理 (`/api/smart-devices/anklets`)
|
||||
|
||||
#### 获取脚环设备列表
|
||||
- **接口**: `GET /api/smart-devices/anklets`
|
||||
- **参数**:
|
||||
- `page` (可选): 页码
|
||||
- `limit` (可选): 每页数量
|
||||
- `status` (可选): 设备状态筛选
|
||||
- **返回**: 脚环设备列表数据
|
||||
|
||||
#### 绑定脚环设备
|
||||
- **接口**: `POST /api/smart-devices/anklets/bind`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"ankleId": "string",
|
||||
"animalId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
#### 解绑脚环设备
|
||||
- **接口**: `POST /api/smart-devices/anklets/unbind`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"ankleId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 智能主机管理 (`/api/smart-devices/hosts`)
|
||||
|
||||
#### 获取主机设备列表
|
||||
- **接口**: `GET /api/smart-devices/hosts`
|
||||
- **参数**:
|
||||
- `page` (可选): 页码
|
||||
- `limit` (可选): 每页数量
|
||||
- `status` (可选): 设备状态筛选
|
||||
- **返回**: 主机设备列表数据
|
||||
|
||||
#### 重启主机设备
|
||||
- **接口**: `POST /api/smart-devices/hosts/restart`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"hostId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
#### 启动主机设备
|
||||
- **接口**: `POST /api/smart-devices/hosts/start`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"hostId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
#### 停止主机设备
|
||||
- **接口**: `POST /api/smart-devices/hosts/stop`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"hostId": "string"
|
||||
}
|
||||
```
|
||||
|
||||
### 5. 设备搜索和状态监控 (`/api/smart-devices`)
|
||||
|
||||
#### 设备搜索
|
||||
- **接口**: `GET /api/smart-devices/search`
|
||||
- **参数**:
|
||||
- `keyword` (可选): 搜索关键词
|
||||
- `deviceType` (可选): 设备类型
|
||||
- `status` (可选): 设备状态
|
||||
- **返回**: 搜索结果
|
||||
|
||||
#### 获取设备状态监控
|
||||
- **接口**: `GET /api/smart-devices/status`
|
||||
- **参数**:
|
||||
- `deviceIds` (可选): 设备ID数组
|
||||
- `deviceType` (可选): 设备类型
|
||||
- **返回**: 设备状态数据
|
||||
|
||||
#### 获取设备统计信息
|
||||
- **接口**: `GET /api/smart-devices/statistics`
|
||||
- **返回**: 设备统计汇总数据
|
||||
|
||||
#### 批量更新设备状态
|
||||
- **接口**: `POST /api/smart-devices/batch-update`
|
||||
- **参数**:
|
||||
```json
|
||||
{
|
||||
"deviceIds": ["string"],
|
||||
"statusData": {}
|
||||
}
|
||||
```
|
||||
|
||||
#### 获取设备实时数据
|
||||
- **接口**: `GET /api/smart-devices/{deviceType}/{deviceId}/realtime`
|
||||
- **返回**: 设备实时监控数据
|
||||
|
||||
#### 获取设备历史数据
|
||||
- **接口**: `GET /api/smart-devices/{deviceType}/{deviceId}/history`
|
||||
- **参数**:
|
||||
- `startTime` (可选): 开始时间
|
||||
- `endTime` (可选): 结束时间
|
||||
- **返回**: 设备历史数据
|
||||
|
||||
## 错误处理
|
||||
|
||||
所有API调用都包含错误处理机制：
|
||||
- 网络错误时显示控制台错误信息
|
||||
- API错误时抛出异常供组件处理
|
||||
- 提供模拟数据作为降级方案
|
||||
|
||||
## 使用示例
|
||||
|
||||
### 在Vue组件中使用API服务
|
||||
|
||||
```javascript
|
||||
import { getCollarDevices, bindCollar } from '@/services/collarService'
|
||||
|
||||
export default {
|
||||
async mounted() {
|
||||
try {
|
||||
const response = await getCollarDevices()
|
||||
this.devices = response.data
|
||||
} catch (error) {
|
||||
console.error('加载设备失败:', error)
|
||||
// 使用模拟数据
|
||||
this.devices = this.getMockData()
|
||||
}
|
||||
},
|
||||
|
||||
async handleBind(device) {
|
||||
try {
|
||||
await bindCollar(device.id, 'animal_123')
|
||||
device.isBound = true
|
||||
} catch (error) {
|
||||
console.error('绑定失败:', error)
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. 所有API调用都需要有效的认证token
|
||||
2. 请求失败时会自动使用模拟数据
|
||||
3. 设备绑定操作需要提供动物ID
|
||||
4. 主机操作（启动/重启/停止）需要确认设备状态
|
||||
5. 搜索和筛选功能支持多参数组合查询
|
||||
|
||||
## 更新日志
|
||||
|
||||
- **2025-09-18**: 初始版本，集成所有智能设备API接口
|
||||
- 统一API路径为 `/api/smart-devices/*`
|
||||
- 添加完整的错误处理和模拟数据支持
|
||||
- 实现设备绑定/解绑、状态监控等功能
|
||||
@@ -1,119 +0,0 @@
|
||||
# 智能耳标API集成完成报告
|
||||
|
||||
## ✅ 集成状态：已完成
|
||||
|
||||
### API接口信息
|
||||
- **接口地址**: `http://localhost:5350/api/smart-devices/public/eartags`
|
||||
- **请求方法**: GET
|
||||
- **参数**: `page=1&limit=10&refresh=true`
|
||||
- **认证**: 无需认证（使用公开API）
|
||||
|
||||
### 配置更新
|
||||
|
||||
#### 1. API配置文件 (`utils/api.js`)
|
||||
```javascript
|
||||
const config = {
|
||||
baseUrl: 'http://localhost:5350/api', // 智能耳标API地址
|
||||
timeout: 10000,
|
||||
header: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
#### 2. 智能耳标页面 (`pages/device/eartag/eartag.js`)
|
||||
```javascript
|
||||
// 使用真实的智能耳标API接口（公开API，无需认证）
|
||||
const response = await get('/smart-devices/public/eartags?page=1&limit=10&refresh=true')
|
||||
```
|
||||
|
||||
### API响应数据格式
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"message": "数据获取成功",
|
||||
"data": {
|
||||
"list": [
|
||||
{
|
||||
"id": 99833,
|
||||
"sn": "DEV099833",
|
||||
"rsrp": "-",
|
||||
"bandge_status": 1,
|
||||
"deviceInfo": "0",
|
||||
"temperature": "39.00",
|
||||
"status": "在线",
|
||||
"steps": 0,
|
||||
"location": "无定位",
|
||||
"updateInte": "..."
|
||||
}
|
||||
],
|
||||
"pagination": {
|
||||
"page": 1,
|
||||
"limit": 10,
|
||||
"total": 100
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 字段映射
|
||||
智能耳标页面会自动将API数据映射为前端显示格式：
|
||||
- `sn` → `eartagNumber` (耳标编号)
|
||||
- `temperature` → `temperature` (体温)
|
||||
- `status` → `isBound` (绑定状态)
|
||||
- `steps` → `totalMovement` (运动量)
|
||||
- `location` → `location` (位置)
|
||||
|
||||
### 测试结果
|
||||
- ✅ API连接成功 (状态码: 200)
|
||||
- ✅ 数据返回正常
|
||||
- ✅ 字段映射正确
|
||||
- ✅ 无需认证即可访问
|
||||
|
||||
## 🚀 使用说明
|
||||
|
||||
### 1. 启动后端服务
|
||||
```bash
|
||||
cd backend
|
||||
npm start
|
||||
```
|
||||
后端将在 `http://localhost:5350` 运行
|
||||
|
||||
### 2. 微信开发者工具配置
|
||||
- 打开微信开发者工具
|
||||
- 点击右上角"详情"按钮
|
||||
- 在"本地设置"中勾选 **"不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书"**
|
||||
|
||||
### 3. 测试智能耳标功能
|
||||
1. 点击首页"智能设备" → "智能耳标"
|
||||
2. 页面将自动调用真实API获取数据
|
||||
3. 数据会实时显示在列表中
|
||||
|
||||
## 📋 功能特性
|
||||
|
||||
- **动态数据获取**: 实时从后端API获取智能耳标数据
|
||||
- **字段自动映射**: 自动将API字段映射为中文显示
|
||||
- **分页支持**: 支持分页加载更多数据
|
||||
- **搜索功能**: 支持按耳标编号搜索
|
||||
- **状态筛选**: 支持按绑定状态筛选
|
||||
- **下拉刷新**: 支持下拉刷新获取最新数据
|
||||
|
||||
## 🔧 技术实现
|
||||
|
||||
- **API工具**: 使用 `utils/api.js` 统一处理API请求
|
||||
- **错误处理**: 完善的错误处理和用户提示
|
||||
- **数据缓存**: 支持数据缓存和实时更新
|
||||
- **响应式设计**: 适配不同屏幕尺寸
|
||||
|
||||
## 📝 注意事项
|
||||
|
||||
1. **域名白名单**: 生产环境需要在微信公众平台配置域名白名单
|
||||
2. **HTTPS要求**: 生产环境必须使用HTTPS协议
|
||||
3. **数据安全**: 当前使用公开API，生产环境建议使用认证API
|
||||
4. **性能优化**: 大数据量时建议实现虚拟滚动
|
||||
|
||||
---
|
||||
|
||||
**集成完成时间**: 2025年9月23日
|
||||
**API状态**: 正常运行
|
||||
**测试状态**: 通过
|
||||
@@ -1,122 +0,0 @@
|
||||
# 智能耳标API集成指南
|
||||
|
||||
## 📡 API接口信息
|
||||
|
||||
**接口地址**: `/api/iot-jbq-client`
|
||||
**请求方法**: GET
|
||||
**数据格式**: JSON
|
||||
|
||||
## 🔄 字段映射和数据处理
|
||||
|
||||
### 输入字段映射
|
||||
智能耳标页面会自动处理以下API字段的映射：
|
||||
|
||||
| 页面显示字段 | API可能字段名 | 处理函数 | 说明 |
|
||||
|-------------|-------------|----------|------|
|
||||
| 耳标编号 | `eartagNumber`, `eartag_number`, `id` | 直接映射 | 唯一标识符 |
|
||||
| 绑定状态 | `isBound`, `is_bound`, `bound`, `status` | `checkIfBound()` | 判断是否已绑定 |
|
||||
| 设备电量 | `batteryLevel`, `battery_level`, `battery`, `power` | `formatBatteryLevel()` | 格式化电量百分比 |
|
||||
| 设备温度 | `temperature`, `temp`, `device_temp` | `formatTemperature()` | 格式化温度值 |
|
||||
| 被采集主机 | `hostNumber`, `host_number`, `hostId`, `host_id`, `collector` | `formatHostNumber()` | 主机标识 |
|
||||
| 总运动量 | `totalMovement`, `total_movement`, `movement_total` | `formatMovement()` | 运动量数值 |
|
||||
| 今日运动量 | `todayMovement`, `today_movement`, `movement_today` | `formatMovement()` | 今日运动量 |
|
||||
| 更新时间 | `updateTime`, `update_time`, `last_update` | `formatUpdateTime()` | 格式化时间显示 |
|
||||
|
||||
### 数据处理函数
|
||||
|
||||
#### 1. `checkIfBound(item)` - 绑定状态判断
|
||||
```javascript
|
||||
// 优先级判断逻辑：
|
||||
// 1. 明确的绑定状态字段
|
||||
// 2. 状态字符串匹配
|
||||
// 3. 根据是否有牛只ID判断
|
||||
```
|
||||
|
||||
#### 2. `formatBatteryLevel(item)` - 电量格式化
|
||||
```javascript
|
||||
// 提取电量值并四舍五入为整数
|
||||
// 默认值：0
|
||||
```
|
||||
|
||||
#### 3. `formatTemperature(item)` - 温度格式化
|
||||
```javascript
|
||||
// 保留一位小数
|
||||
// 默认值：0.0
|
||||
```
|
||||
|
||||
#### 4. `formatUpdateTime(timeStr)` - 时间格式化
|
||||
```javascript
|
||||
// 转换为中文格式：YYYY-MM-DD HH:mm:ss
|
||||
// 处理各种时间格式
|
||||
```
|
||||
|
||||
## 🎯 功能特性
|
||||
|
||||
### 1. 动态数据加载
|
||||
- ✅ 自动调用API接口获取数据
|
||||
- ✅ 实时更新筛选标签计数
|
||||
- ✅ 支持下拉刷新
|
||||
|
||||
### 2. 筛选功能
|
||||
- ✅ **耳标总数**: 显示所有耳标数量
|
||||
- ✅ **已绑定数量**: 显示已绑定耳标数量
|
||||
- ✅ **未绑定数量**: 显示未绑定耳标数量
|
||||
|
||||
### 3. 搜索功能
|
||||
- ✅ 支持按耳标编号搜索
|
||||
- ✅ 支持按主机号搜索
|
||||
- ✅ 实时搜索过滤
|
||||
|
||||
### 4. 交互功能
|
||||
- ✅ 点击耳标项查看详情
|
||||
- ✅ 添加新耳标功能
|
||||
- ✅ 绑定状态显示
|
||||
|
||||
## 🎨 UI设计特点
|
||||
|
||||
### 严格按照图片设计实现：
|
||||
1. **顶部绿色区域**: 搜索框 + 添加按钮
|
||||
2. **筛选标签**: 三个标签页，蓝色下划线选中效果
|
||||
3. **耳标列表**: 卡片式布局，包含所有字段信息
|
||||
4. **绑定状态**: 蓝色"未绑定"按钮，绿色"已绑定"按钮
|
||||
5. **响应式设计**: 适配不同屏幕尺寸
|
||||
|
||||
## 🔧 技术实现
|
||||
|
||||
### 文件结构
|
||||
```
|
||||
pages/device/eartag/
|
||||
├── eartag.wxml # 页面结构
|
||||
├── eartag.wxss # 页面样式
|
||||
└── eartag.js # 页面逻辑
|
||||
```
|
||||
|
||||
### 核心功能
|
||||
- **API集成**: 使用`get('/api/iot-jbq-client')`获取数据
|
||||
- **数据处理**: 自动字段映射和格式化
|
||||
- **状态管理**: 筛选、搜索、加载状态
|
||||
- **错误处理**: API调用失败时的用户提示
|
||||
|
||||
## 📱 使用说明
|
||||
|
||||
1. **页面访问**: 通过首页"智能设备"模块进入
|
||||
2. **数据刷新**: 下拉页面刷新数据
|
||||
3. **筛选查看**: 点击顶部标签切换不同视图
|
||||
4. **搜索功能**: 在搜索框输入关键词
|
||||
5. **添加耳标**: 点击右上角"+"按钮
|
||||
|
||||
## ⚠️ 注意事项
|
||||
|
||||
1. **API兼容性**: 支持多种字段名格式，自动适配
|
||||
2. **数据验证**: 对无效数据进行默认值处理
|
||||
3. **性能优化**: 使用数据缓存，避免重复请求
|
||||
4. **错误处理**: 网络异常时显示友好提示
|
||||
|
||||
## 🚀 扩展功能
|
||||
|
||||
未来可以扩展的功能：
|
||||
- 耳标详情页面
|
||||
- 批量操作功能
|
||||
- 数据导出功能
|
||||
- 实时数据更新
|
||||
- 历史数据查看
|
||||
@@ -1,161 +0,0 @@
|
||||
# API接口集成更新说明
|
||||
|
||||
## 更新概述
|
||||
|
||||
根据您提供的栏舍API接口 `http://localhost:5300/api/cattle-pens?page=1&pageSize=10`，我已经更新了牛只转栏记录功能，确保使用正确的API接口获取栏舍数据。
|
||||
|
||||
## 主要更新
|
||||
|
||||
### 1. API服务更新
|
||||
|
||||
**更新了栏舍API接口：**
|
||||
```javascript
|
||||
// 更新前
|
||||
getBarnsForTransfer: (farmId) => {
|
||||
return get('/barns', { farmId })
|
||||
}
|
||||
|
||||
// 更新后
|
||||
getBarnsForTransfer: (params = {}) => {
|
||||
return get('/cattle-pens', params)
|
||||
}
|
||||
```
|
||||
|
||||
**支持分页参数：**
|
||||
- `page`: 页码（默认1）
|
||||
- `pageSize`: 每页数量（默认10，转栏功能中设置为100以获取更多数据）
|
||||
|
||||
### 2. 数据格式适配
|
||||
|
||||
**根据API文档，栏舍API返回格式为：**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"data": {
|
||||
"list": [
|
||||
{
|
||||
"id": 1,
|
||||
"name": "栏舍名称",
|
||||
"code": "栏舍编号",
|
||||
"type": "育成栏",
|
||||
"capacity": 50,
|
||||
"currentCount": 10,
|
||||
"area": 100.50,
|
||||
"location": "位置描述",
|
||||
"status": "启用",
|
||||
"remark": "备注",
|
||||
"farmId": 1
|
||||
}
|
||||
],
|
||||
"total": 100,
|
||||
"page": 1,
|
||||
"pageSize": 10
|
||||
},
|
||||
"message": "获取栏舍列表成功"
|
||||
}
|
||||
```
|
||||
|
||||
**更新了数据处理逻辑：**
|
||||
```javascript
|
||||
// 支持多种数据格式
|
||||
if (response && Array.isArray(response)) {
|
||||
this.barns = response
|
||||
} else if (response && response.data && response.data.list && Array.isArray(response.data.list)) {
|
||||
this.barns = response.data.list // 主要格式
|
||||
} else if (response && response.data && Array.isArray(response.data)) {
|
||||
this.barns = response.data
|
||||
} else if (response && response.records && Array.isArray(response.records)) {
|
||||
this.barns = response.records
|
||||
}
|
||||
```
|
||||
|
||||
### 3. 新增API测试功能
|
||||
|
||||
**创建了API测试页面：**
|
||||
- 路径：`/api-test-page`
|
||||
- 功能：测试栏舍API、转栏记录API、可用牛只API
|
||||
- 显示：API响应数据的JSON格式
|
||||
- 调试：方便开发时查看API返回的数据结构
|
||||
|
||||
**在首页添加了测试入口：**
|
||||
- 开发环境下显示"API测试"按钮
|
||||
- 点击可跳转到API测试页面
|
||||
|
||||
## 栏舍数据字段映射
|
||||
|
||||
根据API文档，栏舍数据包含以下字段：
|
||||
|
||||
| 字段名 | 类型 | 说明 | 前端使用 |
|
||||
|--------|------|------|----------|
|
||||
| id | Integer | 栏舍ID | 作为选择值 |
|
||||
| name | String | 栏舍名称 | 显示名称 |
|
||||
| code | String | 栏舍编号 | 辅助显示 |
|
||||
| type | Enum | 栏舍类型 | 分类显示 |
|
||||
| capacity | Integer | 栏舍容量 | 容量信息 |
|
||||
| currentCount | Integer | 当前牛只数量 | 状态信息 |
|
||||
| area | Decimal | 面积(平方米) | 详细信息 |
|
||||
| location | Text | 位置描述 | 详细信息 |
|
||||
| status | Enum | 状态(启用/停用) | 过滤条件 |
|
||||
| remark | Text | 备注 | 详细信息 |
|
||||
| farmId | Integer | 所属农场ID | 关联信息 |
|
||||
|
||||
## 转栏功能中的栏舍选择
|
||||
|
||||
**在转栏登记页面：**
|
||||
- 转出栏舍和转入栏舍都从 `/api/cattle-pens` 接口获取
|
||||
- 显示格式：`栏舍名称 - 栏舍编号`
|
||||
- 支持分页加载（pageSize=100）
|
||||
- 自动处理API返回的数据格式
|
||||
|
||||
**在转栏记录显示：**
|
||||
- 显示栏舍的 `name` 字段
|
||||
- 通过关联的 `fromPen` 和 `toPen` 对象获取栏舍信息
|
||||
|
||||
## 测试方法
|
||||
|
||||
### 1. 通过API测试页面
|
||||
1. 在开发环境下访问首页
|
||||
2. 点击"API测试"按钮
|
||||
3. 在测试页面点击"测试栏舍API"按钮
|
||||
4. 查看返回的JSON数据格式
|
||||
|
||||
### 2. 通过转栏功能
|
||||
1. 访问转栏记录页面
|
||||
2. 点击"转栏登记"按钮
|
||||
3. 查看栏舍下拉选择框是否正常加载数据
|
||||
|
||||
### 3. 通过浏览器开发者工具
|
||||
1. 打开浏览器开发者工具
|
||||
2. 查看Network标签页
|
||||
3. 访问转栏功能时观察API请求
|
||||
4. 检查请求URL和响应数据
|
||||
|
||||
## 错误处理
|
||||
|
||||
**API调用失败时的处理：**
|
||||
- 显示错误提示信息
|
||||
- 在控制台输出详细错误信息
|
||||
- 栏舍列表为空时不影响其他功能
|
||||
|
||||
**数据格式异常时的处理：**
|
||||
- 在控制台输出警告信息
|
||||
- 尝试多种数据格式解析
|
||||
- 最终解析失败时使用空数组
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **API地址** - 确保后端API `http://localhost:5300/api/cattle-pens` 正常运行
|
||||
2. **认证要求** - 需要有效的认证token
|
||||
3. **数据格式** - 确保API返回的数据格式符合文档规范
|
||||
4. **分页参数** - 转栏功能中设置pageSize=100以获取更多栏舍数据
|
||||
5. **错误处理** - 网络错误和业务错误都有相应的处理机制
|
||||
|
||||
## 后续优化建议
|
||||
|
||||
1. **缓存机制** - 栏舍数据相对稳定，可以考虑缓存
|
||||
2. **搜索功能** - 栏舍数量多时可以添加搜索功能
|
||||
3. **分类筛选** - 根据栏舍类型进行筛选
|
||||
4. **状态筛选** - 只显示启用状态的栏舍
|
||||
5. **懒加载** - 栏舍数量很大时可以考虑懒加载
|
||||
|
||||
现在牛只转栏记录功能已经完全集成了正确的栏舍API接口，可以动态获取真实的栏舍数据！
|
||||
@@ -1,154 +0,0 @@
|
||||
# API端口更新说明
|
||||
|
||||
## 更新概述
|
||||
|
||||
根据您提供的牛只转栏记录API接口 `http://localhost:5300/api/cattle-transfer-records?page=1&pageSize=10&search=`，我已经更新了API配置，将端口从5350更改为5300。
|
||||
|
||||
## 主要更新
|
||||
|
||||
### 1. API基础URL更新
|
||||
|
||||
**更新前：**
|
||||
```javascript
|
||||
baseURL: process.env.VUE_APP_BASE_URL || 'http://localhost:5350/api'
|
||||
```
|
||||
|
||||
**更新后：**
|
||||
```javascript
|
||||
baseURL: process.env.VUE_APP_BASE_URL || 'http://localhost:5300/api'
|
||||
```
|
||||
|
||||
### 2. 影响的API接口
|
||||
|
||||
所有API接口现在都使用新的端口5300：
|
||||
|
||||
- **转栏记录相关：**
|
||||
- `GET /api/cattle-transfer-records` - 获取转栏记录列表
|
||||
- `POST /api/cattle-transfer-records` - 创建转栏记录
|
||||
- `GET /api/cattle-transfer-records/{id}` - 获取转栏记录详情
|
||||
- `PUT /api/cattle-transfer-records/{id}` - 更新转栏记录
|
||||
- `DELETE /api/cattle-transfer-records/{id}` - 删除转栏记录
|
||||
- `POST /api/cattle-transfer-records/batch-delete` - 批量删除
|
||||
- `GET /api/cattle-transfer-records/available-animals` - 获取可用牛只
|
||||
|
||||
- **栏舍相关：**
|
||||
- `GET /api/cattle-pens` - 获取栏舍列表
|
||||
|
||||
- **其他API：**
|
||||
- 所有其他API接口也会使用新的端口
|
||||
|
||||
### 3. API测试功能增强
|
||||
|
||||
**新增搜索功能测试：**
|
||||
- 在API测试页面添加了搜索输入框
|
||||
- 可以测试带搜索参数的转栏记录API
|
||||
- 支持测试 `search` 参数功能
|
||||
|
||||
**测试页面功能：**
|
||||
- 基础API测试（无搜索参数）
|
||||
- 搜索功能测试（带搜索参数）
|
||||
- 实时显示API响应数据
|
||||
- 错误处理和显示
|
||||
|
||||
## 转栏记录API参数
|
||||
|
||||
根据您提供的接口，转栏记录API支持以下参数：
|
||||
|
||||
### 查询参数
|
||||
- `page`: 页码（默认1）
|
||||
- `pageSize`: 每页数量（默认10）
|
||||
- `search`: 搜索关键词（可选）
|
||||
|
||||
### 示例请求
|
||||
```
|
||||
GET http://localhost:5300/api/cattle-transfer-records?page=1&pageSize=10&search=
|
||||
```
|
||||
|
||||
### 搜索功能
|
||||
- 支持按耳号搜索转栏记录
|
||||
- 支持按其他字段搜索（具体取决于后端实现）
|
||||
- 搜索参数为空时返回所有记录
|
||||
|
||||
## 测试方法
|
||||
|
||||
### 1. 通过API测试页面
|
||||
1. 访问首页，点击"API测试"按钮
|
||||
2. 在转栏记录API测试区域：
|
||||
- 点击"测试转栏记录API"测试基础功能
|
||||
- 输入搜索关键词，点击"测试搜索功能"测试搜索
|
||||
3. 查看返回的JSON数据格式
|
||||
|
||||
### 2. 通过转栏功能
|
||||
1. 访问转栏记录页面
|
||||
2. 在搜索框中输入耳号进行搜索
|
||||
3. 观察API请求和响应
|
||||
|
||||
### 3. 通过浏览器开发者工具
|
||||
1. 打开开发者工具的Network标签页
|
||||
2. 访问转栏功能
|
||||
3. 查看API请求的URL和参数
|
||||
4. 检查响应数据格式
|
||||
|
||||
## 数据格式预期
|
||||
|
||||
根据API接口，转栏记录数据应该包含以下字段：
|
||||
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"data": {
|
||||
"list": [
|
||||
{
|
||||
"id": 1,
|
||||
"recordId": "TR20250101001",
|
||||
"animalId": 123,
|
||||
"earNumber": "123456",
|
||||
"fromPenId": 1,
|
||||
"toPenId": 2,
|
||||
"transferDate": "2025-01-01T10:00:00Z",
|
||||
"reason": "正常调栏",
|
||||
"operator": "张三",
|
||||
"status": "已完成",
|
||||
"remark": "备注信息",
|
||||
"farmId": 1,
|
||||
"created_at": "2025-01-01T10:00:00Z",
|
||||
"updated_at": "2025-01-01T10:00:00Z",
|
||||
"fromPen": {
|
||||
"id": 1,
|
||||
"name": "转出栏舍",
|
||||
"code": "PEN001"
|
||||
},
|
||||
"toPen": {
|
||||
"id": 2,
|
||||
"name": "转入栏舍",
|
||||
"code": "PEN002"
|
||||
}
|
||||
}
|
||||
],
|
||||
"total": 100,
|
||||
"page": 1,
|
||||
"pageSize": 10
|
||||
},
|
||||
"message": "获取转栏记录列表成功"
|
||||
}
|
||||
```
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **端口一致性** - 确保后端API服务运行在5300端口
|
||||
2. **认证要求** - 所有API都需要有效的认证token
|
||||
3. **搜索功能** - 搜索参数为空时应该返回所有记录
|
||||
4. **分页功能** - 支持分页查询，默认每页10条记录
|
||||
5. **错误处理** - API调用失败时有相应的错误处理
|
||||
|
||||
## 环境变量配置
|
||||
|
||||
如果需要通过环境变量配置API地址，可以在项目根目录创建 `.env` 文件：
|
||||
|
||||
```env
|
||||
VUE_APP_BASE_URL=http://localhost:5300/api
|
||||
```
|
||||
|
||||
这样可以在不同环境中使用不同的API地址，而不需要修改代码。
|
||||
|
||||
现在所有API接口都使用正确的端口5300，转栏记录功能可以正常调用后端API获取数据！
|
||||
@@ -1,65 +0,0 @@
|
||||
# API 设置说明
|
||||
|
||||
## 问题描述
|
||||
后端API返回401未授权错误，需要正确的认证信息才能获取371台主机的数据。
|
||||
|
||||
## 当前状态
|
||||
- ✅ API服务正在运行 (http://localhost:5350)
|
||||
- ✅ API端点存在 (/api/smart-devices/hosts)
|
||||
- ❌ 需要认证才能访问
|
||||
- ❌ 前端显示10台主机而不是371台
|
||||
|
||||
## 解决方案
|
||||
|
||||
### 方案1: 获取正确的认证token
|
||||
1. 联系后端开发者获取测试用的认证token
|
||||
2. 在浏览器控制台执行以下代码设置token：
|
||||
```javascript
|
||||
localStorage.setItem('token', 'YOUR_ACTUAL_TOKEN_HERE')
|
||||
```
|
||||
|
||||
### 方案2: 检查API是否需要特殊参数
|
||||
可能API需要特定的请求参数，如：
|
||||
- 用户ID
|
||||
- 项目ID
|
||||
- 其他业务参数
|
||||
|
||||
### 方案3: 临时测试token
|
||||
如果后端有测试模式，可以尝试：
|
||||
```javascript
|
||||
localStorage.setItem('token', 'test-token')
|
||||
```
|
||||
|
||||
## 测试步骤
|
||||
|
||||
1. 运行认证测试：
|
||||
```bash
|
||||
node auth-test.js
|
||||
```
|
||||
|
||||
2. 运行API测试：
|
||||
```bash
|
||||
node test-api.js
|
||||
```
|
||||
|
||||
3. 在浏览器中测试前端：
|
||||
- 打开开发者工具
|
||||
- 查看控制台日志
|
||||
- 检查网络请求
|
||||
|
||||
## 预期结果
|
||||
- API应该返回371台主机的数据
|
||||
- 前端应该正确显示总数371
|
||||
- 分页功能应该正常工作
|
||||
|
||||
## 当前代码状态
|
||||
- ✅ 已移除所有模拟数据
|
||||
- ✅ 只使用真实API接口
|
||||
- ✅ 正确处理API响应结构
|
||||
- ✅ 支持分页和搜索
|
||||
- ❌ 需要解决认证问题
|
||||
|
||||
## 下一步
|
||||
1. 获取正确的认证信息
|
||||
2. 测试API连接
|
||||
3. 验证前端显示371台主机
|
||||
@@ -1,123 +0,0 @@
|
||||
# API测试指南
|
||||
|
||||
## 问题解决状态
|
||||
|
||||
✅ **401认证错误已修复**
|
||||
- 修复了代理配置，从 `http://localhost:3000` 改为 `http://localhost:5350`
|
||||
- 实现了真实的JWT token认证
|
||||
- 移除了模拟数据回退，使用真实API数据
|
||||
|
||||
## 测试步骤
|
||||
|
||||
### 1. 访问认证测试页面
|
||||
```
|
||||
http://localhost:8080/auth-test
|
||||
```
|
||||
|
||||
### 2. 测试API连接
|
||||
1. 点击"设置测试Token"按钮
|
||||
2. 系统会自动使用 `admin/123456` 登录获取真实JWT token
|
||||
3. 点击"测试所有API"按钮
|
||||
4. 查看测试结果
|
||||
|
||||
### 3. 预期结果
|
||||
- ✅ 耳标API测试成功，获取到真实数据
|
||||
- ✅ 项圈API测试成功，获取到真实数据
|
||||
- ✅ 脚环API测试成功，获取到真实数据
|
||||
- ✅ 主机API测试成功，获取到真实数据
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 认证流程
|
||||
1. 前端调用 `/api/auth/login` 获取JWT token
|
||||
2. 将token存储在 `localStorage` 中
|
||||
3. 所有API请求自动添加 `Authorization: Bearer <token>` 头
|
||||
4. 后端验证JWT token并返回数据
|
||||
|
||||
### API端点
|
||||
- **登录**: `POST /api/auth/login`
|
||||
- **耳标设备**: `GET /api/smart-devices/eartags`
|
||||
- **项圈设备**: `GET /api/smart-devices/collars`
|
||||
- **脚环设备**: `GET /api/smart-devices/anklets`
|
||||
- **主机设备**: `GET /api/smart-devices/hosts`
|
||||
|
||||
### 默认账号
|
||||
- **用户名**: `admin`
|
||||
- **密码**: `123456`
|
||||
|
||||
## 故障排除
|
||||
|
||||
### 如果仍然出现401错误
|
||||
1. 检查后端服务是否运行在 `http://localhost:5350`
|
||||
2. 检查前端代理配置是否正确
|
||||
3. 清除浏览器缓存和localStorage
|
||||
4. 重新设置测试token
|
||||
|
||||
### 如果API返回空数据
|
||||
1. 检查数据库是否有测试数据
|
||||
2. 检查用户权限是否正确设置
|
||||
3. 查看后端日志了解详细错误信息
|
||||
|
||||
## 开发说明
|
||||
|
||||
### 环境变量
|
||||
```javascript
|
||||
VUE_APP_API_BASE_URL=http://localhost:5350
|
||||
```
|
||||
|
||||
### 代理配置
|
||||
```javascript
|
||||
// vue.config.js
|
||||
devServer: {
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: 'http://localhost:5350',
|
||||
changeOrigin: true
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 认证头格式
|
||||
```javascript
|
||||
headers: {
|
||||
'Authorization': `Bearer ${token}`
|
||||
}
|
||||
```
|
||||
|
||||
## 下一步
|
||||
|
||||
1. 实现用户登录页面集成真实API
|
||||
2. 添加错误处理和用户提示
|
||||
3. 实现token自动刷新机制
|
||||
4. 添加权限控制
|
||||
5. 优化API响应处理
|
||||
|
||||
## 测试命令
|
||||
|
||||
### 手动测试API
|
||||
```powershell
|
||||
# 登录获取token
|
||||
$response = Invoke-WebRequest -Uri "http://localhost:5350/api/auth/login" -Method POST -Body '{"username":"admin","password":"123456"}' -ContentType "application/json"
|
||||
$token = ($response.Content | ConvertFrom-Json).token
|
||||
|
||||
# 测试耳标API
|
||||
Invoke-WebRequest -Uri "http://localhost:5350/api/smart-devices/eartags" -Headers @{"Authorization"="Bearer $token"} -Method GET
|
||||
```
|
||||
|
||||
### 检查服务状态
|
||||
```powershell
|
||||
# 检查后端服务
|
||||
netstat -an | findstr :5350
|
||||
|
||||
# 检查前端服务
|
||||
netstat -an | findstr :8080
|
||||
```
|
||||
|
||||
## 成功指标
|
||||
|
||||
- [x] 401错误已解决
|
||||
- [x] 真实API数据正常返回
|
||||
- [x] JWT认证正常工作
|
||||
- [x] 前端代理配置正确
|
||||
- [x] 所有设备API可正常调用
|
||||
@@ -1,88 +0,0 @@
|
||||
# 401认证错误修复说明
|
||||
|
||||
## 问题描述
|
||||
在访问智能设备页面时出现 `401 (Unauthorized)` 错误，这是因为API请求需要有效的认证token。
|
||||
|
||||
## 解决方案
|
||||
|
||||
### 1. 自动修复（推荐）
|
||||
应用已经自动处理了这个问题：
|
||||
- 开发环境会自动设置测试token
|
||||
- API请求失败时会自动使用模拟数据
|
||||
- 所有设备页面都能正常显示和操作
|
||||
|
||||
### 2. 手动设置Token
|
||||
如果需要使用真实API，可以：
|
||||
|
||||
#### 方法一：通过认证测试页面
|
||||
1. 访问首页，在开发工具部分点击"🔧 认证测试"
|
||||
2. 在认证测试页面点击"设置测试Token"
|
||||
3. 测试各个API接口
|
||||
|
||||
#### 方法二：通过浏览器控制台
|
||||
```javascript
|
||||
// 设置测试token
|
||||
localStorage.setItem('token', 'your-actual-token-here')
|
||||
|
||||
// 设置用户信息
|
||||
localStorage.setItem('userInfo', JSON.stringify({
|
||||
id: 'user-001',
|
||||
name: 'AIOTAGRO',
|
||||
phone: '15586823774',
|
||||
role: 'admin'
|
||||
}))
|
||||
|
||||
// 刷新页面
|
||||
location.reload()
|
||||
```
|
||||
|
||||
### 3. 当前状态
|
||||
✅ **已修复的问题：**
|
||||
- 401认证错误不再阻止页面加载
|
||||
- 所有API服务都有模拟数据降级
|
||||
- 开发环境自动设置测试token
|
||||
- 添加了认证测试工具页面
|
||||
|
||||
✅ **功能正常：**
|
||||
- 智能耳标页面 (`/ear-tag`)
|
||||
- 智能项圈页面 (`/smart-collar`)
|
||||
- 智能脚环页面 (`/smart-ankle`)
|
||||
- 智能主机页面 (`/smart-host`)
|
||||
- 所有设备操作（绑定、解绑、状态管理）
|
||||
|
||||
### 4. 测试方法
|
||||
1. 访问 http://localhost:8080/
|
||||
2. 点击任意智能设备进入对应页面
|
||||
3. 页面应该正常加载并显示模拟数据
|
||||
4. 可以正常进行搜索、筛选、绑定等操作
|
||||
|
||||
### 5. 生产环境配置
|
||||
在生产环境中，需要：
|
||||
1. 确保后端API正常运行
|
||||
2. 实现真实的用户认证流程
|
||||
3. 获取有效的JWT token
|
||||
4. 将token存储到localStorage中
|
||||
|
||||
## 技术实现
|
||||
|
||||
### API服务改进
|
||||
- 添加了401错误拦截器
|
||||
- 自动降级到模拟数据
|
||||
- 统一的错误处理机制
|
||||
|
||||
### 认证工具
|
||||
- `src/utils/auth.js` - 认证管理工具
|
||||
- `src/components/AuthTest.vue` - 认证测试页面
|
||||
|
||||
### 模拟数据
|
||||
每个API服务都包含完整的模拟数据：
|
||||
- 智能耳标：4个设备示例
|
||||
- 智能项圈：4个设备示例
|
||||
- 智能脚环：4个设备示例
|
||||
- 智能主机：4个设备示例
|
||||
|
||||
## 注意事项
|
||||
- 模拟数据仅用于开发和测试
|
||||
- 生产环境需要连接真实API
|
||||
- 所有设备操作在模拟模式下都是本地状态更新
|
||||
- 刷新页面后状态会重置为初始值
|
||||
@@ -1,161 +0,0 @@
|
||||
# 智能耳标认证问题解决方案
|
||||
|
||||
## 🎯 问题总结
|
||||
|
||||
**问题**: 智能耳标API返回401未授权错误，无法获取数据
|
||||
**原因**: 需要JWT认证token才能访问API
|
||||
**解决**: 自动获取并设置认证token
|
||||
|
||||
## ✅ 解决方案
|
||||
|
||||
### 方案1: 自动获取Token (推荐)
|
||||
|
||||
```bash
|
||||
# 运行自动登录脚本
|
||||
node auto-login.js
|
||||
```
|
||||
|
||||
### 方案2: 手动设置Token
|
||||
|
||||
```bash
|
||||
# 运行token设置工具
|
||||
node set-token.js
|
||||
```
|
||||
|
||||
### 方案3: 浏览器控制台设置
|
||||
|
||||
1. 打开浏览器开发者工具 (F12)
|
||||
2. 在控制台中执行：
|
||||
```javascript
|
||||
localStorage.setItem('token', 'YOUR_TOKEN_HERE')
|
||||
```
|
||||
3. 刷新页面
|
||||
|
||||
## 🔍 测试结果
|
||||
|
||||
### 智能主机API
|
||||
- ✅ **主机总数**: 371台
|
||||
- ✅ **API状态**: 正常
|
||||
- ✅ **认证**: 成功
|
||||
|
||||
### 智能耳标API
|
||||
- ✅ **耳标总数**: 1486台
|
||||
- ✅ **API状态**: 正常
|
||||
- ✅ **认证**: 成功
|
||||
|
||||
## 📊 API测试命令
|
||||
|
||||
```bash
|
||||
# 测试所有API
|
||||
node test-api.js
|
||||
|
||||
# 测试认证方法
|
||||
node auth-test.js
|
||||
|
||||
# 自动登录获取token
|
||||
node auto-login.js
|
||||
```
|
||||
|
||||
## 🔧 技术细节
|
||||
|
||||
### 认证流程
|
||||
1. 调用 `/api/auth/login` 接口
|
||||
2. 使用用户名: `admin`, 密码: `123456`
|
||||
3. 获取JWT token
|
||||
4. 在请求头中添加 `Authorization: Bearer TOKEN`
|
||||
|
||||
### API端点
|
||||
- **登录**: `POST /api/auth/login`
|
||||
- **智能主机**: `GET /api/smart-devices/hosts`
|
||||
- **智能耳标**: `GET /api/iot-jbq-client`
|
||||
|
||||
### Token格式
|
||||
```javascript
|
||||
// JWT Token示例
|
||||
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwidXNlcm5hbWUiOiJhZG1pbiIsImVtYWlsIjoiYWRtaW5AZXhhbXBsZS5jb20iLCJpYXQiOjE3NTgyNDkwMTMsImV4cCI6MTc1ODMzNTQxM30.Ic8WGgwN3PtshHtsM6VYoqGeb5TNWdEIl15wfMSutKA
|
||||
```
|
||||
|
||||
## 🚀 前端集成
|
||||
|
||||
### 1. 自动登录功能
|
||||
```javascript
|
||||
// 在应用启动时自动登录
|
||||
async function autoLogin() {
|
||||
try {
|
||||
const response = await axios.post('/api/auth/login', {
|
||||
username: 'admin',
|
||||
password: '123456'
|
||||
})
|
||||
|
||||
if (response.data.success) {
|
||||
localStorage.setItem('token', response.data.token)
|
||||
return response.data.token
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('自动登录失败:', error)
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 请求拦截器
|
||||
```javascript
|
||||
// 自动添加认证头
|
||||
api.interceptors.request.use(config => {
|
||||
const token = localStorage.getItem('token')
|
||||
if (token) {
|
||||
config.headers.Authorization = `Bearer ${token}`
|
||||
}
|
||||
return config
|
||||
})
|
||||
```
|
||||
|
||||
### 3. 响应拦截器
|
||||
```javascript
|
||||
// 处理认证错误
|
||||
api.interceptors.response.use(
|
||||
response => response,
|
||||
error => {
|
||||
if (error.response?.status === 401) {
|
||||
// 清除过期token
|
||||
localStorage.removeItem('token')
|
||||
// 重新登录
|
||||
autoLogin()
|
||||
}
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
```
|
||||
|
||||
## 📝 验证步骤
|
||||
|
||||
1. **运行自动登录**:
|
||||
```bash
|
||||
node auto-login.js
|
||||
```
|
||||
|
||||
2. **检查输出**:
|
||||
- ✅ 登录成功
|
||||
- ✅ 智能主机API: 371台
|
||||
- ✅ 智能耳标API: 1486台
|
||||
|
||||
3. **设置前端token**:
|
||||
```javascript
|
||||
localStorage.setItem('token', 'YOUR_TOKEN')
|
||||
```
|
||||
|
||||
4. **刷新页面测试**
|
||||
|
||||
## 🎉 结果
|
||||
|
||||
- ✅ **认证问题已解决**
|
||||
- ✅ **智能主机API正常**: 371台主机
|
||||
- ✅ **智能耳标API正常**: 1486台耳标
|
||||
- ✅ **前端可以正常获取数据**
|
||||
- ✅ **分页功能正常工作**
|
||||
|
||||
## 🔄 维护说明
|
||||
|
||||
- Token有效期为24小时
|
||||
- 过期后需要重新获取
|
||||
- 建议实现自动token刷新机制
|
||||
- 生产环境应使用更安全的认证方式
|
||||
@@ -1,177 +0,0 @@
|
||||
# 智能耳标认证问题解决成功报告
|
||||
|
||||
## 🎉 问题解决状态
|
||||
|
||||
**✅ 认证问题已完全解决！**
|
||||
|
||||
## 📊 测试结果
|
||||
|
||||
### 智能主机API
|
||||
- ✅ **状态**: 正常
|
||||
- ✅ **主机总数**: 371台
|
||||
- ✅ **分页功能**: 正常
|
||||
- ✅ **搜索功能**: 正常
|
||||
- ✅ **认证**: 成功
|
||||
|
||||
### 智能耳标API
|
||||
- ✅ **状态**: 正常
|
||||
- ✅ **耳标总数**: 1486台
|
||||
- ✅ **分页功能**: 正常
|
||||
- ✅ **认证**: 成功
|
||||
|
||||
## 🔧 解决方案
|
||||
|
||||
### 1. 自动认证系统
|
||||
- 实现了自动登录获取JWT token
|
||||
- 自动在API请求中添加认证头
|
||||
- 支持token过期自动刷新
|
||||
|
||||
### 2. 创建的工具
|
||||
- `auto-login.js` - 自动登录脚本
|
||||
- `set-token.js` - Token设置工具
|
||||
- `test-api.js` - API测试脚本
|
||||
- `auth-test.js` - 认证方法测试
|
||||
|
||||
### 3. 认证流程
|
||||
```
|
||||
1. 调用 /api/auth/login
|
||||
2. 用户名: admin, 密码: 123456
|
||||
3. 获取JWT token
|
||||
4. 在请求头添加 Authorization: Bearer TOKEN
|
||||
5. 成功访问所有API
|
||||
```
|
||||
|
||||
## 📈 性能数据
|
||||
|
||||
### API响应时间
|
||||
- 登录API: ~200ms
|
||||
- 智能主机API: ~150ms
|
||||
- 智能耳标API: ~180ms
|
||||
|
||||
### 数据量
|
||||
- 智能主机: 371台设备
|
||||
- 智能耳标: 1486台设备
|
||||
- 分页支持: 每页10条记录
|
||||
|
||||
## 🚀 前端集成
|
||||
|
||||
### 1. 自动登录功能
|
||||
```javascript
|
||||
// 应用启动时自动获取token
|
||||
const token = await autoLogin()
|
||||
localStorage.setItem('token', token)
|
||||
```
|
||||
|
||||
### 2. 请求拦截器
|
||||
```javascript
|
||||
// 自动添加认证头
|
||||
api.interceptors.request.use(config => {
|
||||
const token = localStorage.getItem('token')
|
||||
if (token) {
|
||||
config.headers.Authorization = `Bearer ${token}`
|
||||
}
|
||||
return config
|
||||
})
|
||||
```
|
||||
|
||||
### 3. 错误处理
|
||||
```javascript
|
||||
// 处理401认证错误
|
||||
api.interceptors.response.use(
|
||||
response => response,
|
||||
error => {
|
||||
if (error.response?.status === 401) {
|
||||
// 重新登录
|
||||
autoLogin()
|
||||
}
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
```
|
||||
|
||||
## 📋 使用指南
|
||||
|
||||
### 快速开始
|
||||
```bash
|
||||
# 1. 自动获取token
|
||||
node auto-login.js
|
||||
|
||||
# 2. 测试API连接
|
||||
node test-api.js
|
||||
|
||||
# 3. 在浏览器中设置token
|
||||
localStorage.setItem('token', 'YOUR_TOKEN')
|
||||
```
|
||||
|
||||
### 前端设置
|
||||
1. 打开浏览器开发者工具 (F12)
|
||||
2. 在控制台执行：
|
||||
```javascript
|
||||
localStorage.setItem('token', 'YOUR_TOKEN')
|
||||
```
|
||||
3. 刷新页面
|
||||
|
||||
## 🔍 验证步骤
|
||||
|
||||
### 1. 运行测试
|
||||
```bash
|
||||
node test-api.js
|
||||
```
|
||||
|
||||
### 2. 检查输出
|
||||
- ✅ 认证token获取成功
|
||||
- ✅ API连接成功
|
||||
- ✅ 主机总数: 371
|
||||
- ✅ 分页功能正常
|
||||
- ✅ 搜索功能正常
|
||||
|
||||
### 3. 前端验证
|
||||
- 打开智能主机页面
|
||||
- 检查是否显示371台主机
|
||||
- 测试分页功能
|
||||
- 测试搜索功能
|
||||
|
||||
## 📝 技术细节
|
||||
|
||||
### JWT Token
|
||||
- **算法**: HS256
|
||||
- **有效期**: 24小时
|
||||
- **包含信息**: 用户ID、用户名、邮箱
|
||||
|
||||
### API端点
|
||||
- **登录**: `POST /api/auth/login`
|
||||
- **智能主机**: `GET /api/smart-devices/hosts`
|
||||
- **智能耳标**: `GET /api/iot-jbq-client`
|
||||
|
||||
### 认证头格式
|
||||
```
|
||||
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
|
||||
```
|
||||
|
||||
## 🎯 最终结果
|
||||
|
||||
- ✅ **认证问题完全解决**
|
||||
- ✅ **所有API正常工作**
|
||||
- ✅ **前端可以获取真实数据**
|
||||
- ✅ **分页功能正常**
|
||||
- ✅ **搜索功能正常**
|
||||
- ✅ **智能主机显示371台**
|
||||
- ✅ **智能耳标显示1486台**
|
||||
|
||||
## 🔄 维护建议
|
||||
|
||||
1. **Token管理**: 实现自动刷新机制
|
||||
2. **错误处理**: 完善401错误处理
|
||||
3. **安全性**: 生产环境使用更安全的认证
|
||||
4. **监控**: 添加API调用监控
|
||||
|
||||
## 📞 支持
|
||||
|
||||
如有问题，请参考：
|
||||
- `AUTH_SOLUTION.md` - 详细解决方案
|
||||
- `API_SETUP.md` - API设置说明
|
||||
- `IMPLEMENTATION_SUMMARY.md` - 实现总结
|
||||
|
||||
---
|
||||
|
||||
**🎉 认证问题解决完成！现在前端可以正常访问所有API并显示真实数据。**
|
||||
@@ -1,195 +0,0 @@
|
||||
# 牛只档案功能说明
|
||||
|
||||
## 功能概述
|
||||
|
||||
根据提供的UI设计图片，实现了完整的牛只档案管理系统，包括：
|
||||
|
||||
1. **牛只档案列表页面** (`/cattle-profile`)
|
||||
2. **新增牛只档案页面** (`/cattle-add`)
|
||||
3. **API接口集成** (调用 `http://localhost:5350/api/cattle-type` 等接口)
|
||||
|
||||
## 页面功能
|
||||
|
||||
### 牛只档案列表页面 (`CattleProfile.vue`)
|
||||
|
||||
**UI特性：**
|
||||
- 移动端友好的设计，完全按照图片UI实现
|
||||
- 顶部状态栏：返回按钮、标题、操作图标
|
||||
- 搜索栏：支持按耳号精确查询
|
||||
- 牛只卡片列表：显示牛只详细信息
|
||||
- 分页功能：支持分页浏览
|
||||
- 新增档案按钮：固定在底部的绿色按钮
|
||||
|
||||
**数据字段映射：**
|
||||
- 耳号：`earNumber` (绿色高亮显示)
|
||||
- 佩戴设备：`deviceNumber`
|
||||
- 出生日期：`birthday` (格式化显示)
|
||||
- 品类：`cate` (中文映射：犊牛、育成母牛等)
|
||||
- 品种：`varieties` (从API获取品种名称)
|
||||
- 生理阶段：`level` (中文映射)
|
||||
- 性别：`sex` (公/母)
|
||||
- 栏舍：`penName` (从API获取栏舍名称)
|
||||
|
||||
**功能特性：**
|
||||
- 实时搜索：输入耳号后自动搜索
|
||||
- 分页展示：支持翻页浏览
|
||||
- 点击查看详情：点击卡片可查看详细信息
|
||||
- 响应式设计：适配移动端屏幕
|
||||
|
||||
### 新增牛只档案页面 (`CattleAdd.vue`)
|
||||
|
||||
**表单字段：**
|
||||
- 基本信息：耳号、性别、品类、品种、品系
|
||||
- 出生信息：出生体重、出生日期
|
||||
- 管理信息：栏舍、批次、入栏时间、当前体重
|
||||
|
||||
**功能特性：**
|
||||
- 表单验证：必填字段验证
|
||||
- 下拉选择：品种、栏舍、批次从API动态加载
|
||||
- 数据格式化：日期转换为时间戳
|
||||
- 保存功能：调用API创建牛只档案
|
||||
|
||||
## API接口集成
|
||||
|
||||
### 已实现的API接口
|
||||
|
||||
```javascript
|
||||
// 获取牛只档案列表
|
||||
cattleApi.getCattleList(params)
|
||||
|
||||
// 根据耳号搜索牛只
|
||||
cattleApi.searchCattleByEarNumber(earNumber)
|
||||
|
||||
// 获取牛只详情
|
||||
cattleApi.getCattleDetail(id)
|
||||
|
||||
// 获取牛只类型列表
|
||||
cattleApi.getCattleTypes()
|
||||
|
||||
// 获取栏舍列表
|
||||
cattleApi.getPens(farmId)
|
||||
|
||||
// 获取批次列表
|
||||
cattleApi.getBatches(farmId)
|
||||
|
||||
// 创建牛只档案
|
||||
cattleApi.createCattle(data)
|
||||
|
||||
// 更新牛只档案
|
||||
cattleApi.updateCattle(id, data)
|
||||
|
||||
// 删除牛只档案
|
||||
cattleApi.deleteCattle(id)
|
||||
```
|
||||
|
||||
### 后端API接口
|
||||
|
||||
- **获取牛只列表**: `GET /api/iot-cattle/public`
|
||||
- **获取牛只类型**: `GET /api/cattle-type`
|
||||
- **创建牛只档案**: `POST /api/iot-cattle`
|
||||
- **获取栏舍列表**: `GET /api/iot-cattle/pens`
|
||||
- **获取批次列表**: `GET /api/iot-cattle/batches`
|
||||
|
||||
## 数据映射
|
||||
|
||||
### 字段中文映射
|
||||
|
||||
```javascript
|
||||
// 性别映射
|
||||
const sexMap = {
|
||||
1: '公',
|
||||
2: '母'
|
||||
}
|
||||
|
||||
// 品类映射
|
||||
const categoryMap = {
|
||||
1: '犊牛',
|
||||
2: '育成母牛',
|
||||
3: '架子牛',
|
||||
4: '青年牛',
|
||||
5: '基础母牛',
|
||||
6: '育肥牛'
|
||||
}
|
||||
|
||||
// 生理阶段映射
|
||||
const stageMap = {
|
||||
1: '犊牛',
|
||||
2: '育成期',
|
||||
3: '青年期',
|
||||
4: '成年期',
|
||||
5: '老年期'
|
||||
}
|
||||
```
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 1. 访问牛只档案页面
|
||||
|
||||
```javascript
|
||||
// 从首页点击"档案拍照"按钮
|
||||
this.$router.push('/cattle-profile')
|
||||
|
||||
// 或直接访问URL
|
||||
http://localhost:8080/cattle-profile
|
||||
```
|
||||
|
||||
### 2. 搜索牛只
|
||||
|
||||
在搜索框中输入耳号，系统会自动搜索并显示匹配的牛只信息。
|
||||
|
||||
### 3. 新增牛只档案
|
||||
|
||||
点击底部的"新增档案"按钮，填写表单信息后保存。
|
||||
|
||||
### 4. 测试功能
|
||||
|
||||
访问测试页面验证功能：
|
||||
```javascript
|
||||
this.$router.push('/cattle-test')
|
||||
```
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 前端技术栈
|
||||
- Vue.js 2.x
|
||||
- Vue Router
|
||||
- Axios (HTTP请求)
|
||||
- CSS3 (移动端样式)
|
||||
|
||||
### 关键特性
|
||||
- 响应式设计
|
||||
- 移动端优化
|
||||
- 实时搜索
|
||||
- 分页加载
|
||||
- 表单验证
|
||||
- 错误处理
|
||||
|
||||
### 文件结构
|
||||
```
|
||||
src/
|
||||
├── components/
|
||||
│ ├── CattleProfile.vue # 牛只档案列表页面
|
||||
│ ├── CattleAdd.vue # 新增牛只档案页面
|
||||
│ └── CattleTest.vue # 功能测试页面
|
||||
├── services/
|
||||
│ └── api.js # API接口封装
|
||||
└── router/
|
||||
└── index.js # 路由配置
|
||||
```
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **API地址**: 确保后端服务运行在 `http://localhost:5350`
|
||||
2. **认证**: 部分接口可能需要认证token
|
||||
3. **数据格式**: 日期需要转换为时间戳格式
|
||||
4. **错误处理**: 所有API调用都包含错误处理
|
||||
5. **移动端**: 页面针对移动端进行了优化
|
||||
|
||||
## 后续扩展
|
||||
|
||||
1. 牛只详情页面
|
||||
2. 编辑牛只档案功能
|
||||
3. 批量操作功能
|
||||
4. 数据导入导出
|
||||
5. 图片上传功能
|
||||
6. 更多筛选条件
|
||||
@@ -1,147 +0,0 @@
|
||||
# 牛只转栏记录功能完善说明
|
||||
|
||||
## 功能概述
|
||||
|
||||
根据提供的API接口文档，完善了牛只转栏记录功能，实现了所有API接口的动态调用，完全移除了模拟数据。
|
||||
|
||||
## 实现的API接口
|
||||
|
||||
### 1. 基础CRUD操作
|
||||
- **GET /api/cattle-transfer-records** - 获取转栏记录列表
|
||||
- **POST /api/cattle-transfer-records** - 创建转栏记录
|
||||
- **GET /api/cattle-transfer-records/{id}** - 获取转栏记录详情
|
||||
- **PUT /api/cattle-transfer-records/{id}** - 更新转栏记录
|
||||
- **DELETE /api/cattle-transfer-records/{id}** - 删除转栏记录
|
||||
|
||||
### 2. 批量操作
|
||||
- **POST /api/cattle-transfer-records/batch-delete** - 批量删除转栏记录
|
||||
|
||||
### 3. 辅助功能
|
||||
- **GET /api/cattle-transfer-records/available-animals** - 获取可用的牛只列表
|
||||
|
||||
## 新增功能特性
|
||||
|
||||
### 1. 批量操作功能
|
||||
- **全选/取消全选** - 支持一键选择所有记录
|
||||
- **批量删除** - 可以同时删除多条记录
|
||||
- **选择状态显示** - 实时显示已选择的记录数量
|
||||
- **视觉反馈** - 选中的记录有特殊的视觉标识
|
||||
|
||||
### 2. 编辑功能
|
||||
- **编辑模式** - 支持编辑现有转栏记录
|
||||
- **数据回填** - 编辑时自动填充现有数据
|
||||
- **动态标题** - 根据模式显示"转栏登记"或"编辑转栏记录"
|
||||
- **动态按钮** - 根据模式显示"提交"或"更新"
|
||||
|
||||
### 3. 删除功能
|
||||
- **单条删除** - 支持删除单条记录
|
||||
- **确认对话框** - 删除前显示确认提示
|
||||
- **批量删除** - 支持批量删除多条记录
|
||||
- **操作反馈** - 删除成功后显示提示信息
|
||||
|
||||
### 4. 数据选择优化
|
||||
- **耳号选择** - 从可用牛只列表中选择，而不是手动输入
|
||||
- **栏舍选择** - 从后端获取栏舍列表进行选择
|
||||
- **数据验证** - 确保选择的牛只和栏舍有效
|
||||
|
||||
## 界面改进
|
||||
|
||||
### 1. 列表视图
|
||||
- **卡片式布局** - 每条记录以卡片形式展示
|
||||
- **选择框** - 每条记录都有选择框
|
||||
- **操作按钮** - 每条记录都有编辑和删除按钮
|
||||
- **状态指示** - 选中的记录有特殊样式
|
||||
|
||||
### 2. 批量操作栏
|
||||
- **全选控制** - 顶部有全选复选框
|
||||
- **选择计数** - 显示已选择的记录数量
|
||||
- **批量删除按钮** - 支持批量删除操作
|
||||
|
||||
### 3. 表单优化
|
||||
- **耳号下拉选择** - 从可用牛只列表中选择
|
||||
- **动态标题** - 根据编辑/新建模式显示不同标题
|
||||
- **动态按钮** - 根据模式显示不同的按钮文本
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 1. API服务层
|
||||
```javascript
|
||||
export const cattleTransferApi = {
|
||||
getTransferRecords: (params) => get('/cattle-transfer-records', params),
|
||||
createTransferRecord: (data) => post('/cattle-transfer-records', data),
|
||||
getTransferRecordDetail: (id) => get(`/cattle-transfer-records/${id}`),
|
||||
updateTransferRecord: (id, data) => put(`/cattle-transfer-records/${id}`, data),
|
||||
deleteTransferRecord: (id) => del(`/cattle-transfer-records/${id}`),
|
||||
batchDeleteTransferRecords: (ids) => post('/cattle-transfer-records/batch-delete', { ids }),
|
||||
getAvailableAnimals: (params) => get('/cattle-transfer-records/available-animals', params),
|
||||
getBarnsForTransfer: (farmId) => get('/barns', { farmId })
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 状态管理
|
||||
- **selectedRecords** - 存储选中的记录ID数组
|
||||
- **selectAll** - 全选状态
|
||||
- **isEdit** - 编辑模式标识
|
||||
- **editId** - 编辑的记录ID
|
||||
|
||||
### 3. 方法实现
|
||||
- **toggleSelectAll()** - 全选/取消全选逻辑
|
||||
- **batchDelete()** - 批量删除逻辑
|
||||
- **editRecord()** - 编辑记录逻辑
|
||||
- **deleteRecord()** - 删除记录逻辑
|
||||
- **loadRecordForEdit()** - 加载编辑数据逻辑
|
||||
|
||||
## 用户体验优化
|
||||
|
||||
### 1. 操作反馈
|
||||
- **成功提示** - 操作成功后显示成功消息
|
||||
- **错误处理** - 操作失败时显示错误信息
|
||||
- **加载状态** - 操作过程中显示加载状态
|
||||
|
||||
### 2. 确认机制
|
||||
- **删除确认** - 删除前显示确认对话框
|
||||
- **批量删除确认** - 批量删除前显示确认对话框
|
||||
|
||||
### 3. 数据验证
|
||||
- **表单验证** - 提交前验证必填字段
|
||||
- **业务验证** - 验证转出和转入栏舍不能相同
|
||||
|
||||
## 使用方式
|
||||
|
||||
### 1. 查看转栏记录
|
||||
- 从首页"业务办理"模块点击"牛只转栏"
|
||||
- 从生产管理页面"牛只管理"模块点击"转栏记录"
|
||||
|
||||
### 2. 新增转栏记录
|
||||
- 在转栏记录页面点击"转栏登记"按钮
|
||||
- 填写完整的转栏信息
|
||||
- 选择牛只耳号和栏舍信息
|
||||
|
||||
### 3. 编辑转栏记录
|
||||
- 在记录列表中点击"编辑"按钮
|
||||
- 系统自动跳转到编辑页面并填充数据
|
||||
- 修改后点击"更新"按钮
|
||||
|
||||
### 4. 删除转栏记录
|
||||
- **单条删除** - 点击记录上的"删除"按钮
|
||||
- **批量删除** - 选择多条记录后点击"批量删除"按钮
|
||||
|
||||
### 5. 批量操作
|
||||
- 使用顶部的"全选"复选框选择所有记录
|
||||
- 或单独选择需要的记录
|
||||
- 点击"批量删除"按钮进行批量删除
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **API依赖** - 确保后端API正常运行
|
||||
2. **认证要求** - 所有API都需要有效的认证token
|
||||
3. **数据格式** - 确保API返回的数据格式正确
|
||||
4. **错误处理** - 网络错误和业务错误都有相应的处理
|
||||
|
||||
## 后续优化建议
|
||||
|
||||
1. **搜索功能** - 添加更多搜索和筛选条件
|
||||
2. **导出功能** - 支持数据导出
|
||||
3. **统计功能** - 添加转栏记录统计
|
||||
4. **权限控制** - 根据用户权限控制操作按钮
|
||||
5. **数据缓存** - 优化数据加载性能
|
||||
@@ -1,137 +0,0 @@
|
||||
# 牛只转栏记录功能实现说明
|
||||
|
||||
## 功能概述
|
||||
|
||||
根据提供的UI设计图片，实现了完整的牛只转栏记录功能，包括记录查看、搜索、分页和新增登记功能。
|
||||
|
||||
## 实现的功能
|
||||
|
||||
### 1. 牛只转栏记录查看页面 (`CattleTransfer.vue`)
|
||||
|
||||
**UI特性：**
|
||||
- 完全按照图片设计实现，包括顶部状态栏、搜索栏、记录卡片、分页控制和底部操作按钮
|
||||
- 响应式设计，适配移动端显示
|
||||
- 现代化的卡片式布局，符合移动应用设计规范
|
||||
|
||||
**功能特性：**
|
||||
- 动态调用 `http://localhost:5350/api/cattle-transfer-records` 接口获取数据
|
||||
- 支持按耳号搜索转栏记录
|
||||
- 分页显示记录列表
|
||||
- 显示详细的转栏信息，包括：
|
||||
- 耳号（绿色高亮显示）
|
||||
- 转舍日期
|
||||
- 转入栋舍
|
||||
- 转出栋舍
|
||||
- 登记人
|
||||
- 登记日期
|
||||
- 转栏原因
|
||||
- 状态
|
||||
- 备注
|
||||
|
||||
**字段映射：**
|
||||
- `earNumber` → 耳号
|
||||
- `transferDate` → 转舍日期
|
||||
- `toPen.name` → 转入栋舍
|
||||
- `fromPen.name` → 转出栋舍
|
||||
- `operator` → 登记人
|
||||
- `created_at` → 登记日期
|
||||
- `reason` → 转栏原因
|
||||
- `status` → 状态
|
||||
- `remark` → 备注
|
||||
|
||||
### 2. 转栏登记页面 (`CattleTransferRegister.vue`)
|
||||
|
||||
**功能特性：**
|
||||
- 完整的表单验证
|
||||
- 支持选择转出/转入栏舍
|
||||
- 转栏原因下拉选择（正常调栏、疾病治疗、配种需要、产房准备、隔离观察、其他）
|
||||
- 状态选择（已完成、进行中）
|
||||
- 操作人员输入
|
||||
- 备注信息输入
|
||||
- 自动设置当前日期时间为默认转栏时间
|
||||
|
||||
### 3. API服务集成 (`api.js`)
|
||||
|
||||
**新增API接口：**
|
||||
```javascript
|
||||
export const cattleTransferApi = {
|
||||
getTransferRecords: (params) => get('/cattle-transfer-records', params),
|
||||
searchTransferRecordsByEarNumber: (earNumber, params) => get('/cattle-transfer-records', { earNumber, ...params }),
|
||||
getTransferRecordDetail: (id) => get(`/cattle-transfer-records/${id}`),
|
||||
createTransferRecord: (data) => post('/cattle-transfer-records', data),
|
||||
updateTransferRecord: (id, data) => put(`/cattle-transfer-records/${id}`, data),
|
||||
deleteTransferRecord: (id) => del(`/cattle-transfer-records/${id}`),
|
||||
getBarnsForTransfer: (farmId) => get('/barns', { farmId })
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 路由配置
|
||||
|
||||
**新增路由：**
|
||||
- `/cattle-transfer` - 转栏记录查看页面
|
||||
- `/cattle-transfer-register` - 转栏登记页面
|
||||
|
||||
### 5. 首页集成
|
||||
|
||||
在首页的"业务办理"模块中添加了"牛只转栏"入口，点击可跳转到转栏记录页面。
|
||||
|
||||
## 技术实现细节
|
||||
|
||||
### 数据流处理
|
||||
1. 组件挂载时自动加载转栏记录
|
||||
2. 支持搜索防抖处理（500ms延迟）
|
||||
3. 分页数据动态加载
|
||||
4. 错误处理和用户提示
|
||||
|
||||
### 响应式设计
|
||||
- 移动端优先设计
|
||||
- 适配不同屏幕尺寸
|
||||
- 触摸友好的交互元素
|
||||
|
||||
### 用户体验优化
|
||||
- 加载状态提示
|
||||
- 空状态展示
|
||||
- 表单验证反馈
|
||||
- 操作成功/失败提示
|
||||
|
||||
## 文件结构
|
||||
|
||||
```
|
||||
src/
|
||||
├── components/
|
||||
│ ├── CattleTransfer.vue # 转栏记录查看页面
|
||||
│ └── CattleTransferRegister.vue # 转栏登记页面
|
||||
├── services/
|
||||
│ └── api.js # API服务（已更新）
|
||||
├── router/
|
||||
│ └── index.js # 路由配置（已更新）
|
||||
└── components/
|
||||
└── Home.vue # 首页（已更新）
|
||||
```
|
||||
|
||||
## 使用说明
|
||||
|
||||
1. **查看转栏记录：**
|
||||
- 在首页点击"牛只转栏"进入记录列表
|
||||
- 可通过耳号搜索特定记录
|
||||
- 支持分页浏览
|
||||
|
||||
2. **新增转栏记录：**
|
||||
- 在转栏记录页面点击"转栏登记"按钮
|
||||
- 填写完整的转栏信息
|
||||
- 提交后自动跳转回记录列表
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. 确保后端API `http://localhost:5350/api/cattle-transfer-records` 正常运行
|
||||
2. 需要有效的认证token才能访问API
|
||||
3. 栏舍数据需要从 `/barns` 接口获取
|
||||
4. 建议在生产环境中添加更多的错误处理和用户反馈
|
||||
|
||||
## 后续优化建议
|
||||
|
||||
1. 添加编辑功能的具体实现
|
||||
2. 增加批量操作功能
|
||||
3. 添加数据导出功能
|
||||
4. 优化搜索和筛选功能
|
||||
5. 添加数据统计和图表展示
|
||||
@@ -1,195 +0,0 @@
|
||||
# 中文映射指南
|
||||
|
||||
## 概述
|
||||
|
||||
本系统使用统一的中文映射工具来将数据库中的数字代码转换为用户友好的中文显示。所有映射规则都集中在 `src/utils/mapping.js` 文件中。
|
||||
|
||||
## 映射字段
|
||||
|
||||
### 1. 性别映射 (sexMap)
|
||||
```javascript
|
||||
{
|
||||
1: '公',
|
||||
2: '母'
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 品类映射 (categoryMap)
|
||||
```javascript
|
||||
{
|
||||
1: '犊牛',
|
||||
2: '育成母牛',
|
||||
3: '架子牛',
|
||||
4: '青年牛',
|
||||
5: '基础母牛',
|
||||
6: '育肥牛'
|
||||
}
|
||||
```
|
||||
|
||||
### 3. 品种映射 (breedMap)
|
||||
```javascript
|
||||
{
|
||||
1: '西藏高山牦牛',
|
||||
2: '宁夏牛',
|
||||
3: '华西牛',
|
||||
4: '秦川牛',
|
||||
5: '西门塔尔牛',
|
||||
6: '荷斯坦牛'
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 品系映射 (strainMap)
|
||||
```javascript
|
||||
{
|
||||
1: '乳肉兼用',
|
||||
2: '肉用型',
|
||||
3: '乳用型',
|
||||
4: '兼用型'
|
||||
}
|
||||
```
|
||||
|
||||
### 5. 生理阶段映射 (physiologicalStageMap)
|
||||
```javascript
|
||||
{
|
||||
1: '犊牛',
|
||||
2: '育成期',
|
||||
3: '青年期',
|
||||
4: '成年期',
|
||||
5: '老年期'
|
||||
}
|
||||
```
|
||||
|
||||
### 6. 来源映射 (sourceMap)
|
||||
```javascript
|
||||
{
|
||||
1: '合作社',
|
||||
2: '农户',
|
||||
3: '养殖场',
|
||||
4: '进口',
|
||||
5: '自繁'
|
||||
}
|
||||
```
|
||||
|
||||
### 7. 事件映射 (eventMap)
|
||||
```javascript
|
||||
{
|
||||
1: '正常',
|
||||
2: '生病',
|
||||
3: '怀孕',
|
||||
4: '分娩',
|
||||
5: '断奶',
|
||||
6: '转栏',
|
||||
7: '离栏'
|
||||
}
|
||||
```
|
||||
|
||||
### 8. 销售状态映射 (sellStatusMap)
|
||||
```javascript
|
||||
{
|
||||
100: '在栏',
|
||||
200: '已售',
|
||||
300: '死亡',
|
||||
400: '淘汰'
|
||||
}
|
||||
```
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 在Vue组件中使用
|
||||
|
||||
```javascript
|
||||
import {
|
||||
getSexName,
|
||||
getCategoryName,
|
||||
getBreedName,
|
||||
formatDate
|
||||
} from '@/utils/mapping'
|
||||
|
||||
// 在方法中使用
|
||||
const sexName = getSexName(cattle.sex) // 返回 '公' 或 '母'
|
||||
const categoryName = getCategoryName(cattle.cate) // 返回 '犊牛' 等
|
||||
const breedName = getBreedName(cattle.varieties) // 返回 '华西牛' 等
|
||||
const formattedDate = formatDate(cattle.birthday) // 返回 '2024-08-07'
|
||||
```
|
||||
|
||||
### 在模板中使用
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<div>
|
||||
<span>性别: {{ getSexName(cattle.sex) }}</span>
|
||||
<span>品类: {{ getCategoryName(cattle.cate) }}</span>
|
||||
<span>品种: {{ getBreedName(cattle.varieties) }}</span>
|
||||
</div>
|
||||
</template>
|
||||
```
|
||||
|
||||
## 数据格式化
|
||||
|
||||
### 日期格式化
|
||||
```javascript
|
||||
// 时间戳转日期字符串
|
||||
const dateString = formatDate(1723017600) // 返回 '2024-08-07'
|
||||
|
||||
// 日期字符串转时间戳
|
||||
const timestamp = formatDateToTimestamp('2024-08-07') // 返回 1723017600
|
||||
```
|
||||
|
||||
## 扩展映射
|
||||
|
||||
如果需要添加新的映射字段，请按以下步骤操作：
|
||||
|
||||
1. 在 `src/utils/mapping.js` 中添加新的映射对象
|
||||
2. 添加对应的获取函数
|
||||
3. 在默认导出中包含新的映射
|
||||
4. 在需要使用的组件中导入并使用
|
||||
|
||||
### 示例：添加新的映射字段
|
||||
|
||||
```javascript
|
||||
// 在 mapping.js 中添加
|
||||
export const newFieldMap = {
|
||||
1: '选项1',
|
||||
2: '选项2',
|
||||
3: '选项3'
|
||||
}
|
||||
|
||||
export function getNewFieldName(code) {
|
||||
return newFieldMap[code] || '--'
|
||||
}
|
||||
|
||||
// 在默认导出中添加
|
||||
export default {
|
||||
// ... 其他映射
|
||||
newFieldMap,
|
||||
getNewFieldName
|
||||
}
|
||||
```
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **一致性**: 所有映射都应该使用相同的格式和命名规范
|
||||
2. **默认值**: 当映射不到对应值时，统一返回 '--'
|
||||
3. **类型安全**: 确保传入的参数类型正确
|
||||
4. **维护性**: 映射规则应该集中管理，便于维护和更新
|
||||
|
||||
## 当前使用位置
|
||||
|
||||
- `CattleProfile.vue`: 牛只档案列表页面
|
||||
- `CattleAdd.vue`: 新增牛只档案页面
|
||||
- 其他需要显示中文的组件
|
||||
|
||||
## 测试
|
||||
|
||||
可以通过以下方式测试映射功能：
|
||||
|
||||
1. 在浏览器控制台中测试映射函数
|
||||
2. 使用测试页面验证显示效果
|
||||
3. 检查API返回的数据是否正确映射
|
||||
|
||||
```javascript
|
||||
// 在浏览器控制台中测试
|
||||
import { getSexName, getCategoryName } from '@/utils/mapping'
|
||||
console.log(getSexName(1)) // 应该输出 '公'
|
||||
console.log(getCategoryName(1)) // 应该输出 '犊牛'
|
||||
```
|
||||
@@ -1,127 +0,0 @@
|
||||
# 智能项圈模块 API 集成完成报告
|
||||
|
||||
## 概述
|
||||
智能项圈模块已成功从模拟数据迁移到真实API调用，模仿智能耳标模块的实现方式，提供了完整的数据管理功能。
|
||||
|
||||
## 主要更新
|
||||
|
||||
### 1. collarService.js 服务层更新
|
||||
- **移除模拟数据逻辑**：完全移除了 `getMockCollarDevices()` 函数
|
||||
- **添加真实API调用**：实现 `getAllCollarDevices()` 函数调用 `/api/smart-devices/collars` 接口
|
||||
- **数据字段映射**：确保API返回的数据正确映射到前端显示字段
|
||||
- **分页支持**：支持 `page` 和 `limit` 参数
|
||||
- **搜索支持**：支持 `search` 参数进行设备搜索
|
||||
- **状态筛选**：支持 `status` 参数进行设备状态筛选
|
||||
- **统计功能**：添加 `getCollarStatistics()` 函数获取设备统计信息
|
||||
- **CRUD操作**：添加设备更新、删除等操作函数
|
||||
|
||||
#### 字段映射关系
|
||||
```javascript
|
||||
// API返回字段 -> 前端显示字段
|
||||
sn/deviceId -> collarId (项圈编号)
|
||||
voltage -> battery (设备电量)
|
||||
temperature -> temperature (设备温度)
|
||||
sid -> collectedHost (被采集主机)
|
||||
walk -> totalMovement (总运动量)
|
||||
walk - y_steps -> todayMovement (今日运动量)
|
||||
gps -> gpsLocation (GPS位置)
|
||||
time/uptime -> updateTime (数据更新时间)
|
||||
bandge_status/state -> isBound (绑定状态，优先使用bandge_status)
|
||||
```
|
||||
|
||||
#### 绑定状态判断逻辑
|
||||
```javascript
|
||||
// 绑定状态判断优先级
|
||||
isBound = device.bandge_status === 1 || device.bandge_status === '1' ||
|
||||
device.state === 1 || device.state === '1'
|
||||
|
||||
// 状态字段说明
|
||||
// bandge_status: 绑带状态字段 (优先使用)
|
||||
// - 1: 已绑定
|
||||
// - 0: 未绑定
|
||||
// state: 设备状态字段 (备用)
|
||||
// - 1: 已绑定
|
||||
// - 0: 未绑定
|
||||
```
|
||||
|
||||
### 2. SmartCollar.vue 组件更新
|
||||
- **分页功能**：添加完整的分页控件，支持页码跳转和每页数量选择
|
||||
- **搜索功能**：实现实时搜索，支持精确匹配和模糊搜索
|
||||
- **统计显示**：显示设备总数、已绑定数量、未绑定数量
|
||||
- **设备操作**：添加编辑、删除、绑定/解绑等操作
|
||||
- **错误处理**：完善的错误处理和用户提示
|
||||
- **加载状态**：添加加载动画和状态管理
|
||||
- **刷新功能**：添加数据刷新按钮
|
||||
|
||||
#### 新增功能特性
|
||||
1. **实时搜索**：输入框支持实时搜索，500ms防抖
|
||||
2. **分页导航**：支持页码跳转、上一页/下一页、每页数量选择
|
||||
3. **设备管理**：支持编辑设备信息、删除设备
|
||||
4. **状态管理**：实时显示设备绑定状态
|
||||
5. **数据刷新**：支持手动刷新数据
|
||||
6. **响应式设计**：适配移动端显示
|
||||
|
||||
### 3. API接口调用
|
||||
- **GET /api/smart-devices/collars**：获取项圈设备列表（支持分页、搜索、筛选）
|
||||
- **POST /api/smart-devices/collars/bind**：绑定项圈设备
|
||||
- **POST /api/smart-devices/collars/unbind**：解绑项圈设备
|
||||
- **PUT /api/smart-devices/collars/:id**：更新项圈设备
|
||||
- **DELETE /api/smart-devices/collars/:id**：删除项圈设备
|
||||
|
||||
## 技术实现细节
|
||||
|
||||
### 数据流程
|
||||
1. 组件挂载时同时加载设备列表和统计信息
|
||||
2. 用户操作（搜索、分页、筛选）触发API调用
|
||||
3. API返回数据经过字段映射后显示在界面上
|
||||
4. 错误情况显示友好的错误提示
|
||||
|
||||
### 状态管理
|
||||
- `devices`：当前页面的设备列表
|
||||
- `pagination`：分页信息（当前页、每页数量、总页数等）
|
||||
- `isSearching`：搜索状态标识
|
||||
- `searchResults`：搜索结果列表
|
||||
- `totalCount/boundCount/unboundCount`：统计信息
|
||||
|
||||
### 错误处理
|
||||
- 网络错误：显示"加载设备失败，请检查网络连接或重新登录"
|
||||
- 认证错误：自动清除本地token并跳转到登录页
|
||||
- API错误：在控制台记录详细错误信息
|
||||
|
||||
## 测试验证
|
||||
|
||||
### 测试脚本
|
||||
创建了 `test-collar-api.js` 测试脚本，可以验证：
|
||||
- API接口连通性
|
||||
- 数据字段映射正确性
|
||||
- 搜索功能有效性
|
||||
|
||||
### 运行测试
|
||||
```bash
|
||||
cd mini_program/farm-monitor-dashboard
|
||||
node test-collar-api.js
|
||||
```
|
||||
|
||||
## 使用说明
|
||||
|
||||
### 基本操作
|
||||
1. **查看设备**：页面加载时自动显示设备列表
|
||||
2. **搜索设备**：在搜索框输入设备编号进行搜索
|
||||
3. **分页浏览**：使用分页控件浏览更多设备
|
||||
4. **设备操作**：点击编辑/删除按钮管理设备
|
||||
5. **绑定管理**：点击绑定按钮切换设备绑定状态
|
||||
6. **刷新数据**：点击刷新按钮更新最新数据
|
||||
|
||||
### 界面特性
|
||||
- **橙色主题**：与智能项圈模块的橙色主题保持一致
|
||||
- **响应式布局**：适配不同屏幕尺寸
|
||||
- **直观操作**：清晰的操作按钮和状态指示
|
||||
- **实时反馈**：操作结果实时显示
|
||||
|
||||
## 兼容性说明
|
||||
- 保持与原有API接口的完全兼容
|
||||
- 支持向后兼容的字段映射
|
||||
- 错误情况下优雅降级
|
||||
|
||||
## 总结
|
||||
智能项圈模块已成功完成从模拟数据到真实API的迁移，提供了与智能耳标模块一致的功能体验，包括分页、搜索、统计、CRUD操作等完整功能。模块现在可以动态查询和调用后端API，不再依赖模拟数据。
|
||||
@@ -1,184 +0,0 @@
|
||||
# 智能项圈分页和搜索功能完善报告
|
||||
|
||||
## 功能概述
|
||||
智能项圈模块已完成分页展示和搜索功能的全面优化，支持所有数据的正确分页显示和根据项圈编号的精确查询。
|
||||
|
||||
## 主要功能特性
|
||||
|
||||
### 1. 分页展示功能 ✅
|
||||
|
||||
#### 1.1 完整分页支持
|
||||
- **数据分页加载**：所有数据通过API分页加载，支持大数据量展示
|
||||
- **分页控件**：提供上一页、下一页、页码跳转等完整分页控件
|
||||
- **每页数量选择**：支持5、10、20、50条每页显示数量选择
|
||||
- **分页信息显示**：实时显示当前页范围和总数据量
|
||||
|
||||
#### 1.2 分页状态管理
|
||||
```javascript
|
||||
// 分页数据结构
|
||||
pagination: {
|
||||
current: 1, // 当前页码
|
||||
pageSize: 10, // 每页数量
|
||||
total: 0, // 总数据量
|
||||
totalPages: 0 // 总页数
|
||||
}
|
||||
```
|
||||
|
||||
#### 1.3 分页操作
|
||||
- **页码跳转**：点击页码直接跳转到指定页面
|
||||
- **上一页/下一页**：支持键盘和鼠标操作
|
||||
- **每页数量调整**：动态调整每页显示数量并重置到第一页
|
||||
- **分页信息实时更新**：显示"第 X-Y 条，共 Z 条"格式信息
|
||||
|
||||
### 2. 搜索功能 ✅
|
||||
|
||||
#### 2.1 精确搜索实现
|
||||
- **API全局搜索**：调用后端API进行全局数据搜索，不限于当前页面
|
||||
- **项圈编号精确查询**：支持根据项圈编号进行精确匹配搜索
|
||||
- **实时搜索**：输入框支持实时搜索，500ms防抖优化
|
||||
- **搜索状态管理**：独立的搜索状态和分页管理
|
||||
|
||||
#### 2.2 搜索功能特性
|
||||
```javascript
|
||||
// 搜索参数
|
||||
{
|
||||
page: 1, // 搜索分页
|
||||
pageSize: 10, // 搜索每页数量
|
||||
search: "22012000108" // 搜索关键词
|
||||
}
|
||||
```
|
||||
|
||||
#### 2.3 搜索用户体验
|
||||
- **搜索状态显示**：显示"搜索 '关键词' 的结果"
|
||||
- **搜索结果分页**：搜索结果支持独立分页
|
||||
- **空状态提示**：未找到结果时显示友好提示
|
||||
- **清除搜索**：一键清除搜索条件并返回正常列表
|
||||
|
||||
### 3. 界面优化 ✅
|
||||
|
||||
#### 3.1 搜索界面优化
|
||||
- **搜索状态栏**：动态显示搜索进度和结果
|
||||
- **搜索提示**：提供搜索建议和操作提示
|
||||
- **空状态处理**：区分正常空状态和搜索无结果状态
|
||||
|
||||
#### 3.2 分页界面优化
|
||||
- **分页控件**：美观的分页按钮和页码显示
|
||||
- **分页信息**：清晰的分页状态信息
|
||||
- **响应式设计**：适配不同屏幕尺寸
|
||||
|
||||
#### 3.3 用户体验提升
|
||||
- **加载状态**：搜索和分页加载时显示加载动画
|
||||
- **错误处理**：网络错误时显示友好错误提示
|
||||
- **操作反馈**：操作结果实时反馈
|
||||
|
||||
## 技术实现细节
|
||||
|
||||
### 1. 分页实现
|
||||
```javascript
|
||||
// 分页数据加载
|
||||
async loadDevices() {
|
||||
const params = {
|
||||
page: this.pagination.current,
|
||||
pageSize: this.pagination.pageSize,
|
||||
search: this.searchQuery || undefined
|
||||
}
|
||||
|
||||
const response = await getAllCollarDevices(params)
|
||||
// 更新分页信息和设备列表
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 搜索实现
|
||||
```javascript
|
||||
// 全局搜索
|
||||
async performSearch() {
|
||||
const params = {
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
search: this.searchQuery.trim()
|
||||
}
|
||||
|
||||
const response = await getAllCollarDevices(params)
|
||||
// 更新搜索结果和搜索分页信息
|
||||
}
|
||||
```
|
||||
|
||||
### 3. 状态管理
|
||||
```javascript
|
||||
// 搜索状态管理
|
||||
isSearching: false, // 是否在搜索模式
|
||||
searchResults: [], // 搜索结果
|
||||
searchPagination: { // 搜索分页信息
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
totalPages: 0
|
||||
}
|
||||
```
|
||||
|
||||
## 测试验证
|
||||
|
||||
### 1. 测试脚本
|
||||
创建了 `test-collar-pagination-search.js` 测试脚本，包含：
|
||||
- **分页功能测试**：测试多页数据加载和分页控件
|
||||
- **搜索功能测试**：测试精确搜索和模糊搜索
|
||||
- **搜索分页测试**：测试搜索结果的分页功能
|
||||
|
||||
### 2. 运行测试
|
||||
```bash
|
||||
cd mini_program/farm-monitor-dashboard
|
||||
node test-collar-pagination-search.js
|
||||
```
|
||||
|
||||
### 3. 测试覆盖
|
||||
- ✅ 分页数据加载
|
||||
- ✅ 分页控件操作
|
||||
- ✅ 每页数量调整
|
||||
- ✅ 精确搜索功能
|
||||
- ✅ 模糊搜索功能
|
||||
- ✅ 搜索分页功能
|
||||
- ✅ 空状态处理
|
||||
- ✅ 错误状态处理
|
||||
|
||||
## 使用说明
|
||||
|
||||
### 1. 分页操作
|
||||
1. **浏览数据**：使用分页控件浏览不同页面的数据
|
||||
2. **调整每页数量**：使用下拉菜单选择每页显示数量
|
||||
3. **跳转页面**：点击页码数字直接跳转到指定页面
|
||||
4. **上一页/下一页**：使用箭头按钮翻页
|
||||
|
||||
### 2. 搜索操作
|
||||
1. **输入搜索关键词**：在搜索框中输入项圈编号
|
||||
2. **实时搜索**：输入时自动触发搜索（500ms延迟）
|
||||
3. **查看搜索结果**：搜索结果支持分页浏览
|
||||
4. **清除搜索**：点击"清除搜索"按钮返回正常列表
|
||||
|
||||
### 3. 界面说明
|
||||
- **搜索状态栏**：显示当前搜索状态和结果数量
|
||||
- **分页信息**：显示当前页范围和总数据量
|
||||
- **分页控件**：提供完整的分页操作功能
|
||||
- **空状态提示**：未找到数据时显示相应提示
|
||||
|
||||
## 性能优化
|
||||
|
||||
### 1. 搜索优化
|
||||
- **防抖处理**：输入搜索时500ms防抖，避免频繁API调用
|
||||
- **API全局搜索**：直接调用后端API搜索，不依赖前端数据
|
||||
- **分页搜索**：搜索结果支持分页，避免一次性加载大量数据
|
||||
|
||||
### 2. 分页优化
|
||||
- **按需加载**：只加载当前页面的数据
|
||||
- **状态保持**：搜索和分页状态独立管理
|
||||
- **缓存优化**：合理的数据缓存和状态管理
|
||||
|
||||
## 总结
|
||||
|
||||
智能项圈模块的分页和搜索功能已全面完善：
|
||||
|
||||
1. **分页功能**：支持所有数据的正确分页展示，提供完整的分页控件和操作
|
||||
2. **搜索功能**：实现根据项圈编号的精确查询，支持全局搜索和搜索分页
|
||||
3. **用户体验**：优化界面交互，提供友好的操作反馈和状态提示
|
||||
4. **性能优化**：合理的API调用和状态管理，确保良好的性能表现
|
||||
|
||||
所有功能已通过测试验证，可以正常使用。
|
||||
@@ -1,371 +0,0 @@
|
||||
# 项目转换指南
|
||||
|
||||
## 转换概述
|
||||
|
||||
本项目已从uni-app技术栈转换为微信小程序原生技术栈。以下是详细的转换说明和注意事项。
|
||||
|
||||
## 技术栈对比
|
||||
|
||||
| 项目 | uni-app | 微信小程序原生 |
|
||||
|------|---------|----------------|
|
||||
| 框架 | Vue.js + uni-app | 微信小程序原生 |
|
||||
| 模板 | Vue单文件组件 | WXML |
|
||||
| 样式 | SCSS/CSS | WXSS |
|
||||
| 逻辑 | Vue.js | JavaScript ES6+ |
|
||||
| 路由 | Vue Router | 微信小程序路由 |
|
||||
| 状态管理 | Pinia | 微信小程序全局数据 |
|
||||
| 网络请求 | axios | wx.request |
|
||||
| 组件库 | uView UI | 微信小程序原生组件 |
|
||||
|
||||
## 主要转换内容
|
||||
|
||||
### 1. 项目结构转换
|
||||
|
||||
#### 原uni-app结构
|
||||
```
|
||||
src/
|
||||
├── App.vue
|
||||
├── main.js
|
||||
├── pages/
|
||||
├── components/
|
||||
├── services/
|
||||
└── utils/
|
||||
```
|
||||
|
||||
#### 转换后微信小程序结构
|
||||
```
|
||||
├── app.js
|
||||
├── app.json
|
||||
├── app.wxss
|
||||
├── pages/
|
||||
├── services/
|
||||
└── utils/
|
||||
```
|
||||
|
||||
### 2. 页面转换
|
||||
|
||||
#### Vue单文件组件 → 微信小程序页面
|
||||
- `.vue` → `.js` + `.wxml` + `.wxss`
|
||||
- `template` → `.wxml`
|
||||
- `script` → `.js`
|
||||
- `style` → `.wxss`
|
||||
|
||||
#### 示例对比
|
||||
|
||||
**Vue组件 (原)**
|
||||
```vue
|
||||
<template>
|
||||
<view class="container">
|
||||
<text>{{ message }}</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
message: 'Hello World'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.container {
|
||||
padding: 20rpx;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
**微信小程序页面 (转换后)**
|
||||
```javascript
|
||||
// .js
|
||||
Page({
|
||||
data: {
|
||||
message: 'Hello World'
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
```xml
|
||||
<!-- .wxml -->
|
||||
<view class="container">
|
||||
<text>{{message}}</text>
|
||||
</view>
|
||||
```
|
||||
|
||||
```css
|
||||
/* .wxss */
|
||||
.container {
|
||||
padding: 20rpx;
|
||||
}
|
||||
```
|
||||
|
||||
### 3. 路由转换
|
||||
|
||||
#### uni-app路由
|
||||
```javascript
|
||||
// 页面跳转
|
||||
uni.navigateTo({ url: '/pages/detail/detail' })
|
||||
|
||||
// 路由配置
|
||||
export default new VueRouter({
|
||||
routes: [
|
||||
{ path: '/detail', component: Detail }
|
||||
]
|
||||
})
|
||||
```
|
||||
|
||||
#### 微信小程序路由
|
||||
```javascript
|
||||
// 页面跳转
|
||||
wx.navigateTo({ url: '/pages/detail/detail' })
|
||||
|
||||
// 路由配置 (app.json)
|
||||
{
|
||||
"pages": [
|
||||
"pages/detail/detail"
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 状态管理转换
|
||||
|
||||
#### uni-app (Pinia)
|
||||
```javascript
|
||||
// store/user.js
|
||||
export const useUserStore = defineStore('user', {
|
||||
state: () => ({
|
||||
userInfo: null
|
||||
}),
|
||||
actions: {
|
||||
setUserInfo(info) {
|
||||
this.userInfo = info
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
// 组件中使用
|
||||
const userStore = useUserStore()
|
||||
userStore.setUserInfo(userInfo)
|
||||
```
|
||||
|
||||
#### 微信小程序全局数据
|
||||
```javascript
|
||||
// app.js
|
||||
App({
|
||||
globalData: {
|
||||
userInfo: null
|
||||
},
|
||||
setUserInfo(info) {
|
||||
this.globalData.userInfo = info
|
||||
}
|
||||
})
|
||||
|
||||
// 页面中使用
|
||||
const app = getApp()
|
||||
app.setUserInfo(userInfo)
|
||||
```
|
||||
|
||||
### 5. 网络请求转换
|
||||
|
||||
#### uni-app (axios)
|
||||
```javascript
|
||||
import axios from 'axios'
|
||||
|
||||
const api = axios.create({
|
||||
baseURL: '/api',
|
||||
timeout: 10000
|
||||
})
|
||||
|
||||
api.get('/users').then(res => {
|
||||
console.log(res.data)
|
||||
})
|
||||
```
|
||||
|
||||
#### 微信小程序 (wx.request)
|
||||
```javascript
|
||||
wx.request({
|
||||
url: 'https://api.example.com/users',
|
||||
method: 'GET',
|
||||
success: (res) => {
|
||||
console.log(res.data)
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
### 6. 组件转换
|
||||
|
||||
#### Vue组件
|
||||
```vue
|
||||
<template>
|
||||
<view class="custom-component">
|
||||
<slot></slot>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ['title'],
|
||||
methods: {
|
||||
handleClick() {
|
||||
this.$emit('click')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
```
|
||||
|
||||
#### 微信小程序组件
|
||||
```javascript
|
||||
// components/custom-component.js
|
||||
Component({
|
||||
properties: {
|
||||
title: String
|
||||
},
|
||||
methods: {
|
||||
handleClick() {
|
||||
this.triggerEvent('click')
|
||||
}
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
```xml
|
||||
<!-- components/custom-component.wxml -->
|
||||
<view class="custom-component">
|
||||
<slot></slot>
|
||||
</view>
|
||||
```
|
||||
|
||||
## 依赖处理
|
||||
|
||||
### 移除的依赖
|
||||
- `@dcloudio/uni-app`
|
||||
- `@dcloudio/uni-cli-shared`
|
||||
- `@dcloudio/uni-h5`
|
||||
- `@dcloudio/uni-mp-weixin`
|
||||
- `@vue/composition-api`
|
||||
- `vue`
|
||||
- `vue-router`
|
||||
- `vue-template-compiler`
|
||||
- `pinia`
|
||||
- `axios`
|
||||
- `@vant/weapp`
|
||||
|
||||
### 保留的依赖
|
||||
- `dayjs` - 日期处理库
|
||||
|
||||
### 新增的依赖
|
||||
- 无（使用微信小程序原生API）
|
||||
|
||||
## 配置文件转换
|
||||
|
||||
### 1. package.json
|
||||
- 移除uni-app相关依赖
|
||||
- 更新项目描述和脚本
|
||||
- 保留必要的开发依赖
|
||||
|
||||
### 2. manifest.json → app.json
|
||||
- 页面配置迁移到app.json
|
||||
- 移除uni-app特有配置
|
||||
- 保留微信小程序配置
|
||||
|
||||
### 3. pages.json → app.json
|
||||
- 页面路由配置
|
||||
- tabBar配置
|
||||
- 全局样式配置
|
||||
|
||||
## 样式转换
|
||||
|
||||
### 1. SCSS变量 → WXSS变量
|
||||
```scss
|
||||
// 原SCSS
|
||||
$primary-color: #3cc51f;
|
||||
$font-size: 14px;
|
||||
|
||||
.container {
|
||||
color: $primary-color;
|
||||
font-size: $font-size;
|
||||
}
|
||||
```
|
||||
|
||||
```css
|
||||
/* 转换后WXSS */
|
||||
.container {
|
||||
color: #3cc51f;
|
||||
font-size: 28rpx; /* 注意单位转换 */
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 响应式设计
|
||||
- 使用rpx单位替代px
|
||||
- 适配不同屏幕尺寸
|
||||
- 保持设计一致性
|
||||
|
||||
## 功能适配
|
||||
|
||||
### 1. 生命周期
|
||||
- Vue生命周期 → 微信小程序生命周期
|
||||
- `created` → `onLoad`
|
||||
- `mounted` → `onReady`
|
||||
- `destroyed` → `onUnload`
|
||||
|
||||
### 2. 事件处理
|
||||
- Vue事件 → 微信小程序事件
|
||||
- `@click` → `bindtap`
|
||||
- `@input` → `bindinput`
|
||||
|
||||
### 3. 数据绑定
|
||||
- Vue数据绑定 → 微信小程序数据绑定
|
||||
- `v-model` → `value` + `bindinput`
|
||||
- `v-for` → `wx:for`
|
||||
|
||||
## 注意事项
|
||||
|
||||
### 1. 兼容性
|
||||
- 微信小程序API限制
|
||||
- 网络请求域名配置
|
||||
- 图片资源大小限制
|
||||
|
||||
### 2. 性能优化
|
||||
- 避免频繁setData
|
||||
- 合理使用分包
|
||||
- 图片懒加载
|
||||
|
||||
### 3. 开发调试
|
||||
- 使用微信开发者工具
|
||||
- 真机调试测试
|
||||
- 控制台日志查看
|
||||
|
||||
## 迁移检查清单
|
||||
|
||||
- [ ] 页面结构转换完成
|
||||
- [ ] 样式适配完成
|
||||
- [ ] 逻辑代码转换完成
|
||||
- [ ] 路由配置正确
|
||||
- [ ] 网络请求正常
|
||||
- [ ] 组件功能正常
|
||||
- [ ] 状态管理正确
|
||||
- [ ] 生命周期适配
|
||||
- [ ] 事件处理正确
|
||||
- [ ] 数据绑定正常
|
||||
- [ ] 依赖清理完成
|
||||
- [ ] 配置文件更新
|
||||
- [ ] 功能测试通过
|
||||
- [ ] 性能优化完成
|
||||
|
||||
## 后续维护
|
||||
|
||||
1. 定期更新微信小程序基础库版本
|
||||
2. 关注微信小程序API更新
|
||||
3. 优化性能和用户体验
|
||||
4. 及时修复bug和问题
|
||||
5. 保持代码质量和规范
|
||||
|
||||
## 技术支持
|
||||
|
||||
如有转换相关问题，请参考：
|
||||
- 微信小程序官方文档
|
||||
- 项目README文档
|
||||
- 代码注释和说明
|
||||
@@ -1,87 +0,0 @@
|
||||
# API连接问题调试指南
|
||||
|
||||
## 问题描述
|
||||
在访问牛只档案页面时出现错误：`Cannot read properties of undefined (reading 'error')`
|
||||
|
||||
## 可能的原因
|
||||
|
||||
1. **后端服务未启动**
|
||||
- 后端服务需要在 `http://localhost:5350` 运行
|
||||
- 检查后端服务是否正常启动
|
||||
|
||||
2. **API路径错误**
|
||||
- 已修复API路径配置
|
||||
- 牛只列表：`/api/iot-cattle/public`
|
||||
- 栏舍列表：`/api/iot-cattle/public/pens/list`
|
||||
- 批次列表：`/api/iot-cattle/public/batches/list`
|
||||
|
||||
3. **CORS跨域问题**
|
||||
- 后端需要配置CORS允许前端访问
|
||||
|
||||
4. **网络连接问题**
|
||||
- 检查前端是否能访问后端服务
|
||||
|
||||
## 调试步骤
|
||||
|
||||
### 1. 检查后端服务
|
||||
```bash
|
||||
# 在后端目录运行
|
||||
cd backend
|
||||
npm start
|
||||
# 或
|
||||
node server.js
|
||||
```
|
||||
|
||||
### 2. 测试API连接
|
||||
访问测试页面：`http://localhost:8080/api-test`
|
||||
|
||||
### 3. 检查浏览器控制台
|
||||
打开浏览器开发者工具，查看Network标签页和Console标签页的错误信息
|
||||
|
||||
### 4. 手动测试API
|
||||
在浏览器中直接访问：
|
||||
- `http://localhost:5350/api/cattle-type`
|
||||
- `http://localhost:5350/api/iot-cattle/public`
|
||||
|
||||
## 已修复的问题
|
||||
|
||||
1. **错误处理优化**
|
||||
- 修复了 `error` 属性未定义的问题
|
||||
- 添加了更详细的错误信息输出
|
||||
|
||||
2. **API路径修正**
|
||||
- 修正了栏舍和批次API的路径
|
||||
- 确保路径与后端路由配置一致
|
||||
|
||||
3. **调试信息添加**
|
||||
- 在CattleProfile组件中添加了详细的调试日志
|
||||
- 可以查看请求参数和响应数据
|
||||
|
||||
## 临时解决方案
|
||||
|
||||
如果API连接有问题，可以：
|
||||
|
||||
1. **使用模拟数据**
|
||||
- 在CattleProfile组件中临时使用模拟数据
|
||||
- 注释掉API调用，使用静态数据
|
||||
|
||||
2. **检查环境变量**
|
||||
- 确保 `VUE_APP_BASE_URL` 正确设置
|
||||
- 默认值：`http://localhost:5350/api`
|
||||
|
||||
## 下一步
|
||||
|
||||
1. 启动后端服务
|
||||
2. 访问测试页面验证API连接
|
||||
3. 如果仍有问题，检查后端日志
|
||||
4. 确认数据库连接正常
|
||||
|
||||
## 测试页面功能
|
||||
|
||||
访问 `/api-test` 页面可以测试：
|
||||
- 基础连接测试
|
||||
- 牛只档案API测试
|
||||
- 牛只类型API测试
|
||||
- 栏舍API测试
|
||||
- 批次API测试
|
||||
- 直接HTTP请求测试
|
||||
@@ -1,95 +0,0 @@
|
||||
# SharedArrayBuffer 弃用警告解决方案
|
||||
|
||||
## ⚠️ 警告信息
|
||||
```
|
||||
[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021.
|
||||
See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.
|
||||
```
|
||||
|
||||
## 🔍 问题分析
|
||||
|
||||
这个警告是由微信开发者工具内部使用 SharedArrayBuffer 导致的，不会影响您的智能耳标页面功能。警告出现的原因：
|
||||
|
||||
1. **开发者工具版本**: 较旧版本的微信开发者工具
|
||||
2. **编译模式**: 使用了旧的编译模式
|
||||
3. **浏览器兼容性**: Chrome M92+ 版本的安全策略变更
|
||||
|
||||
## ✅ 解决方案
|
||||
|
||||
### 方案1: 更新开发者工具（推荐）
|
||||
1. 下载最新版本的微信开发者工具
|
||||
2. 在工具设置中启用"使用新的编译模式"
|
||||
3. 重启开发者工具
|
||||
|
||||
### 方案2: 项目配置优化
|
||||
已更新 `project.config.json` 配置：
|
||||
- ✅ 启用 `newFeature: true` - 使用新特性
|
||||
- ✅ 启用 `disableSWC: false` - 使用新的编译器
|
||||
- ✅ 启用 `useCompilerModule: true` - 使用编译器模块
|
||||
- ✅ 启用 `useStaticServer: true` - 使用静态服务器
|
||||
- ✅ 保持其他优化设置
|
||||
|
||||
### 方案3: 忽略警告（临时方案）
|
||||
如果警告不影响功能，可以暂时忽略：
|
||||
- 警告不会影响智能耳标页面的API调用
|
||||
- 不会影响数据展示和交互功能
|
||||
- 只是开发者工具的兼容性提示
|
||||
|
||||
## 🎯 验证方法
|
||||
|
||||
### 检查智能耳标页面功能：
|
||||
1. **API调用**: 确认 `/api/iot-jbq-client` 接口正常调用
|
||||
2. **数据显示**: 确认耳标数据正常显示
|
||||
3. **筛选功能**: 确认总数、已绑定、未绑定筛选正常
|
||||
4. **搜索功能**: 确认搜索功能正常
|
||||
5. **交互功能**: 确认点击、添加等功能正常
|
||||
|
||||
### 测试步骤：
|
||||
```javascript
|
||||
// 在开发者工具控制台测试
|
||||
console.log('智能耳标页面功能测试:')
|
||||
console.log('✅ API接口调用正常')
|
||||
console.log('✅ 数据显示正常')
|
||||
console.log('✅ 筛选功能正常')
|
||||
console.log('✅ 搜索功能正常')
|
||||
console.log('✅ 交互功能正常')
|
||||
```
|
||||
|
||||
## 📱 功能确认
|
||||
|
||||
智能耳标页面的所有功能都正常工作：
|
||||
|
||||
### ✅ 已实现功能
|
||||
- **API集成**: `/api/iot-jbq-client` 接口调用
|
||||
- **数据映射**: 字段自动映射和格式化
|
||||
- **UI设计**: 严格按照图片设计实现
|
||||
- **筛选功能**: 总数、已绑定、未绑定
|
||||
- **搜索功能**: 按编号和主机号搜索
|
||||
- **添加功能**: 新增耳标功能
|
||||
- **响应式设计**: 适配不同屏幕
|
||||
|
||||
### ✅ 数据处理
|
||||
- **绑定状态**: 智能判断绑定状态
|
||||
- **电量显示**: 格式化电量百分比
|
||||
- **温度显示**: 格式化温度值
|
||||
- **时间显示**: 中文时间格式
|
||||
- **运动量**: 数值格式化显示
|
||||
|
||||
## 🚀 后续优化
|
||||
|
||||
1. **定期更新**: 保持微信开发者工具为最新版本
|
||||
2. **监控警告**: 关注新的弃用警告
|
||||
3. **功能测试**: 定期测试页面功能
|
||||
4. **性能优化**: 持续优化页面性能
|
||||
|
||||
## 📞 技术支持
|
||||
|
||||
如果警告持续出现或影响功能：
|
||||
1. 检查微信开发者工具版本
|
||||
2. 尝试重新编译项目
|
||||
3. 清除缓存后重新加载
|
||||
4. 联系微信开发者工具技术支持
|
||||
|
||||
---
|
||||
|
||||
**注意**: 这个警告不会影响您的智能耳标页面功能，所有API调用、数据显示、交互功能都正常工作。
|
||||
@@ -1,98 +0,0 @@
|
||||
# 微信小程序域名配置指南
|
||||
|
||||
## 问题描述
|
||||
错误信息：`"request:fail url not in domain list"`
|
||||
|
||||
这是因为微信小程序要求所有网络请求的域名必须在微信公众平台配置的域名白名单中。
|
||||
|
||||
## 解决方案
|
||||
|
||||
### 方案1：开发环境 - 开启调试模式（推荐）
|
||||
|
||||
1. **在微信开发者工具中开启调试模式**：
|
||||
- 打开微信开发者工具
|
||||
- 点击右上角的"详情"按钮
|
||||
- 在"本地设置"中勾选"不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书"
|
||||
- 这样可以在开发阶段使用本地API
|
||||
|
||||
2. **确保后端服务运行**：
|
||||
```bash
|
||||
cd backend
|
||||
npm start
|
||||
# 后端将在 http://localhost:5350 运行
|
||||
```
|
||||
|
||||
### 方案2：生产环境 - 配置域名白名单
|
||||
|
||||
1. **登录微信公众平台**：
|
||||
- 访问 https://mp.weixin.qq.com
|
||||
- 使用小程序账号登录
|
||||
|
||||
2. **配置服务器域名**：
|
||||
- 进入"开发" -> "开发管理" -> "开发设置"
|
||||
- 在"服务器域名"中添加：
|
||||
- request合法域名：`https://your-backend-domain.com`
|
||||
- socket合法域名：`wss://your-backend-domain.com`
|
||||
- uploadFile合法域名：`https://your-backend-domain.com`
|
||||
- downloadFile合法域名：`https://your-backend-domain.com`
|
||||
|
||||
3. **更新API配置**：
|
||||
```javascript
|
||||
// utils/api.js
|
||||
const config = {
|
||||
baseUrl: 'https://your-backend-domain.com/api',
|
||||
// ... 其他配置
|
||||
}
|
||||
```
|
||||
|
||||
### 方案3：使用ngrok内网穿透（临时方案）
|
||||
|
||||
1. **启动ngrok**：
|
||||
```bash
|
||||
cd backend
|
||||
./ngrok.exe http 5350
|
||||
```
|
||||
|
||||
2. **获取公网地址**：
|
||||
- ngrok会提供一个公网地址，如：`https://abc123.ngrok.io`
|
||||
|
||||
3. **更新API配置**：
|
||||
```javascript
|
||||
// utils/api.js
|
||||
const config = {
|
||||
baseUrl: 'https://abc123.ngrok.io/api',
|
||||
// ... 其他配置
|
||||
}
|
||||
```
|
||||
|
||||
4. **在微信公众平台添加域名**：
|
||||
- 将ngrok提供的域名添加到服务器域名白名单
|
||||
|
||||
## 当前配置
|
||||
|
||||
当前API配置使用本地地址：
|
||||
```javascript
|
||||
baseUrl: 'http://localhost:5350/api'
|
||||
```
|
||||
|
||||
## 测试步骤
|
||||
|
||||
1. **确保后端服务运行**：
|
||||
```bash
|
||||
cd backend
|
||||
npm start
|
||||
```
|
||||
|
||||
2. **开启微信开发者工具调试模式**：
|
||||
- 勾选"不校验合法域名"
|
||||
|
||||
3. **测试智能耳标页面**：
|
||||
- 点击首页"智能设备" -> "智能耳标"
|
||||
- 应该能正常加载数据
|
||||
|
||||
## 注意事项
|
||||
|
||||
- 开发环境建议使用方案1（开启调试模式）
|
||||
- 生产环境必须使用方案2（配置域名白名单）
|
||||
- ngrok方案仅适用于临时测试
|
||||
- 确保后端API接口 `/api/iot-jbq-client` 正常工作
|
||||
@@ -1,187 +0,0 @@
|
||||
# 智能耳标功能模块完善
|
||||
|
||||
## 功能概述
|
||||
|
||||
根据提供的API接口文档，完善了智能耳标设备管理功能，实现了完整的CRUD操作。
|
||||
|
||||
## API接口支持
|
||||
|
||||
### 1. 获取所有智能耳标设备
|
||||
- **接口**: `GET /api/iot-jbq-client`
|
||||
- **功能**: 获取所有智能耳标设备列表
|
||||
- **方法**: `getAllEarTagDevices(params)`
|
||||
|
||||
### 2. 根据CID获取设备
|
||||
- **接口**: `GET /api/iot-jbq-client/cid/{cid}`
|
||||
- **功能**: 根据客户端ID获取相关设备
|
||||
- **方法**: `getEarTagDevicesByCid(cid)`
|
||||
|
||||
### 3. 根据ID获取设备
|
||||
- **接口**: `GET /api/iot-jbq-client/{id}`
|
||||
- **功能**: 根据设备ID获取单个设备详情
|
||||
- **方法**: `getEarTagDeviceById(id)`
|
||||
|
||||
### 4. 更新设备
|
||||
- **接口**: `PUT /api/iot-jbq-client/{id}`
|
||||
- **功能**: 更新智能耳标设备信息
|
||||
- **方法**: `updateEarTagDevice(id, data)`
|
||||
|
||||
### 5. 删除设备
|
||||
- **接口**: `DELETE /api/iot-jbq-client/{id}`
|
||||
- **功能**: 删除智能耳标设备
|
||||
- **方法**: `deleteEarTagDevice(id)`
|
||||
|
||||
## 新增功能
|
||||
|
||||
### 1. 设备管理功能
|
||||
- ✅ **查看所有设备**: 显示完整的设备列表
|
||||
- ✅ **按CID过滤**: 根据客户端ID筛选设备
|
||||
- ✅ **设备详情**: 查看单个设备的详细信息
|
||||
- ✅ **编辑设备**: 修改设备属性信息
|
||||
- ✅ **删除设备**: 移除不需要的设备
|
||||
|
||||
### 2. 用户界面增强
|
||||
- ✅ **操作按钮**: 每个设备卡片添加编辑和删除按钮
|
||||
- ✅ **编辑对话框**: 模态对话框用于编辑设备信息
|
||||
- ✅ **删除确认**: 删除前的确认对话框
|
||||
- ✅ **CID过滤**: 可选的CID过滤功能
|
||||
- ✅ **响应式设计**: 适配不同屏幕尺寸
|
||||
|
||||
### 3. 数据字段支持
|
||||
- ✅ **耳标编号**: `eartagNumber`
|
||||
- ✅ **设备电量**: `battery`
|
||||
- ✅ **设备温度**: `temperature`
|
||||
- ✅ **被采集主机**: `collectedHost`
|
||||
- ✅ **总运动量**: `totalMovement`
|
||||
- ✅ **今日运动量**: `dailyMovement`
|
||||
- ✅ **位置信息**: `location`
|
||||
- ✅ **更新时间**: `lastUpdate`
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 1. 访问设备管理
|
||||
```
|
||||
http://localhost:8080/ear-tag
|
||||
```
|
||||
|
||||
### 2. 基本操作
|
||||
- **查看设备**: 页面加载时自动显示所有设备
|
||||
- **搜索设备**: 使用搜索框按设备ID或主机ID搜索
|
||||
- **编辑设备**: 点击设备卡片上的✏️按钮
|
||||
- **删除设备**: 点击设备卡片上的🗑️按钮
|
||||
|
||||
### 3. 高级功能
|
||||
- **CID过滤**: 点击"CID过滤"按钮，输入CID进行筛选
|
||||
- **设备详情**: 点击设备卡片查看详细信息
|
||||
- **批量操作**: 支持多设备同时操作
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 1. 服务层 (earTagService.js)
|
||||
```javascript
|
||||
// 新增的API方法
|
||||
export const getAllEarTagDevices = async (params = {})
|
||||
export const getEarTagDevicesByCid = async (cid)
|
||||
export const getEarTagDeviceById = async (id)
|
||||
export const updateEarTagDevice = async (id, data)
|
||||
export const deleteEarTagDevice = async (id)
|
||||
```
|
||||
|
||||
### 2. 组件层 (EarTag.vue)
|
||||
```javascript
|
||||
// 新增的数据属性
|
||||
showEditDialog: false,
|
||||
showDeleteDialog: false,
|
||||
selectedDevice: null,
|
||||
editDevice: {},
|
||||
cidFilter: '',
|
||||
showCidFilter: false
|
||||
|
||||
// 新增的方法
|
||||
loadDevicesByCid()
|
||||
loadDeviceById()
|
||||
showEditDevice()
|
||||
updateDevice()
|
||||
showDeleteDevice()
|
||||
confirmDeleteDevice()
|
||||
```
|
||||
|
||||
### 3. 用户界面
|
||||
```vue
|
||||
<!-- 编辑对话框 -->
|
||||
<div v-if="showEditDialog" class="dialog-overlay">
|
||||
<!-- 编辑表单 -->
|
||||
</div>
|
||||
|
||||
<!-- 删除确认对话框 -->
|
||||
<div v-if="showDeleteDialog" class="dialog-overlay">
|
||||
<!-- 删除确认 -->
|
||||
</div>
|
||||
```
|
||||
|
||||
## 样式特性
|
||||
|
||||
### 1. 对话框样式
|
||||
- **模态覆盖**: 半透明黑色背景
|
||||
- **居中显示**: 响应式居中布局
|
||||
- **表单样式**: 统一的输入框和按钮样式
|
||||
- **动画效果**: 平滑的显示/隐藏动画
|
||||
|
||||
### 2. 操作按钮
|
||||
- **编辑按钮**: 蓝色主题，铅笔图标
|
||||
- **删除按钮**: 红色主题，垃圾桶图标
|
||||
- **悬停效果**: 鼠标悬停时的颜色变化
|
||||
|
||||
### 3. 响应式设计
|
||||
- **移动端适配**: 小屏幕设备优化
|
||||
- **触摸友好**: 适合触摸操作的按钮大小
|
||||
- **滚动支持**: 长列表的滚动处理
|
||||
|
||||
## 错误处理
|
||||
|
||||
### 1. API错误处理
|
||||
- **网络错误**: 显示友好的错误信息
|
||||
- **认证错误**: 自动重定向到登录页面
|
||||
- **数据错误**: 显示具体的错误原因
|
||||
|
||||
### 2. 用户操作错误
|
||||
- **表单验证**: 输入数据的格式验证
|
||||
- **操作确认**: 危险操作的二次确认
|
||||
- **状态反馈**: 操作成功/失败的即时反馈
|
||||
|
||||
## 测试方法
|
||||
|
||||
### 1. 功能测试
|
||||
1. 访问 `http://localhost:8080/ear-tag`
|
||||
2. 测试设备列表加载
|
||||
3. 测试编辑功能
|
||||
4. 测试删除功能
|
||||
5. 测试CID过滤
|
||||
|
||||
### 2. API测试
|
||||
1. 访问 `http://localhost:8080/auth-test`
|
||||
2. 点击"设置真实Token"
|
||||
3. 点击"测试所有API"
|
||||
4. 查看测试结果
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **API兼容性**: 确保后端API接口正常工作
|
||||
2. **认证状态**: 需要有效的JWT token
|
||||
3. **数据格式**: 确保API返回的数据格式正确
|
||||
4. **错误处理**: 网络错误时的优雅降级
|
||||
|
||||
## 下一步计划
|
||||
|
||||
1. **添加设备功能**: 实现设备创建功能
|
||||
2. **批量操作**: 支持多设备批量编辑/删除
|
||||
3. **数据导出**: 支持设备数据导出
|
||||
4. **实时更新**: 设备状态的实时刷新
|
||||
5. **权限控制**: 基于角色的操作权限
|
||||
|
||||
## 相关文件
|
||||
|
||||
- `src/services/earTagService.js` - API服务层
|
||||
- `src/components/EarTag.vue` - 设备管理组件
|
||||
- `src/components/AuthTest.vue` - API测试组件
|
||||
- `backend/routes/smart-devices.js` - 后端API路由
|
||||
@@ -1,231 +0,0 @@
|
||||
# 电子围栏功能实现说明
|
||||
|
||||
## 功能概述
|
||||
|
||||
基于管理系统的ElectronicFence.vue实现，为小程序完善了电子围栏功能，包括围栏绘制、管理、查看等核心功能。
|
||||
|
||||
## 文件结构
|
||||
|
||||
```
|
||||
src/
|
||||
├── services/
|
||||
│ └── fenceService.js # 电子围栏API服务
|
||||
├── components/
|
||||
│ ├── ElectronicFence.vue # 电子围栏主组件
|
||||
│ └── MapView.vue # 地图视图组件
|
||||
├── views/
|
||||
│ └── ElectronicFencePage.vue # 电子围栏页面
|
||||
└── router/
|
||||
└── index.js # 路由配置（已更新）
|
||||
```
|
||||
|
||||
## 核心功能
|
||||
|
||||
### 1. 围栏绘制
|
||||
- **开始绘制**：点击"开始绘制"按钮进入绘制模式
|
||||
- **坐标点添加**：在地图上点击添加围栏坐标点
|
||||
- **实时反馈**：显示当前绘制状态和坐标点信息
|
||||
- **完成绘制**：至少3个点才能完成围栏绘制
|
||||
- **取消绘制**：随时可以取消当前绘制操作
|
||||
|
||||
### 2. 围栏管理
|
||||
- **围栏列表**：查看所有围栏，支持搜索和筛选
|
||||
- **围栏信息**：显示围栏名称、类型、坐标点数量、面积等
|
||||
- **围栏编辑**：修改围栏名称、类型、描述等信息
|
||||
- **围栏删除**：删除不需要的围栏
|
||||
- **围栏选择**：点击围栏在地图上定位显示
|
||||
|
||||
### 3. 围栏类型
|
||||
- **放牧区** 🌿：绿色标识，用于放牧区域
|
||||
- **安全区** 🛡️：蓝色标识，用于安全保护区域
|
||||
- **限制区** ⚠️：红色标识，用于限制进入区域
|
||||
- **收集区** 📦：橙色标识，用于收集作业区域
|
||||
|
||||
## API接口集成
|
||||
|
||||
### 围栏管理接口
|
||||
```javascript
|
||||
// 获取围栏列表
|
||||
GET /api/electronic-fences
|
||||
|
||||
// 获取单个围栏
|
||||
GET /api/electronic-fences/{id}
|
||||
|
||||
// 创建围栏
|
||||
POST /api/electronic-fences
|
||||
|
||||
// 更新围栏
|
||||
PUT /api/electronic-fences/{id}
|
||||
|
||||
// 删除围栏
|
||||
DELETE /api/electronic-fences/{id}
|
||||
|
||||
// 搜索围栏
|
||||
GET /api/electronic-fences/search
|
||||
```
|
||||
|
||||
### 坐标点管理接口
|
||||
```javascript
|
||||
// 获取围栏坐标点
|
||||
GET /api/electronic-fence-points/fence/{fenceId}
|
||||
|
||||
// 创建坐标点
|
||||
POST /api/electronic-fence-points
|
||||
|
||||
// 批量创建坐标点
|
||||
POST /api/electronic-fence-points/batch
|
||||
|
||||
// 更新坐标点
|
||||
PUT /api/electronic-fence-points/{id}
|
||||
|
||||
// 删除坐标点
|
||||
DELETE /api/electronic-fence-points/{id}
|
||||
|
||||
// 获取围栏边界框
|
||||
GET /api/electronic-fence-points/fence/{fenceId}/bounds
|
||||
|
||||
// 搜索坐标点
|
||||
GET /api/electronic-fence-points/search
|
||||
```
|
||||
|
||||
## 组件说明
|
||||
|
||||
### ElectronicFence.vue
|
||||
主组件，包含以下功能模块：
|
||||
- 顶部导航栏
|
||||
- 地图容器
|
||||
- 绘制控制面板
|
||||
- 围栏列表面板
|
||||
- 围栏信息面板
|
||||
- 围栏编辑模态框
|
||||
|
||||
### MapView.vue
|
||||
地图视图组件，提供：
|
||||
- 地图显示和交互
|
||||
- 绘制模式切换
|
||||
- 围栏显示
|
||||
- 坐标点标记
|
||||
- 地图控制功能
|
||||
|
||||
### fenceService.js
|
||||
API服务类，包含：
|
||||
- 围栏CRUD操作
|
||||
- 坐标点管理
|
||||
- 围栏类型配置
|
||||
- 工具函数（面积计算、中心点计算等）
|
||||
|
||||
## 使用方式
|
||||
|
||||
### 1. 访问电子围栏
|
||||
从首页点击"电子围栏"工具卡片，或直接访问 `/electronic-fence` 路由。
|
||||
|
||||
### 2. 地图功能测试
|
||||
访问 `/map-test` 路由可以测试百度地图集成功能：
|
||||
- 地图加载和显示
|
||||
- 围栏绘制和显示
|
||||
- 坐标点标记
|
||||
- 地图交互控制
|
||||
|
||||
### 3. 绘制新围栏
|
||||
1. 点击"开始绘制"按钮
|
||||
2. 在地图上点击添加坐标点（至少3个）
|
||||
3. 点击"完成绘制"按钮
|
||||
4. 填写围栏信息（名称、类型、描述）
|
||||
5. 点击"确定"保存围栏
|
||||
|
||||
### 4. 管理围栏
|
||||
1. 点击右上角菜单按钮查看围栏列表
|
||||
2. 使用搜索框筛选围栏
|
||||
3. 点击围栏项查看详细信息
|
||||
4. 使用编辑/删除按钮管理围栏
|
||||
|
||||
## 技术特点
|
||||
|
||||
### 1. 响应式设计
|
||||
- 适配移动端屏幕
|
||||
- 触摸友好的交互设计
|
||||
- 优化的UI布局
|
||||
|
||||
### 2. 状态管理
|
||||
- 绘制状态实时更新
|
||||
- 围栏数据响应式绑定
|
||||
- 错误处理和用户反馈
|
||||
|
||||
### 3. 百度地图集成
|
||||
- 使用百度地图API v3.0
|
||||
- 支持地图缩放、拖拽、点击交互
|
||||
- 实时坐标点显示和绘制
|
||||
- 围栏边界可视化
|
||||
- 支持多种围栏类型颜色区分
|
||||
|
||||
### 4. 数据验证
|
||||
- 围栏数据完整性检查
|
||||
- 坐标点数量验证
|
||||
- 面积计算和验证
|
||||
|
||||
## 配置说明
|
||||
|
||||
### 地图配置
|
||||
```javascript
|
||||
// 百度地图API密钥
|
||||
const BAIDU_MAP_AK = 'SOawZTeQbxdgrKYYx0o2hn34G0DyU2uo'
|
||||
|
||||
// 地图中心点配置
|
||||
mapCenter: { lng: 106.27, lat: 38.47 }, // 宁夏中心坐标
|
||||
mapZoom: 8 // 适合宁夏全区域的缩放级别
|
||||
|
||||
// 百度地图API加载
|
||||
const script = document.createElement('script')
|
||||
script.src = `https://api.map.baidu.com/api?v=3.0&ak=${BAIDU_MAP_AK}&callback=initBaiduMap`
|
||||
```
|
||||
|
||||
### 围栏类型配置
|
||||
```javascript
|
||||
fenceTypes: {
|
||||
grazing: { name: '放牧区', color: '#52c41a', icon: '🌿' },
|
||||
safety: { name: '安全区', color: '#1890ff', icon: '🛡️' },
|
||||
restricted: { name: '限制区', color: '#ff4d4f', icon: '⚠️' },
|
||||
collector: { name: '收集区', color: '#fa8c16', icon: '📦' }
|
||||
}
|
||||
```
|
||||
|
||||
## 扩展功能
|
||||
|
||||
### 1. 地图SDK集成
|
||||
✅ **已完成百度地图API集成**
|
||||
- 使用百度地图API v3.0
|
||||
- 支持围栏绘制和显示
|
||||
- 支持坐标点标记
|
||||
- 支持地图交互控制
|
||||
|
||||
其他可选地图服务：
|
||||
- 高德地图API
|
||||
- 腾讯地图API
|
||||
- 其他地图服务
|
||||
|
||||
### 2. 高级功能
|
||||
- 围栏面积计算
|
||||
- 围栏重叠检测
|
||||
- 围栏历史记录
|
||||
- 围栏权限管理
|
||||
|
||||
### 3. 数据导出
|
||||
- 围栏数据导出
|
||||
- 坐标点数据导出
|
||||
- 围栏报告生成
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **地图SDK**：需要集成实际的地图SDK才能实现完整功能
|
||||
2. **坐标系统**：确保使用正确的坐标系统（WGS84）
|
||||
3. **网络请求**：需要配置正确的API基础URL
|
||||
4. **权限管理**：根据用户权限控制围栏操作
|
||||
5. **数据同步**：确保与后端数据同步
|
||||
|
||||
## 开发建议
|
||||
|
||||
1. 优先集成地图SDK实现基础绘制功能
|
||||
2. 完善错误处理和用户提示
|
||||
3. 添加数据缓存机制提升性能
|
||||
4. 实现离线模式支持
|
||||
5. 添加围栏导入/导出功能
|
||||
@@ -1,168 +0,0 @@
|
||||
# 智能耳标字段映射指南
|
||||
|
||||
## API响应字段映射
|
||||
|
||||
根据 `/api/iot-jbq-client` 接口的响应数据，以下是字段映射关系：
|
||||
|
||||
### 主要字段映射
|
||||
|
||||
| 中文标签 | API字段 | 数据类型 | 说明 | 示例值 |
|
||||
|---------|---------|----------|------|--------|
|
||||
| 耳标编号 | `cid` | number | 设备唯一标识 | 2105517333 |
|
||||
| 设备电量/% | `voltage` | string | 设备电压百分比 | "98" |
|
||||
| 设备温度/°C | `temperature` | string | 设备温度 | "39" |
|
||||
| 被采集主机 | `sid` | string | 采集主机ID | "" |
|
||||
| 总运动量 | `walk` | number | 总步数 | 1000 |
|
||||
| 今日运动量 | 计算字段 | number | walk - y_steps | 500 |
|
||||
| 数据更新时间 | `time` | number | Unix时间戳 | 1646969844 |
|
||||
| 绑定状态 | `state` | number | 1=已绑定, 0=未绑定 | 1 |
|
||||
|
||||
### 计算字段
|
||||
|
||||
#### 今日运动量
|
||||
```javascript
|
||||
今日运动量 = walk - y_steps
|
||||
// 示例: 1000 - 500 = 500
|
||||
```
|
||||
|
||||
#### 数据更新时间格式化
|
||||
```javascript
|
||||
// Unix时间戳转换为本地时间
|
||||
const date = new Date(timestamp * 1000)
|
||||
const formattedTime = date.toLocaleString('zh-CN')
|
||||
```
|
||||
|
||||
#### 绑定状态判断
|
||||
```javascript
|
||||
// state字段为1表示已绑定，0或其他值表示未绑定
|
||||
const isBound = device.state === 1 || device.state === '1'
|
||||
```
|
||||
|
||||
### 备用字段映射
|
||||
|
||||
为了保持向后兼容性，系统支持以下备用字段：
|
||||
|
||||
| 主字段 | 备用字段 | 说明 |
|
||||
|--------|----------|------|
|
||||
| `cid` | `aaid`, `id` | 设备标识 |
|
||||
| `voltage` | `battery` | 电量信息 |
|
||||
| `walk` | `totalMovement` | 总运动量 |
|
||||
| `sid` | `collectedHost` | 采集主机 |
|
||||
| `time` | `uptime`, `updateTime` | 更新时间 |
|
||||
|
||||
### 数据处理逻辑
|
||||
|
||||
#### 1. 数据标准化
|
||||
```javascript
|
||||
const processedDevice = {
|
||||
...device,
|
||||
// 确保关键字段存在
|
||||
cid: device.cid || device.aaid || device.id,
|
||||
voltage: device.voltage || '0',
|
||||
temperature: device.temperature || '0',
|
||||
walk: device.walk || 0,
|
||||
y_steps: device.y_steps || 0,
|
||||
time: device.time || device.uptime || 0,
|
||||
// 保持向后兼容
|
||||
earTagId: device.cid || device.earTagId,
|
||||
battery: device.voltage || device.battery,
|
||||
totalMovement: device.walk || device.totalMovement,
|
||||
todayMovement: (device.walk || 0) - (device.y_steps || 0),
|
||||
collectedHost: device.sid || device.collectedHost,
|
||||
updateTime: device.time || device.updateTime
|
||||
}
|
||||
```
|
||||
|
||||
#### 2. 今日运动量计算
|
||||
```javascript
|
||||
calculateTodayMovement(device) {
|
||||
const walk = parseInt(device.walk) || 0
|
||||
const ySteps = parseInt(device.y_steps) || 0
|
||||
return Math.max(0, walk - ySteps)
|
||||
}
|
||||
```
|
||||
|
||||
#### 3. 时间格式化
|
||||
```javascript
|
||||
formatUpdateTime(device) {
|
||||
const timestamp = device.time || device.updateTime || device.uptime
|
||||
if (!timestamp) return '未知'
|
||||
|
||||
try {
|
||||
const date = new Date(timestamp * 1000)
|
||||
if (isNaN(date.getTime())) {
|
||||
return new Date(timestamp).toLocaleString('zh-CN')
|
||||
}
|
||||
return date.toLocaleString('zh-CN')
|
||||
} catch (error) {
|
||||
return '时间格式错误'
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 搜索功能支持
|
||||
|
||||
搜索功能支持以下字段：
|
||||
- `cid` (耳标编号)
|
||||
- `earTagId` (备用耳标编号)
|
||||
- `collectedHost` (被采集主机)
|
||||
- `sid` (备用采集主机)
|
||||
|
||||
### 分页参数
|
||||
|
||||
API支持以下分页参数：
|
||||
- `page`: 页码，默认1
|
||||
- `pageSize`: 每页数量，默认10
|
||||
- `cid`: 设备CID过滤（可选）
|
||||
|
||||
### 示例API调用
|
||||
|
||||
```javascript
|
||||
// 获取第一页数据，每页10条
|
||||
GET /api/iot-jbq-client?page=1&pageSize=10
|
||||
|
||||
// 根据CID过滤
|
||||
GET /api/iot-jbq-client?cid=2105517333&page=1&pageSize=10
|
||||
```
|
||||
|
||||
### 响应格式
|
||||
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"data": [
|
||||
{
|
||||
"id": 165019,
|
||||
"org_id": 326,
|
||||
"cid": 2105517333,
|
||||
"aaid": 2105517333,
|
||||
"uid": 326,
|
||||
"time": 1646969844,
|
||||
"uptime": 1646969844,
|
||||
"sid": "",
|
||||
"walk": 1000,
|
||||
"y_steps": 500,
|
||||
"r_walk": 0,
|
||||
"lat": "38.902401",
|
||||
"lon": "106.534732",
|
||||
"gps_state": "V",
|
||||
"voltage": "98",
|
||||
"temperature": "39",
|
||||
"temperature_two": "0",
|
||||
"state": 1,
|
||||
"type": 1,
|
||||
"sort": 1,
|
||||
"ver": "0",
|
||||
"weight": 0,
|
||||
"start_time": 0,
|
||||
"run_days": 240
|
||||
}
|
||||
],
|
||||
"pagination": {
|
||||
"current": 1,
|
||||
"pageSize": 10,
|
||||
"total": 100
|
||||
},
|
||||
"message": "获取智能耳标设备列表成功"
|
||||
}
|
||||
```
|
||||
@@ -1,141 +0,0 @@
|
||||
# 主机编号显示问题修复报告
|
||||
|
||||
## 🎯 问题描述
|
||||
|
||||
**问题**: 智能主机页面中主机编号显示为空
|
||||
**现象**: 前端界面显示"主机编号:" 但后面没有数值
|
||||
**影响**: 用户无法识别具体的主机设备
|
||||
|
||||
## 🔍 问题分析
|
||||
|
||||
### API返回数据结构
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"data": [
|
||||
{
|
||||
"id": 4925,
|
||||
"deviceNumber": "2024010103", // ← 主机编号字段
|
||||
"battery": 100,
|
||||
"signalValue": "强",
|
||||
"temperature": 5,
|
||||
"updateTime": "2024-01-10 09:39:20",
|
||||
// ... 其他字段
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
### 前端代码问题
|
||||
```javascript
|
||||
// 修复前 - 错误的字段映射
|
||||
<div class="device-id">主机编号: {{ device.sid || device.hostId }}</div>
|
||||
|
||||
// 修复后 - 正确的字段映射
|
||||
<div class="device-id">主机编号: {{ device.deviceNumber || device.sid || device.hostId }}</div>
|
||||
```
|
||||
|
||||
## ✅ 修复方案
|
||||
|
||||
### 1. 显示字段修复
|
||||
**文件**: `src/components/SmartHost.vue` (第66行)
|
||||
```javascript
|
||||
// 修复前
|
||||
device.sid || device.hostId
|
||||
|
||||
// 修复后
|
||||
device.deviceNumber || device.sid || device.hostId
|
||||
```
|
||||
|
||||
### 2. 搜索功能修复
|
||||
**文件**: `src/components/SmartHost.vue` (第264行)
|
||||
```javascript
|
||||
// 修复前
|
||||
const hostId = device.sid || device.hostId || ''
|
||||
|
||||
// 修复后
|
||||
const hostId = device.deviceNumber || device.sid || device.hostId || ''
|
||||
```
|
||||
|
||||
### 3. 编辑功能修复
|
||||
**文件**: `src/components/SmartHost.vue` (第381行)
|
||||
```javascript
|
||||
// 修复前
|
||||
hostId: device.sid || device.hostId
|
||||
|
||||
// 修复后
|
||||
hostId: device.deviceNumber || device.sid || device.hostId
|
||||
```
|
||||
|
||||
## 📊 修复验证
|
||||
|
||||
### 测试结果
|
||||
- ✅ **主机编号显示**: 正常显示 `deviceNumber` 值
|
||||
- ✅ **搜索功能**: 可以按主机编号搜索
|
||||
- ✅ **编辑功能**: 编辑对话框正确显示主机编号
|
||||
- ✅ **数据完整性**: 所有371台主机都有正确的主机编号
|
||||
|
||||
### 测试数据示例
|
||||
```
|
||||
设备 1: 2024010103
|
||||
设备 2: 2072516173
|
||||
设备 3: 22C0281357
|
||||
设备 4: 22C0281272
|
||||
设备 5: 2072515306
|
||||
```
|
||||
|
||||
## 🔧 技术细节
|
||||
|
||||
### 字段优先级
|
||||
```javascript
|
||||
// 按优先级顺序尝试获取主机编号
|
||||
device.deviceNumber || device.sid || device.hostId
|
||||
```
|
||||
|
||||
### API字段映射
|
||||
| 前端显示 | API字段 | 说明 |
|
||||
|---------|---------|------|
|
||||
| 主机编号 | deviceNumber | 主要字段 |
|
||||
| 设备电量 | voltage | 电量百分比 |
|
||||
| 设备信号 | signal | 信号强度 |
|
||||
| 设备温度 | temperature | 温度值 |
|
||||
| 绑带状态 | bandge_status | 连接状态 |
|
||||
| 更新时间 | updateTime | 最后更新时间 |
|
||||
|
||||
## 🎉 修复结果
|
||||
|
||||
### 修复前
|
||||
- ❌ 主机编号显示为空
|
||||
- ❌ 搜索功能无法按主机编号搜索
|
||||
- ❌ 编辑功能无法正确显示主机编号
|
||||
|
||||
### 修复后
|
||||
- ✅ 主机编号正确显示 (如: 2024010103)
|
||||
- ✅ 搜索功能正常工作
|
||||
- ✅ 编辑功能正确显示主机编号
|
||||
- ✅ 所有371台主机都有正确的主机编号
|
||||
|
||||
## 📋 相关文件
|
||||
|
||||
- `src/components/SmartHost.vue` - 主要修复文件
|
||||
- `test-host-number-fix.js` - 修复验证脚本
|
||||
- `HOST_NUMBER_FIX_REPORT.md` - 本修复报告
|
||||
|
||||
## 🚀 使用说明
|
||||
|
||||
1. **刷新页面**: 重新加载智能主机页面
|
||||
2. **检查显示**: 确认主机编号正确显示
|
||||
3. **测试搜索**: 尝试按主机编号搜索
|
||||
4. **测试编辑**: 点击编辑按钮查看主机编号
|
||||
|
||||
## 🔄 维护建议
|
||||
|
||||
1. **字段映射**: 保持API字段与前端显示的一致性
|
||||
2. **向后兼容**: 使用 `||` 操作符确保向后兼容
|
||||
3. **测试验证**: 定期测试字段映射的正确性
|
||||
4. **文档更新**: 及时更新API文档和前端文档
|
||||
|
||||
---
|
||||
|
||||
**🎉 主机编号显示问题已完全解决！现在所有主机都能正确显示其编号。**
|
||||
|
||||
@@ -1,117 +0,0 @@
|
||||
# 智能主机API集成实现总结
|
||||
|
||||
## ✅ 已完成的功能
|
||||
|
||||
### 1. **完全移除模拟数据**
|
||||
- ✅ 移除了所有硬编码的模拟数据
|
||||
- ✅ 移除了`getMockData()`方法
|
||||
- ✅ 移除了API错误时的模拟数据降级
|
||||
- ✅ 确保只使用真实API接口数据
|
||||
|
||||
### 2. **真实API集成**
|
||||
- ✅ 直接调用`/api/smart-devices/hosts`接口
|
||||
- ✅ 正确处理API响应结构（包含`success`, `data`, `total`字段）
|
||||
- ✅ 支持分页参数（`page`, `pageSize`）
|
||||
- ✅ 支持搜索参数（`search`）
|
||||
|
||||
### 3. **动态数据获取**
|
||||
- ✅ 主机总数使用API返回的`total`字段（应该是371）
|
||||
- ✅ 在线/离线数量基于API返回的真实数据计算
|
||||
- ✅ 分页信息完全来自API响应
|
||||
- ✅ 实时更新统计数据
|
||||
|
||||
### 4. **分页功能**
|
||||
- ✅ 完整的分页控件（上一页/下一页/页码）
|
||||
- ✅ 当前页高亮显示
|
||||
- ✅ 分页信息显示（共X条记录，第X/X页）
|
||||
- ✅ 智能页码显示逻辑
|
||||
|
||||
### 5. **搜索功能**
|
||||
- ✅ 按主机编号精确搜索
|
||||
- ✅ 搜索时重置到第一页
|
||||
- ✅ 实时过滤结果
|
||||
|
||||
### 6. **错误处理**
|
||||
- ✅ 详细的API调用日志
|
||||
- ✅ 认证错误检测
|
||||
- ✅ 网络错误处理
|
||||
- ✅ 用户友好的错误提示
|
||||
|
||||
## 🔧 技术实现
|
||||
|
||||
### API服务层 (`hostService.js`)
|
||||
```javascript
|
||||
// 直接调用真实API，无模拟数据
|
||||
export const getHostDevices = async (params = {}) => {
|
||||
const response = await api.get('/api/smart-devices/hosts', { params })
|
||||
// 处理API响应结构
|
||||
return {
|
||||
data: apiData.data,
|
||||
pagination: {
|
||||
total: apiData.total, // 使用API返回的371
|
||||
// ...
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 组件层 (`SmartHost.vue`)
|
||||
```javascript
|
||||
// 使用API返回的真实数据
|
||||
this.totalCount = this.pagination.total || this.devices.length
|
||||
this.onlineCount = this.devices.filter(device => device.isOnline).length
|
||||
this.offlineCount = this.devices.filter(device => !device.isOnline).length
|
||||
```
|
||||
|
||||
## 🚨 当前问题
|
||||
|
||||
### 认证问题
|
||||
- ❌ API返回401未授权错误
|
||||
- ❌ 需要正确的认证token才能访问
|
||||
- ❌ 前端无法获取371台主机的数据
|
||||
|
||||
### 解决方案
|
||||
1. **获取认证token**：
|
||||
```bash
|
||||
node set-token.js
|
||||
```
|
||||
|
||||
2. **在浏览器中设置token**：
|
||||
```javascript
|
||||
localStorage.setItem('token', 'YOUR_ACTUAL_TOKEN')
|
||||
```
|
||||
|
||||
3. **测试API连接**：
|
||||
```bash
|
||||
node test-api.js
|
||||
```
|
||||
|
||||
## 📊 预期结果
|
||||
|
||||
一旦解决认证问题，前端应该：
|
||||
- ✅ 显示主机总数：371
|
||||
- ✅ 正确显示在线/离线数量
|
||||
- ✅ 分页显示所有371台主机
|
||||
- ✅ 搜索功能正常工作
|
||||
- ✅ 编辑功能正常工作
|
||||
|
||||
## 🛠️ 测试工具
|
||||
|
||||
1. **API测试**：`node test-api.js`
|
||||
2. **认证测试**：`node auth-test.js`
|
||||
3. **Token设置**：`node set-token.js`
|
||||
|
||||
## 📝 下一步
|
||||
|
||||
1. 联系后端开发者获取正确的认证信息
|
||||
2. 设置认证token
|
||||
3. 测试API连接
|
||||
4. 验证前端显示371台主机
|
||||
|
||||
## 🎯 代码特点
|
||||
|
||||
- **无硬编码**：所有数据都来自API
|
||||
- **无模拟数据**：完全使用真实接口
|
||||
- **统一接口**：使用标准的REST API
|
||||
- **动态更新**：实时获取最新数据
|
||||
- **错误处理**：完善的错误处理机制
|
||||
@@ -1,112 +0,0 @@
|
||||
# 登录页面使用说明
|
||||
|
||||
## 页面地址
|
||||
- **登录页面**: http://localhost:8080/login
|
||||
- **首页**: http://localhost:8080/
|
||||
|
||||
## 功能特点
|
||||
|
||||
### 🎨 界面设计
|
||||
- **简洁美观**: 采用白色背景，绿色主题色
|
||||
- **响应式设计**: 适配手机、平板、桌面等不同设备
|
||||
- **状态栏**: 显示时间、信号、WiFi、电池状态
|
||||
- **语言选择**: 支持简体中文和英文切换
|
||||
|
||||
### 🔐 登录功能
|
||||
- **一键登录**: 主要登录方式，绿色按钮突出显示
|
||||
- **协议同意**: 必须同意用户服务协议和隐私政策才能登录
|
||||
- **其他登录方式**: 短信登录、注册账号、其它方式（预留接口）
|
||||
|
||||
### 🛡️ 安全机制
|
||||
- **路由守卫**: 未登录用户自动跳转到登录页
|
||||
- **登录状态检查**: 已登录用户访问登录页会跳转到首页
|
||||
- **认证管理**: 使用localStorage存储token和用户信息
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 1. 访问登录页面
|
||||
```
|
||||
http://localhost:8080/login
|
||||
```
|
||||
|
||||
### 2. 登录流程
|
||||
1. 勾选"我已阅读并同意《用户服务协议》及《隐私政策》"
|
||||
2. 点击"一键登录"按钮
|
||||
3. 系统模拟登录过程（1.5秒）
|
||||
4. 登录成功后自动跳转到首页
|
||||
|
||||
### 3. 其他功能
|
||||
- **短信登录**: 点击"短信登录"（功能开发中）
|
||||
- **注册账号**: 点击"注册账号"（功能开发中）
|
||||
- **其它登录**: 点击"其它"（功能开发中）
|
||||
- **生资监管方案**: 点击底部服务链接
|
||||
- **绑定天翼账号**: 点击底部服务链接
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 组件结构
|
||||
```
|
||||
Login.vue
|
||||
├── 状态栏 (status-bar)
|
||||
├── 头部导航 (header-bar)
|
||||
├── 语言选择 (language-selector)
|
||||
├── 主要内容 (main-content)
|
||||
│ ├── 应用标题 (app-title)
|
||||
│ ├── 登录区域 (login-section)
|
||||
│ ├── 其他登录方式 (alternative-login)
|
||||
│ ├── 底部服务 (footer-services)
|
||||
│ └── 免责声明 (disclaimer)
|
||||
```
|
||||
|
||||
### 核心功能
|
||||
- **认证管理**: 集成 `@/utils/auth` 工具
|
||||
- **路由守卫**: 自动处理登录状态检查
|
||||
- **状态管理**: 使用Vue data管理组件状态
|
||||
- **事件处理**: 完整的用户交互逻辑
|
||||
|
||||
### 样式特点
|
||||
- **移动优先**: 响应式设计，适配各种屏幕尺寸
|
||||
- **交互反馈**: 按钮悬停、点击效果
|
||||
- **视觉层次**: 清晰的信息层级和视觉引导
|
||||
- **品牌色彩**: 绿色主题色，符合农业应用特色
|
||||
|
||||
## 开发说明
|
||||
|
||||
### 模拟登录
|
||||
当前使用模拟登录，实际项目中需要：
|
||||
1. 连接真实登录API
|
||||
2. 处理登录验证逻辑
|
||||
3. 实现短信验证码功能
|
||||
4. 添加注册功能
|
||||
|
||||
### 自定义配置
|
||||
可以在 `Login.vue` 中修改：
|
||||
- 应用名称和标题
|
||||
- 主题色彩
|
||||
- 登录方式
|
||||
- 服务链接
|
||||
- 免责声明内容
|
||||
|
||||
### 扩展功能
|
||||
可以添加：
|
||||
- 忘记密码功能
|
||||
- 第三方登录（微信、QQ等）
|
||||
- 生物识别登录
|
||||
- 多语言支持
|
||||
- 主题切换
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **协议同意**: 用户必须同意协议才能登录
|
||||
2. **登录状态**: 登录后访问 `/login` 会自动跳转到首页
|
||||
3. **退出登录**: 在"我的"页面可以退出登录
|
||||
4. **路由保护**: 未登录用户无法访问其他页面
|
||||
5. **数据持久化**: 登录状态保存在localStorage中
|
||||
|
||||
## 测试方法
|
||||
|
||||
1. 直接访问 http://localhost:8080/login
|
||||
2. 不勾选协议，点击登录（应该提示需要同意协议）
|
||||
3. 勾选协议，点击登录（应该成功登录并跳转）
|
||||
4. 登录后访问 http://localhost:8080/login（应该跳转到首页）
|
||||
5. 在"我的"页面点击"退出登录"（应该跳转到登录页）
|
||||
@@ -1,209 +0,0 @@
|
||||
# 智能耳标页面跳转功能修复总结
|
||||
|
||||
## 🔍 问题分析
|
||||
|
||||
**问题描述**: 点击智能耳标没有跳转
|
||||
|
||||
**根本原因**:
|
||||
1. 目标页面 `eartag-detail` 不存在
|
||||
2. 缺少错误处理机制
|
||||
3. 数据传递可能存在问题
|
||||
|
||||
## ✅ 解决方案
|
||||
|
||||
### 1. 创建耳标详情页面
|
||||
**文件**: `pages/device/eartag-detail/`
|
||||
|
||||
#### 功能特性:
|
||||
- ✅ 显示耳标详细信息
|
||||
- ✅ 绑定/解绑牛只功能
|
||||
- ✅ 编辑信息功能
|
||||
- ✅ 返回上一页功能
|
||||
- ✅ 加载状态处理
|
||||
|
||||
#### 页面结构:
|
||||
```javascript
|
||||
// 主要功能
|
||||
- onLoad(options) // 接收耳标ID参数
|
||||
- fetchEartagDetail() // 获取详情数据
|
||||
- onBind() // 绑定牛只
|
||||
- onUnbind() // 解绑牛只
|
||||
- onEdit() // 编辑信息
|
||||
- goBack() // 返回上一页
|
||||
```
|
||||
|
||||
### 2. 创建添加耳标页面
|
||||
**文件**: `pages/device/eartag-add/`
|
||||
|
||||
#### 功能特性:
|
||||
- ✅ 表单输入验证
|
||||
- ✅ API接口调用
|
||||
- ✅ 成功/失败提示
|
||||
- ✅ 自动返回上一页
|
||||
|
||||
#### 表单字段:
|
||||
- 耳标编号 (必填)
|
||||
- 主机号 (必填)
|
||||
- 初始电量 (可选)
|
||||
- 备注 (可选)
|
||||
|
||||
### 3. 优化点击事件处理
|
||||
**文件**: `pages/device/eartag/eartag.js`
|
||||
|
||||
#### 改进内容:
|
||||
```javascript
|
||||
// 优化前
|
||||
onEartagClick(e) {
|
||||
const item = e.currentTarget.dataset.item
|
||||
wx.navigateTo({
|
||||
url: `/pages/device/eartag-detail/eartag-detail?id=${item.eartagNumber}`
|
||||
})
|
||||
}
|
||||
|
||||
// 优化后
|
||||
onEartagClick(e) {
|
||||
const item = e.currentTarget.dataset.item
|
||||
|
||||
// 数据验证
|
||||
if (!item || !item.eartagNumber) {
|
||||
wx.showToast({
|
||||
title: '数据错误',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
// 跳转 with 错误处理
|
||||
wx.navigateTo({
|
||||
url: `/pages/device/eartag-detail/eartag-detail?id=${item.eartagNumber}`,
|
||||
success: () => {
|
||||
console.log('跳转成功')
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('跳转失败:', error)
|
||||
wx.showToast({
|
||||
title: '跳转失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 更新页面配置
|
||||
**文件**: `app.json`
|
||||
|
||||
#### 新增页面:
|
||||
```json
|
||||
{
|
||||
"pages": [
|
||||
"pages/device/eartag/eartag",
|
||||
"pages/device/eartag-detail/eartag-detail",
|
||||
"pages/device/eartag-add/eartag-add"
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
## 🎯 修复结果
|
||||
|
||||
### ✅ 解决的问题:
|
||||
1. **页面不存在**: 创建了详情页和添加页
|
||||
2. **跳转失败**: 添加了错误处理机制
|
||||
3. **数据验证**: 增加了数据有效性检查
|
||||
4. **用户体验**: 添加了成功/失败提示
|
||||
|
||||
### ✅ 新增功能:
|
||||
1. **耳标详情页**: 完整的详情展示和操作
|
||||
2. **添加耳标页**: 表单输入和API调用
|
||||
3. **错误处理**: 完善的异常处理机制
|
||||
4. **用户反馈**: 清晰的状态提示
|
||||
|
||||
## 📱 使用流程
|
||||
|
||||
### 智能耳标页面操作流程:
|
||||
1. **查看列表**: 显示所有耳标数据
|
||||
2. **点击耳标**: 跳转到详情页面
|
||||
3. **查看详情**: 显示耳标详细信息
|
||||
4. **绑定操作**: 绑定/解绑牛只
|
||||
5. **编辑信息**: 修改耳标信息
|
||||
6. **添加耳标**: 点击"+"按钮添加新耳标
|
||||
|
||||
### 跳转路径:
|
||||
```
|
||||
智能耳标列表页
|
||||
↓ (点击耳标)
|
||||
耳标详情页
|
||||
↓ (点击编辑)
|
||||
耳标编辑页
|
||||
↓ (点击添加)
|
||||
添加耳标页
|
||||
```
|
||||
|
||||
## 🔧 技术实现
|
||||
|
||||
### 数据传递:
|
||||
```javascript
|
||||
// 列表页 → 详情页
|
||||
wx.navigateTo({
|
||||
url: `/pages/device/eartag-detail/eartag-detail?id=${item.eartagNumber}`
|
||||
})
|
||||
|
||||
// 详情页接收参数
|
||||
onLoad(options) {
|
||||
if (options.id) {
|
||||
this.setData({ eartagId: options.id })
|
||||
this.fetchEartagDetail(options.id)
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 错误处理:
|
||||
```javascript
|
||||
// 数据验证
|
||||
if (!item || !item.eartagNumber) {
|
||||
wx.showToast({
|
||||
title: '数据错误',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
// 跳转错误处理
|
||||
wx.navigateTo({
|
||||
url: '...',
|
||||
success: () => console.log('跳转成功'),
|
||||
fail: (error) => {
|
||||
console.error('跳转失败:', error)
|
||||
wx.showToast({
|
||||
title: '跳转失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
## 🚀 测试建议
|
||||
|
||||
### 功能测试:
|
||||
1. **点击耳标**: 确认能正常跳转到详情页
|
||||
2. **查看详情**: 确认数据正确显示
|
||||
3. **返回功能**: 确认能正常返回列表页
|
||||
4. **添加耳标**: 确认能正常跳转到添加页
|
||||
5. **表单提交**: 确认能正常添加耳标
|
||||
|
||||
### 错误测试:
|
||||
1. **数据异常**: 测试数据为空时的处理
|
||||
2. **网络异常**: 测试API调用失败时的处理
|
||||
3. **参数错误**: 测试参数缺失时的处理
|
||||
|
||||
## 📞 后续优化
|
||||
|
||||
1. **API集成**: 对接真实的详情和添加API
|
||||
2. **数据缓存**: 优化数据加载性能
|
||||
3. **离线支持**: 添加离线数据支持
|
||||
4. **批量操作**: 支持批量绑定/解绑
|
||||
5. **数据同步**: 实时同步数据更新
|
||||
|
||||
---
|
||||
|
||||
**修复完成**: 智能耳标页面点击跳转功能已完全修复，所有相关页面和功能都已实现！
|
||||
@@ -1,144 +0,0 @@
|
||||
# 养殖端微信小程序底部导航栏实现总结
|
||||
|
||||
## 📱 项目概述
|
||||
|
||||
已成功实现养殖端微信小程序的底部导航栏，包含三个主要页面：**首页**、**生产管理**、**我的**。
|
||||
|
||||
## ✅ 完成的功能
|
||||
|
||||
### 1. 底部导航栏配置
|
||||
- ✅ 更新 `app.json` 中的 `tabBar` 配置
|
||||
- ✅ 设置三个导航页面：首页、生产管理、我的
|
||||
- ✅ 配置导航栏颜色和样式
|
||||
|
||||
### 2. 首页页面 (pages/home/home)
|
||||
- ✅ 根据图片UI样式重新设计首页
|
||||
- ✅ 顶部状态栏（时间、位置、天气）
|
||||
- ✅ 搜索框和扫描功能
|
||||
- ✅ 数据统计卡片（总牛只数、怀孕牛只、泌乳牛只、健康牛只）
|
||||
- ✅ 功能模块网格（8个功能模块）
|
||||
- ✅ 最近活动列表
|
||||
- ✅ 响应式设计
|
||||
|
||||
### 3. 生产管理页面 (pages/production/production)
|
||||
- ✅ 创建完整的生产管理页面
|
||||
- ✅ 生产数据统计卡片
|
||||
- ✅ 生产管理功能模块（8个模块）
|
||||
- ✅ 最近生产活动记录
|
||||
- ✅ 与首页一致的设计风格
|
||||
|
||||
### 4. 我的页面 (pages/profile/profile)
|
||||
- ✅ 使用现有的个人中心页面
|
||||
- ✅ 保持原有功能不变
|
||||
|
||||
## 🎨 UI设计特点
|
||||
|
||||
### 首页设计亮点
|
||||
1. **渐变背景**：使用现代化的渐变背景设计
|
||||
2. **状态栏**：顶部显示时间、位置和天气信息
|
||||
3. **搜索功能**：集成搜索框和二维码扫描功能
|
||||
4. **数据可视化**：统计卡片显示趋势变化
|
||||
5. **功能模块**：4x2网格布局，图标+文字设计
|
||||
6. **活动列表**：最近活动记录，支持点击跳转
|
||||
|
||||
### 配色方案
|
||||
- 主色调：绿色 (#3cc51f)
|
||||
- 辅助色：蓝色 (#1890ff)、橙色 (#faad14)、红色 (#f5222d)
|
||||
- 背景：渐变白色到浅灰色
|
||||
- 文字：深灰色 (#333)、中灰色 (#666)、浅灰色 (#999)
|
||||
|
||||
## 📁 文件结构
|
||||
|
||||
```
|
||||
mini_program/farm-monitor-dashboard/
|
||||
├── app.json # 应用配置（已更新tabBar）
|
||||
├── pages/
|
||||
│ ├── home/ # 首页
|
||||
│ │ ├── home.wxml # 页面结构
|
||||
│ │ ├── home.wxss # 页面样式
|
||||
│ │ └── home.js # 页面逻辑
|
||||
│ ├── production/ # 生产管理页面
|
||||
│ │ ├── production.wxml # 页面结构
|
||||
│ │ ├── production.wxss # 页面样式
|
||||
│ │ └── production.js # 页面逻辑
|
||||
│ └── profile/ # 我的页面
|
||||
│ ├── profile.wxml # 页面结构
|
||||
│ ├── profile.wxss # 页面样式
|
||||
│ └── profile.js # 页面逻辑
|
||||
├── images/
|
||||
│ └── ICON_REQUIREMENTS.md # 图标需求说明
|
||||
└── test-navigation.js # 导航测试脚本
|
||||
```
|
||||
|
||||
## 🔧 技术实现
|
||||
|
||||
### 1. 页面配置
|
||||
- 在 `app.json` 中配置了三个tabBar页面
|
||||
- 设置了统一的导航栏样式和颜色
|
||||
|
||||
### 2. 首页功能
|
||||
- 实时时间显示（每分钟更新）
|
||||
- 搜索功能（支持关键词搜索）
|
||||
- 二维码扫描功能
|
||||
- 数据统计（支持趋势显示）
|
||||
- 下拉刷新功能
|
||||
|
||||
### 3. 生产管理页面
|
||||
- 生产数据统计
|
||||
- 8个生产管理功能模块
|
||||
- 最近生产活动记录
|
||||
- 与首页一致的设计风格
|
||||
|
||||
### 4. 响应式设计
|
||||
- 支持不同屏幕尺寸
|
||||
- 小屏幕设备优化（375px以下）
|
||||
- 网格布局自适应
|
||||
|
||||
## ⚠️ 注意事项
|
||||
|
||||
### 图标文件
|
||||
需要创建以下图标文件（当前为占位符）：
|
||||
- `images/home.png` - 首页未选中图标
|
||||
- `images/home-active.png` - 首页选中图标
|
||||
- `images/production.png` - 生产管理未选中图标
|
||||
- `images/production-active.png` - 生产管理选中图标
|
||||
- `images/profile.png` - 我的未选中图标
|
||||
- `images/profile-active.png` - 我的选中图标
|
||||
|
||||
### 图标规格
|
||||
- 尺寸：40x40 像素
|
||||
- 格式：PNG格式，支持透明背景
|
||||
- 颜色：未选中 #7A7E83，选中 #3cc51f
|
||||
|
||||
## 🚀 使用方法
|
||||
|
||||
1. 在微信开发者工具中打开项目
|
||||
2. 确保所有页面文件存在
|
||||
3. 添加所需的图标文件
|
||||
4. 编译并预览小程序
|
||||
5. 测试底部导航栏功能
|
||||
|
||||
## 📋 测试清单
|
||||
|
||||
- [x] 底部导航栏显示正常
|
||||
- [x] 三个页面可以正常切换
|
||||
- [x] 首页功能完整
|
||||
- [x] 生产管理页面功能完整
|
||||
- [x] 我的页面功能完整
|
||||
- [x] 响应式设计正常
|
||||
- [ ] 图标文件需要添加
|
||||
- [ ] 实际数据接口对接
|
||||
|
||||
## 🎯 下一步计划
|
||||
|
||||
1. 添加底部导航栏图标文件
|
||||
2. 对接真实的后端API接口
|
||||
3. 完善搜索和扫描功能
|
||||
4. 添加更多交互效果
|
||||
5. 优化性能和用户体验
|
||||
|
||||
---
|
||||
|
||||
**开发完成时间**: 2024年
|
||||
**开发状态**: ✅ 基础功能完成
|
||||
**待办事项**: 图标文件、API对接
|
||||
@@ -1,121 +0,0 @@
|
||||
# 网络连接错误修复说明
|
||||
|
||||
## 问题描述
|
||||
出现错误：`API请求错误: 0 /api/smart-devices/eartags` 和 `net::ERR_CONNECTION_REFUSED`
|
||||
|
||||
## 问题原因
|
||||
后端API服务器没有运行，导致前端无法连接到 `http://localhost:5350`
|
||||
|
||||
## 解决方案
|
||||
|
||||
### 1. 启动后端服务
|
||||
```bash
|
||||
cd C:\nxxmdata\backend
|
||||
npm start
|
||||
```
|
||||
|
||||
### 2. 验证服务状态
|
||||
```powershell
|
||||
# 检查后端服务
|
||||
netstat -an | findstr :5350
|
||||
|
||||
# 检查前端服务
|
||||
netstat -an | findstr :8080
|
||||
```
|
||||
|
||||
### 3. 测试API连接
|
||||
```powershell
|
||||
# 测试登录API
|
||||
Invoke-WebRequest -Uri "http://localhost:5350/api/auth/login" -Method POST -Body '{"username":"admin","password":"123456"}' -ContentType "application/json"
|
||||
|
||||
# 测试耳标API
|
||||
$response = Invoke-WebRequest -Uri "http://localhost:5350/api/auth/login" -Method POST -Body '{"username":"admin","password":"123456"}' -ContentType "application/json"
|
||||
$token = ($response.Content | ConvertFrom-Json).token
|
||||
Invoke-WebRequest -Uri "http://localhost:5350/api/smart-devices/eartags" -Headers @{"Authorization"="Bearer $token"} -Method GET
|
||||
```
|
||||
|
||||
## 当前状态
|
||||
|
||||
### ✅ 后端服务
|
||||
- **状态**: 正在运行
|
||||
- **端口**: 5350
|
||||
- **API**: 正常工作
|
||||
- **认证**: JWT token正常
|
||||
|
||||
### ✅ 前端服务
|
||||
- **状态**: 正在运行
|
||||
- **端口**: 8080
|
||||
- **代理**: 配置正确
|
||||
|
||||
### ✅ API测试
|
||||
- **登录API**: 正常返回token
|
||||
- **耳标API**: 正常返回数据
|
||||
- **认证**: JWT token验证正常
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 1. 访问应用
|
||||
```
|
||||
http://localhost:8080
|
||||
```
|
||||
|
||||
### 2. 测试API
|
||||
```
|
||||
http://localhost:8080/auth-test
|
||||
```
|
||||
|
||||
### 3. 设备管理
|
||||
- 耳标设备: `http://localhost:8080/ear-tag`
|
||||
- 项圈设备: `http://localhost:8080/smart-collar`
|
||||
- 脚环设备: `http://localhost:8080/smart-ankle`
|
||||
- 主机设备: `http://localhost:8080/smart-host`
|
||||
|
||||
## 故障排除
|
||||
|
||||
### 如果仍然出现连接错误
|
||||
1. 检查后端服务是否运行：`netstat -an | findstr :5350`
|
||||
2. 检查前端服务是否运行：`netstat -an | findstr :8080`
|
||||
3. 重启后端服务：`cd C:\nxxmdata\backend && npm start`
|
||||
4. 重启前端服务：`cd C:\nxxmdata\mini_program\farm-monitor-dashboard && npm run serve`
|
||||
|
||||
### 如果API返回401错误
|
||||
1. 访问认证测试页面
|
||||
2. 点击"设置真实Token"按钮
|
||||
3. 点击"测试所有API"按钮
|
||||
|
||||
### 如果代理不工作
|
||||
1. 检查vue.config.js配置
|
||||
2. 重启前端开发服务器
|
||||
3. 清除浏览器缓存
|
||||
|
||||
## 服务启动顺序
|
||||
|
||||
1. **启动后端服务**
|
||||
```bash
|
||||
cd C:\nxxmdata\backend
|
||||
npm start
|
||||
```
|
||||
|
||||
2. **启动前端服务**
|
||||
```bash
|
||||
cd C:\nxxmdata\mini_program\farm-monitor-dashboard
|
||||
npm run serve
|
||||
```
|
||||
|
||||
3. **验证服务**
|
||||
- 后端: http://localhost:5350/api-docs
|
||||
- 前端: http://localhost:8080
|
||||
|
||||
## 预期结果
|
||||
|
||||
- ✅ 前端可以正常访问后端API
|
||||
- ✅ 所有设备API返回真实数据
|
||||
- ✅ 认证系统正常工作
|
||||
- ✅ 不再出现网络连接错误
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. 确保两个服务都在运行
|
||||
2. 后端服务必须先启动
|
||||
3. 如果修改了配置，需要重启服务
|
||||
4. 检查防火墙设置是否阻止了端口访问
|
||||
@@ -1,123 +0,0 @@
|
||||
# 分页字段映射修复报告
|
||||
|
||||
## 问题描述
|
||||
API响应分页信息为 `{page: 3, limit: 10, total: 2000, pages: 200}`，但前端分页高亮显示的是第1页，存在字段映射不匹配的问题。
|
||||
|
||||
## 问题分析
|
||||
|
||||
### 1. API响应字段格式
|
||||
```javascript
|
||||
// API实际返回的分页字段
|
||||
{
|
||||
page: 3, // 当前页码
|
||||
limit: 10, // 每页数量
|
||||
total: 2000, // 总数据量
|
||||
pages: 200 // 总页数
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 前端期望字段格式
|
||||
```javascript
|
||||
// 前端期望的分页字段
|
||||
{
|
||||
current: 3, // 当前页码
|
||||
pageSize: 10, // 每页数量
|
||||
total: 2000, // 总数据量
|
||||
totalPages: 200 // 总页数
|
||||
}
|
||||
```
|
||||
|
||||
### 3. 字段映射不匹配
|
||||
- `page` → `current`
|
||||
- `limit` → `pageSize`
|
||||
- `pages` → `totalPages`
|
||||
- `total` → `total` (相同)
|
||||
|
||||
## 修复方案
|
||||
|
||||
### 1. 更新collarService.js中的字段映射
|
||||
```javascript
|
||||
// 确保分页信息存在并正确映射字段
|
||||
if (response.data.pagination) {
|
||||
// 映射API返回的分页字段到前端期望的字段
|
||||
response.data.pagination = {
|
||||
current: parseInt(response.data.pagination.page || response.data.pagination.current || queryParams.page) || 1,
|
||||
pageSize: parseInt(response.data.pagination.limit || response.data.pagination.pageSize || queryParams.limit) || 10,
|
||||
total: parseInt(response.data.pagination.total || 0) || 0,
|
||||
totalPages: parseInt(response.data.pagination.pages || response.data.pagination.totalPages || 1) || 1
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 字段映射优先级
|
||||
1. **current**: `page` → `current` → `queryParams.page`
|
||||
2. **pageSize**: `limit` → `pageSize` → `queryParams.limit`
|
||||
3. **total**: `total` → `0`
|
||||
4. **totalPages**: `pages` → `totalPages` → `1`
|
||||
|
||||
### 3. 向后兼容性
|
||||
- 支持API返回 `page` 或 `current` 字段
|
||||
- 支持API返回 `limit` 或 `pageSize` 字段
|
||||
- 支持API返回 `pages` 或 `totalPages` 字段
|
||||
- 如果API没有返回分页信息，使用默认值
|
||||
|
||||
## 修复效果
|
||||
|
||||
### 修复前
|
||||
- API返回: `{page: 3, limit: 10, total: 2000, pages: 200}`
|
||||
- 前端显示: 分页高亮第1页 ❌
|
||||
- 分页信息: "第 NaN-NaN条,共2000条" ❌
|
||||
|
||||
### 修复后
|
||||
- API返回: `{page: 3, limit: 10, total: 2000, pages: 200}`
|
||||
- 映射后: `{current: 3, pageSize: 10, total: 2000, totalPages: 200}`
|
||||
- 前端显示: 分页高亮第3页 ✅
|
||||
- 分页信息: "第 21-30条,共2000条" ✅
|
||||
|
||||
## 测试验证
|
||||
|
||||
### 1. 测试脚本
|
||||
创建了 `test-pagination-fix.js` 测试脚本，包含：
|
||||
- 原始API响应分页信息显示
|
||||
- 字段映射验证
|
||||
- 分页高亮正确性验证
|
||||
|
||||
### 2. 运行测试
|
||||
```bash
|
||||
cd mini_program/farm-monitor-dashboard
|
||||
node test-pagination-fix.js
|
||||
```
|
||||
|
||||
### 3. 测试覆盖
|
||||
- ✅ API字段映射正确性
|
||||
- ✅ 分页高亮显示正确性
|
||||
- ✅ 分页信息计算正确性
|
||||
- ✅ 向后兼容性
|
||||
|
||||
## 技术细节
|
||||
|
||||
### 1. 字段映射逻辑
|
||||
```javascript
|
||||
// 智能字段映射，支持多种API响应格式
|
||||
current: parseInt(response.data.pagination.page || response.data.pagination.current || queryParams.page) || 1
|
||||
```
|
||||
|
||||
### 2. 数据类型转换
|
||||
- 使用 `parseInt()` 确保数值类型
|
||||
- 提供默认值防止 `NaN` 错误
|
||||
- 支持字符串和数字类型转换
|
||||
|
||||
### 3. 错误处理
|
||||
- 如果API没有返回分页信息，使用默认值
|
||||
- 如果字段值为空或无效，使用查询参数
|
||||
- 如果所有值都无效，使用硬编码默认值
|
||||
|
||||
## 总结
|
||||
|
||||
通过修复分页字段映射问题，现在：
|
||||
1. **分页高亮正确**：API返回第3页时，前端正确高亮第3页
|
||||
2. **分页信息正确**：显示正确的"第 X-Y 条，共 Z 条"格式
|
||||
3. **向后兼容**：支持多种API响应格式
|
||||
4. **错误处理**：提供完善的错误处理和默认值
|
||||
|
||||
分页功能现在可以正常工作，用户界面与API数据完全同步。
|
||||
@@ -1,175 +0,0 @@
|
||||
# 密码登录页面使用说明
|
||||
|
||||
## 页面地址
|
||||
- **密码登录页面**: http://localhost:8080/password-login
|
||||
- **一键登录页面**: http://localhost:8080/login
|
||||
- **短信登录页面**: http://localhost:8080/sms-login
|
||||
- **注册页面**: http://localhost:8080/register
|
||||
- **首页**: http://localhost:8080/
|
||||
|
||||
## 功能特点
|
||||
|
||||
### 🎨 界面设计
|
||||
- **简洁美观**: 采用白色背景，绿色主题色
|
||||
- **响应式设计**: 适配手机、平板、桌面等不同设备
|
||||
- **状态栏**: 显示时间、信号、WiFi、电池状态
|
||||
- **语言选择**: 支持简体中文和英文切换
|
||||
|
||||
### 🔐 密码登录功能
|
||||
- **账号输入**: 支持用户名、手机号、邮箱等格式
|
||||
- **密码输入**: 支持显示/隐藏切换，最少6位
|
||||
- **协议同意**: 必须同意用户服务协议和隐私政策
|
||||
- **实时验证**: 输入格式实时验证和错误提示
|
||||
|
||||
### 🔄 多种登录方式
|
||||
- **一键登录**: 跳转到一键登录页面
|
||||
- **短信登录**: 跳转到短信登录页面
|
||||
- **注册账号**: 跳转到注册页面
|
||||
- **其它方式**: 预留更多登录方式接口
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 1. 访问密码登录页面
|
||||
```
|
||||
http://localhost:8080/password-login
|
||||
```
|
||||
|
||||
### 2. 登录流程
|
||||
1. 输入账号（用户名、手机号或邮箱）
|
||||
2. 输入密码（最少6位）
|
||||
3. 勾选"我已阅读并同意《用户服务协议》及《隐私政策》"
|
||||
4. 点击"登录"按钮
|
||||
5. 登录成功后自动跳转到首页
|
||||
|
||||
### 3. 其他功能
|
||||
- **密码显示**: 点击密码框右侧眼睛图标切换显示/隐藏
|
||||
- **其他登录方式**: 点击下方登录方式选项
|
||||
- **服务链接**: 点击底部服务链接
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 组件结构
|
||||
```
|
||||
PasswordLogin.vue
|
||||
├── 状态栏 (status-bar)
|
||||
├── 头部导航 (header-bar)
|
||||
├── 语言选择 (language-selector)
|
||||
├── 主要内容 (main-content)
|
||||
│ ├── 应用标题 (app-title)
|
||||
│ ├── 登录表单 (login-form)
|
||||
│ │ ├── 账号输入框 (input-group)
|
||||
│ │ ├── 密码输入框 (input-group)
|
||||
│ │ └── 协议同意 (agreement-section)
|
||||
│ ├── 其他登录方式 (alternative-login)
|
||||
│ ├── 底部服务 (footer-services)
|
||||
│ └── 免责声明 (disclaimer)
|
||||
```
|
||||
|
||||
### 核心功能
|
||||
- **表单验证**: 实时验证账号和密码格式
|
||||
- **密码安全**: 支持密码显示/隐藏切换
|
||||
- **协议管理**: 必须同意协议才能登录
|
||||
- **状态管理**: 完整的加载和错误状态
|
||||
|
||||
### 登录验证
|
||||
- **模拟验证**: 开发环境使用模拟验证
|
||||
- **测试账号**: admin/123456（开发环境）
|
||||
- **密码强度**: 最少6位密码要求
|
||||
- **错误处理**: 详细的错误信息提示
|
||||
|
||||
## 开发说明
|
||||
|
||||
### 模拟功能
|
||||
当前使用模拟登录验证，实际项目中需要：
|
||||
1. 连接真实用户认证API
|
||||
2. 实现密码加密传输
|
||||
3. 添加记住密码功能
|
||||
4. 集成单点登录(SSO)
|
||||
|
||||
### 验证规则
|
||||
- **账号格式**: 支持用户名、手机号、邮箱
|
||||
- **密码强度**: 最少6位，建议包含字母和数字
|
||||
- **协议同意**: 必须勾选协议才能登录
|
||||
- **登录状态**: 已登录用户访问会跳转到首页
|
||||
|
||||
### 自定义配置
|
||||
可以在 `PasswordLogin.vue` 中修改：
|
||||
- 密码最小长度
|
||||
- 账号格式验证
|
||||
- 错误提示信息
|
||||
- 样式和主题
|
||||
|
||||
## 测试方法
|
||||
|
||||
### 1. 基本功能测试
|
||||
1. 访问 http://localhost:8080/password-login
|
||||
2. 输入账号（如：admin）
|
||||
3. 输入密码（如：123456）
|
||||
4. 勾选协议同意
|
||||
5. 点击"登录"
|
||||
|
||||
### 2. 验证测试
|
||||
1. 输入空账号
|
||||
2. 应该显示"请输入账号"错误
|
||||
3. 输入空密码
|
||||
4. 应该显示"请输入密码"错误
|
||||
5. 输入短密码（如：123）
|
||||
6. 应该显示"密码长度不能少于6位"错误
|
||||
|
||||
### 3. 协议测试
|
||||
1. 不勾选协议同意
|
||||
2. 登录按钮应该被禁用
|
||||
3. 勾选协议同意
|
||||
4. 登录按钮应该可用
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **协议同意**: 必须同意用户服务协议和隐私政策
|
||||
2. **密码安全**: 支持密码显示/隐藏切换
|
||||
3. **登录状态**: 已登录用户访问会跳转到首页
|
||||
4. **错误处理**: 所有错误都有相应的用户提示
|
||||
5. **多种登录**: 支持多种登录方式切换
|
||||
|
||||
## 扩展功能
|
||||
|
||||
可以添加的功能：
|
||||
- 记住密码
|
||||
- 自动登录
|
||||
- 忘记密码
|
||||
- 第三方登录（微信、QQ、支付宝等）
|
||||
- 生物识别登录
|
||||
- 多因素认证
|
||||
- 单点登录(SSO)
|
||||
|
||||
## 样式特点
|
||||
|
||||
- **移动优先**: 响应式设计，适配各种屏幕
|
||||
- **交互反馈**: 按钮状态、输入框焦点效果
|
||||
- **视觉层次**: 清晰的信息层级
|
||||
- **品牌一致**: 与整体应用风格保持一致
|
||||
- **无障碍**: 支持键盘导航和屏幕阅读器
|
||||
|
||||
## 页面跳转
|
||||
|
||||
- **从登录页**: 点击"其它"跳转到密码登录页
|
||||
- **一键登录**: 点击"一键登录"跳转到一键登录页
|
||||
- **短信登录**: 点击"短信登录"跳转到短信登录页
|
||||
- **注册账号**: 点击"注册账号"跳转到注册页
|
||||
- **返回上一页**: 点击左上角房子图标
|
||||
|
||||
## 登录方式对比
|
||||
|
||||
| 登录方式 | 页面地址 | 特点 | 适用场景 |
|
||||
|---------|---------|------|---------|
|
||||
| 一键登录 | /login | 简单快速 | 首次使用 |
|
||||
| 短信登录 | /sms-login | 安全可靠 | 忘记密码 |
|
||||
| 密码登录 | /password-login | 传统方式 | 日常使用 |
|
||||
| 注册账号 | /register | 新用户 | 首次注册 |
|
||||
|
||||
## 安全建议
|
||||
|
||||
1. **密码强度**: 建议使用强密码
|
||||
2. **定期更换**: 定期更换密码
|
||||
3. **安全环境**: 在安全环境下登录
|
||||
4. **退出登录**: 使用完毕后及时退出
|
||||
5. **协议阅读**: 仔细阅读用户协议和隐私政策
|
||||
@@ -1,229 +0,0 @@
|
||||
# 养殖管理系统微信小程序
|
||||
|
||||
## 项目简介
|
||||
|
||||
这是一个基于微信小程序原生技术开发的养殖管理系统，用于管理牛只档案、设备监控、预警管理等养殖业务。
|
||||
|
||||
## 技术栈
|
||||
|
||||
- **框架**: 微信小程序原生开发
|
||||
- **语言**: JavaScript ES6+
|
||||
- **样式**: WXSS
|
||||
- **模板**: WXML
|
||||
- **状态管理**: 微信小程序全局数据
|
||||
- **网络请求**: wx.request
|
||||
- **UI组件**: 微信小程序原生组件
|
||||
|
||||
## 项目结构
|
||||
|
||||
```
|
||||
farm-monitor-dashboard/
|
||||
├── app.js # 小程序入口文件
|
||||
├── app.json # 小程序全局配置
|
||||
├── app.wxss # 小程序全局样式
|
||||
├── sitemap.json # 站点地图配置
|
||||
├── project.config.json # 项目配置文件
|
||||
├── package.json # 项目依赖配置
|
||||
├── pages/ # 页面目录
|
||||
│ ├── home/ # 首页
|
||||
│ │ ├── home.js
|
||||
│ │ ├── home.wxml
|
||||
│ │ └── home.wxss
|
||||
│ ├── login/ # 登录页
|
||||
│ │ ├── login.js
|
||||
│ │ ├── login.wxml
|
||||
│ │ └── login.wxss
|
||||
│ ├── cattle/ # 牛只管理
|
||||
│ │ ├── cattle.js
|
||||
│ │ ├── cattle.wxml
|
||||
│ │ └── cattle.wxss
|
||||
│ ├── device/ # 设备管理
|
||||
│ │ ├── device.js
|
||||
│ │ ├── device.wxml
|
||||
│ │ └── device.wxss
|
||||
│ ├── alert/ # 预警中心
|
||||
│ │ ├── alert.js
|
||||
│ │ ├── alert.wxml
|
||||
│ │ └── alert.wxss
|
||||
│ └── profile/ # 个人中心
|
||||
│ ├── profile.js
|
||||
│ ├── profile.wxml
|
||||
│ └── profile.wxss
|
||||
├── services/ # 服务层
|
||||
│ ├── api.js # API接口定义
|
||||
│ ├── cattleService.js # 牛只管理服务
|
||||
│ ├── deviceService.js # 设备管理服务
|
||||
│ └── alertService.js # 预警管理服务
|
||||
├── utils/ # 工具函数
|
||||
│ ├── index.js # 通用工具函数
|
||||
│ ├── api.js # API请求工具
|
||||
│ └── auth.js # 认证工具
|
||||
├── images/ # 图片资源
|
||||
│ └── README.md
|
||||
└── README.md # 项目说明文档
|
||||
```
|
||||
|
||||
## 功能特性
|
||||
|
||||
### 1. 用户认证
|
||||
- 密码登录
|
||||
- 短信验证码登录
|
||||
- 微信授权登录
|
||||
- 自动登录状态保持
|
||||
|
||||
### 2. 牛只管理
|
||||
- 牛只档案管理
|
||||
- 牛只信息查询和搜索
|
||||
- 牛只状态管理
|
||||
- 牛只健康记录
|
||||
- 牛只繁殖记录
|
||||
- 牛只饲喂记录
|
||||
|
||||
### 3. 设备管理
|
||||
- 智能设备监控
|
||||
- 设备状态管理
|
||||
- 设备配置管理
|
||||
- 设备历史数据查看
|
||||
- 设备实时数据监控
|
||||
|
||||
### 4. 预警中心
|
||||
- 智能预警管理
|
||||
- 预警类型分类
|
||||
- 预警处理流程
|
||||
- 预警统计分析
|
||||
- 预警规则配置
|
||||
|
||||
### 5. 个人中心
|
||||
- 用户信息管理
|
||||
- 系统设置
|
||||
- 消息通知
|
||||
- 帮助中心
|
||||
|
||||
## 开发环境配置
|
||||
|
||||
### 1. 安装微信开发者工具
|
||||
下载并安装 [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
|
||||
|
||||
### 2. 导入项目
|
||||
1. 打开微信开发者工具
|
||||
2. 选择"导入项目"
|
||||
3. 选择项目目录
|
||||
4. 填写AppID（测试可使用测试号）
|
||||
5. 点击"导入"
|
||||
|
||||
### 3. 配置后端API
|
||||
在 `utils/api.js` 中修改 `baseUrl` 为实际的后端API地址：
|
||||
|
||||
```javascript
|
||||
const config = {
|
||||
baseUrl: 'https://your-backend-url.com/api', // 修改为实际的后端API地址
|
||||
// ...
|
||||
}
|
||||
```
|
||||
|
||||
## 开发指南
|
||||
|
||||
### 1. 页面开发
|
||||
每个页面包含三个文件：
|
||||
- `.js` - 页面逻辑
|
||||
- `.wxml` - 页面结构
|
||||
- `.wxss` - 页面样式
|
||||
|
||||
### 2. 组件开发
|
||||
微信小程序支持自定义组件，可以在 `components` 目录下创建组件。
|
||||
|
||||
### 3. API调用
|
||||
使用 `utils/api.js` 中封装的请求方法：
|
||||
|
||||
```javascript
|
||||
const { get, post, put, del } = require('../../utils/api')
|
||||
|
||||
// GET请求
|
||||
const data = await get('/api/endpoint', params)
|
||||
|
||||
// POST请求
|
||||
const result = await post('/api/endpoint', data)
|
||||
```
|
||||
|
||||
### 4. 状态管理
|
||||
使用微信小程序的全局数据管理：
|
||||
|
||||
```javascript
|
||||
// 设置全局数据
|
||||
getApp().globalData.userInfo = userInfo
|
||||
|
||||
// 获取全局数据
|
||||
const userInfo = getApp().globalData.userInfo
|
||||
```
|
||||
|
||||
## 部署说明
|
||||
|
||||
### 1. 代码审核
|
||||
1. 在微信开发者工具中点击"上传"
|
||||
2. 填写版本号和项目备注
|
||||
3. 上传代码到微信后台
|
||||
|
||||
### 2. 提交审核
|
||||
1. 登录微信公众平台
|
||||
2. 进入小程序管理后台
|
||||
3. 在"版本管理"中提交审核
|
||||
|
||||
### 3. 发布上线
|
||||
审核通过后，在版本管理页面点击"发布"即可上线。
|
||||
|
||||
## 注意事项
|
||||
|
||||
### 1. 网络请求
|
||||
- 所有网络请求必须使用HTTPS
|
||||
- 需要在微信公众平台配置服务器域名
|
||||
- 请求超时时间建议设置为10秒
|
||||
|
||||
### 2. 图片资源
|
||||
- 图片大小建议不超过2MB
|
||||
- 支持格式：JPG、PNG、GIF
|
||||
- 建议使用CDN加速
|
||||
|
||||
### 3. 性能优化
|
||||
- 合理使用分包加载
|
||||
- 避免频繁的setData操作
|
||||
- 使用图片懒加载
|
||||
- 优化网络请求
|
||||
|
||||
### 4. 兼容性
|
||||
- 支持微信版本7.0.0及以上
|
||||
- 支持iOS 10.0和Android 5.0及以上
|
||||
- 建议在真机上测试功能
|
||||
|
||||
## 常见问题
|
||||
|
||||
### 1. 网络请求失败
|
||||
- 检查服务器域名是否已配置
|
||||
- 确认API地址是否正确
|
||||
- 检查网络连接状态
|
||||
|
||||
### 2. 页面显示异常
|
||||
- 检查WXML语法是否正确
|
||||
- 确认数据绑定是否正确
|
||||
- 查看控制台错误信息
|
||||
|
||||
### 3. 样式问题
|
||||
- 检查WXSS语法是否正确
|
||||
- 确认选择器是否正确
|
||||
- 注意样式优先级
|
||||
|
||||
## 更新日志
|
||||
|
||||
### v1.0.0 (2024-01-01)
|
||||
- 初始版本发布
|
||||
- 完成基础功能开发
|
||||
- 支持牛只管理、设备监控、预警管理
|
||||
|
||||
## 技术支持
|
||||
|
||||
如有问题，请联系开发团队或查看相关文档：
|
||||
- 微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/
|
||||
- 项目文档：查看项目根目录下的文档文件
|
||||
|
||||
## 许可证
|
||||
|
||||
MIT License
|
||||
@@ -1,162 +0,0 @@
|
||||
# 注册账号页面使用说明
|
||||
|
||||
## 页面地址
|
||||
- **注册页面**: http://localhost:8080/register
|
||||
- **登录页面**: http://localhost:8080/login
|
||||
- **短信登录**: http://localhost:8080/sms-login
|
||||
- **首页**: http://localhost:8080/
|
||||
|
||||
## 功能特点
|
||||
|
||||
### 🎨 界面设计
|
||||
- **简洁美观**: 采用白色背景，绿色主题色
|
||||
- **响应式设计**: 适配手机、平板、桌面等不同设备
|
||||
- **状态栏**: 显示时间、信号、WiFi、电池状态
|
||||
- **返回按钮**: 左上角返回按钮，支持返回上一页
|
||||
|
||||
### 📝 注册功能
|
||||
- **真实姓名**: 必填项，用于身份验证
|
||||
- **手机号**: 必填项，支持中国大陆手机号格式
|
||||
- **验证码**: 6位数字验证码，60秒倒计时
|
||||
- **密码**: 最少6位，支持显示/隐藏切换
|
||||
- **实时验证**: 输入格式实时验证和错误提示
|
||||
|
||||
### 🔐 安全机制
|
||||
- **手机号检查**: 验证手机号是否已注册
|
||||
- **验证码验证**: 短信验证码验证
|
||||
- **密码强度**: 最少6位密码要求
|
||||
- **重复注册检查**: 防止重复注册
|
||||
- **自动登录**: 注册成功后自动登录
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 1. 访问注册页面
|
||||
```
|
||||
http://localhost:8080/register
|
||||
```
|
||||
|
||||
### 2. 注册流程
|
||||
1. 输入真实姓名（必填）
|
||||
2. 输入手机号（支持1[3-9]xxxxxxxxx格式）
|
||||
3. 点击"发送验证码"按钮
|
||||
4. 等待60秒倒计时结束
|
||||
5. 输入收到的6位验证码
|
||||
6. 输入密码（最少6位）
|
||||
7. 点击"确认"按钮
|
||||
8. 注册成功后自动登录并跳转到首页
|
||||
|
||||
### 3. 其他功能
|
||||
- **已有账号登录**: 点击"已有账号？立即登录"跳转到登录页
|
||||
- **密码显示**: 点击密码框右侧眼睛图标切换显示/隐藏
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 组件结构
|
||||
```
|
||||
Register.vue
|
||||
├── 状态栏 (status-bar)
|
||||
├── 头部导航 (header-bar)
|
||||
├── 主要内容 (main-content)
|
||||
│ ├── 注册表单 (register-form)
|
||||
│ │ ├── 真实姓名输入框 (input-group)
|
||||
│ │ ├── 手机号输入框 (input-group)
|
||||
│ │ ├── 验证码输入框 (input-group)
|
||||
│ │ └── 密码输入框 (input-group)
|
||||
│ └── 其他选项 (alternative-options)
|
||||
```
|
||||
|
||||
### 核心功能
|
||||
- **表单验证**: 实时验证所有输入字段
|
||||
- **倒计时管理**: 60秒发送间隔保护
|
||||
- **API集成**: 集成用户注册和短信服务API
|
||||
- **状态管理**: 完整的加载和错误状态
|
||||
|
||||
### 用户服务API
|
||||
- **用户注册**: `POST /api/user/register`
|
||||
- **检查手机号**: `GET /api/user/check-phone/{phone}`
|
||||
- **检查用户名**: `GET /api/user/check-username/{username}`
|
||||
- **获取用户信息**: `GET /api/user/{userId}`
|
||||
- **更新用户信息**: `PUT /api/user/{userId}`
|
||||
- **修改密码**: `POST /api/user/{userId}/change-password`
|
||||
- **重置密码**: `POST /api/user/reset-password`
|
||||
|
||||
## 开发说明
|
||||
|
||||
### 模拟功能
|
||||
当前使用模拟注册服务，实际项目中需要：
|
||||
1. 连接真实用户注册API
|
||||
2. 实现用户数据存储
|
||||
3. 添加邮箱验证功能
|
||||
4. 集成实名认证服务
|
||||
|
||||
### 验证规则
|
||||
- **真实姓名**: 不能为空，支持中文和英文
|
||||
- **手机号**: 中国大陆手机号格式（1[3-9]xxxxxxxxx）
|
||||
- **验证码**: 6位数字，5分钟有效期
|
||||
- **密码**: 最少6位，支持字母数字组合
|
||||
|
||||
### 自定义配置
|
||||
可以在 `Register.vue` 中修改：
|
||||
- 密码最小长度
|
||||
- 验证码长度和格式
|
||||
- 错误提示信息
|
||||
- 样式和主题
|
||||
|
||||
## 测试方法
|
||||
|
||||
### 1. 基本功能测试
|
||||
1. 访问 http://localhost:8080/register
|
||||
2. 输入真实姓名（如：张三）
|
||||
3. 输入手机号（如：13800138000）
|
||||
4. 点击"发送验证码"
|
||||
5. 输入任意6位数字（如：123456）
|
||||
6. 输入密码（如：123456）
|
||||
7. 点击"确认"
|
||||
|
||||
### 2. 验证测试
|
||||
1. 输入空真实姓名
|
||||
2. 应该显示"请输入真实姓名"错误
|
||||
3. 输入无效手机号（如：123）
|
||||
4. 应该显示"请输入正确的手机号"错误
|
||||
5. 输入短密码（如：123）
|
||||
6. 应该显示"密码长度不能少于6位"错误
|
||||
|
||||
### 3. 重复注册测试
|
||||
1. 使用已注册的手机号
|
||||
2. 应该显示"该手机号已注册，请直接登录"错误
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **真实姓名**: 必须输入真实姓名，用于身份验证
|
||||
2. **手机号格式**: 支持中国大陆手机号格式
|
||||
3. **验证码长度**: 必须输入6位数字
|
||||
4. **密码强度**: 最少6位，建议包含字母和数字
|
||||
5. **重复注册**: 已注册手机号不能重复注册
|
||||
6. **自动登录**: 注册成功后自动登录并跳转
|
||||
|
||||
## 扩展功能
|
||||
|
||||
可以添加的功能：
|
||||
- 邮箱注册选项
|
||||
- 实名认证集成
|
||||
- 头像上传
|
||||
- 用户协议同意
|
||||
- 邀请码注册
|
||||
- 第三方注册（微信、QQ等）
|
||||
- 密码强度检测
|
||||
- 图形验证码
|
||||
|
||||
## 样式特点
|
||||
|
||||
- **移动优先**: 响应式设计，适配各种屏幕
|
||||
- **交互反馈**: 按钮状态、输入框焦点效果
|
||||
- **视觉层次**: 清晰的信息层级
|
||||
- **品牌一致**: 与整体应用风格保持一致
|
||||
- **无障碍**: 支持键盘导航和屏幕阅读器
|
||||
|
||||
## 页面跳转
|
||||
|
||||
- **从登录页**: 点击"注册账号"跳转到注册页
|
||||
- **从短信登录页**: 点击"注册账号"跳转到注册页
|
||||
- **返回上一页**: 点击左上角返回按钮
|
||||
- **已有账号**: 点击"已有账号？立即登录"跳转到登录页
|
||||
@@ -1,107 +0,0 @@
|
||||
# 路由守卫修复说明
|
||||
|
||||
## 问题描述
|
||||
出现错误：`Redirected when going from "/password-login" to "/" via a navigation guard.`
|
||||
|
||||
这是由于Vue Router的导航守卫导致的无限重定向循环。
|
||||
|
||||
## 问题原因
|
||||
1. 用户从密码登录页面跳转到首页
|
||||
2. 路由守卫检测到用户已登录
|
||||
3. 路由守卫重定向到首页
|
||||
4. 形成无限循环
|
||||
|
||||
## 修复方案
|
||||
|
||||
### 1. 优化路由守卫逻辑
|
||||
```javascript
|
||||
// 如果是从登录页面跳转到首页，且用户已登录，直接允许访问
|
||||
if (from.path && isLoginPage && to.path === '/' && isAuthenticated) {
|
||||
console.log('允许从登录页跳转到首页')
|
||||
next()
|
||||
return
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 修复异步token设置
|
||||
```javascript
|
||||
// 确保token设置完成后再跳转
|
||||
await auth.setTestToken()
|
||||
auth.setUserInfo(userInfo)
|
||||
|
||||
// 延迟跳转，确保token设置完成
|
||||
setTimeout(() => {
|
||||
this.$router.push('/')
|
||||
}, 100)
|
||||
```
|
||||
|
||||
### 3. 添加调试日志
|
||||
```javascript
|
||||
console.log('路由守卫:', {
|
||||
from: from.path,
|
||||
to: to.path,
|
||||
requiresAuth,
|
||||
isLoginPage,
|
||||
isAuthenticated
|
||||
})
|
||||
```
|
||||
|
||||
## 修复的文件
|
||||
|
||||
### 1. `src/router/index.js`
|
||||
- 添加了特殊处理逻辑，允许从登录页跳转到首页
|
||||
- 添加了详细的调试日志
|
||||
- 优化了路由守卫的条件判断
|
||||
|
||||
### 2. `src/components/PasswordLogin.vue`
|
||||
- 修复了异步token设置问题
|
||||
- 添加了延迟跳转机制
|
||||
|
||||
### 3. `src/components/SmsLogin.vue`
|
||||
- 修复了异步token设置问题
|
||||
|
||||
### 4. `src/components/Register.vue`
|
||||
- 修复了异步token设置问题
|
||||
- 添加了延迟跳转机制
|
||||
|
||||
## 测试方法
|
||||
|
||||
1. 访问 `http://localhost:8080/password-login`
|
||||
2. 输入任意账号和密码（如：admin/123456）
|
||||
3. 点击登录按钮
|
||||
4. 应该能正常跳转到首页，不再出现重定向错误
|
||||
|
||||
## 预期结果
|
||||
|
||||
- ✅ 登录成功后正常跳转到首页
|
||||
- ✅ 不再出现路由重定向错误
|
||||
- ✅ 控制台显示详细的路由守卫日志
|
||||
- ✅ 所有登录方式都能正常工作
|
||||
|
||||
## 调试信息
|
||||
|
||||
在浏览器控制台中可以看到：
|
||||
```
|
||||
路由守卫: {
|
||||
from: "/password-login",
|
||||
to: "/",
|
||||
requiresAuth: true,
|
||||
isLoginPage: true,
|
||||
isAuthenticated: true
|
||||
}
|
||||
允许从登录页跳转到首页
|
||||
```
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. 确保所有登录页面都使用 `await auth.setTestToken()`
|
||||
2. 跳转前添加适当的延迟
|
||||
3. 路由守卫的逻辑要避免循环重定向
|
||||
4. 添加足够的调试日志帮助排查问题
|
||||
|
||||
## 如果问题仍然存在
|
||||
|
||||
1. 清除浏览器缓存和localStorage
|
||||
2. 检查控制台是否有其他错误
|
||||
3. 确认token设置是否成功
|
||||
4. 查看路由守卫的详细日志
|
||||
@@ -1,175 +0,0 @@
|
||||
# 智能耳标搜索功能说明
|
||||
|
||||
## 功能概述
|
||||
|
||||
智能耳标搜索功能提供了精确和模糊两种搜索模式，支持根据耳标编号进行快速查找。
|
||||
|
||||
## 搜索特性
|
||||
|
||||
### 1. 精确搜索
|
||||
- **触发条件**: 输入完整的耳标编号（如：2105517333）
|
||||
- **搜索逻辑**: 完全匹配 `cid` 字段
|
||||
- **结果**: 返回唯一匹配的设备
|
||||
|
||||
### 2. 模糊搜索
|
||||
- **触发条件**: 输入部分耳标编号或其他字段
|
||||
- **搜索字段**:
|
||||
- `cid` (耳标编号)
|
||||
- `earTagId` (备用耳标编号)
|
||||
- `collectedHost` (被采集主机)
|
||||
- `sid` (备用采集主机)
|
||||
- **结果**: 返回包含搜索关键词的所有设备
|
||||
|
||||
## 用户界面
|
||||
|
||||
### 搜索区域
|
||||
```
|
||||
┌─────────────────────────────────────┐
|
||||
│ 🔍 [搜索框] [+] │
|
||||
└─────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 搜索状态显示
|
||||
```
|
||||
┌─────────────────────────────────────┐
|
||||
│ 搜索中... [清除搜索] │
|
||||
└─────────────────────────────────────┘
|
||||
```
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 1. 搜索状态管理
|
||||
```javascript
|
||||
data() {
|
||||
return {
|
||||
searchQuery: '', // 搜索关键词
|
||||
isSearching: false, // 是否正在搜索
|
||||
searchResults: [], // 搜索结果
|
||||
originalDevices: [], // 原始设备数据
|
||||
searchTimeout: null // 搜索延迟定时器
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 实时搜索
|
||||
```javascript
|
||||
handleSearchInput() {
|
||||
// 500ms延迟，避免频繁搜索
|
||||
clearTimeout(this.searchTimeout)
|
||||
this.searchTimeout = setTimeout(() => {
|
||||
this.performSearch()
|
||||
}, 500)
|
||||
}
|
||||
```
|
||||
|
||||
### 3. 精确搜索逻辑
|
||||
```javascript
|
||||
// 精确匹配耳标编号
|
||||
const exactMatch = this.originalDevices.find(device =>
|
||||
device.cid && device.cid.toString() === searchQuery
|
||||
)
|
||||
|
||||
if (exactMatch) {
|
||||
this.searchResults = [exactMatch]
|
||||
console.log('找到精确匹配的耳标:', exactMatch.cid)
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 模糊搜索逻辑
|
||||
```javascript
|
||||
// 模糊搜索多个字段
|
||||
this.searchResults = this.originalDevices.filter(device =>
|
||||
(device.cid && device.cid.toString().includes(searchQuery)) ||
|
||||
(device.earTagId && device.earTagId.includes(searchQuery)) ||
|
||||
(device.collectedHost && device.collectedHost.includes(searchQuery)) ||
|
||||
(device.sid && device.sid.includes(searchQuery))
|
||||
)
|
||||
```
|
||||
|
||||
## 搜索流程
|
||||
|
||||
### 1. 用户输入
|
||||
- 用户在搜索框中输入关键词
|
||||
- 系统检测到输入变化
|
||||
|
||||
### 2. 延迟搜索
|
||||
- 等待500ms，避免频繁搜索
|
||||
- 如果用户继续输入，取消之前的搜索
|
||||
|
||||
### 3. 执行搜索
|
||||
- 检查输入是否为空
|
||||
- 如果为空，清除搜索状态
|
||||
- 如果不为空，执行搜索逻辑
|
||||
|
||||
### 4. 显示结果
|
||||
- 精确匹配：显示单个设备
|
||||
- 模糊匹配：显示多个设备
|
||||
- 无匹配：显示空列表
|
||||
|
||||
### 5. 清除搜索
|
||||
- 点击"清除搜索"按钮
|
||||
- 恢复原始设备列表
|
||||
- 重置分页状态
|
||||
|
||||
## 搜索优化
|
||||
|
||||
### 1. 性能优化
|
||||
- **延迟搜索**: 500ms延迟避免频繁请求
|
||||
- **本地搜索**: 基于已加载的数据进行搜索
|
||||
- **状态缓存**: 保存原始数据避免重复加载
|
||||
|
||||
### 2. 用户体验
|
||||
- **实时反馈**: 搜索状态实时显示
|
||||
- **键盘支持**: 支持Enter键触发搜索
|
||||
- **一键清除**: 快速清除搜索状态
|
||||
|
||||
### 3. 错误处理
|
||||
- **空输入处理**: 自动清除搜索状态
|
||||
- **异常捕获**: 搜索失败时显示错误信息
|
||||
- **状态恢复**: 搜索失败时恢复原始状态
|
||||
|
||||
## 使用示例
|
||||
|
||||
### 精确搜索
|
||||
1. 在搜索框输入：`2105517333`
|
||||
2. 系统找到精确匹配的设备
|
||||
3. 显示该设备的详细信息
|
||||
|
||||
### 模糊搜索
|
||||
1. 在搜索框输入：`210551`
|
||||
2. 系统找到所有包含该数字的设备
|
||||
3. 显示匹配的设备列表
|
||||
|
||||
### 清除搜索
|
||||
1. 点击"清除搜索"按钮
|
||||
2. 恢复显示所有设备
|
||||
3. 重置分页到第一页
|
||||
|
||||
## 技术细节
|
||||
|
||||
### 数据流
|
||||
```
|
||||
用户输入 → 延迟处理 → 精确搜索 → 模糊搜索 → 显示结果
|
||||
↓
|
||||
清除搜索 ← 恢复原始数据 ← 重置状态
|
||||
```
|
||||
|
||||
### 状态管理
|
||||
- `isSearching`: 控制搜索状态显示
|
||||
- `searchResults`: 存储搜索结果
|
||||
- `originalDevices`: 保存原始数据
|
||||
- `searchTimeout`: 管理搜索延迟
|
||||
|
||||
### 事件处理
|
||||
- `@input`: 实时输入处理
|
||||
- `@keyup.enter`: 回车键搜索
|
||||
- `@click`: 按钮点击事件
|
||||
|
||||
## 扩展功能
|
||||
|
||||
### 未来可扩展的搜索功能
|
||||
1. **高级搜索**: 支持多条件组合搜索
|
||||
2. **搜索历史**: 保存常用搜索关键词
|
||||
3. **搜索建议**: 输入时显示搜索建议
|
||||
4. **搜索过滤**: 按设备状态、类型等过滤
|
||||
5. **搜索统计**: 显示搜索结果统计信息
|
||||
@@ -1,141 +0,0 @@
|
||||
# 智能耳标预警功能实现说明
|
||||
|
||||
## 功能概述
|
||||
|
||||
基于PC端 `SmartEartagAlert.vue` 的分析，在微信小程序端实现了完整的智能耳标预警功能，包括预警展示、筛选、搜索、处理等功能。
|
||||
|
||||
## 实现文件
|
||||
|
||||
### 1. 核心组件
|
||||
- `src/components/SmartEartagAlert.vue` - 主要预警组件
|
||||
- `src/views/SmartEartagAlertPage.vue` - 预警页面包装器
|
||||
- `src/components/AlertTest.vue` - 功能测试组件
|
||||
|
||||
### 2. 服务层
|
||||
- `src/services/alertService.js` - 预警相关API服务
|
||||
|
||||
### 3. 路由配置
|
||||
- 在 `src/router/index.js` 中添加了预警页面路由
|
||||
|
||||
### 4. 导航集成
|
||||
- 在 `src/components/Home.vue` 中添加了预警功能入口
|
||||
|
||||
## 主要功能
|
||||
|
||||
### 1. 预警展示
|
||||
- **统计卡片**: 显示总预警数、严重预警、一般预警、已处理数量
|
||||
- **预警列表**: 展示预警详情，包括设备ID、预警内容、级别、状态等
|
||||
- **分页功能**: 支持分页浏览大量预警数据
|
||||
|
||||
### 2. 筛选和搜索
|
||||
- **级别筛选**: 按严重、一般、信息级别筛选
|
||||
- **状态筛选**: 按未处理、已处理状态筛选
|
||||
- **关键词搜索**: 支持按设备ID或预警内容搜索
|
||||
|
||||
### 3. 预警处理
|
||||
- **详情查看**: 点击预警查看详细信息
|
||||
- **状态更新**: 支持将预警标记为已处理
|
||||
- **批量操作**: 支持批量处理预警（API已准备）
|
||||
|
||||
### 4. 实时功能
|
||||
- **自动刷新**: 30秒自动刷新预警数据
|
||||
- **手动刷新**: 支持手动刷新数据
|
||||
- **刷新控制**: 可开启/关闭自动刷新
|
||||
|
||||
### 5. 响应式设计
|
||||
- **移动端优化**: 针对手机屏幕优化的界面布局
|
||||
- **触摸友好**: 适合触摸操作的按钮和交互
|
||||
|
||||
## 技术特点
|
||||
|
||||
### 1. 数据管理
|
||||
- 使用Vue 2 Options API
|
||||
- 响应式数据绑定
|
||||
- 计算属性优化性能
|
||||
|
||||
### 2. 状态管理
|
||||
- 本地状态管理
|
||||
- 筛选状态持久化
|
||||
- 分页状态管理
|
||||
|
||||
### 3. 用户体验
|
||||
- 加载状态提示
|
||||
- 空数据状态展示
|
||||
- 错误处理机制
|
||||
|
||||
### 4. 样式设计
|
||||
- 现代化UI设计
|
||||
- 卡片式布局
|
||||
- 颜色编码预警级别
|
||||
- 响应式布局
|
||||
|
||||
## API接口设计
|
||||
|
||||
### 预警管理
|
||||
- `GET /smart-eartag-alerts` - 获取预警列表
|
||||
- `GET /smart-eartag-alerts/:id` - 获取预警详情
|
||||
- `PUT /smart-eartag-alerts/:id/resolve` - 处理预警
|
||||
- `DELETE /smart-eartag-alerts/:id` - 删除预警
|
||||
|
||||
### 批量操作
|
||||
- `PUT /smart-eartag-alerts/batch-resolve` - 批量处理预警
|
||||
|
||||
### 统计分析
|
||||
- `GET /smart-eartag-alerts/stats` - 获取预警统计
|
||||
|
||||
### 设备相关
|
||||
- `GET /smart-eartag-alerts/device/:deviceId` - 获取设备预警历史
|
||||
|
||||
### 规则管理
|
||||
- `GET /smart-eartag-alerts/rules` - 获取预警规则
|
||||
- `POST /smart-eartag-alerts/rules` - 创建预警规则
|
||||
- `PUT /smart-eartag-alerts/rules/:id` - 更新预警规则
|
||||
- `DELETE /smart-eartag-alerts/rules/:id` - 删除预警规则
|
||||
|
||||
## 使用方式
|
||||
|
||||
### 1. 访问预警页面
|
||||
- 在首页点击"智能耳标预警"按钮
|
||||
- 或直接访问 `/smart-eartag-alert` 路由
|
||||
|
||||
### 2. 功能测试
|
||||
- 访问 `/alert-test` 路由进行功能测试
|
||||
- 测试各种API调用和功能
|
||||
|
||||
### 3. 预警处理流程
|
||||
1. 查看预警列表
|
||||
2. 使用筛选和搜索功能
|
||||
3. 点击预警查看详情
|
||||
4. 处理预警或标记为已处理
|
||||
|
||||
## 模拟数据
|
||||
|
||||
当前使用模拟数据进行功能演示，包括：
|
||||
- 体温异常预警
|
||||
- 活动量异常预警
|
||||
- 设备离线预警
|
||||
- 位置异常预警
|
||||
|
||||
## 后续优化
|
||||
|
||||
### 1. API集成
|
||||
- 替换模拟数据为真实API调用
|
||||
- 添加错误处理和重试机制
|
||||
- 优化数据加载性能
|
||||
|
||||
### 2. 功能增强
|
||||
- 添加预警规则配置
|
||||
- 实现推送通知
|
||||
- 添加数据导出功能
|
||||
|
||||
### 3. 性能优化
|
||||
- 虚拟滚动处理大量数据
|
||||
- 缓存机制减少API调用
|
||||
- 懒加载优化首屏性能
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. 当前使用模拟数据，需要根据实际API调整数据结构
|
||||
2. 自动刷新功能默认开启，可根据需要调整刷新间隔
|
||||
3. 分页大小可根据实际需求调整
|
||||
4. 样式可根据设计规范进一步优化
|
||||
@@ -1,139 +0,0 @@
|
||||
# 短信登录页面使用说明
|
||||
|
||||
## 页面地址
|
||||
- **短信登录页面**: http://localhost:8080/sms-login
|
||||
- **普通登录页面**: http://localhost:8080/login
|
||||
- **首页**: http://localhost:8080/
|
||||
|
||||
## 功能特点
|
||||
|
||||
### 🎨 界面设计
|
||||
- **简洁美观**: 采用白色背景，绿色主题色
|
||||
- **响应式设计**: 适配手机、平板、桌面等不同设备
|
||||
- **状态栏**: 显示时间、信号、WiFi、电池状态
|
||||
- **返回按钮**: 左上角返回按钮，支持返回上一页
|
||||
|
||||
### 📱 短信登录功能
|
||||
- **账号输入**: 支持手机号或用户名登录
|
||||
- **验证码发送**: 60秒倒计时，防止频繁发送
|
||||
- **实时验证**: 输入格式实时验证
|
||||
- **错误提示**: 详细的错误信息提示
|
||||
|
||||
### 🔐 安全机制
|
||||
- **手机号验证**: 检查手机号是否已注册
|
||||
- **验证码验证**: 6位数字验证码验证
|
||||
- **倒计时保护**: 防止频繁发送验证码
|
||||
- **路由保护**: 未登录用户自动跳转
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 1. 访问短信登录页面
|
||||
```
|
||||
http://localhost:8080/sms-login
|
||||
```
|
||||
|
||||
### 2. 登录流程
|
||||
1. 输入手机号或账号（支持手机号格式：1[3-9]xxxxxxxxx）
|
||||
2. 点击"发送验证码"按钮
|
||||
3. 等待60秒倒计时结束
|
||||
4. 输入收到的6位验证码
|
||||
5. 点击"登录"按钮
|
||||
6. 登录成功后自动跳转到首页
|
||||
|
||||
### 3. 其他功能
|
||||
- **密码登录**: 点击"密码登录"跳转到普通登录页
|
||||
- **注册账号**: 点击"注册账号"（功能开发中）
|
||||
|
||||
## 技术实现
|
||||
|
||||
### 组件结构
|
||||
```
|
||||
SmsLogin.vue
|
||||
├── 状态栏 (status-bar)
|
||||
├── 头部导航 (header-bar)
|
||||
├── 主要内容 (main-content)
|
||||
│ ├── 应用标题 (app-title)
|
||||
│ ├── 登录表单 (login-form)
|
||||
│ │ ├── 账号输入框 (input-group)
|
||||
│ │ └── 验证码输入框 (input-group)
|
||||
│ └── 其他登录方式 (alternative-login)
|
||||
```
|
||||
|
||||
### 核心功能
|
||||
- **表单验证**: 实时验证输入格式
|
||||
- **倒计时管理**: 60秒发送间隔保护
|
||||
- **API集成**: 集成短信服务API
|
||||
- **状态管理**: 完整的加载和错误状态
|
||||
|
||||
### 短信服务API
|
||||
- **发送验证码**: `POST /api/sms/send`
|
||||
- **验证验证码**: `POST /api/sms/verify`
|
||||
- **检查手机号**: `GET /api/user/check-phone/{phone}`
|
||||
- **获取发送记录**: `GET /api/sms/history/{phone}`
|
||||
|
||||
## 开发说明
|
||||
|
||||
### 模拟功能
|
||||
当前使用模拟短信服务，实际项目中需要：
|
||||
1. 连接真实短信服务商（如阿里云、腾讯云）
|
||||
2. 实现验证码存储和过期机制
|
||||
3. 添加发送频率限制
|
||||
4. 集成用户注册检查
|
||||
|
||||
### 验证码规则
|
||||
- **长度**: 6位数字
|
||||
- **有效期**: 5分钟
|
||||
- **发送间隔**: 60秒
|
||||
- **格式验证**: 手机号格式验证
|
||||
|
||||
### 自定义配置
|
||||
可以在 `SmsLogin.vue` 中修改：
|
||||
- 验证码长度和格式
|
||||
- 倒计时时间
|
||||
- 错误提示信息
|
||||
- 样式和主题
|
||||
|
||||
## 测试方法
|
||||
|
||||
### 1. 基本功能测试
|
||||
1. 访问 http://localhost:8080/sms-login
|
||||
2. 输入手机号（如：13800138000）
|
||||
3. 点击"发送验证码"
|
||||
4. 输入任意6位数字（如：123456）
|
||||
5. 点击"登录"
|
||||
|
||||
### 2. 验证测试
|
||||
1. 输入无效手机号（如：123）
|
||||
2. 应该显示格式错误提示
|
||||
3. 输入空验证码
|
||||
4. 应该显示验证码错误提示
|
||||
|
||||
### 3. 倒计时测试
|
||||
1. 发送验证码后
|
||||
2. 按钮应该显示"60s后重发"
|
||||
3. 倒计时结束后恢复"发送验证码"
|
||||
|
||||
## 注意事项
|
||||
|
||||
1. **手机号格式**: 支持中国大陆手机号格式
|
||||
2. **验证码长度**: 必须输入6位数字
|
||||
3. **发送间隔**: 60秒内不能重复发送
|
||||
4. **登录状态**: 已登录用户访问会跳转到首页
|
||||
5. **错误处理**: 所有错误都有相应的用户提示
|
||||
|
||||
## 扩展功能
|
||||
|
||||
可以添加的功能：
|
||||
- 图形验证码
|
||||
- 语音验证码
|
||||
- 国际手机号支持
|
||||
- 记住手机号
|
||||
- 自动填充验证码
|
||||
- 生物识别登录
|
||||
|
||||
## 样式特点
|
||||
|
||||
- **移动优先**: 响应式设计，适配各种屏幕
|
||||
- **交互反馈**: 按钮状态、输入框焦点效果
|
||||
- **视觉层次**: 清晰的信息层级
|
||||
- **品牌一致**: 与整体应用风格保持一致
|
||||
@@ -1,60 +0,0 @@
|
||||
# Vue模板语法错误修复
|
||||
|
||||
## 问题描述
|
||||
编译时出现Vue模板语法错误：
|
||||
```
|
||||
SyntaxError: Unexpected token (1:7333)
|
||||
```
|
||||
|
||||
## 问题原因
|
||||
Vue 2不支持ES2020的可选链操作符(`?.`)，在模板中使用了：
|
||||
```vue
|
||||
{{ selectedDevice?.eartagNumber || selectedDevice?.earTagId }}
|
||||
```
|
||||
|
||||
## 解决方案
|
||||
将可选链操作符替换为Vue 2兼容的语法：
|
||||
|
||||
### 修复前
|
||||
```vue
|
||||
<p>确定要删除设备 "{{ selectedDevice?.eartagNumber || selectedDevice?.earTagId }}" 吗？</p>
|
||||
```
|
||||
|
||||
### 修复后
|
||||
```vue
|
||||
<p>确定要删除设备 "{{ (selectedDevice && selectedDevice.eartagNumber) || (selectedDevice && selectedDevice.earTagId) || '未知设备' }}" 吗？</p>
|
||||
```
|
||||
|
||||
## 技术说明
|
||||
|
||||
### Vue 2兼容性
|
||||
- Vue 2使用较旧的JavaScript语法解析器
|
||||
- 不支持ES2020的可选链操作符(`?.`)
|
||||
- 不支持空值合并操作符(`??`)
|
||||
|
||||
### 替代方案
|
||||
使用逻辑与操作符(`&&`)进行安全的属性访问：
|
||||
```javascript
|
||||
// 不兼容Vue 2
|
||||
obj?.prop?.subprop
|
||||
|
||||
// Vue 2兼容
|
||||
obj && obj.prop && obj.prop.subprop
|
||||
```
|
||||
|
||||
## 验证结果
|
||||
- ✅ 语法错误已修复
|
||||
- ✅ 前端服务正常启动
|
||||
- ✅ 编译成功无错误
|
||||
- ✅ 功能正常工作
|
||||
|
||||
## 预防措施
|
||||
1. 在Vue 2项目中避免使用ES2020+语法
|
||||
2. 使用Babel转译器处理现代JavaScript语法
|
||||
3. 在模板中使用Vue 2兼容的表达式
|
||||
4. 定期检查编译错误和警告
|
||||
|
||||
## 相关文件
|
||||
- `src/components/EarTag.vue` - 修复的文件
|
||||
- Vue 2.6.14 - 当前使用的Vue版本
|
||||
- vue-template-compiler - 模板编译器版本
|
||||
@@ -1,141 +0,0 @@
|
||||
# Token错误修复说明
|
||||
|
||||
## 问题描述
|
||||
出现错误：`无法通过API获取测试token，使用模拟token: Cannot read properties of undefined (reading 'token')`
|
||||
|
||||
## 问题原因
|
||||
1. API响应结构与预期不符
|
||||
2. 前端代理可能没有正确工作
|
||||
3. 网络连接问题
|
||||
|
||||
## 修复方案
|
||||
|
||||
### 1. 修复API响应处理
|
||||
```javascript
|
||||
// 修复前
|
||||
if (response.success && response.data.token) {
|
||||
|
||||
// 修复后
|
||||
if (response && response.success && response.token) {
|
||||
```
|
||||
|
||||
### 2. 添加现有token检查
|
||||
```javascript
|
||||
// 首先检查是否已经有有效的token
|
||||
const existingToken = this.getToken()
|
||||
if (existingToken && existingToken.startsWith('eyJ')) {
|
||||
console.log('使用现有JWT token')
|
||||
return existingToken
|
||||
}
|
||||
```
|
||||
|
||||
### 3. 添加手动设置真实token的方法
|
||||
```javascript
|
||||
setRealToken() {
|
||||
const realToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...'
|
||||
this.setToken(realToken)
|
||||
return realToken
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 增强错误处理
|
||||
- 添加详细的日志输出
|
||||
- 优雅处理API调用失败
|
||||
- 提供备用方案
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 方法1：使用认证测试页面
|
||||
1. 访问 `http://localhost:8080/auth-test`
|
||||
2. 点击"设置真实Token"按钮
|
||||
3. 点击"测试所有API"按钮
|
||||
|
||||
### 方法2：手动设置token
|
||||
在浏览器控制台中执行：
|
||||
```javascript
|
||||
// 设置真实token
|
||||
localStorage.setItem('token', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwidXNlcm5hbWUiOiJhZG1pbiIsImVtYWlsIjoiYWRtaW5AZXhhbXBsZS5jb20iLCJpYXQiOjE3NTgxODM3NjEsImV4cCI6MTc1ODI3MDE2MX0.J3DD78bULP1pe5DMF2zbQEMFzeytV6uXgOuDIKOPww0')
|
||||
|
||||
// 设置用户信息
|
||||
localStorage.setItem('userInfo', JSON.stringify({
|
||||
id: 'user-001',
|
||||
name: '爱农智慧牧场用户',
|
||||
account: 'admin',
|
||||
role: 'user'
|
||||
}))
|
||||
```
|
||||
|
||||
### 方法3：直接访问API获取token
|
||||
```powershell
|
||||
$response = Invoke-WebRequest -Uri "http://localhost:5350/api/auth/login" -Method POST -Body '{"username":"admin","password":"123456"}' -ContentType "application/json"
|
||||
$token = ($response.Content | ConvertFrom-Json).token
|
||||
Write-Host "Token: $token"
|
||||
```
|
||||
|
||||
## 测试步骤
|
||||
|
||||
1. 清除浏览器缓存和localStorage
|
||||
2. 访问认证测试页面
|
||||
3. 点击"设置真实Token"
|
||||
4. 点击"测试所有API"
|
||||
5. 查看测试结果
|
||||
|
||||
## 预期结果
|
||||
|
||||
- ✅ 成功设置真实JWT token
|
||||
- ✅ 所有API调用成功
|
||||
- ✅ 获取到真实的设备数据
|
||||
- ✅ 不再出现token相关错误
|
||||
|
||||
## 故障排除
|
||||
|
||||
### 如果仍然出现错误
|
||||
1. 检查后端服务是否运行在 `http://localhost:5350`
|
||||
2. 检查前端代理配置
|
||||
3. 清除浏览器缓存
|
||||
4. 使用手动设置token的方法
|
||||
|
||||
### 如果API调用失败
|
||||
1. 检查网络连接
|
||||
2. 检查CORS设置
|
||||
3. 查看浏览器控制台错误
|
||||
4. 使用直接API调用测试
|
||||
|
||||
## 技术细节
|
||||
|
||||
### API响应结构
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"message": "登录成功",
|
||||
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
|
||||
"user": {
|
||||
"id": 1,
|
||||
"username": "admin",
|
||||
"email": "admin@example.com"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### Token格式
|
||||
- JWT token以 `eyJ` 开头
|
||||
- 包含用户ID、用户名、邮箱等信息
|
||||
- 有效期为24小时
|
||||
|
||||
### 代理配置
|
||||
```javascript
|
||||
// vue.config.js
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: 'http://localhost:5350',
|
||||
changeOrigin: true
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## 下一步
|
||||
|
||||
1. 修复前端代理问题
|
||||
2. 实现token自动刷新
|
||||
3. 添加更好的错误处理
|
||||
4. 优化用户体验
|
||||
@@ -4,7 +4,7 @@ App({
|
||||
version: '1.0.0',
|
||||
platform: 'wechat',
|
||||
isDevelopment: true,
|
||||
baseUrl: 'https://your-backend-url.com/api', // 请替换为实际的后端API地址
|
||||
baseUrl: 'https://ad.ningmuyun.com', // 请替换为实际的后端API地址
|
||||
userInfo: null,
|
||||
token: null
|
||||
},
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
"pages/cattle/cattle",
|
||||
"pages/device/device",
|
||||
"pages/device/eartag/eartag",
|
||||
"pages/device/collar/collar",
|
||||
"pages/device/eartag-detail/eartag-detail",
|
||||
"pages/device/eartag-add/eartag-add",
|
||||
"pages/alert/alert"
|
||||
@@ -50,4 +51,4 @@
|
||||
},
|
||||
"requiredBackgroundModes": ["location"],
|
||||
"sitemapLocation": "sitemap.json"
|
||||
}
|
||||
}
|
||||
@@ -1,83 +0,0 @@
|
||||
// 认证测试脚本 - 帮助获取正确的认证信息
|
||||
const axios = require('axios')
|
||||
|
||||
async function testAuthMethods() {
|
||||
const baseURL = process.env.VUE_APP_API_BASE_URL || 'http://localhost:5350'
|
||||
|
||||
console.log('🔐 开始测试认证方法...')
|
||||
console.log('API地址:', baseURL)
|
||||
|
||||
// 测试1: 无认证访问
|
||||
console.log('\n1. 测试无认证访问...')
|
||||
try {
|
||||
const response = await axios.get(`${baseURL}/api/smart-devices/hosts`, {
|
||||
params: { page: 1, pageSize: 10 },
|
||||
timeout: 10000
|
||||
})
|
||||
console.log('✅ 无认证访问成功!')
|
||||
console.log('响应:', response.data)
|
||||
} catch (error) {
|
||||
console.log('❌ 无认证访问失败:', error.response?.status, error.response?.data?.message)
|
||||
}
|
||||
|
||||
// 测试2: 尝试不同的认证头
|
||||
const authMethods = [
|
||||
{ name: 'Bearer Token', header: 'Authorization', value: 'Bearer test-token' },
|
||||
{ name: 'API Key', header: 'X-API-Key', value: 'test-api-key' },
|
||||
{ name: 'Basic Auth', header: 'Authorization', value: 'Basic dGVzdDp0ZXN0' },
|
||||
{ name: 'Custom Token', header: 'X-Auth-Token', value: 'test-token' }
|
||||
]
|
||||
|
||||
for (const method of authMethods) {
|
||||
console.log(`\n2. 测试${method.name}...`)
|
||||
try {
|
||||
const response = await axios.get(`${baseURL}/api/smart-devices/hosts`, {
|
||||
params: { page: 1, pageSize: 10 },
|
||||
headers: { [method.header]: method.value },
|
||||
timeout: 10000
|
||||
})
|
||||
console.log(`✅ ${method.name}成功!`)
|
||||
console.log('响应:', response.data)
|
||||
break
|
||||
} catch (error) {
|
||||
console.log(`❌ ${method.name}失败:`, error.response?.status, error.response?.data?.message)
|
||||
}
|
||||
}
|
||||
|
||||
// 测试3: 检查是否有登录接口
|
||||
console.log('\n3. 检查登录接口...')
|
||||
const loginEndpoints = [
|
||||
'/api/auth/login',
|
||||
'/api/login',
|
||||
'/api/user/login',
|
||||
'/api/authenticate',
|
||||
'/login'
|
||||
]
|
||||
|
||||
for (const endpoint of loginEndpoints) {
|
||||
try {
|
||||
const response = await axios.post(`${baseURL}${endpoint}`, {
|
||||
username: 'test',
|
||||
password: 'test'
|
||||
}, { timeout: 5000 })
|
||||
console.log(`✅ 找到登录接口: ${endpoint}`)
|
||||
console.log('响应:', response.data)
|
||||
break
|
||||
} catch (error) {
|
||||
console.log(`❌ ${endpoint}:`, error.response?.status)
|
||||
}
|
||||
}
|
||||
|
||||
console.log('\n💡 建议:')
|
||||
console.log('1. 检查后端API文档了解正确的认证方式')
|
||||
console.log('2. 联系后端开发者获取测试用的认证信息')
|
||||
console.log('3. 检查是否有公开的API端点不需要认证')
|
||||
console.log('4. 确认API是否需要特定的请求头或参数')
|
||||
}
|
||||
|
||||
// 运行测试
|
||||
if (require.main === module) {
|
||||
testAuthMethods().catch(console.error)
|
||||
}
|
||||
|
||||
module.exports = { testAuthMethods }
|
||||
@@ -1,85 +0,0 @@
|
||||
// 自动登录脚本 - 解决认证问题
|
||||
const axios = require('axios')
|
||||
|
||||
const API_BASE_URL = process.env.VUE_APP_API_BASE_URL || 'http://localhost:5350'
|
||||
|
||||
async function autoLogin() {
|
||||
console.log('🔐 开始自动登录解决认证问题...')
|
||||
console.log('API地址:', API_BASE_URL)
|
||||
|
||||
try {
|
||||
// 尝试登录
|
||||
console.log('\n1. 尝试登录...')
|
||||
const loginResponse = await axios.post(`${API_BASE_URL}/api/auth/login`, {
|
||||
username: 'admin',
|
||||
password: '123456'
|
||||
})
|
||||
|
||||
if (loginResponse.data.success) {
|
||||
const token = loginResponse.data.token
|
||||
console.log('✅ 登录成功!')
|
||||
console.log('Token:', token.substring(0, 20) + '...')
|
||||
console.log('用户:', loginResponse.data.user.username)
|
||||
console.log('角色:', loginResponse.data.role.name)
|
||||
|
||||
// 测试智能主机API
|
||||
console.log('\n2. 测试智能主机API...')
|
||||
const hostResponse = await axios.get(`${API_BASE_URL}/api/smart-devices/hosts`, {
|
||||
headers: { Authorization: `Bearer ${token}` },
|
||||
params: { page: 1, pageSize: 10 }
|
||||
})
|
||||
|
||||
if (hostResponse.data.success) {
|
||||
console.log('✅ 智能主机API成功!')
|
||||
console.log('主机总数:', hostResponse.data.total)
|
||||
console.log('当前页数据:', hostResponse.data.data.length, '条')
|
||||
}
|
||||
|
||||
// 测试智能耳标API
|
||||
console.log('\n3. 测试智能耳标API...')
|
||||
const earTagResponse = await axios.get(`${API_BASE_URL}/api/iot-jbq-client`, {
|
||||
headers: { Authorization: `Bearer ${token}` },
|
||||
params: { page: 1, pageSize: 10 }
|
||||
})
|
||||
|
||||
if (earTagResponse.data.success) {
|
||||
console.log('✅ 智能耳标API成功!')
|
||||
console.log('耳标总数:', earTagResponse.data.pagination.total)
|
||||
console.log('当前页数据:', earTagResponse.data.data.length, '条')
|
||||
}
|
||||
|
||||
console.log('\n🎉 认证问题已解决!')
|
||||
console.log('\n📋 前端设置步骤:')
|
||||
console.log('1. 打开浏览器开发者工具 (F12)')
|
||||
console.log('2. 在控制台中执行以下代码:')
|
||||
console.log(`localStorage.setItem('token', '${token}')`)
|
||||
console.log('3. 刷新页面')
|
||||
console.log('\n💡 或者运行以下命令设置token:')
|
||||
console.log(`node set-token.js`)
|
||||
|
||||
return token
|
||||
} else {
|
||||
console.log('❌ 登录失败:', loginResponse.data.message)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('❌ 自动登录失败:')
|
||||
if (error.response) {
|
||||
console.error('状态码:', error.response.status)
|
||||
console.error('错误信息:', error.response.data)
|
||||
} else {
|
||||
console.error('网络错误:', error.message)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 运行自动登录
|
||||
if (require.main === module) {
|
||||
autoLogin().then(token => {
|
||||
if (token) {
|
||||
console.log('\n✅ 认证问题解决完成!')
|
||||
console.log('现在前端应该能正常访问所有API了。')
|
||||
}
|
||||
}).catch(console.error)
|
||||
}
|
||||
|
||||
module.exports = { autoLogin }
|
||||
@@ -1,47 +0,0 @@
|
||||
// 检查后端服务是否运行
|
||||
const axios = require('axios');
|
||||
|
||||
async function checkBackend() {
|
||||
const baseURL = 'http://localhost:5350/api';
|
||||
|
||||
console.log('检查后端服务...');
|
||||
console.log('基础URL:', baseURL);
|
||||
|
||||
try {
|
||||
// 测试基础连接
|
||||
console.log('\n1. 测试基础连接...');
|
||||
const response = await axios.get(`${baseURL}/cattle-type`, {
|
||||
timeout: 5000
|
||||
});
|
||||
console.log('✅ 基础连接成功');
|
||||
console.log('状态码:', response.status);
|
||||
console.log('响应数据:', response.data);
|
||||
|
||||
// 测试牛只档案API
|
||||
console.log('\n2. 测试牛只档案API...');
|
||||
const cattleResponse = await axios.get(`${baseURL}/iot-cattle/public`, {
|
||||
params: { page: 1, pageSize: 5 },
|
||||
timeout: 5000
|
||||
});
|
||||
console.log('✅ 牛只档案API成功');
|
||||
console.log('状态码:', cattleResponse.status);
|
||||
console.log('响应数据:', cattleResponse.data);
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 后端服务检查失败');
|
||||
|
||||
if (error.code === 'ECONNREFUSED') {
|
||||
console.error('错误: 无法连接到后端服务');
|
||||
console.error('请确保后端服务在 http://localhost:5350 运行');
|
||||
console.error('启动命令: cd backend && npm start');
|
||||
} else if (error.response) {
|
||||
console.error('错误: 后端返回错误');
|
||||
console.error('状态码:', error.response.status);
|
||||
console.error('错误信息:', error.response.data);
|
||||
} else {
|
||||
console.error('错误:', error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
checkBackend();
|
||||
@@ -1,70 +0,0 @@
|
||||
// 在浏览器控制台中运行此脚本来调试API调用
|
||||
|
||||
// 1. 测试登录
|
||||
async function testLogin() {
|
||||
try {
|
||||
const response = await fetch('/api/auth/login', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
username: 'admin',
|
||||
password: '123456'
|
||||
})
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
console.log('登录结果:', data);
|
||||
|
||||
if (data.success) {
|
||||
localStorage.setItem('token', data.token);
|
||||
console.log('Token已保存到localStorage');
|
||||
return data.token;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('登录失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 2. 测试转栏记录API
|
||||
async function testTransferRecords() {
|
||||
const token = localStorage.getItem('token');
|
||||
if (!token) {
|
||||
console.log('请先运行 testLogin() 获取token');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await fetch('/api/cattle-transfer-records?page=1&pageSize=10', {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Authorization': `Bearer ${token}`,
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
console.log('转栏记录结果:', data);
|
||||
|
||||
if (data.success) {
|
||||
console.log('记录数量:', data.data.list.length);
|
||||
console.log('第一条记录:', data.data.list[0]);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取转栏记录失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 3. 完整测试流程
|
||||
async function fullTest() {
|
||||
console.log('开始完整测试...');
|
||||
await testLogin();
|
||||
await testTransferRecords();
|
||||
}
|
||||
|
||||
// 运行测试
|
||||
console.log('调试脚本已加载，请运行以下命令：');
|
||||
console.log('1. testLogin() - 测试登录');
|
||||
console.log('2. testTransferRecords() - 测试转栏记录');
|
||||
console.log('3. fullTest() - 完整测试流程');
|
||||
@@ -1,50 +0,0 @@
|
||||
# 底部导航栏图标要求
|
||||
|
||||
## 需要的图标文件
|
||||
|
||||
### 首页图标
|
||||
- `home.png` - 首页未选中状态图标
|
||||
- `home-active.png` - 首页选中状态图标
|
||||
|
||||
### 生产管理图标
|
||||
- `production.png` - 生产管理未选中状态图标
|
||||
- `production-active.png` - 生产管理选中状态图标
|
||||
|
||||
### 我的图标
|
||||
- `profile.png` - 我的未选中状态图标
|
||||
- `profile-active.png` - 我的选中状态图标
|
||||
|
||||
## 图标规格要求
|
||||
|
||||
- 尺寸：建议 40x40 像素
|
||||
- 格式：PNG格式，支持透明背景
|
||||
- 颜色：
|
||||
- 未选中状态：#7A7E83 (灰色)
|
||||
- 选中状态：#3cc51f (绿色)
|
||||
|
||||
## 图标设计建议
|
||||
|
||||
### 首页图标
|
||||
- 使用房子或仪表板图标
|
||||
- 简洁的线条风格
|
||||
|
||||
### 生产管理图标
|
||||
- 使用牛只、工厂或齿轮图标
|
||||
- 体现生产管理功能
|
||||
|
||||
### 我的图标
|
||||
- 使用用户头像或人形图标
|
||||
- 简洁明了
|
||||
|
||||
## 临时解决方案
|
||||
|
||||
如果暂时没有图标文件，可以：
|
||||
1. 使用微信小程序默认图标
|
||||
2. 创建简单的SVG图标并转换为PNG
|
||||
3. 从图标库下载免费图标
|
||||
|
||||
## 注意事项
|
||||
|
||||
- 确保图标在不同设备上显示清晰
|
||||
- 保持图标风格一致
|
||||
- 测试在不同背景色下的显示效果
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user