springboot vue 会员收银系统 (4) 门店模块开发 开源

前言

完整版演示 http://8.146.211.120:8086/
开发版演示 http://8.146.211.120:8083/

前面我们对会员系统 springboot vue 开源 会员收银系统 (3) 会员管理的开发 实现了简单的会员添加
下面我们将从会员模块进行延伸 门店模块的开发
首先我们先分析一下常见门店的管理模式

常见的管理形式为总公司 - 区域管理（若干个门店） - 省市县 - 单个门店

• 我们先从单个门店进行添加
• 用上下级管理代表区域服务 及总部的管理
• 门店上添加省市级字段即可完成

下面开始字段设计

CREATE TABLE `sys_dept` (
  `DEPT_ID` varchar(32) NOT NULL COMMENT '机构id',
  `DEPT_NAME` varchar(255) DEFAULT NULL COMMENT '机构名称',
  `DEPT_NO` varchar(32) DEFAULT NULL COMMENT '机构编号',
  `PARENT_ID` varchar(32) DEFAULT NULL COMMENT '上级id',
  `PARENT_IDS` varchar(255) DEFAULT NULL COMMENT '上级id集合',
  `PARENT_NAME` varchar(255) DEFAULT NULL COMMENT '上级机构名',
  `PROVINCE` varchar(255) CHARACTER SET utf8 DEFAULT NULL COMMENT '省',
  `CITY` varchar(255) CHARACTER SET utf8 DEFAULT NULL COMMENT '市 ',
  `AREA` varchar(255) CHARACTER SET utf8 DEFAULT NULL COMMENT '区',
  `EXPIRE_DATE` datetime DEFAULT NULL COMMENT '过期时间',
  `REMARK` varchar(1000) DEFAULT NULL COMMENT '备注',
  `CREATE_TIME` datetime DEFAULT NULL COMMENT '创建时间',
  `CREATE_NAME` varchar(255) DEFAULT NULL COMMENT '创建人',
  `CREATE_ID` varchar(32) DEFAULT NULL COMMENT '创建人id',
  `UPDATE_TIME` datetime DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP COMMENT '修改时间',
  `UPDATE_NAME` varchar(255) DEFAULT NULL COMMENT '修改人',
  PRIMARY KEY (`DEPT_ID`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='机构';

为了简便操作 我们用系统中自带的机构管理进行开发
添加上下级关系 省市级 门店编号等

代码开发

1. 第一步我们还是先维护好 数据库 这次我们不用重新生成代码（防止重新生成覆盖）
2. 直接在实体类 mapper 及页面添加相关字段即可
   
3. 前端我们使用element自带的一个插件 element-china-area-data
4. 查看最后的效果
5. 最后添加会员时选择我们相应创建的门店

门店基础管理开发完毕 也顺带补上之前会员所属门店的问题

代码地址 https://gitee.com/ddeatrr/memberShop