开发记录 - 新增业务域管理模块

一、背景

MQ MOCK仓库中，新增、查询、修改所涉及到的业务域、业务模块，均是在前端代码中写死的；

22年计划在测试部门推广，所以上面这种方式，每次新增需要修改前端代码，不利于快速响应

所以计划在系统管理菜单中：

　　（1）新增子菜单、页面：业务域管理；

　　（2）支持新增、修改、发起审批、管理员审批、列表展示；

　　（3）业务域、业务模块存在级联关系，一对多；

 

---

 二、设计

 1、后端

（1）表设计

CREATE TABLE `business_type_option` (
  `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT 'id',
  `business_domain` VARCHAR(50) DEFAULT NULL COMMENT '业务域',
  `business_domain_display` VARCHAR(50) DEFAULT NULL COMMENT '业务域展示名',
  `business_module` VARCHAR(50) DEFAULT NULL COMMENT '业务模块',
  `business_module_display` VARCHAR(50) DEFAULT NULL COMMENT '业务模块展示名',
  `author` VARCHAR(20) DEFAULT NULL COMMENT '提交人',
  `approve_persion` VARCHAR(20) DEFAULT NULL COMMENT '审批人',
  `approve_result` VARCHAR(20) DEFAULT NULL COMMENT '审批结果',
  `approve_result_comment` VARCHAR(20) DEFAULT NULL COMMENT '审批结果备注',  
  `is_valid` VARCHAR(10) DEFAULT 'VALID' COMMENT '是否有效',
  `create_time` DATETIME(6) NOT NULL COMMENT '创建时间',
  PRIMARY KEY (`id`)
) ENGINE=INNODB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4 COMMENT='业务类型存储表'

（2）接口

　　查询业务类型接口：api/common/queryBusinessTypeOption

　　保存业务类型接口：api/common/saveBusinessType，以saveType区分新建、编辑

　　审批接口：api/common/approveBusinessType

2、前端

（1）src\router\index.js

　　新增子菜单

（2）src\views\systemManage

　　新增businessTypeManage.vue 展示列表、新增&编辑弹窗dialog、业务域&业务模块级联展示

（3）src\api\systemManager.js

　　接口调用定义

 

---

 三、编码