From 81ad403f29ae6a226a3fc08ab872a6c73896c08c Mon Sep 17 00:00:00 2001
From: yinq <yinq>
Date: Sun, 28 Sep 2025 15:39:47 +0800
Subject: [PATCH] =?UTF-8?q?1.0.2=20add=E5=AE=A2=E6=88=B7=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E3=80=81=E8=81=94=E7=B3=BB=E4=BA=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |  63 +--
 index.html                                    |   2 +-
 src/api/oa/baseCustomer/index.ts              |  76 ----
 src/api/oa/crm/customerContact/index.ts       |  76 ++++
 src/api/oa/crm/customerContact/types.ts       | 261 +++++++++++
 src/api/oa/crm/customerInfo/index.ts          |  76 ++++
 .../customerInfo}/types.ts                    |  98 +++--
 src/views/index.vue                           | 154 +------
 src/views/oa/crm/customerContact/index.vue    | 407 ++++++++++++++++++
 .../customerInfo}/index.vue                   | 368 ++++++++--------
 10 files changed, 1063 insertions(+), 518 deletions(-)
 delete mode 100644 src/api/oa/baseCustomer/index.ts
 create mode 100644 src/api/oa/crm/customerContact/index.ts
 create mode 100644 src/api/oa/crm/customerContact/types.ts
 create mode 100644 src/api/oa/crm/customerInfo/index.ts
 rename src/api/oa/{baseCustomer => crm/customerInfo}/types.ts (86%)
 create mode 100644 src/views/oa/crm/customerContact/index.vue
 rename src/views/oa/{baseCustomer => crm/customerInfo}/index.vue (60%)

