西藏巴青项目

共同富裕成果前端技术方案.md 3.9KB

共同富裕成果 — 前端技术方案

依据:doc/共同富裕/共同富裕成果/共同富裕成果技术方案.md共同富裕成果功能需求.md;页面布局对齐 ruoyi-ui/src/views/breedingStandards/breedingManage/index.vue(双卡片:查询区 + 表格区);台账交互参考 policy/subsidyRecord/index.vue;请求与表单字段统一 小驼峰


1. 页面与路由

说明
Vue 路径 ruoyi-ui/src/views/commonProsperity/achievement/index.vue
组件名 CommonProsperityAchievement
菜单配置 若依「菜单管理」组件路径:commonProsperity/achievement/index
权限前缀 commonProsperity:achievement:

2. API 模块

说明
文件 ruoyi-ui/src/api/commonProsperity/achievement.js
Base Path /commonProsperity/achievement

封装方法:listCommonProsperityAchievementgetCommonProsperityAchievementaddCommonProsperityAchievementupdateCommonProsperityAchievementdelCommonProsperityAchievement

导出:this.download('commonProsperity/achievement/export', params, fileName)(与列表同筛选条件)。


3. 列表与查询

  • 分页pageNumpageSize(默认 20)。
  • 筛选statYearel-date-picker type="year"value-format="yyyy";提交时取 4 位年份字符串)。
  • 表格列(主列):统计范围、集体经济收入、带动就业人数、新增就业岗位、环境治理项目数、新增绿化面积、数字平台使用率、区域公共品牌数、创建时间、操作列。
  • 批量操作:多选 + 批量删除(ids 逗号拼接调用 DELETE)。

4. 表单字段与校验

字段 控件 规则
statPeriod type="month"value-format="yyyy-MM" 必填;格式 YYYY-MM;同月唯一(后端校验)
collectiveEconomyIncome el-input-number,2 位小数 必填,≥0(万元)
employmentDrivenCount 等整数指标 el-input-numberprecision=0 必填,非负整数
newGreenArea el-input-number,2 位小数 必填,≥0(亩)
digitalPlatformUsageRate / brandPremiumRate el-input-number,0~1 必填;列表/查看展示为百分比
remark textarea 选填,≤500 字

表单弹窗宽度 900px,双列布局;查看弹窗展示全部 12 项指标及审计字段。


5. 操作按钮

按钮 权限标识
新增 commonProsperity:achievement:add
编辑 commonProsperity:achievement:edit
查看 commonProsperity:achievement:query
删除(行内 / 批量) commonProsperity:achievement:remove
导出 commonProsperity:achievement:export

本模块无发布/下架流程,任意记录均可编辑与删除(以权限为准)。


6. 国际化

说明
语言包 src/lang/zh/commonProsperity.jssrc/lang/bo/commonProsperity.jscommon / status / achievement
注册 zh-CN.jsbo.jsimport commonProsperity
Mixin src/mixins/commonProsperityLocaleMixin.jscpTcpCommon
组件 data.cpNs = 'achievement',页面文案键 commonProsperity.achievement.*,通用键 commonProsperity.common.*

7. 联调说明

  1. 确认后端 CommonProsperityAchievementController(或等价实现)已部署,VUE_APP_BASE_API 代理正确。
  2. 执行 biz_common_prosperity_achievement 建表 DDL(见技术方案 §2.2)并配置菜单、按钮权限。
  3. 新增/修改若返回「统计范围已存在」等业务错误,前端以 msg 提示即可。
  4. 列表 statYear 筛选与后端 Query 参数名保持一致。

8. 修订记录

版本 说明
1.0 初版:双卡片台账页;月份统计范围;12 项指标 CRUD + 导出