diff --git a/README.md b/README.md
index 1c89bf9..f7503ac 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,3 @@
-## 平台简介
-
-- 本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [TS](https://www.typescriptlang.org/) + [Element Plus](https://element-plus.org/zh-CN) + [Vite](https://cn.vitejs.dev) 版本。
-- 成员项目: 基于 vben5(ant-design-vue) 的前端项目 [ruoyi-plus-vben5](https://gitee.com/dapppp/ruoyi-plus-vben5)
-- 成员项目: 基于soybean 的前端项目 [ruoyi-plus-soybean](https://gitee.com/xlsea/ruoyi-plus-soybean)
-
 ## 配套后端代码仓库地址
 
 | 介绍         | 项目名              | 项目地址                                                                                                                                                                           |
@@ -11,10 +5,6 @@
 | 🔥 分布式集群框架 | RuoYi-Vue-Plus   | - [Gitee](https://gitee.com/dromara/RuoYi-Vue-Plus)<br> - [GitHub](https://github.com/dromara/RuoYi-Vue-Plus)<br> - [GitCode](https://gitcode.com/dromara/RuoYi-Vue-Plus)      |
 | 🔥 微服务框架   | RuoYi-Cloud-Plus | - [Gitee](https://gitee.com/dromara/RuoYi-Cloud-Plus)<br>- [GitHub](https://github.com/dromara/RuoYi-Cloud-Plus)<br> - [GitCode](https://gitcode.com/dromara/RuoYi-Cloud-Plus) |
 
-## 分支说明
-
-- ts分支(稳定发布主分支 生产可用)
-- dev分支(开发分支 开发过程中使用)
 
 ## 前端运行
 
@@ -29,55 +19,4 @@ npm run dev
 npm run build:prod
 
 # 前端访问地址 http://localhost:80
-```
-
-## 本框架与RuoYi的业务差异
-
-| 业务         | 功能说明                                                      | 本框架 | RuoYi                         |
-| ------------ | ------------------------------------------------------------- | ------ | ----------------------------- |
-| 租户管理     | 系统内租户的管理 如:租户套餐、过期时间、用户数量、企业信息等  | 支持   | 无                            |
-| 租户套餐管理 | 系统内租户所能使用的套餐管理 如:套餐内所包含的菜单等          | 支持   | 无                            |
-| 用户管理     | 用户的管理配置 如:新增用户、分配用户所属部门、角色、岗位等    | 支持   | 支持                          |
-| 部门管理     | 配置系统组织机构（公司、部门、小组） 树结构展现支持数据权限   | 支持   | 支持                          |
-| 岗位管理     | 配置系统用户所属担任职务                                      | 支持   | 支持                          |
-| 菜单管理     | 配置系统菜单、操作权限、按钮权限标识等                        | 支持   | 支持                          |
-| 角色管理     | 角色菜单权限分配、设置角色按机构进行数据范围权限划分          | 支持   | 支持                          |
-| 字典管理     | 对系统中经常使用的一些较为固定的数据进行维护                  | 支持   | 支持                          |
-| 参数管理     | 对系统动态配置常用参数                                        | 支持   | 支持                          |
-| 通知公告     | 系统通知公告信息发布维护                                      | 支持   | 支持                          |
-| 操作日志     | 系统正常操作日志记录和查询 系统异常信息日志记录和查询         | 支持   | 支持                          |
-| 登录日志     | 系统登录日志记录查询包含登录异常                              | 支持   | 支持                          |
-| 文件管理     | 系统文件展示、上传、下载、删除等管理                          | 支持   | 无                            |
-| 文件配置管理 | 系统文件上传、下载所需要的配置信息动态添加、修改、删除等管理  | 支持   | 无                            |
-| 在线用户管理 | 已登录系统的在线用户信息监控与强制踢出操作                    | 支持   | 支持                          |
-| 定时任务     | 运行报表、任务管理(添加、修改、删除)、日志管理、执行器管理等  | 支持   | 仅支持任务与日志管理          |
-| 代码生成     | 多数据源前后端代码的生成（java、html、xml、sql）支持CRUD下载  | 支持   | 仅支持单数据源                |
-| 系统接口     | 根据业务代码自动生成相关的api接口文档                         | 支持   | 支持                          |
-| 服务监控     | 监视集群系统CPU、内存、磁盘、堆栈、在线日志、Spring相关配置等 | 支持   | 仅支持单机CPU、内存、磁盘监控 |
-| 缓存监控     | 对系统的缓存信息查询，命令统计等。                            | 支持   | 支持                          |
-| 在线构建器   | 拖动表单元素生成相应的HTML代码。                              | 支持   | 支持                          |
-| 使用案例     | 系统的一些功能案例                                            | 支持   | 不支持                        |
-
-## 演示图例
-
-|                                                                                                      |                                                                                                      |
-| ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
-| ![输入图片说明](https://foruda.gitee.com/images/1680077524361362822/270bb429_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680077619939771291/989bf9b6_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680077681751513929/1c27c5bd_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680077721559267315/74d63e23_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680077765638904515/1b75d4a6_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078026375951297/eded7a4b_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078237104531207/0eb1b6a7_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078254306078709/5931e22f_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078287971528493/0b9af60a_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078308138770249/8d3b6696_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078352553634393/db5ef880_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078378238393374/601e4357_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078414983206024/2aae27c1_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078446738419874/ecce7d59_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078475971341775/149e8634_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078491666717143/3fadece7_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078558863188826/fb8ced2a_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078574561685461/ae68a0b2_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078594932772013/9d8bfec6_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078626493093532/fcfe4ff6_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078643608812515/0295bd4f_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078685196286463/d7612c81_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078703877318597/56fce0bc_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078716586545643/b6dbd68f_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078734103217688/eb1e6aa6_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078759131415480/73c525d8_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078779416197879/75e3ed02_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078802329118061/77e10915_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078893627848351/34a1c342_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078928175016986/f126ec4a_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078941718318363/b68a0f72_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680078963175518631/3bb769a1_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680078982294090567/b31c343d_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680079000642440444/77ca82a9_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680079020995074177/03b7d52e_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680079039367822173/76811806_1766278.png '屏幕截图') |
-| ![输入图片说明](https://foruda.gitee.com/images/1680079274333484664/4dfdc7c0_1766278.png '屏幕截图') | ![输入图片说明](https://foruda.gitee.com/images/1680079290467458224/d6715fcf_1766278.png '屏幕截图') |
+```
\ No newline at end of file
diff --git a/index.html b/index.html
index aa1c86d..b32c0c7 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="renderer" content="webkit" />
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
     <link rel="icon" href="/favicon.ico" />
-    <title>RuoYi-Vue-Plus多租户管理系统</title>
+    <title>海威经营管理信息化系统</title>
     <!--[if lt IE 11
       ]><script>
         window.location.href = '/html/ie.html';
diff --git a/src/api/oa/baseCustomer/index.ts b/src/api/oa/baseCustomer/index.ts
deleted file mode 100644
index b51746c..0000000
--- a/src/api/oa/baseCustomer/index.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import request from '@/utils/request';
-import { AxiosPromise } from 'axios';
-import { BaseCustomerVO, BaseCustomerForm, BaseCustomerQuery } from '@/api/oa/baseCustomer/types';
-
-/**
- * 查询客户信息列表
- * @param query
- * @returns {*}
- */
-
-export const listBaseCustomer = (query?: BaseCustomerQuery): AxiosPromise<BaseCustomerVO[]> => {
-  return request({
-    url: '/oa/baseCustomer/list',
-    method: 'get',
-    params: query
-  });
-};
-
-/**
- * 查询客户信息详细
- * @param customerId
- */
-export const getBaseCustomer = (customerId: string | number): AxiosPromise<BaseCustomerVO> => {
-  return request({
-    url: '/oa/baseCustomer/' + customerId,
-    method: 'get'
-  });
-};
-
-/**
- * 新增客户信息
- * @param data
- */
-export const addBaseCustomer = (data: BaseCustomerForm) => {
-  return request({
-    url: '/oa/baseCustomer',
-    method: 'post',
-    data: data
-  });
-};
-
-/**
- * 修改客户信息
- * @param data
- */
-export const updateBaseCustomer = (data: BaseCustomerForm) => {
-  return request({
-    url: '/oa/baseCustomer',
-    method: 'put',
-    data: data
-  });
-};
-
-/**
- * 删除客户信息
- * @param customerId
- */
-export const delBaseCustomer = (customerId: string | number | Array<string | number>) => {
-  return request({
-    url: '/oa/baseCustomer/' + customerId,
-    method: 'delete'
-  });
-};
-
-/**
- * 下拉框查询客户信息列表
- * @param query
- * @returns {*}
- */
-export function getBaseCustomerList (query) {
-  return request({
-    url: '/oa/baseCustomer/getBaseCustomerList',
-    method: 'get',
-    params: query
-  });
-};
diff --git a/src/api/oa/crm/customerContact/index.ts b/src/api/oa/crm/customerContact/index.ts
new file mode 100644
index 0000000..96b8328
--- /dev/null
+++ b/src/api/oa/crm/customerContact/index.ts
@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { CustomerContactVO, CustomerContactForm, CustomerContactQuery } from '@/api/oa/crm/customerContact/types';
+
+/**
+ * 查询客户联系人信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listCustomerContact = (query?: CustomerContactQuery): AxiosPromise<CustomerContactVO[]> => {
+  return request({
+    url: '/oa/crm/customerContact/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询客户联系人信息详细
+ * @param contactId
+ */
+export const getCustomerContact = (contactId: string | number): AxiosPromise<CustomerContactVO> => {
+  return request({
+    url: '/oa/crm/customerContact/' + contactId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增客户联系人信息
+ * @param data
+ */
+export const addCustomerContact = (data: CustomerContactForm) => {
+  return request({
+    url: '/oa/crm/customerContact',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改客户联系人信息
+ * @param data
+ */
+export const updateCustomerContact = (data: CustomerContactForm) => {
+  return request({
+    url: '/oa/crm/customerContact',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除客户联系人信息
+ * @param contactId
+ */
+export const delCustomerContact = (contactId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/crm/customerContact/' + contactId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询客户联系人信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getCrmCustomerContactList(query) {
+  return request({
+    url: '/oa/crm/customerContact/getCrmCustomerContactList',
+    method: 'get',
+    params: query
+  });
+}
diff --git a/src/api/oa/crm/customerContact/types.ts b/src/api/oa/crm/customerContact/types.ts
new file mode 100644
index 0000000..2150546
--- /dev/null
+++ b/src/api/oa/crm/customerContact/types.ts
@@ -0,0 +1,261 @@
+export interface CustomerContactVO {
+  /**
+   * 联系人ID
+   */
+  contactId: string | number;
+
+  /**
+   * 所属客户ID
+   */
+  customerId: string | number;
+
+  /**
+   * 联系人姓名
+   */
+  contactName: string;
+
+  /**
+   * 尊称（0未知 1先生 2女士）
+   */
+  sexType: string;
+
+  /**
+   * 角色（1普通人  2决策人  3分项决策人  4商务决策  5财务决策  6使用人  7意见影响人）
+   */
+  roleType: number;
+
+  /**
+   * 是否首要联系人（0否 1是）
+   */
+  firstFlag: string;
+
+  /**
+   * 生日
+   */
+  birthday: string;
+
+  /**
+   * 部门职务
+   */
+  departmentPosition: string;
+
+  /**
+   * 详细地址
+   */
+  detailedAddress: string;
+
+  /**
+   * 手机号码
+   */
+  phoneNumber: string;
+
+  /**
+   * 固定电话
+   */
+  landlineNumber: string;
+
+  /**
+   * 传真号码
+   */
+  facsimileNumber: string;
+
+  /**
+   * 电子邮箱
+   */
+  email: string;
+
+  /**
+   * 微信账号
+   */
+  wechatAccount: string;
+
+  /**
+   * QQ号码
+   */
+  qqNumber: string;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag: string;
+
+}
+
+export interface CustomerContactForm extends BaseEntity {
+  /**
+   * 联系人ID
+   */
+  contactId?: string | number;
+
+  /**
+   * 所属客户ID
+   */
+  customerId?: string | number;
+
+  /**
+   * 联系人姓名
+   */
+  contactName?: string;
+
+  /**
+   * 尊称（0未知 1先生 2女士）
+   */
+  sexType?: string;
+
+  /**
+   * 角色（1普通人  2决策人  3分项决策人  4商务决策  5财务决策  6使用人  7意见影响人）
+   */
+  roleType?: number;
+
+  /**
+   * 是否首要联系人（0否 1是）
+   */
+  firstFlag?: string;
+
+  /**
+   * 生日
+   */
+  birthday?: string;
+
+  /**
+   * 部门职务
+   */
+  departmentPosition?: string;
+
+  /**
+   * 详细地址
+   */
+  detailedAddress?: string;
+
+  /**
+   * 手机号码
+   */
+  phoneNumber?: string;
+
+  /**
+   * 固定电话
+   */
+  landlineNumber?: string;
+
+  /**
+   * 传真号码
+   */
+  facsimileNumber?: string;
+
+  /**
+   * 电子邮箱
+   */
+  email?: string;
+
+  /**
+   * 微信账号
+   */
+  wechatAccount?: string;
+
+  /**
+   * QQ号码
+   */
+  qqNumber?: string;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+}
+
+export interface CustomerContactQuery extends PageQuery {
+
+  /**
+   * 所属客户ID
+   */
+  customerId?: string | number;
+
+  /**
+   * 联系人姓名
+   */
+  contactName?: string;
+
+  /**
+   * 尊称（0未知 1先生 2女士）
+   */
+  sexType?: string;
+
+  /**
+   * 角色（1普通人  2决策人  3分项决策人  4商务决策  5财务决策  6使用人  7意见影响人）
+   */
+  roleType?: number;
+
+  /**
+   * 是否首要联系人（0否 1是）
+   */
+  firstFlag?: string;
+
+  /**
+   * 生日
+   */
+  birthday?: string;
+
+  /**
+   * 部门职务
+   */
+  departmentPosition?: string;
+
+  /**
+   * 详细地址
+   */
+  detailedAddress?: string;
+
+  /**
+   * 手机号码
+   */
+  phoneNumber?: string;
+
+  /**
+   * 固定电话
+   */
+  landlineNumber?: string;
+
+  /**
+   * 传真号码
+   */
+  facsimileNumber?: string;
+
+  /**
+   * 电子邮箱
+   */
+  email?: string;
+
+  /**
+   * 微信账号
+   */
+  wechatAccount?: string;
+
+  /**
+   * QQ号码
+   */
+  qqNumber?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+
diff --git a/src/api/oa/crm/customerInfo/index.ts b/src/api/oa/crm/customerInfo/index.ts
new file mode 100644
index 0000000..ceaea0c
--- /dev/null
+++ b/src/api/oa/crm/customerInfo/index.ts
@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { CustomerInfoVO, CustomerInfoForm, CustomerInfoQuery } from '@/api/oa/crm/customerInfo/types';
+
+/**
+ * 查询客户信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listCustomerInfo = (query?: CustomerInfoQuery): AxiosPromise<CustomerInfoVO[]> => {
+  return request({
+    url: '/oa/crm/customerInfo/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询客户信息详细
+ * @param customerId
+ */
+export const getCustomerInfo = (customerId: string | number): AxiosPromise<CustomerInfoVO> => {
+  return request({
+    url: '/oa/crm/customerInfo/' + customerId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增客户信息
+ * @param data
+ */
+export const addCustomerInfo = (data: CustomerInfoForm) => {
+  return request({
+    url: '/oa/crm/customerInfo',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改客户信息
+ * @param data
+ */
+export const updateCustomerInfo = (data: CustomerInfoForm) => {
+  return request({
+    url: '/oa/crm/customerInfo',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除客户信息
+ * @param customerId
+ */
+export const delCustomerInfo = (customerId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/crm/customerInfo/' + customerId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询客户信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getCrmCustomerInfoList (query) {
+    return request({
+        url: '/oa/crm/customerInfo/getCrmCustomerInfoList',
+        method: 'get',
+        params: query
+    });
+};
diff --git a/src/api/oa/baseCustomer/types.ts b/src/api/oa/crm/customerInfo/types.ts
similarity index 86%
rename from src/api/oa/baseCustomer/types.ts
rename to src/api/oa/crm/customerInfo/types.ts
index 9b88312..6aaf6d8 100644
--- a/src/api/oa/baseCustomer/types.ts
+++ b/src/api/oa/crm/customerInfo/types.ts
@@ -1,4 +1,4 @@
-export interface BaseCustomerVO {
+export interface CustomerInfoVO {
   /**
    * 客户ID
    */
@@ -59,6 +59,11 @@ export interface BaseCustomerVO {
    */
   parentCustomerId: string | number;
 
+  /**
+   * 客户关系
+   */
+  customerRelationship: string;
+
   /**
    * 法定代表人
    */
@@ -69,15 +74,25 @@ export interface BaseCustomerVO {
    */
   businessLicenseNumber: string;
 
+  /**
+   * 税号
+   */
+  taxNumber: string;
+
   /**
    * 开户银行
    */
   bankAccountOpening: string;
 
   /**
-   * 税号
+   * 银行账号
    */
-  taxNumber: string;
+  bankNumber: string;
+
+  /**
+   * 附件ID
+   */
+  ossId: string | number;
 
   /**
    * 备注
@@ -89,34 +104,9 @@ export interface BaseCustomerVO {
    */
   activeFlag: string;
 
-  /**
-   * 创建部门
-   */
-  createDept: number;
-
-  /**
-   * 创建人
-   */
-  createBy: number;
-
-  /**
-   * 创建时间
-   */
-  createTime: string;
-
-  /**
-   * 更新人
-   */
-  updateBy: number;
-
-  /**
-   * 更新时间
-   */
-  updateTime: string;
-
 }
 
-export interface BaseCustomerForm extends BaseEntity {
+export interface CustomerInfoForm extends BaseEntity {
   /**
    * 客户ID
    */
@@ -177,6 +167,11 @@ export interface BaseCustomerForm extends BaseEntity {
    */
   parentCustomerId?: string | number;
 
+  /**
+   * 客户关系
+   */
+  customerRelationship?: string;
+
   /**
    * 法定代表人
    */
@@ -187,15 +182,25 @@ export interface BaseCustomerForm extends BaseEntity {
    */
   businessLicenseNumber?: string;
 
+  /**
+   * 税号
+   */
+  taxNumber?: string;
+
   /**
    * 开户银行
    */
   bankAccountOpening?: string;
 
   /**
-   * 税号
+   * 银行账号
    */
-  taxNumber?: string;
+  bankNumber?: string;
+
+  /**
+   * 附件ID
+   */
+  ossId?: string | number;
 
   /**
    * 备注
@@ -209,7 +214,7 @@ export interface BaseCustomerForm extends BaseEntity {
 
 }
 
-export interface BaseCustomerQuery extends PageQuery {
+export interface CustomerInfoQuery extends PageQuery {
 
   /**
    * 客户名称
@@ -246,6 +251,16 @@ export interface BaseCustomerQuery extends PageQuery {
    */
   customerSource?: number;
 
+  /**
+   * 归属人员ID
+   */
+  ownerId?: string | number;
+
+  /**
+   * 详细地址
+   */
+  detailedAddress?: string;
+
   /**
    * 企业规模（10人以内  10-20人  21人-50人  51人-200人  201人-500人  500人以上）
    */
@@ -256,6 +271,11 @@ export interface BaseCustomerQuery extends PageQuery {
    */
   parentCustomerId?: string | number;
 
+  /**
+   * 客户关系
+   */
+  customerRelationship?: string;
+
   /**
    * 法定代表人
    */
@@ -266,15 +286,25 @@ export interface BaseCustomerQuery extends PageQuery {
    */
   businessLicenseNumber?: string;
 
+  /**
+   * 税号
+   */
+  taxNumber?: string;
+
   /**
    * 开户银行
    */
   bankAccountOpening?: string;
 
   /**
-   * 税号
+   * 银行账号
    */
-  taxNumber?: string;
+  bankNumber?: string;
+
+  /**
+   * 附件ID
+   */
+  ossId?: string | number;
 
   /**
    * 激活标识（1是 0否）
diff --git a/src/views/index.vue b/src/views/index.vue
index bfda3f2..09dec91 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,165 +1,13 @@
 <template>
   <div class="app-container home">
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>RuoYi-Vue-Plus多租户管理系统</h2>
-        <p>
-          RuoYi-Vue-Plus 是基于 RuoYi-Vue 针对 分布式集群 场景升级(不兼容原框架)
-          <br />
-          * 前端开发框架 Vue3、TS、Element Plus<br />
-          * 后端开发框架 Spring Boot<br />
-          * 容器框架 Undertow 基于 Netty 的高性能容器<br />
-          * 权限认证框架 Sa-Token 支持多终端认证系统<br />
-          * 关系数据库 MySQL 适配 8.X 最低 5.7<br />
-          * 缓存数据库 Redis 适配 6.X 最低 4.X<br />
-          * 数据库框架 Mybatis-Plus 快速 CRUD 增加开发效率<br />
-          * 数据库框架 p6spy 更强劲的 SQL 分析<br />
-          * 多数据源框架 dynamic-datasource 支持主从与多种类数据库异构<br />
-          * 序列化框架 Jackson 统一使用 jackson 高效可靠<br />
-          * Redis客户端 Redisson 性能强劲、API丰富<br />
-          * 分布式限流 Redisson 全局、请求IP、集群ID 多种限流<br />
-          * 分布式锁 Lock4j 注解锁、工具锁 多种多样<br />
-          * 分布式幂等 Lock4j 基于分布式锁实现<br />
-          * 分布式链路追踪 SkyWalking 支持链路追踪、网格分析、度量聚合、可视化<br />
-          * 分布式任务调度 SnailJob 高性能 高可靠 易扩展<br />
-          * 文件存储 Minio 本地存储<br />
-          * 文件存储 七牛、阿里、腾讯 云存储<br />
-          * 监控框架 SpringBoot-Admin 全方位服务监控<br />
-          * 校验框架 Validation 增强接口安全性 严谨性<br />
-          * Excel框架 FastExcel(原Alibaba EasyExcel) 性能优异 扩展性强<br />
-          * 文档框架 SpringDoc、javadoc 无注解零入侵基于java注释<br />
-          * 工具类框架 Hutool、Lombok 减少代码冗余 增加安全性<br />
-          * 代码生成器 适配MP、SpringDoc规范化代码 一键生成前后端代码<br />
-          * 部署方式 Docker 容器编排 一键部署业务集群<br />
-          * 国际化 SpringMessage Spring标准国际化方案<br />
-        </p>
-        <p><b>当前版本:</b> <span>v5.5.0</span></p>
-        <p>
-          <el-tag type="danger">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://gitee.com/dromara/RuoYi-Vue-Plus')">访问码云</el-button>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://github.com/dromara/RuoYi-Vue-Plus')">访问GitHub</el-button>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://plus-doc.dromara.org/#/ruoyi-vue-plus/changlog')"
-            >更新日志</el-button
-          >
-        </p>
-      </el-col>
 
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>RuoYi-Cloud-Plus多租户微服务管理系统</h2>
-        <p>
-          RuoYi-Cloud-Plus 微服务通用权限管理系统 重写 RuoYi-Cloud 全方位升级(不兼容原框架)
-          <br />
-          * 前端开发框架 Vue3、TS、Element UI<br />
-          * 后端开发框架 Spring Boot<br />
-          * 微服务开发框架 Spring Cloud、Spring Cloud Alibaba<br />
-          * 容器框架 Undertow 基于 XNIO 的高性能容器<br />
-          * 权限认证框架 Sa-Token、Jwt 支持多终端认证系统<br />
-          * 关系数据库 MySQL 适配 8.X 最低 5.7<br />
-          * 关系数据库 Oracle 适配 11g 12c<br />
-          * 关系数据库 PostgreSQL 适配 13 14<br />
-          * 关系数据库 SQLServer 适配 2017 2019<br />
-          * 缓存数据库 Redis 适配 6.X 最低 5.X<br />
-          * 分布式注册中心 Alibaba Nacos 采用2.X 基于GRPC通信高性能<br />
-          * 分布式配置中心 Alibaba Nacos 采用2.X 基于GRPC通信高性能<br />
-          * 服务网关 Spring Cloud Gateway 响应式高性能网关<br />
-          * 负载均衡 Spring Cloud Loadbalancer 负载均衡处理<br />
-          * RPC远程调用 Apache Dubbo 原生态使用体验、高性能<br />
-          * 分布式限流熔断 Alibaba Sentinel 无侵入、高扩展<br />
-          * 分布式事务 Alibaba Seata 无侵入、高扩展 支持 四种模式<br />
-          * 分布式消息队列 Apache Kafka 高性能高速度<br />
-          * 分布式消息队列 Apache RocketMQ 高可用功能多样<br />
-          * 分布式消息队列 RabbitMQ 支持各种扩展插件功能多样性<br />
-          * 分布式搜索引擎 ElasticSearch 业界知名<br />
-          * 分布式链路追踪 Apache SkyWalking 链路追踪、网格分析、度量聚合、可视化<br />
-          * 分布式日志中心 ELK 业界成熟解决方案<br />
-          * 分布式监控 Prometheus、Grafana 全方位性能监控<br />
-          * 其余与 Vue 版本一致<br />
-        </p>
-        <p><b>当前版本:</b> <span>v2.5.0</span></p>
-        <p>
-          <el-tag type="danger">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://gitee.com/dromara/RuoYi-Cloud-Plus')">访问码云</el-button>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://github.com/dromara/RuoYi-Cloud-Plus')">访问GitHub</el-button>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://plus-doc.dromara.org/#/ruoyi-cloud-plus/changlog')"
-            >更新日志</el-button
-          >
-        </p>
-      </el-col>
-    </el-row>
-    <el-divider />
   </div>
 </template>
 
 <script setup name="Index" lang="ts">
-const goTarget = (url: string) => {
-  window.open(url, '__blank');
-};
+
 </script>
 
 <style lang="scss" scoped>
-.home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
-  }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
 
-  ul {
-    padding: 0;
-    margin: 0;
-  }
-
-  font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
-
-  ul {
-    list-style-type: none;
-  }
-
-  h4 {
-    margin-top: 0px;
-  }
-
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
-
-  p {
-    margin-top: 10px;
-
-    b {
-      font-weight: 700;
-    }
-  }
-
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
-    }
-  }
-}
 </style>
diff --git a/src/views/oa/crm/customerContact/index.vue b/src/views/oa/crm/customerContact/index.vue
new file mode 100644
index 0000000..28537f5
--- /dev/null
+++ b/src/views/oa/crm/customerContact/index.vue
@@ -0,0 +1,407 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width='80px'>
+            <el-form-item label="所属客户" prop="customerId">
+              <el-select v-model="queryParams.customerId" placeholder="请选择所属客户" filterable clearable @keyup.enter="handleQuery" >
+                <el-option
+                  v-for="item in customerInfoList"
+                  :key="item.customerId"
+                  :label="item.customerName"
+                  :value="item.customerId"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="联系人姓名" prop="contactName" label-width='100px'>
+              <el-input v-model="queryParams.contactName" placeholder="请输入联系人姓名" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+<!--            <el-form-item label="尊称" prop="sexType">-->
+<!--              <el-select v-model="queryParams.sexType" placeholder="请选择尊称" clearable>-->
+<!--                <el-option v-for="dict in sex_type" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+            <el-form-item label="角色" prop="roleType">
+              <el-select v-model="queryParams.roleType" placeholder="请选择角色" clearable>
+                <el-option v-for="dict in role_type" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="是否首要联系人" prop="firstFlag" label-width='110px'>
+              <el-select v-model="queryParams.firstFlag" placeholder="请选择是否首要联系人" clearable>
+                <el-option v-for="dict in first_flag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+<!--            <el-form-item label="激活标识" prop="activeFlag">-->
+<!--              <el-input v-model="queryParams.activeFlag" placeholder="请输入激活标识" clearable @keyup.enter="handleQuery" />-->
+<!--            </el-form-item>-->
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/crm:customerContact:add']"> 新增 </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/crm:customerContact:edit']"
+              >修改
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/crm:customerContact:remove']"
+              >删除
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/crm:customerContact:export']">导出 </el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" border :data="customerContactList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="联系人ID" align="center" prop="contactId" v-if="columns[0].visible" />
+        <el-table-column label="所属客户" align="center" prop="customerName" width="120" v-if="columns[2].visible" />
+        <el-table-column label="联系人姓名" align="center" prop="contactName" width="100" v-if="columns[3].visible" />
+        <el-table-column label="尊称" align="center" prop="sexType" v-if="columns[4].visible">
+          <template #default="scope">
+            <dict-tag :options="sex_type" :value="scope.row.sexType" />
+          </template>
+        </el-table-column>
+        <el-table-column label="角色" align="center" prop="roleType" v-if="columns[5].visible">
+          <template #default="scope">
+            <dict-tag :options="role_type" :value="scope.row.roleType" />
+          </template>
+        </el-table-column>
+        <el-table-column label="是否首要联系人" align="center" prop="firstFlag" width="120" v-if="columns[6].visible">
+          <template #default="scope">
+            <dict-tag :options="first_flag" :value="scope.row.firstFlag" />
+          </template>
+        </el-table-column>
+        <el-table-column label="生日" align="center" prop="birthday" width="100" v-if="columns[7].visible">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="部门职务" align="center" prop="departmentPosition" v-if="columns[8].visible" />
+        <el-table-column label="详细地址" align="center" prop="detailedAddress" v-if="columns[9].visible" />
+        <el-table-column label="手机号码" align="center" prop="phoneNumber" v-if="columns[10].visible" />
+        <el-table-column label="固定电话" align="center" prop="landlineNumber" v-if="columns[11].visible" />
+        <el-table-column label="传真号码" align="center" prop="facsimileNumber" v-if="columns[12].visible" />
+        <el-table-column label="电子邮箱" align="center" prop="email" v-if="columns[13].visible" />
+        <el-table-column label="微信账号" align="center" prop="wechatAccount" v-if="columns[14].visible" />
+        <el-table-column label="QQ号码" align="center" prop="qqNumber" v-if="columns[15].visible" />
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[16].visible" />
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[17].visible" >
+          <template #default="scope">
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/crm:customerContact:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button
+                link
+                type="primary"
+                icon="Delete"
+                @click="handleDelete(scope.row)"
+                v-hasPermi="['oa/crm:customerContact:remove']"
+              ></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+    <!-- 添加或修改客户联系人信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="customerContactFormRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="所属客户" prop="customerId">
+          <el-select v-model="form.customerId" placeholder="请选择所属客户" filterable clearable>
+            <el-option
+              v-for="item in customerInfoList"
+              :key="item.customerId"
+              :label="item.customerName"
+              :value="item.customerId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="联系人姓名" prop="contactName">
+          <el-input v-model="form.contactName" placeholder="请输入联系人姓名" />
+        </el-form-item>
+        <el-form-item label="尊称" prop="sexType">
+          <el-radio-group v-model="form.sexType">
+            <el-radio v-for="dict in sex_type" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="角色" prop="roleType">
+          <el-select v-model="form.roleType" placeholder="请选择角色">
+            <el-option v-for="dict in role_type" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="是否首要联系人" prop="firstFlag">
+          <el-radio-group v-model="form.firstFlag">
+            <el-radio v-for="dict in first_flag" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="生日" prop="birthday">
+          <el-date-picker clearable v-model="form.birthday" type="date" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择生日">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="部门职务" prop="departmentPosition">
+          <el-input v-model="form.departmentPosition" placeholder="请输入部门职务" />
+        </el-form-item>
+        <el-form-item label="详细地址" prop="detailedAddress">
+          <el-input v-model="form.detailedAddress" placeholder="请输入详细地址" />
+        </el-form-item>
+        <el-form-item label="手机号码" prop="phoneNumber">
+          <el-input v-model="form.phoneNumber" placeholder="请输入手机号码" />
+        </el-form-item>
+        <el-form-item label="固定电话" prop="landlineNumber">
+          <el-input v-model="form.landlineNumber" placeholder="请输入固定电话" />
+        </el-form-item>
+        <el-form-item label="传真号码" prop="facsimileNumber">
+          <el-input v-model="form.facsimileNumber" placeholder="请输入传真号码" />
+        </el-form-item>
+        <el-form-item label="电子邮箱" prop="email">
+          <el-input v-model="form.email" placeholder="请输入电子邮箱" />
+        </el-form-item>
+        <el-form-item label="微信账号" prop="wechatAccount">
+          <el-input v-model="form.wechatAccount" placeholder="请输入微信账号" />
+        </el-form-item>
+        <el-form-item label="QQ号码" prop="qqNumber">
+          <el-input v-model="form.qqNumber" placeholder="请输入QQ号码" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="CustomerContact" lang="ts">
+import { listCustomerContact, getCustomerContact, delCustomerContact, addCustomerContact, updateCustomerContact } from '@/api/oa/crm/customerContact';
+import { CustomerContactVO, CustomerContactQuery, CustomerContactForm } from '@/api/oa/crm/customerContact/types';
+import { getCrmCustomerInfoList } from '@/api/oa/crm/customerInfo';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { sex_type, role_type, first_flag, active_flag } = toRefs<any>(proxy?.useDict('sex_type', 'role_type', 'first_flag', 'active_flag'));
+
+const customerContactList = ref<CustomerContactVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const customerContactFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+
+/** 查询客户信息下拉框结构 */
+const customerInfoList = ref([]);
+const getCustomerInfoListSelect = async () => {
+  let res = await getCrmCustomerInfoList(null);
+  customerInfoList.value = res.data;
+};
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `联系人ID`, visible: false },
+  { key: 1, label: `租户编号`, visible: false },
+  { key: 2, label: `所属客户`, visible: true },
+  { key: 3, label: `联系人姓名`, visible: true },
+  { key: 4, label: `尊称`, visible: true },
+  { key: 5, label: `角色`, visible: true },
+  { key: 6, label: `是否首要联系人`, visible: true },
+  { key: 7, label: `生日`, visible: true },
+  { key: 8, label: `部门职务`, visible: true },
+  { key: 9, label: `详细地址`, visible: true },
+  { key: 10, label: `手机号码`, visible: true },
+  { key: 11, label: `固定电话`, visible: true },
+  { key: 12, label: `传真号码`, visible: true },
+  { key: 13, label: `电子邮箱`, visible: true },
+  { key: 14, label: `微信账号`, visible: true },
+  { key: 15, label: `QQ号码`, visible: true },
+  { key: 16, label: `备注`, visible: true },
+  { key: 17, label: `激活标识`, visible: false },
+  { key: 18, label: `删除标志`, visible: false },
+  { key: 19, label: `创建部门`, visible: false },
+  { key: 20, label: `创建人`, visible: false },
+  { key: 21, label: `创建时间`, visible: false },
+  { key: 22, label: `更新人`, visible: false },
+  { key: 23, label: `更新时间`, visible: false }
+]);
+
+const initFormData: CustomerContactForm = {
+  contactId: undefined,
+  customerId: undefined,
+  contactName: undefined,
+  sexType: '0',
+  roleType: undefined,
+  firstFlag: '0',
+  birthday: undefined,
+  departmentPosition: undefined,
+  detailedAddress: undefined,
+  phoneNumber: undefined,
+  landlineNumber: undefined,
+  facsimileNumber: undefined,
+  email: undefined,
+  wechatAccount: undefined,
+  qqNumber: undefined,
+  remark: undefined,
+  activeFlag: undefined
+};
+const data = reactive<PageData<CustomerContactForm, CustomerContactQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    customerId: undefined,
+    contactName: undefined,
+    sexType: undefined,
+    roleType: undefined,
+    firstFlag: undefined,
+    birthday: undefined,
+    departmentPosition: undefined,
+    detailedAddress: undefined,
+    phoneNumber: undefined,
+    landlineNumber: undefined,
+    facsimileNumber: undefined,
+    email: undefined,
+    wechatAccount: undefined,
+    qqNumber: undefined,
+    activeFlag: undefined,
+    params: {}
+  },
+  rules: {}
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询客户联系人信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listCustomerContact(queryParams.value);
+  customerContactList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  customerContactFormRef.value?.resetFields();
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: CustomerContactVO[]) => {
+  ids.value = selection.map((item) => item.contactId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+};
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '添加客户联系人信息';
+};
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: CustomerContactVO) => {
+  reset();
+  const _contactId = row?.contactId || ids.value[0];
+  const res = await getCustomerContact(_contactId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改客户联系人信息';
+};
+
+/** 提交按钮 */
+const submitForm = () => {
+  customerContactFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.contactId) {
+        await updateCustomerContact(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addCustomerContact(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: CustomerContactVO) => {
+  const _contactIds = row?.contactId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除客户联系人信息编号为"' + _contactIds + '"的数据项？').finally(() => (loading.value = false));
+  await delCustomerContact(_contactIds);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download(
+    'oa/crm/customerContact/export',
+    {
+      ...queryParams.value
+    },
+    `customerContact_${new Date().getTime()}.xlsx`
+  );
+};
+
+onMounted(() => {
+  getCustomerInfoListSelect();
+  getList();
+});
+</script>
diff --git a/src/views/oa/baseCustomer/index.vue b/src/views/oa/crm/customerInfo/index.vue
similarity index 60%
rename from src/views/oa/baseCustomer/index.vue
rename to src/views/oa/crm/customerInfo/index.vue
index 56efd9f..7358421 100644
--- a/src/views/oa/baseCustomer/index.vue
+++ b/src/views/oa/crm/customerInfo/index.vue
@@ -1,53 +1,45 @@
 <template>
   <div class="p-2">
-    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
-                :leave-active-class="proxy?.animate.searchAnimate.leave">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true">
             <el-form-item label="客户名称" prop="customerName">
-              <el-input v-model="queryParams.customerName" placeholder="请输入客户名称" clearable
-                        @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.customerName" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="助记名称" prop="mnemonicName">
-              <el-input v-model="queryParams.mnemonicName" placeholder="请输入助记名称" clearable
-                        @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.mnemonicName" placeholder="请输入助记名称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="所属行业" prop="industryId">
-              <el-select v-model="queryParams.industryId" placeholder="请选择所属行业" clearable>
-                <el-option v-for="dict in industry_id" :key="dict.value" :label="dict.label" :value="dict.value" />
+              <el-select v-model="queryParams.industryId" placeholder="请选择所属行业" clearable >
+                <el-option v-for="dict in industry_id" :key="dict.value" :label="dict.label" :value="dict.value"/>
               </el-select>
             </el-form-item>
             <el-form-item label="客户类型" prop="customerType">
-              <el-select v-model="queryParams.customerType" placeholder="请选择客户类型" clearable>
-                <el-option v-for="dict in customer_type" :key="dict.value" :label="dict.label" :value="dict.value" />
+              <el-select v-model="queryParams.customerType" placeholder="请选择客户类型" clearable >
+                <el-option v-for="dict in customer_type" :key="dict.value" :label="dict.label" :value="dict.value"/>
               </el-select>
             </el-form-item>
             <el-form-item label="客户状态" prop="customerStatus">
-              <el-select v-model="queryParams.customerStatus" placeholder="请选择客户状态" clearable>
-                <el-option v-for="dict in customer_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+              <el-select v-model="queryParams.customerStatus" placeholder="请选择客户状态" clearable >
+                <el-option v-for="dict in customer_status" :key="dict.value" :label="dict.label" :value="dict.value"/>
               </el-select>
             </el-form-item>
             <el-form-item label="客户级别" prop="customerLevel">
-              <el-select v-model="queryParams.customerLevel" placeholder="请选择客户级别" clearable>
-                <el-option v-for="dict in customer_level" :key="dict.value" :label="dict.label" :value="dict.value" />
+              <el-select v-model="queryParams.customerLevel" placeholder="请选择客户级别" clearable >
+                <el-option v-for="dict in customer_level" :key="dict.value" :label="dict.label" :value="dict.value"/>
               </el-select>
             </el-form-item>
             <el-form-item label="客户来源" prop="customerSource">
-              <el-select v-model="queryParams.customerSource" placeholder="请选择客户来源" clearable>
-                <el-option v-for="dict in customer_source" :key="dict.value" :label="dict.label" :value="dict.value" />
+              <el-select v-model="queryParams.customerSource" placeholder="请选择客户来源" clearable >
+                <el-option v-for="dict in customer_source" :key="dict.value" :label="dict.label" :value="dict.value"/>
               </el-select>
             </el-form-item>
             <el-form-item label="企业规模" prop="customerScale">
-              <el-select v-model="queryParams.customerScale" placeholder="请选择企业规模" clearable>
-                <el-option v-for="dict in customer_scale" :key="dict.value" :label="dict.label" :value="dict.value" />
+              <el-select v-model="queryParams.customerScale" placeholder="请选择企业规模" clearable >
+                <el-option v-for="dict in customer_scale" :key="dict.value" :label="dict.label" :value="dict.value"/>
               </el-select>
             </el-form-item>
-            <!--            <el-form-item label="激活标识" prop="activeFlag">-->
-            <!--              <el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable >-->
-            <!--                <el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>-->
-            <!--              </el-select>-->
-            <!--            </el-form-item>-->
             <el-form-item>
               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -61,114 +53,89 @@
       <template #header>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa:baseCustomer:add']">新增
-            </el-button>
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/crm:customerInfo:add']">新增</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()"
-                       v-hasPermi="['oa:baseCustomer:edit']"
-            >修改
-            </el-button>
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/crm:customerInfo:edit']">修改</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
-                       v-hasPermi="['oa:baseCustomer:remove']"
-            >删除
-            </el-button>
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/crm:customerInfo:remove']">删除</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="warning" plain icon="Download" @click="handleExport"
-                       v-hasPermi="['oa:baseCustomer:export']">导出
-            </el-button>
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/crm:customerInfo:export']">导出</el-button>
           </el-col>
-          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true"
-                         @queryTable="getList"></right-toolbar>
+          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
         </el-row>
       </template>
 
-      <el-table v-loading="loading" :data="baseCustomerList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" border :data="customerInfoList" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="客户ID" align="center" prop="customerId" v-if="columns[0].visible" />
-        <el-table-column label="客户名称" align="center" prop="customerName" v-if="columns[2].visible" />
-        <el-table-column label="助记名称" align="center" prop="mnemonicName" v-if="columns[3].visible" />
+        <el-table-column label="客户ID" align="center" prop="customerId"  v-if="columns[0].visible"/>
+        <el-table-column label="客户名称" align="center" prop="customerName" width="120" v-if="columns[2].visible"/>
+        <el-table-column label="助记名称" align="center" prop="mnemonicName" v-if="columns[3].visible"/>
         <el-table-column label="所属行业" align="center" prop="industryId" v-if="columns[4].visible">
           <template #default="scope">
-            <dict-tag :options="industry_id" :value="scope.row.industryId" />
+            <dict-tag :options="industry_id" :value="scope.row.industryId"/>
           </template>
         </el-table-column>
         <el-table-column label="客户类型" align="center" prop="customerType" v-if="columns[5].visible">
           <template #default="scope">
-            <dict-tag :options="customer_type" :value="scope.row.customerType" />
+            <dict-tag :options="customer_type" :value="scope.row.customerType"/>
           </template>
         </el-table-column>
         <el-table-column label="客户状态" align="center" prop="customerStatus" v-if="columns[6].visible">
           <template #default="scope">
-            <dict-tag :options="customer_status" :value="scope.row.customerStatus" />
+            <dict-tag :options="customer_status" :value="scope.row.customerStatus"/>
           </template>
         </el-table-column>
         <el-table-column label="客户级别" align="center" prop="customerLevel" v-if="columns[7].visible">
           <template #default="scope">
-            <dict-tag :options="customer_level" :value="scope.row.customerLevel" />
+            <dict-tag :options="customer_level" :value="scope.row.customerLevel"/>
           </template>
         </el-table-column>
         <el-table-column label="客户来源" align="center" prop="customerSource" v-if="columns[8].visible">
           <template #default="scope">
-            <dict-tag :options="customer_source" :value="scope.row.customerSource" />
+            <dict-tag :options="customer_source" :value="scope.row.customerSource"/>
           </template>
         </el-table-column>
-        <el-table-column label="归属人员" align="center" prop="ownerId" v-if="columns[9].visible" />
-        <el-table-column label="详细地址" align="center" prop="detailedAddress" v-if="columns[10].visible" />
+        <el-table-column label="归属人员" align="center" prop="ownerId" v-if="columns[9].visible"/>
+        <el-table-column label="详细地址" align="center" prop="detailedAddress" v-if="columns[10].visible"/>
         <el-table-column label="企业规模" align="center" prop="customerScale" v-if="columns[11].visible">
           <template #default="scope">
-            <dict-tag :options="customer_scale" :value="scope.row.customerScale" />
+            <dict-tag :options="customer_scale" :value="scope.row.customerScale"/>
           </template>
         </el-table-column>
-        <el-table-column label="下级客户" align="center" prop="parentCustomerId" v-if="columns[12].visible" />
-        <el-table-column label="法定代表人" align="center" prop="legalRepresentative" width="100"
-                         v-if="columns[13].visible" />
-        <el-table-column label="营业执照号码" align="center" prop="businessLicenseNumber" width="120"
-                         v-if="columns[14].visible" />
-        <el-table-column label="开户银行" align="center" prop="bankAccountOpening" v-if="columns[15].visible" />
-        <el-table-column label="税号" align="center" prop="taxNumber" v-if="columns[16].visible" />
-        <el-table-column label="备注" align="center" prop="remark" v-if="columns[17].visible" />
-        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[18].visible">
+        <el-table-column label="下级客户" align="center" prop="parentCustomerId" v-if="columns[12].visible"/>
+        <el-table-column label="客户关系" align="center" prop="customerRelationship" v-if="columns[13].visible"/>
+        <el-table-column label="法定代表人" align="center" prop="legalRepresentative" width="120" v-if="columns[14].visible"/>
+        <el-table-column label="营业执照号码" align="center" prop="businessLicenseNumber" width="120" v-if="columns[15].visible"/>
+        <el-table-column label="税号" align="center" prop="taxNumber" v-if="columns[16].visible"/>
+        <el-table-column label="开户银行" align="center" prop="bankAccountOpening" v-if="columns[17].visible"/>
+        <el-table-column label="银行账号" align="center" prop="bankNumber" v-if="columns[18].visible"/>
+        <el-table-column label="附件ID" align="center" prop="ossId" v-if="columns[19].visible"/>
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[20].visible"/>
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[21].visible">
           <template #default="scope">
-            <dict-tag :options="active_flag" :value="scope.row.activeFlag" />
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
           </template>
         </el-table-column>
-        <el-table-column label="创建部门" align="center" prop="createDept" v-if="columns[20].visible" />
-        <el-table-column label="创建人" align="center" prop="createBy" v-if="columns[21].visible" />
-        <el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="columns[22].visible">
-          <template #default="scope">
-            <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="更新人" align="center" prop="updateBy" v-if="columns[23].visible" />
-        <el-table-column label="更新时间" align="center" prop="updateTime" width="180" v-if="columns[24].visible">
-          <template #default="scope">
-            <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <el-table-column label="操作" align="center" fixed="right"  class-name="small-padding fixed-width">
           <template #default="scope">
             <el-tooltip content="修改" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
-                         v-hasPermi="['oa:baseCustomer:edit']"></el-button>
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/crm:customerInfo:edit']"></el-button>
             </el-tooltip>
             <el-tooltip content="删除" placement="top">
-              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
-                         v-hasPermi="['oa:baseCustomer:remove']"></el-button>
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/crm:customerInfo:remove']"></el-button>
             </el-tooltip>
           </template>
         </el-table-column>
       </el-table>
 
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
-                  v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
     </el-card>
     <!-- 添加或修改客户信息对话框 -->
     <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
-      <el-form ref="baseCustomerFormRef" :model="form" :rules="rules" label-width="120px">
+      <el-form ref="customerInfoFormRef" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="客户名称" prop="customerName">
           <el-input v-model="form.customerName" placeholder="请输入客户名称" />
         </el-form-item>
@@ -177,32 +144,52 @@
         </el-form-item>
         <el-form-item label="所属行业" prop="industryId">
           <el-select v-model="form.industryId" placeholder="请选择所属行业">
-            <el-option v-for="dict in industry_id" :key="dict.value" :label="dict.label"
-                       :value="parseInt(dict.value)"></el-option>
+            <el-option
+              v-for="dict in industry_id"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="客户类型" prop="customerType">
-          <el-radio-group v-model="form.customerType">
-            <el-radio v-for="dict in customer_type" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label }}
-            </el-radio>
-          </el-radio-group>
+          <el-select v-model="form.customerType" placeholder="请选择客户类型">
+            <el-option
+              v-for="dict in customer_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="客户状态" prop="customerStatus">
           <el-select v-model="form.customerStatus" placeholder="请选择客户状态">
-            <el-option v-for="dict in customer_status" :key="dict.value" :label="dict.label"
-                       :value="parseInt(dict.value)"></el-option>
+            <el-option
+              v-for="dict in customer_status"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="客户级别" prop="customerLevel">
           <el-select v-model="form.customerLevel" placeholder="请选择客户级别">
-            <el-option v-for="dict in customer_level" :key="dict.value" :label="dict.label"
-                       :value="parseInt(dict.value)"></el-option>
+            <el-option
+              v-for="dict in customer_level"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="客户来源" prop="customerSource">
           <el-select v-model="form.customerSource" placeholder="请选择客户来源">
-            <el-option v-for="dict in customer_source" :key="dict.value" :label="dict.label"
-                       :value="parseInt(dict.value)"></el-option>
+            <el-option
+              v-for="dict in customer_source"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="归属人员" prop="ownerId">
@@ -213,33 +200,50 @@
         </el-form-item>
         <el-form-item label="企业规模" prop="customerScale">
           <el-select v-model="form.customerScale" placeholder="请选择企业规模">
-            <el-option v-for="dict in customer_scale" :key="dict.value" :label="dict.label"
-                       :value="parseInt(dict.value)"></el-option>
+            <el-option
+              v-for="dict in customer_scale"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="下级客户" prop="parentCustomerId">
           <el-input v-model="form.parentCustomerId" placeholder="请输入下级客户" />
         </el-form-item>
+        <el-form-item label="客户关系" prop="customerRelationship">
+          <el-input v-model="form.customerRelationship" placeholder="请输入客户关系" />
+        </el-form-item>
         <el-form-item label="法定代表人" prop="legalRepresentative">
           <el-input v-model="form.legalRepresentative" placeholder="请输入法定代表人" />
         </el-form-item>
         <el-form-item label="营业执照号码" prop="businessLicenseNumber">
           <el-input v-model="form.businessLicenseNumber" placeholder="请输入营业执照号码" />
         </el-form-item>
+        <el-form-item label="税号" prop="taxNumber">
+          <el-input v-model="form.taxNumber" placeholder="请输入税号" />
+        </el-form-item>
         <el-form-item label="开户银行" prop="bankAccountOpening">
           <el-input v-model="form.bankAccountOpening" placeholder="请输入开户银行" />
         </el-form-item>
-        <el-form-item label="税号" prop="taxNumber">
-          <el-input v-model="form.taxNumber" placeholder="请输入税号" />
+        <el-form-item label="银行账号" prop="bankNumber">
+          <el-input v-model="form.bankNumber" placeholder="请输入银行账号" />
+        </el-form-item>
+        <el-form-item label="附件ID" prop="ossId">
+          <el-input v-model="form.ossId" type="textarea" placeholder="请输入内容" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" placeholder="请输入备注" />
         </el-form-item>
-        <el-form-item label="激活标识" prop="activeFlag">
-          <el-radio-group v-model="form.activeFlag">
-            <el-radio v-for="dict in active_flag" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
-          </el-radio-group>
-        </el-form-item>
+<!--        <el-form-item label="激活标识" prop="activeFlag">-->
+<!--          <el-radio-group v-model="form.activeFlag">-->
+<!--            <el-radio-->
+<!--              v-for="dict in active_flag"-->
+<!--              :key="dict.value"-->
+<!--              :value="dict.value"-->
+<!--            >{{dict.label}}</el-radio>-->
+<!--          </el-radio-group>-->
+<!--        </el-form-item>-->
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -251,30 +255,14 @@
   </div>
 </template>
 
-<script setup name="BaseCustomer" lang="ts">
-import {
-  listBaseCustomer,
-  getBaseCustomer,
-  delBaseCustomer,
-  addBaseCustomer,
-  updateBaseCustomer
-} from '@/api/oa/baseCustomer';
-import { BaseCustomerVO, BaseCustomerQuery, BaseCustomerForm } from '@/api/oa/baseCustomer/types';
+<script setup name="CustomerInfo" lang="ts">
+import { listCustomerInfo, getCustomerInfo, delCustomerInfo, addCustomerInfo, updateCustomerInfo } from '@/api/oa/crm/customerInfo';
+import { CustomerInfoVO, CustomerInfoQuery, CustomerInfoForm } from '@/api/oa/crm/customerInfo/types';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const {
-  customer_type,
-  active_flag,
-  industry_id,
-  customer_source,
-  customer_scale,
-  customer_status,
-  customer_level
-} = toRefs<any>(
-  proxy?.useDict('customer_type', 'active_flag', 'industry_id', 'customer_source', 'customer_scale', 'customer_status', 'customer_level')
-);
+const { customer_type, active_flag, industry_id, customer_source, customer_scale, customer_status, customer_level } = toRefs<any>(proxy?.useDict('customer_type', 'active_flag', 'industry_id', 'customer_source', 'customer_scale', 'customer_status', 'customer_level'));
 
-const baseCustomerList = ref<BaseCustomerVO[]>([]);
+const customerInfoList = ref<CustomerInfoVO[]>([]);
 const buttonLoading = ref(false);
 const loading = ref(true);
 const showSearch = ref(true);
@@ -284,7 +272,7 @@ const multiple = ref(true);
 const total = ref(0);
 
 const queryFormRef = ref<ElFormInstance>();
-const baseCustomerFormRef = ref<ElFormInstance>();
+const customerInfoFormRef = ref<ElFormInstance>();
 
 const dialog = reactive<DialogOption>({
   visible: false,
@@ -306,21 +294,24 @@ const columns = ref<FieldOption[]>([
   { key: 10, label: `详细地址`, visible: true },
   { key: 11, label: `企业规模`, visible: true },
   { key: 12, label: `下级客户`, visible: true },
-  { key: 13, label: `法定代表人`, visible: true },
-  { key: 14, label: `营业执照号码`, visible: true },
-  { key: 15, label: `开户银行`, visible: true },
+  { key: 13, label: `客户关系`, visible: true },
+  { key: 14, label: `法定代表人`, visible: true },
+  { key: 15, label: `营业执照号码`, visible: true },
   { key: 16, label: `税号`, visible: true },
-  { key: 17, label: `备注`, visible: true },
-  { key: 18, label: `激活标识`, visible: true },
-  { key: 19, label: `删除标志`, visible: false },
-  { key: 20, label: `创建部门`, visible: false },
-  { key: 21, label: `创建人`, visible: false },
-  { key: 22, label: `创建时间`, visible: false },
-  { key: 23, label: `更新人`, visible: false },
-  { key: 24, label: `更新时间`, visible: false }
+  { key: 17, label: `开户银行`, visible: true },
+  { key: 18, label: `银行账号`, visible: true },
+  { key: 19, label: `附件ID`, visible: false },
+  { key: 20, label: `备注`, visible: false },
+  { key: 21, label: `激活标识`, visible: false },
+  { key: 22, label: `删除标志`, visible: false },
+  { key: 23, label: `创建部门`, visible: false },
+  { key: 24, label: `创建人`, visible: false },
+  { key: 25, label: `创建时间`, visible: false },
+  { key: 26, label: `更新人`, visible: false },
+  { key: 27, label: `更新时间`, visible: false },
 ]);
 
-const initFormData: BaseCustomerForm = {
+const initFormData: CustomerInfoForm = {
   customerId: undefined,
   customerName: undefined,
   mnemonicName: undefined,
@@ -333,15 +324,18 @@ const initFormData: BaseCustomerForm = {
   detailedAddress: undefined,
   customerScale: undefined,
   parentCustomerId: undefined,
+  customerRelationship: undefined,
   legalRepresentative: undefined,
   businessLicenseNumber: undefined,
-  bankAccountOpening: undefined,
   taxNumber: undefined,
+  bankAccountOpening: undefined,
+  bankNumber: undefined,
+  ossId: undefined,
   remark: undefined,
-  activeFlag: undefined
-};
-const data = reactive<PageData<BaseCustomerForm, BaseCustomerQuery>>({
-  form: { ...initFormData },
+  activeFlag: undefined,
+}
+const data = reactive<PageData<CustomerInfoForm, CustomerInfoQuery>>({
+  form: {...initFormData},
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -352,28 +346,22 @@ const data = reactive<PageData<BaseCustomerForm, BaseCustomerQuery>>({
     customerStatus: undefined,
     customerLevel: undefined,
     customerSource: undefined,
+    ownerId: undefined,
+    detailedAddress: undefined,
     customerScale: undefined,
     parentCustomerId: undefined,
+    customerRelationship: undefined,
     legalRepresentative: undefined,
     businessLicenseNumber: undefined,
-    bankAccountOpening: undefined,
     taxNumber: undefined,
+    bankAccountOpening: undefined,
+    bankNumber: undefined,
+    ossId: undefined,
     activeFlag: undefined,
-    params: {}
+    params: {
+    }
   },
   rules: {
-    customerName: [
-      { required: true, message: '客户名称不能为空', trigger: 'blur' }
-    ],
-    industryId: [
-      { required: true, message: '所属行业不能为空', trigger: 'change' }
-    ],
-    customerType: [
-      { required: true, message: '客户类型不能为空', trigger: 'change' }
-    ],
-    customerStatus: [
-      { required: true, message: '客户状态不能为空', trigger: 'change' }
-    ]
   }
 });
 
@@ -382,96 +370,92 @@ const { queryParams, form, rules } = toRefs(data);
 /** 查询客户信息列表 */
 const getList = async () => {
   loading.value = true;
-  const res = await listBaseCustomer(queryParams.value);
-  baseCustomerList.value = res.rows;
+  const res = await listCustomerInfo(queryParams.value);
+  customerInfoList.value = res.rows;
   total.value = res.total;
   loading.value = false;
-};
+}
 
 /** 取消按钮 */
 const cancel = () => {
   reset();
   dialog.visible = false;
-};
+}
 
 /** 表单重置 */
 const reset = () => {
-  form.value = { ...initFormData };
-  baseCustomerFormRef.value?.resetFields();
-};
+  form.value = {...initFormData};
+  customerInfoFormRef.value?.resetFields();
+}
 
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.value.pageNum = 1;
   getList();
-};
+}
 
 /** 重置按钮操作 */
 const resetQuery = () => {
   queryFormRef.value?.resetFields();
   handleQuery();
-};
+}
 
 /** 多选框选中数据 */
-const handleSelectionChange = (selection: BaseCustomerVO[]) => {
-  ids.value = selection.map((item) => item.customerId);
+const handleSelectionChange = (selection: CustomerInfoVO[]) => {
+  ids.value = selection.map(item => item.customerId);
   single.value = selection.length != 1;
   multiple.value = !selection.length;
-};
+}
 
 /** 新增按钮操作 */
 const handleAdd = () => {
   reset();
   dialog.visible = true;
-  dialog.title = '添加客户信息';
-};
+  dialog.title = "添加客户信息";
+}
 
 /** 修改按钮操作 */
-const handleUpdate = async (row?: BaseCustomerVO) => {
+const handleUpdate = async (row?: CustomerInfoVO) => {
   reset();
-  const _customerId = row?.customerId || ids.value[0];
-  const res = await getBaseCustomer(_customerId);
+  const _customerId = row?.customerId || ids.value[0]
+  const res = await getCustomerInfo(_customerId);
   Object.assign(form.value, res.data);
   dialog.visible = true;
-  dialog.title = '修改客户信息';
-};
+  dialog.title = "修改客户信息";
+}
 
 /** 提交按钮 */
 const submitForm = () => {
-  baseCustomerFormRef.value?.validate(async (valid: boolean) => {
+  customerInfoFormRef.value?.validate(async (valid: boolean) => {
     if (valid) {
       buttonLoading.value = true;
       if (form.value.customerId) {
-        await updateBaseCustomer(form.value).finally(() => (buttonLoading.value = false));
+        await updateCustomerInfo(form.value).finally(() =>  buttonLoading.value = false);
       } else {
-        await addBaseCustomer(form.value).finally(() => (buttonLoading.value = false));
+        await addCustomerInfo(form.value).finally(() =>  buttonLoading.value = false);
       }
-      proxy?.$modal.msgSuccess('操作成功');
+      proxy?.$modal.msgSuccess("操作成功");
       dialog.visible = false;
       await getList();
     }
   });
-};
+}
 
 /** 删除按钮操作 */
-const handleDelete = async (row?: BaseCustomerVO) => {
+const handleDelete = async (row?: CustomerInfoVO) => {
   const _customerIds = row?.customerId || ids.value;
-  await proxy?.$modal.confirm('是否确认删除客户信息编号为"' + _customerIds + '"的数据项？').finally(() => (loading.value = false));
-  await delBaseCustomer(_customerIds);
-  proxy?.$modal.msgSuccess('删除成功');
+  await proxy?.$modal.confirm('是否确认删除客户信息编号为"' + _customerIds + '"的数据项？').finally(() => loading.value = false);
+  await delCustomerInfo(_customerIds);
+  proxy?.$modal.msgSuccess("删除成功");
   await getList();
-};
+}
 
 /** 导出按钮操作 */
 const handleExport = () => {
-  proxy?.download(
-    'oa/baseCustomer/export',
-    {
-      ...queryParams.value
-    },
-    `baseCustomer_${new Date().getTime()}.xlsx`
-  );
-};
+  proxy?.download('oa/crm/customerInfo/export', {
+    ...queryParams.value
+  }, `customerInfo_${new Date().getTime()}.xlsx`)
+}
 
 onMounted(() => {
   getList();