diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+

diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
diff --git a/src/api/customer/customer.ts b/src/api/customer/customer.ts
index cb41f8c..ebdebe6 100644
--- a/src/api/customer/customer.ts
+++ b/src/api/customer/customer.ts
@@ -1,5 +1,5 @@
 /**
- * 溯源供方请求接口
+ * 客户管理请求接口
  */
 import request from '../index'
 import type { ICustomerQuery } from '@/views/customer/customerInfo/customer_interface'
@@ -32,7 +32,7 @@
   })
 }
 
-// 提交数据
+// 新增数据
 export function addCustomer(data: object) {
   return request({
     url: '/meter/supplier/submit',
@@ -40,7 +40,7 @@
     data,
   })
 }
-// 更新数据
+// 编辑数据
 export function updateCustomer(data: object) {
   return request({
     url: `${prefix}/supplier/update`,
@@ -58,3 +58,4 @@
     data,
   })
 }
+

diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
diff --git a/src/api/customer/customer.ts b/src/api/customer/customer.ts
index cb41f8c..ebdebe6 100644
--- a/src/api/customer/customer.ts
+++ b/src/api/customer/customer.ts
@@ -1,5 +1,5 @@
 /**
- * 溯源供方请求接口
+ * 客户管理请求接口
  */
 import request from '../index'
 import type { ICustomerQuery } from '@/views/customer/customerInfo/customer_interface'
@@ -32,7 +32,7 @@
   })
 }
 
-// 提交数据
+// 新增数据
 export function addCustomer(data: object) {
   return request({
     url: '/meter/supplier/submit',
@@ -40,7 +40,7 @@
     data,
   })
 }
-// 更新数据
+// 编辑数据
 export function updateCustomer(data: object) {
   return request({
     url: `${prefix}/supplier/update`,
@@ -58,3 +58,4 @@
     data,
   })
 }
+
diff --git a/src/router/modules/customer.ts b/src/router/modules/customer.ts
index 58dde63..82693c1 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -97,7 +97,7 @@
       {
         path: 'advice',
         name: 'CustomerAdvice',
-        component: () => import('@/views/customer/adviceList.vue'),
+        component: () => import('@/views/customer/advice/adviceList.vue'),
         meta: {
           title: '客户关系',
           icon: 'ep:key',

diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
diff --git a/src/api/customer/customer.ts b/src/api/customer/customer.ts
index cb41f8c..ebdebe6 100644
--- a/src/api/customer/customer.ts
+++ b/src/api/customer/customer.ts
@@ -1,5 +1,5 @@
 /**
- * 溯源供方请求接口
+ * 客户管理请求接口
  */
 import request from '../index'
 import type { ICustomerQuery } from '@/views/customer/customerInfo/customer_interface'
@@ -32,7 +32,7 @@
   })
 }
 
-// 提交数据
+// 新增数据
 export function addCustomer(data: object) {
   return request({
     url: '/meter/supplier/submit',
@@ -40,7 +40,7 @@
     data,
   })
 }
-// 更新数据
+// 编辑数据
 export function updateCustomer(data: object) {
   return request({
     url: `${prefix}/supplier/update`,
@@ -58,3 +58,4 @@
     data,
   })
 }
+
diff --git a/src/router/modules/customer.ts b/src/router/modules/customer.ts
index 58dde63..82693c1 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -97,7 +97,7 @@
       {
         path: 'advice',
         name: 'CustomerAdvice',
-        component: () => import('@/views/customer/adviceList.vue'),
+        component: () => import('@/views/customer/advice/adviceList.vue'),
         meta: {
           title: '客户关系',
           icon: 'ep:key',
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..1ec03b1 100644
--- a/src/views/customer/advice/adviceList.vue
+++ b/src/views/customer/advice/adviceList.vue
@@ -1,37 +1,39 @@
 <script lang="ts" setup name="CustomerList">
 import { getCurrentInstance, ref } from 'vue'
 import type { Ref } from 'vue'
+import type { DateModelType } from 'element-plus'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
-import type { ICustomer, ICustomerQuery } from './advice_interface'
+import type { IAdvice, IAdviceQuery } from './advice_interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
-import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { deleteAdvice, exportAdviceList, getAdviceList } from '@/api/customer/advice'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
-const listQuery: Ref<ICustomerQuery> = ref({
-  bussinessSize: '', // 业务规模
+const listQuery: Ref<IAdviceQuery> = ref({
+  adviceNo: '', // 投诉编号
   customerName: '', // 公司名称
   customerNo: '', // 客户编号
-  grade: '', // 履约评级
+  startTime: '', // 投诉开始时间
+  endTime: '', // 投诉结束时间
   offset: 1,
   limit: 20,
 })
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
 // 表头
 const columns = ref<TableColumn[]>([
-  { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
-  { text: '客户名称', value: 'customerName', width: '120', align: 'center' },
-  { text: '公司规模', value: 'companySizeName', align: 'center' },
-  { text: '业务规模', value: 'businessSizeName', align: 'center' },
-  { text: '履约评级', value: 'gradeName', align: 'center' },
+  { text: '投诉建议编号', value: 'adviceNo', width: '160', align: 'center' },
+  { text: '客户编号', value: 'customerNo', width: '120', align: 'center' },
+  { text: '客户名称', value: 'customerName', align: 'center' },
   { text: '整体评价', value: 'evaluationName', align: 'center' },
-  { text: '公司地址', value: 'briefName', align: 'center' },
-  { text: '创建时间', value: 'createTime', align: 'center', width: '180px' },
-  { text: '备注', value: 'remark', align: 'center' },
+  { text: '投诉/建议内容', value: 'content', align: 'center' },
+  { text: '投诉人', value: 'advicePerson', align: 'center' },
+  { text: '联系方式', value: 'personPhone', align: 'center' },
+  { text: '投诉时间', value: 'createTime', align: 'center', width: '180px' },
 ])
 // 表格数据
-const list = ref<ICustomer[]>([])
+const list = ref<IAdvice[]>([])
 // 总数
 const total = ref(0)
 // 表格加载状态
@@ -47,18 +49,12 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.value.offset = 1
   }
-  getCustomerList(listQuery.value).then((response) => {
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  getAdviceList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
-    list.value = response.data.rows.map((item: ICustomer) => {
-      if (item.companyProvinceName && item.companyCityName) {
-        item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
-      }
-      else {
-        item.briefName = item.companyProvinceName || item.companyCityName
-      }
-      return item
-    })
+    response.data.rows = [{ advicePerson: '张三', personPhone: '87447', createTime: '2023-01-02 08:25:35', adviceNo: '111111', content: '服务态度不好', businessScope: 'test1', evaluation: '1', evaluationName: '优质', customerName: '京东集团', customerNo: 'sygf202211290001', updateTime: '2023-01-10 09:56:57' }]
+    list.value = response.data.rows
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   })
@@ -69,11 +65,11 @@
 }
 
 // 点击编辑/详情
-const handleEdit = (row: ICustomer, pageType: 'edit' | 'detail') => {
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
   $router.push(`/customerManage/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ICustomer) => {
+const handleDelete = (index: string, row: IAdvice) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -84,7 +80,7 @@
     },
   )
     .then(() => {
-      deleteCustomer({ id: row.id }).then((res) => {
+      deleteAdvice({ id: row.id }).then((res) => {
         if (res.code === 200) {
           ElMessage({
             type: 'success',
@@ -102,10 +98,11 @@
 // 点击重置
 const clearList = () => {
   listQuery.value = {
-    bussinessSize: '', // 业务规模
+    adviceNo: '', // 投诉编号
     customerName: '', // 公司名称
     customerNo: '', // 客户编号
-    grade: '', // 履约评级
+    startTime: '', // 投诉开始时间
+    endTime: '', // 投诉结束时间
     offset: 1,
     limit: 20,
   }
@@ -161,15 +158,16 @@
   })
   if (list.value.length > 0) {
     const params = {
-      bussinessSize: listQuery.value.bussinessSize, // 业务规模
+      adviceNo: listQuery.value.adviceNo, // 投诉编号
       customerName: listQuery.value.customerName, // 公司名称
       customerNo: listQuery.value.customerNo, // 客户编号
-      grade: listQuery.value.grade, // 履约评级
+      startTime: listQuery.value.startTime, // 投诉开始时间
+      endTime: listQuery.value.endTime, // 投诉结束时间
       ids: checkoutList.value,
     }
-    exportCustomerList(params).then((res) => {
+    exportAdviceList(params).then((res) => {
       const blob = new Blob([res.data])
-      exportFile(blob, '客户列表.xlsx')
+      exportFile(blob, '客户关系.xlsx')
     })
   }
   else {
@@ -188,11 +186,11 @@
     }
   })
   if (checkoutList.value.length <= 0 && list.value.length > 0) {
-    printJSON(list.value, properties, '客户列表')
+    printJSON(list.value, properties, '客户关系')
   }
   else if (checkoutList.value.length > 0) {
-    const printList = list.value.filter((item: ICustomer) => checkoutList.value.includes(item.id))
-    printJSON(printList, properties, '客户列表')
+    const printList = list.value.filter((item: IAdvice) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '客户关系')
   }
   else {
     ElMessage.warning('无可打印内容')
@@ -211,6 +209,13 @@
       <search-item>
         <el-input
           v-model.trim="listQuery.customerNo"
+          placeholder="投诉/建议编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerNo"
           placeholder="客户编号"
           clearable
         />
@@ -222,6 +227,19 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD HH:mm:ss"
+            value-format="YYYY-MM-DD h:m:s"
+            start-placeholder="投诉查询开始时间"
+            end-placeholder="投诉查询结束时间"
+          />
+        </search-item>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>

diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
diff --git a/src/api/customer/customer.ts b/src/api/customer/customer.ts
index cb41f8c..ebdebe6 100644
--- a/src/api/customer/customer.ts
+++ b/src/api/customer/customer.ts
@@ -1,5 +1,5 @@
 /**
- * 溯源供方请求接口
+ * 客户管理请求接口
  */
 import request from '../index'
 import type { ICustomerQuery } from '@/views/customer/customerInfo/customer_interface'
@@ -32,7 +32,7 @@
   })
 }
 
-// 提交数据
+// 新增数据
 export function addCustomer(data: object) {
   return request({
     url: '/meter/supplier/submit',
@@ -40,7 +40,7 @@
     data,
   })
 }
-// 更新数据
+// 编辑数据
 export function updateCustomer(data: object) {
   return request({
     url: `${prefix}/supplier/update`,
@@ -58,3 +58,4 @@
     data,
   })
 }
+
diff --git a/src/router/modules/customer.ts b/src/router/modules/customer.ts
index 58dde63..82693c1 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -97,7 +97,7 @@
       {
         path: 'advice',
         name: 'CustomerAdvice',
-        component: () => import('@/views/customer/adviceList.vue'),
+        component: () => import('@/views/customer/advice/adviceList.vue'),
         meta: {
           title: '客户关系',
           icon: 'ep:key',
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..1ec03b1 100644
--- a/src/views/customer/advice/adviceList.vue
+++ b/src/views/customer/advice/adviceList.vue
@@ -1,37 +1,39 @@
 <script lang="ts" setup name="CustomerList">
 import { getCurrentInstance, ref } from 'vue'
 import type { Ref } from 'vue'
+import type { DateModelType } from 'element-plus'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
-import type { ICustomer, ICustomerQuery } from './advice_interface'
+import type { IAdvice, IAdviceQuery } from './advice_interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
-import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { deleteAdvice, exportAdviceList, getAdviceList } from '@/api/customer/advice'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
-const listQuery: Ref<ICustomerQuery> = ref({
-  bussinessSize: '', // 业务规模
+const listQuery: Ref<IAdviceQuery> = ref({
+  adviceNo: '', // 投诉编号
   customerName: '', // 公司名称
   customerNo: '', // 客户编号
-  grade: '', // 履约评级
+  startTime: '', // 投诉开始时间
+  endTime: '', // 投诉结束时间
   offset: 1,
   limit: 20,
 })
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
 // 表头
 const columns = ref<TableColumn[]>([
-  { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
-  { text: '客户名称', value: 'customerName', width: '120', align: 'center' },
-  { text: '公司规模', value: 'companySizeName', align: 'center' },
-  { text: '业务规模', value: 'businessSizeName', align: 'center' },
-  { text: '履约评级', value: 'gradeName', align: 'center' },
+  { text: '投诉建议编号', value: 'adviceNo', width: '160', align: 'center' },
+  { text: '客户编号', value: 'customerNo', width: '120', align: 'center' },
+  { text: '客户名称', value: 'customerName', align: 'center' },
   { text: '整体评价', value: 'evaluationName', align: 'center' },
-  { text: '公司地址', value: 'briefName', align: 'center' },
-  { text: '创建时间', value: 'createTime', align: 'center', width: '180px' },
-  { text: '备注', value: 'remark', align: 'center' },
+  { text: '投诉/建议内容', value: 'content', align: 'center' },
+  { text: '投诉人', value: 'advicePerson', align: 'center' },
+  { text: '联系方式', value: 'personPhone', align: 'center' },
+  { text: '投诉时间', value: 'createTime', align: 'center', width: '180px' },
 ])
 // 表格数据
-const list = ref<ICustomer[]>([])
+const list = ref<IAdvice[]>([])
 // 总数
 const total = ref(0)
 // 表格加载状态
@@ -47,18 +49,12 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.value.offset = 1
   }
-  getCustomerList(listQuery.value).then((response) => {
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  getAdviceList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
-    list.value = response.data.rows.map((item: ICustomer) => {
-      if (item.companyProvinceName && item.companyCityName) {
-        item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
-      }
-      else {
-        item.briefName = item.companyProvinceName || item.companyCityName
-      }
-      return item
-    })
+    response.data.rows = [{ advicePerson: '张三', personPhone: '87447', createTime: '2023-01-02 08:25:35', adviceNo: '111111', content: '服务态度不好', businessScope: 'test1', evaluation: '1', evaluationName: '优质', customerName: '京东集团', customerNo: 'sygf202211290001', updateTime: '2023-01-10 09:56:57' }]
+    list.value = response.data.rows
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   })
@@ -69,11 +65,11 @@
 }
 
 // 点击编辑/详情
-const handleEdit = (row: ICustomer, pageType: 'edit' | 'detail') => {
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
   $router.push(`/customerManage/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ICustomer) => {
+const handleDelete = (index: string, row: IAdvice) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -84,7 +80,7 @@
     },
   )
     .then(() => {
-      deleteCustomer({ id: row.id }).then((res) => {
+      deleteAdvice({ id: row.id }).then((res) => {
         if (res.code === 200) {
           ElMessage({
             type: 'success',
@@ -102,10 +98,11 @@
 // 点击重置
 const clearList = () => {
   listQuery.value = {
-    bussinessSize: '', // 业务规模
+    adviceNo: '', // 投诉编号
     customerName: '', // 公司名称
     customerNo: '', // 客户编号
-    grade: '', // 履约评级
+    startTime: '', // 投诉开始时间
+    endTime: '', // 投诉结束时间
     offset: 1,
     limit: 20,
   }
@@ -161,15 +158,16 @@
   })
   if (list.value.length > 0) {
     const params = {
-      bussinessSize: listQuery.value.bussinessSize, // 业务规模
+      adviceNo: listQuery.value.adviceNo, // 投诉编号
       customerName: listQuery.value.customerName, // 公司名称
       customerNo: listQuery.value.customerNo, // 客户编号
-      grade: listQuery.value.grade, // 履约评级
+      startTime: listQuery.value.startTime, // 投诉开始时间
+      endTime: listQuery.value.endTime, // 投诉结束时间
       ids: checkoutList.value,
     }
-    exportCustomerList(params).then((res) => {
+    exportAdviceList(params).then((res) => {
       const blob = new Blob([res.data])
-      exportFile(blob, '客户列表.xlsx')
+      exportFile(blob, '客户关系.xlsx')
     })
   }
   else {
@@ -188,11 +186,11 @@
     }
   })
   if (checkoutList.value.length <= 0 && list.value.length > 0) {
-    printJSON(list.value, properties, '客户列表')
+    printJSON(list.value, properties, '客户关系')
   }
   else if (checkoutList.value.length > 0) {
-    const printList = list.value.filter((item: ICustomer) => checkoutList.value.includes(item.id))
-    printJSON(printList, properties, '客户列表')
+    const printList = list.value.filter((item: IAdvice) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '客户关系')
   }
   else {
     ElMessage.warning('无可打印内容')
@@ -211,6 +209,13 @@
       <search-item>
         <el-input
           v-model.trim="listQuery.customerNo"
+          placeholder="投诉/建议编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerNo"
           placeholder="客户编号"
           clearable
         />
@@ -222,6 +227,19 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD HH:mm:ss"
+            value-format="YYYY-MM-DD h:m:s"
+            start-placeholder="投诉查询开始时间"
+            end-placeholder="投诉查询结束时间"
+          />
+        </search-item>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..7e61a12 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,37 @@
 // 列表查询条件
-export interface ICustomerQuery {
-  bussinessSize: string // 业务规模
+export interface IAdviceQuery {
+  adviceNo: string // 投诉编号
   customerName: string // 公司名称
   customerNo: string // 客户编号
-  grade: string // 履约评级
+  startTime: string // 投诉开始时间
+  endTime: string // 投诉结束时间
   offset: number
   limit: number
 }
 
-// 客户人员
-export interface customerPerson {
-  id: number | string // id
-  job: string // 职务
-  department: string// 部门
-  name: string// 信命
-  personNo: string// 人员编号
-  phone: string// 联系方式
-  editable?: boolean // 是否可编辑
-  [key: string]: any
-}
-
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
-  customerName: string // 公司名称
-  customerNo: string //	客户编号（列表、更新接口参数）
-  bankAccount: string // 银行账户名
-  bankAccountNumber: string // 银行账号
-  bankName: string // 银行名称
-  briefName: string // 公司简称
-  businessScope: string // 公司业务范围
-  grade: string // 履约评级
-  gradeName?: string // 履约评级
-  companySize: string
-  companySizeName?: string
-  businessSize: string // 业务规模
-  businessSizeName?: string // 业务规模
-  evaluation: string // 整体评价
-  evaluationName?: string // 整体评价
-  companyAddressBref?: string // 公司地址-拼接省市
-  companyAddress: string // 公司地址-详细地址
-  companyArea: string // 公司地址-区
-  companyCity: string //	公司地址-市
-  companyCountry: string // 公司地址-国家
-  companyProvince: string // 公司地址-省
-  companyAreaName: string // 公司地址-区
-  companyCityName: string //	公司地址-市
-  companyCountryName: string // 公司地址-国家
-  companyProvinceName: string // 公司地址-省
-  createTime?: string // 创建时间
-  director: string // 负责人
+// 投诉建议
+export interface IAdvice {
   id: string // 主键id（列表、更新接口参数）
-  fax: string // 传真
-  invoiceAddress: string // 开票地址-详细地址
-  invoiceArea: string // 开票地址-区
-  invoiceCity: string //	开票地址-市
-  invoiceCountry: string // 开票地址-国家
-  invoiceProvince: string // 开票地址-省
-  invoiceAreaName: string // 开票地址-区
-  invoiceCityName: string //	开票地址-市
-  invoiceCountryName: string // 开票地址-国家
-  invoiceProvinceName: string // 开票地址-省
-  mailbox: string // 邮箱
-  minioFileName: string // 上传文件返回名称
-  mobile: string // 手机
-  phone: string // 电话
-  postalCode: string //	邮编
-  remark: string // 备注
-  taxNumber: string // 税号
-  website: string //	网址
-  customerPersonList: customerPerson[] // 客户人员列表
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  personPhone: string // 投诉人联系方式
+  customerName: string // 公司名称
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  content: string // 投诉内容
+  handleStatus: string // 处置状态
+  handleMessage: string // 处置意见
+  grade?: string // 履约评级
+  gradeName?: string // 履约评级
+  companySize?: string // 公司规模
+  companySizeName?: string // 公司规模
+  businessSize?: string // 业务规模
+  businessSizeName?: string // 业务规模
+  evaluation?: string // 整体评价
+  evaluationName?: string // 整体评价
+  createTime?: string // 创建时间
+  createUser: string // 创建人
 }
 

diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
diff --git a/src/api/customer/customer.ts b/src/api/customer/customer.ts
index cb41f8c..ebdebe6 100644
--- a/src/api/customer/customer.ts
+++ b/src/api/customer/customer.ts
@@ -1,5 +1,5 @@
 /**
- * 溯源供方请求接口
+ * 客户管理请求接口
  */
 import request from '../index'
 import type { ICustomerQuery } from '@/views/customer/customerInfo/customer_interface'
@@ -32,7 +32,7 @@
   })
 }
 
-// 提交数据
+// 新增数据
 export function addCustomer(data: object) {
   return request({
     url: '/meter/supplier/submit',
@@ -40,7 +40,7 @@
     data,
   })
 }
-// 更新数据
+// 编辑数据
 export function updateCustomer(data: object) {
   return request({
     url: `${prefix}/supplier/update`,
@@ -58,3 +58,4 @@
     data,
   })
 }
+
diff --git a/src/router/modules/customer.ts b/src/router/modules/customer.ts
index 58dde63..82693c1 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -97,7 +97,7 @@
       {
         path: 'advice',
         name: 'CustomerAdvice',
-        component: () => import('@/views/customer/adviceList.vue'),
+        component: () => import('@/views/customer/advice/adviceList.vue'),
         meta: {
           title: '客户关系',
           icon: 'ep:key',
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..1ec03b1 100644
--- a/src/views/customer/advice/adviceList.vue
+++ b/src/views/customer/advice/adviceList.vue
@@ -1,37 +1,39 @@
 <script lang="ts" setup name="CustomerList">
 import { getCurrentInstance, ref } from 'vue'
 import type { Ref } from 'vue'
+import type { DateModelType } from 'element-plus'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
-import type { ICustomer, ICustomerQuery } from './advice_interface'
+import type { IAdvice, IAdviceQuery } from './advice_interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
-import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { deleteAdvice, exportAdviceList, getAdviceList } from '@/api/customer/advice'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
-const listQuery: Ref<ICustomerQuery> = ref({
-  bussinessSize: '', // 业务规模
+const listQuery: Ref<IAdviceQuery> = ref({
+  adviceNo: '', // 投诉编号
   customerName: '', // 公司名称
   customerNo: '', // 客户编号
-  grade: '', // 履约评级
+  startTime: '', // 投诉开始时间
+  endTime: '', // 投诉结束时间
   offset: 1,
   limit: 20,
 })
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
 // 表头
 const columns = ref<TableColumn[]>([
-  { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
-  { text: '客户名称', value: 'customerName', width: '120', align: 'center' },
-  { text: '公司规模', value: 'companySizeName', align: 'center' },
-  { text: '业务规模', value: 'businessSizeName', align: 'center' },
-  { text: '履约评级', value: 'gradeName', align: 'center' },
+  { text: '投诉建议编号', value: 'adviceNo', width: '160', align: 'center' },
+  { text: '客户编号', value: 'customerNo', width: '120', align: 'center' },
+  { text: '客户名称', value: 'customerName', align: 'center' },
   { text: '整体评价', value: 'evaluationName', align: 'center' },
-  { text: '公司地址', value: 'briefName', align: 'center' },
-  { text: '创建时间', value: 'createTime', align: 'center', width: '180px' },
-  { text: '备注', value: 'remark', align: 'center' },
+  { text: '投诉/建议内容', value: 'content', align: 'center' },
+  { text: '投诉人', value: 'advicePerson', align: 'center' },
+  { text: '联系方式', value: 'personPhone', align: 'center' },
+  { text: '投诉时间', value: 'createTime', align: 'center', width: '180px' },
 ])
 // 表格数据
-const list = ref<ICustomer[]>([])
+const list = ref<IAdvice[]>([])
 // 总数
 const total = ref(0)
 // 表格加载状态
@@ -47,18 +49,12 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.value.offset = 1
   }
-  getCustomerList(listQuery.value).then((response) => {
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  getAdviceList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
-    list.value = response.data.rows.map((item: ICustomer) => {
-      if (item.companyProvinceName && item.companyCityName) {
-        item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
-      }
-      else {
-        item.briefName = item.companyProvinceName || item.companyCityName
-      }
-      return item
-    })
+    response.data.rows = [{ advicePerson: '张三', personPhone: '87447', createTime: '2023-01-02 08:25:35', adviceNo: '111111', content: '服务态度不好', businessScope: 'test1', evaluation: '1', evaluationName: '优质', customerName: '京东集团', customerNo: 'sygf202211290001', updateTime: '2023-01-10 09:56:57' }]
+    list.value = response.data.rows
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   })
@@ -69,11 +65,11 @@
 }
 
 // 点击编辑/详情
-const handleEdit = (row: ICustomer, pageType: 'edit' | 'detail') => {
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
   $router.push(`/customerManage/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ICustomer) => {
+const handleDelete = (index: string, row: IAdvice) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -84,7 +80,7 @@
     },
   )
     .then(() => {
-      deleteCustomer({ id: row.id }).then((res) => {
+      deleteAdvice({ id: row.id }).then((res) => {
         if (res.code === 200) {
           ElMessage({
             type: 'success',
@@ -102,10 +98,11 @@
 // 点击重置
 const clearList = () => {
   listQuery.value = {
-    bussinessSize: '', // 业务规模
+    adviceNo: '', // 投诉编号
     customerName: '', // 公司名称
     customerNo: '', // 客户编号
-    grade: '', // 履约评级
+    startTime: '', // 投诉开始时间
+    endTime: '', // 投诉结束时间
     offset: 1,
     limit: 20,
   }
@@ -161,15 +158,16 @@
   })
   if (list.value.length > 0) {
     const params = {
-      bussinessSize: listQuery.value.bussinessSize, // 业务规模
+      adviceNo: listQuery.value.adviceNo, // 投诉编号
       customerName: listQuery.value.customerName, // 公司名称
       customerNo: listQuery.value.customerNo, // 客户编号
-      grade: listQuery.value.grade, // 履约评级
+      startTime: listQuery.value.startTime, // 投诉开始时间
+      endTime: listQuery.value.endTime, // 投诉结束时间
       ids: checkoutList.value,
     }
-    exportCustomerList(params).then((res) => {
+    exportAdviceList(params).then((res) => {
       const blob = new Blob([res.data])
-      exportFile(blob, '客户列表.xlsx')
+      exportFile(blob, '客户关系.xlsx')
     })
   }
   else {
@@ -188,11 +186,11 @@
     }
   })
   if (checkoutList.value.length <= 0 && list.value.length > 0) {
-    printJSON(list.value, properties, '客户列表')
+    printJSON(list.value, properties, '客户关系')
   }
   else if (checkoutList.value.length > 0) {
-    const printList = list.value.filter((item: ICustomer) => checkoutList.value.includes(item.id))
-    printJSON(printList, properties, '客户列表')
+    const printList = list.value.filter((item: IAdvice) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '客户关系')
   }
   else {
     ElMessage.warning('无可打印内容')
@@ -211,6 +209,13 @@
       <search-item>
         <el-input
           v-model.trim="listQuery.customerNo"
+          placeholder="投诉/建议编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerNo"
           placeholder="客户编号"
           clearable
         />
@@ -222,6 +227,19 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD HH:mm:ss"
+            value-format="YYYY-MM-DD h:m:s"
+            start-placeholder="投诉查询开始时间"
+            end-placeholder="投诉查询结束时间"
+          />
+        </search-item>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..7e61a12 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,37 @@
 // 列表查询条件
-export interface ICustomerQuery {
-  bussinessSize: string // 业务规模
+export interface IAdviceQuery {
+  adviceNo: string // 投诉编号
   customerName: string // 公司名称
   customerNo: string // 客户编号
-  grade: string // 履约评级
+  startTime: string // 投诉开始时间
+  endTime: string // 投诉结束时间
   offset: number
   limit: number
 }
 
-// 客户人员
-export interface customerPerson {
-  id: number | string // id
-  job: string // 职务
-  department: string// 部门
-  name: string// 信命
-  personNo: string// 人员编号
-  phone: string// 联系方式
-  editable?: boolean // 是否可编辑
-  [key: string]: any
-}
-
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
-  customerName: string // 公司名称
-  customerNo: string //	客户编号（列表、更新接口参数）
-  bankAccount: string // 银行账户名
-  bankAccountNumber: string // 银行账号
-  bankName: string // 银行名称
-  briefName: string // 公司简称
-  businessScope: string // 公司业务范围
-  grade: string // 履约评级
-  gradeName?: string // 履约评级
-  companySize: string
-  companySizeName?: string
-  businessSize: string // 业务规模
-  businessSizeName?: string // 业务规模
-  evaluation: string // 整体评价
-  evaluationName?: string // 整体评价
-  companyAddressBref?: string // 公司地址-拼接省市
-  companyAddress: string // 公司地址-详细地址
-  companyArea: string // 公司地址-区
-  companyCity: string //	公司地址-市
-  companyCountry: string // 公司地址-国家
-  companyProvince: string // 公司地址-省
-  companyAreaName: string // 公司地址-区
-  companyCityName: string //	公司地址-市
-  companyCountryName: string // 公司地址-国家
-  companyProvinceName: string // 公司地址-省
-  createTime?: string // 创建时间
-  director: string // 负责人
+// 投诉建议
+export interface IAdvice {
   id: string // 主键id（列表、更新接口参数）
-  fax: string // 传真
-  invoiceAddress: string // 开票地址-详细地址
-  invoiceArea: string // 开票地址-区
-  invoiceCity: string //	开票地址-市
-  invoiceCountry: string // 开票地址-国家
-  invoiceProvince: string // 开票地址-省
-  invoiceAreaName: string // 开票地址-区
-  invoiceCityName: string //	开票地址-市
-  invoiceCountryName: string // 开票地址-国家
-  invoiceProvinceName: string // 开票地址-省
-  mailbox: string // 邮箱
-  minioFileName: string // 上传文件返回名称
-  mobile: string // 手机
-  phone: string // 电话
-  postalCode: string //	邮编
-  remark: string // 备注
-  taxNumber: string // 税号
-  website: string //	网址
-  customerPersonList: customerPerson[] // 客户人员列表
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  personPhone: string // 投诉人联系方式
+  customerName: string // 公司名称
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  content: string // 投诉内容
+  handleStatus: string // 处置状态
+  handleMessage: string // 处置意见
+  grade?: string // 履约评级
+  gradeName?: string // 履约评级
+  companySize?: string // 公司规模
+  companySizeName?: string // 公司规模
+  businessSize?: string // 业务规模
+  businessSizeName?: string // 业务规模
+  evaluation?: string // 整体评价
+  evaluationName?: string // 整体评价
+  createTime?: string // 创建时间
+  createUser: string // 创建人
 }
 
diff --git a/src/views/customer/customerInfo/customerEdit.vue b/src/views/customer/customerInfo/customerEdit.vue
index 9abfc48..f7f0fd5 100644
--- a/src/views/customer/customerInfo/customerEdit.vue
+++ b/src/views/customer/customerInfo/customerEdit.vue
@@ -5,13 +5,16 @@
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './customer_interface'
+import type { CustomerPerson, ICustomer, SimpleCertification, SimpleContract, SimpleMeasureRecord, SimpleSample } from './customer_interface'
+import TemplateTable from './templateTable.vue'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
 import { UploadFile } from '@/api/measure/file'
 import { addCustomer, getCustomerDetail, updateCustomer } from '@/api/customer/customer'
 import { validatePhone } from '@/utils/validate'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -21,6 +24,11 @@
   add: '新建',
   detail: '详情',
 }// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -75,17 +83,127 @@
 })
 const companyAddress = ref<string[]>([]) // 公司地址
 const invoiceAddress = ref<string[]>([]) // 开票地址
-const customerPersonList: Ref<customerPerson[]> = ref([]) // 人员列表
+const CustomerPersonList: Ref<CustomerPerson[]> = ref([]) // 人员列表
 const columns = ref([
-  { text: '人员编号', value: 'personNo', required: false },
   { text: '姓名', value: 'name', required: true },
   { text: '工作部门', value: 'department', required: false },
   { text: '职务', value: 'job', required: false },
   { text: '联系方式', value: 'phone', required: true, reg: validatePhone },
 ])
+
+// 其他关联数据列表
+const dataList = ref({
+  personList: [] as CustomerPerson[],
+  sampleRecords: [] as SimpleSample[],
+  contractRecords: [] as SimpleContract[],
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+// 获取人员列表
+const fetchPerson = function (query = null) {
+  dataList.value.personList = dataForm.value.customerPersonList
+  dataList.value.personList = [{ name: '张三', department: '', job: '总经理', phone: '68387447' }, { name: '李四', department: '营销', job: '销售', phone: '68387447' }]
+}
+// 获取样品列表
+const fetchSampleList = function (query = null) {
+  dataList.value.sampleRecords = [{ sampleCode: 'abc123', sampleName: '血压计', sampleModel: 'xxxx', manufacturingNo: '111', mesureTime: '2022-12-25 00:00:00', mesurePeriod: '6个月' }]
+}
+// 获取合同记录
+const fetchContractRecords = function (query = null) {
+  dataList.value.contractRecords = []
+}
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'personList' | 'sampleRecords' | 'contractRecords' | 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '客户人员',
+    columns: [
+      { text: '姓名', value: 'name' },
+      { text: '工作部门', value: 'department' },
+      { text: '职务', value: 'job' },
+      { text: '联系方式', value: 'phone' },
+    ],
+    pagination: false,
+    list: 'personList',
+    searchFunc: fetchPerson,
+  },
+  {
+    name: '样品记录',
+    columns: [
+      { text: '样品编号', value: 'sampleCode' },
+      { text: '样品名称', value: 'sampleName' },
+      { text: '型号', value: 'sampleModel' },
+      { text: '出厂编号', value: 'manufacturingNo' },
+      { text: '上次检定时间', value: 'mesureTime' },
+      { text: '检定周期', value: 'mesurePeriod' },
+    ],
+    pagination: true,
+    list: 'sampleRecords',
+    searchFunc: fetchSampleList,
+  },
+  {
+    name: '合同记录',
+    columns: [
+      { text: '合同编号', value: 'contractCode' },
+      { text: '合同名称', value: 'contractName' },
+      { text: '合同金额', value: 'contractPrice' },
+      { text: '合同状态', value: 'contractStatus' },
+      { text: '合同时间', value: 'contractTime' },
+      { text: '负责人', value: 'aCompanyDutyman' },
+    ],
+    list: 'contractRecords',
+    pagination: true,
+    searchFunc: fetchContractRecords,
+  },
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+const currentMenu = ref('客户人员')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
 const ruleFormRef = ref<FormInstance>()
 // 人员对象
-const addPersonObj: customerPerson = {
+const addPersonObj: CustomerPerson = {
   id: '',
   personNo: '',
   name: '',
@@ -94,12 +212,12 @@
   phone: '',
   editable: true,
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+
+const SelectionList: Ref<CustomerPerson[]> = ref([])
 // 校验规则
 const rules = ref({
   customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
   businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -107,15 +225,50 @@
 const close = () => {
   $router.back()
 }
-const getInfo = () => {
-  getCustomerDetail({ id: infoId.value }).then((res) => {
-    dataForm.value = res.data
-    companyAddress.value = [dataForm.value.companyCountry, dataForm.value.companyProvince, dataForm.value.companyCity, dataForm.value.companyArea, dataForm.value.companyAddress]
-    invoiceAddress.value = [dataForm.value.invoiceCountry, dataForm.value.invoiceProvince, dataForm.value.invoiceCity, dataForm.value.invoiceArea, dataForm.value.invoiceAddress]
+const companySizeList = ref<dictType[]>([]) // 公司规模列表
+const businessSizeList = ref<dictType[]>([]) // 业务规模列表
+const gradeList = ref<dictType[]>([]) // 履约评级列表
+const evaluationList = ref<dictType[]>([]) // 整体评价列表
+function getDict() {
+  // 获取公司规模
+  getDictByCode('companySize').then((response) => {
+    companySizeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('businessSize').then((response) => {
+    businessSizeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('grade').then((response) => {
+    gradeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('evaluation').then((response) => {
+    evaluationList.value = response.data
   })
 }
+getDict()
+
+const getInfo = () => {
+  getCustomerDetail({ id: infoId.value }).then((res) => {
+    res.data = { bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110107', companyCity: '110100', companyCountry: 'CN', companyProvince: '110000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110107', invoiceCity: '110100', invoiceCountry: 'CN', invoiceProvince: '110000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }
+    dataForm.value = res.data
+    if (pageType.value == 'detail') {
+      companyAddress.value = [dataForm.value.companyCountryName, dataForm.value.companyProvinceName, dataForm.value.companyCityName, dataForm.value.companyAreaName, dataForm.value.companyAddress]
+      invoiceAddress.value = [dataForm.value.invoiceCountryName, dataForm.value.invoiceProvinceName, dataForm.value.invoiceCityName, dataForm.value.invoiceAreaName, dataForm.value.invoiceAddress]
+      for (const item of menu) {
+        item.searchFunc()
+      }
+    }
+    else {
+      companyAddress.value = [dataForm.value.companyCountry, dataForm.value.companyProvince, dataForm.value.companyCity, dataForm.value.companyArea, dataForm.value.companyAddress]
+      invoiceAddress.value = [dataForm.value.invoiceCountry, dataForm.value.invoiceProvince, dataForm.value.invoiceCity, dataForm.value.invoiceArea, dataForm.value.invoiceAddress]
+    }
+  })
+}
+
 // 表格选中
-const handleSelectionChange = (e: customerPerson[]) => {
+const handleSelectionChange = (e: CustomerPerson[]) => {
   SelectionList.value = e
 }
 
@@ -148,13 +301,13 @@
   // 检查上一行必填项
   if (checkPersonList()) {
     setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
+    CustomerPersonList.value.push({ ...addPersonObj })
   }
 }
 // 检查人员列表
 function checkPersonList() {
-  for (let index = 0; index < customerPersonList.value.length; index++) {
-    const item = customerPersonList.value[index]
+  for (let index = 0; index < CustomerPersonList.value.length; index++) {
+    const item = CustomerPersonList.value[index]
     for (const prop of columns.value) {
       // 检查必填
       if (prop.required && !item[prop.value]) {
@@ -175,7 +328,7 @@
 
 // 删除行
 const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
+  CustomerPersonList.value = CustomerPersonList.value.filter((item: CustomerPerson) => {
     return !SelectionList.value.includes(item)
   })
 }
@@ -203,13 +356,26 @@
           type: 'warning',
         },
       ).then(() => {
-        addCustomer(dataForm.value).then((res) => {
-          if (res.code === 200) {
-            dataForm.value.id = res.data.id
-            dataForm.value.customerNo = res.data.customerNo
-            ElMessage.success('已保存')
-          }
-        })
+        if (dataForm.value.id) {
+          updateCustomer(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addCustomer(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
       })
     }
   })
@@ -260,13 +426,13 @@
   fileRef.value.click()
 }
 // 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
+const dblclickRow = (row: CustomerPerson) => {
   setAllRowReadable()
   row.editable = true
 }
 // 将所有人员信息列表置为不可编辑状态
 function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
+  for (const item of CustomerPersonList.value) {
     item.editable = false
   }
 }
@@ -283,9 +449,6 @@
         <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
           打印
         </el-button>
-        <el-button v-if="pageType !== 'detail' && dataForm.customerNo" type="primary" @click="submitForm">
-          提交
-        </el-button>
         <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -313,38 +476,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
-                <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="邮编:">
-                <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="手机:">
-                <el-input
-                  v-model="dataForm.mobile"
-                  :placeholder="pageType === 'detail' ? '' : '请输入手机'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
               <el-form-item label="公司名称:" prop="customerName">
                 <el-input
                   v-model="dataForm.customerName"
@@ -353,6 +484,63 @@
                   :disabled="pageType === 'detail'"
                 />
               </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="公司简称:">
+                <el-input
+                  v-model="dataForm.briefName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入公司简称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务内容:" prop="businessContent">
+                <el-input
+                  v-model="dataForm.businessContent"
+                  :placeholder="pageType === 'detail' ? '' : '请输入业务内容'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="公司规模" prop="companySize">
+                <el-select v-model="dataForm.companySize" :placeholder="pageType === 'detail' ? '' : '请选择公司规模'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in companySizeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务规模" prop="businessSize">
+                <el-select v-model="dataForm.businessSize" :placeholder="pageType === 'detail' ? '' : '请选择业务规模'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in businessSizeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级" prop="grade">
+                <el-select v-model="dataForm.grade" :placeholder="pageType === 'detail' ? '' : '请选择履约评级'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in gradeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价" prop="evaluation">
+                <el-select v-model="dataForm.evaluation" :placeholder="pageType === 'detail' ? '' : '请选择整体评价'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in evaluationList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="dataForm.taxNumber"
+                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item label="银行账户名:">
@@ -365,38 +553,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
-                <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="邮箱:">
-                <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
-              <el-form-item label="公司简称:">
-                <el-input
-                  v-model="dataForm.briefName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司简称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
               <el-form-item label="银行名称:">
                 <el-input
                   v-model="dataForm.bankName"
@@ -407,38 +563,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="电话:">
-                <el-input
-                  v-model="dataForm.phone"
-                  :placeholder="pageType === 'detail' ? '' : '请输入电话'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="网址:">
-                <el-input
-                  v-model="dataForm.website"
-                  :placeholder="pageType === 'detail' ? '' : '请输入网址'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
-              <el-form-item label="业务内容:" prop="businessContent">
-                <el-input
-                  v-model="dataForm.businessContent"
-                  :placeholder="pageType === 'detail' ? '' : '请输入业务内容'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
               <el-form-item label="银行账号:">
                 <el-input
                   v-model="dataForm.bankAccountNumber"
@@ -449,6 +573,36 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
+              <el-form-item label="邮编:">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="负责人:">
+                <el-input
+                  v-model="dataForm.director"
+                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话:">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
               <el-form-item label="传真:">
                 <el-input
                   v-model="dataForm.fax"
@@ -458,15 +612,45 @@
                 />
               </el-form-item>
             </el-col>
+            <el-col :span="6">
+              <el-form-item label="手机:">
+                <el-input
+                  v-model="dataForm.mobile"
+                  :placeholder="pageType === 'detail' ? '' : '请输入手机'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="邮箱:">
+                <el-input
+                  v-model="dataForm.mailbox"
+                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="网址:">
+                <el-input
+                  v-model="dataForm.website"
+                  :placeholder="pageType === 'detail' ? '' : '请输入网址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
           </el-row>
           <el-row :gutter="5">
             <el-form-item label="公司地址:">
-              <address-select :data="companyAddress" @on-change="companyAddressChange" />
+              <address-select :data="companyAddress" :detail="pageType === 'detail'" @on-change="companyAddressChange" />
             </el-form-item>
           </el-row>
           <el-row :gutter="5">
             <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
+              <address-select :data="invoiceAddress" :detail="pageType === 'detail'" @on-change="invoiceAddressChange" />
             </el-form-item>
           </el-row>
           <el-row :gutter="24">
@@ -508,7 +692,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="人员信息">
+    <detail-block v-if="pageType !== 'detail'" title="人员信息">
       <template v-if="pageType !== 'detail'" #btns>
         <el-button type="info" @click="deleteList">
           删除行
@@ -518,7 +702,7 @@
         </el-button>
       </template>
       <el-table
-        :data="customerPersonList"
+        :data="CustomerPersonList"
         border
         style="width: 100%;"
         @selection-change="handleSelectionChange"
@@ -543,6 +727,16 @@
         </el-table-column>
       </el-table>
     </detail-block>
+    <detail-block-switch v-else :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
   </app-container>
 </template>
 

diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
diff --git a/src/api/customer/customer.ts b/src/api/customer/customer.ts
index cb41f8c..ebdebe6 100644
--- a/src/api/customer/customer.ts
+++ b/src/api/customer/customer.ts
@@ -1,5 +1,5 @@
 /**
- * 溯源供方请求接口
+ * 客户管理请求接口
  */
 import request from '../index'
 import type { ICustomerQuery } from '@/views/customer/customerInfo/customer_interface'
@@ -32,7 +32,7 @@
   })
 }
 
-// 提交数据
+// 新增数据
 export function addCustomer(data: object) {
   return request({
     url: '/meter/supplier/submit',
@@ -40,7 +40,7 @@
     data,
   })
 }
-// 更新数据
+// 编辑数据
 export function updateCustomer(data: object) {
   return request({
     url: `${prefix}/supplier/update`,
@@ -58,3 +58,4 @@
     data,
   })
 }
+
diff --git a/src/router/modules/customer.ts b/src/router/modules/customer.ts
index 58dde63..82693c1 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -97,7 +97,7 @@
       {
         path: 'advice',
         name: 'CustomerAdvice',
-        component: () => import('@/views/customer/adviceList.vue'),
+        component: () => import('@/views/customer/advice/adviceList.vue'),
         meta: {
           title: '客户关系',
           icon: 'ep:key',
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..1ec03b1 100644
--- a/src/views/customer/advice/adviceList.vue
+++ b/src/views/customer/advice/adviceList.vue
@@ -1,37 +1,39 @@
 <script lang="ts" setup name="CustomerList">
 import { getCurrentInstance, ref } from 'vue'
 import type { Ref } from 'vue'
+import type { DateModelType } from 'element-plus'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
-import type { ICustomer, ICustomerQuery } from './advice_interface'
+import type { IAdvice, IAdviceQuery } from './advice_interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
-import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { deleteAdvice, exportAdviceList, getAdviceList } from '@/api/customer/advice'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
-const listQuery: Ref<ICustomerQuery> = ref({
-  bussinessSize: '', // 业务规模
+const listQuery: Ref<IAdviceQuery> = ref({
+  adviceNo: '', // 投诉编号
   customerName: '', // 公司名称
   customerNo: '', // 客户编号
-  grade: '', // 履约评级
+  startTime: '', // 投诉开始时间
+  endTime: '', // 投诉结束时间
   offset: 1,
   limit: 20,
 })
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
 // 表头
 const columns = ref<TableColumn[]>([
-  { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
-  { text: '客户名称', value: 'customerName', width: '120', align: 'center' },
-  { text: '公司规模', value: 'companySizeName', align: 'center' },
-  { text: '业务规模', value: 'businessSizeName', align: 'center' },
-  { text: '履约评级', value: 'gradeName', align: 'center' },
+  { text: '投诉建议编号', value: 'adviceNo', width: '160', align: 'center' },
+  { text: '客户编号', value: 'customerNo', width: '120', align: 'center' },
+  { text: '客户名称', value: 'customerName', align: 'center' },
   { text: '整体评价', value: 'evaluationName', align: 'center' },
-  { text: '公司地址', value: 'briefName', align: 'center' },
-  { text: '创建时间', value: 'createTime', align: 'center', width: '180px' },
-  { text: '备注', value: 'remark', align: 'center' },
+  { text: '投诉/建议内容', value: 'content', align: 'center' },
+  { text: '投诉人', value: 'advicePerson', align: 'center' },
+  { text: '联系方式', value: 'personPhone', align: 'center' },
+  { text: '投诉时间', value: 'createTime', align: 'center', width: '180px' },
 ])
 // 表格数据
-const list = ref<ICustomer[]>([])
+const list = ref<IAdvice[]>([])
 // 总数
 const total = ref(0)
 // 表格加载状态
@@ -47,18 +49,12 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.value.offset = 1
   }
-  getCustomerList(listQuery.value).then((response) => {
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  getAdviceList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
-    list.value = response.data.rows.map((item: ICustomer) => {
-      if (item.companyProvinceName && item.companyCityName) {
-        item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
-      }
-      else {
-        item.briefName = item.companyProvinceName || item.companyCityName
-      }
-      return item
-    })
+    response.data.rows = [{ advicePerson: '张三', personPhone: '87447', createTime: '2023-01-02 08:25:35', adviceNo: '111111', content: '服务态度不好', businessScope: 'test1', evaluation: '1', evaluationName: '优质', customerName: '京东集团', customerNo: 'sygf202211290001', updateTime: '2023-01-10 09:56:57' }]
+    list.value = response.data.rows
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   })
@@ -69,11 +65,11 @@
 }
 
 // 点击编辑/详情
-const handleEdit = (row: ICustomer, pageType: 'edit' | 'detail') => {
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
   $router.push(`/customerManage/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ICustomer) => {
+const handleDelete = (index: string, row: IAdvice) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -84,7 +80,7 @@
     },
   )
     .then(() => {
-      deleteCustomer({ id: row.id }).then((res) => {
+      deleteAdvice({ id: row.id }).then((res) => {
         if (res.code === 200) {
           ElMessage({
             type: 'success',
@@ -102,10 +98,11 @@
 // 点击重置
 const clearList = () => {
   listQuery.value = {
-    bussinessSize: '', // 业务规模
+    adviceNo: '', // 投诉编号
     customerName: '', // 公司名称
     customerNo: '', // 客户编号
-    grade: '', // 履约评级
+    startTime: '', // 投诉开始时间
+    endTime: '', // 投诉结束时间
     offset: 1,
     limit: 20,
   }
@@ -161,15 +158,16 @@
   })
   if (list.value.length > 0) {
     const params = {
-      bussinessSize: listQuery.value.bussinessSize, // 业务规模
+      adviceNo: listQuery.value.adviceNo, // 投诉编号
       customerName: listQuery.value.customerName, // 公司名称
       customerNo: listQuery.value.customerNo, // 客户编号
-      grade: listQuery.value.grade, // 履约评级
+      startTime: listQuery.value.startTime, // 投诉开始时间
+      endTime: listQuery.value.endTime, // 投诉结束时间
       ids: checkoutList.value,
     }
-    exportCustomerList(params).then((res) => {
+    exportAdviceList(params).then((res) => {
       const blob = new Blob([res.data])
-      exportFile(blob, '客户列表.xlsx')
+      exportFile(blob, '客户关系.xlsx')
     })
   }
   else {
@@ -188,11 +186,11 @@
     }
   })
   if (checkoutList.value.length <= 0 && list.value.length > 0) {
-    printJSON(list.value, properties, '客户列表')
+    printJSON(list.value, properties, '客户关系')
   }
   else if (checkoutList.value.length > 0) {
-    const printList = list.value.filter((item: ICustomer) => checkoutList.value.includes(item.id))
-    printJSON(printList, properties, '客户列表')
+    const printList = list.value.filter((item: IAdvice) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '客户关系')
   }
   else {
     ElMessage.warning('无可打印内容')
@@ -211,6 +209,13 @@
       <search-item>
         <el-input
           v-model.trim="listQuery.customerNo"
+          placeholder="投诉/建议编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerNo"
           placeholder="客户编号"
           clearable
         />
@@ -222,6 +227,19 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD HH:mm:ss"
+            value-format="YYYY-MM-DD h:m:s"
+            start-placeholder="投诉查询开始时间"
+            end-placeholder="投诉查询结束时间"
+          />
+        </search-item>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..7e61a12 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,37 @@
 // 列表查询条件
-export interface ICustomerQuery {
-  bussinessSize: string // 业务规模
+export interface IAdviceQuery {
+  adviceNo: string // 投诉编号
   customerName: string // 公司名称
   customerNo: string // 客户编号
-  grade: string // 履约评级
+  startTime: string // 投诉开始时间
+  endTime: string // 投诉结束时间
   offset: number
   limit: number
 }
 
-// 客户人员
-export interface customerPerson {
-  id: number | string // id
-  job: string // 职务
-  department: string// 部门
-  name: string// 信命
-  personNo: string// 人员编号
-  phone: string// 联系方式
-  editable?: boolean // 是否可编辑
-  [key: string]: any
-}
-
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
-  customerName: string // 公司名称
-  customerNo: string //	客户编号（列表、更新接口参数）
-  bankAccount: string // 银行账户名
-  bankAccountNumber: string // 银行账号
-  bankName: string // 银行名称
-  briefName: string // 公司简称
-  businessScope: string // 公司业务范围
-  grade: string // 履约评级
-  gradeName?: string // 履约评级
-  companySize: string
-  companySizeName?: string
-  businessSize: string // 业务规模
-  businessSizeName?: string // 业务规模
-  evaluation: string // 整体评价
-  evaluationName?: string // 整体评价
-  companyAddressBref?: string // 公司地址-拼接省市
-  companyAddress: string // 公司地址-详细地址
-  companyArea: string // 公司地址-区
-  companyCity: string //	公司地址-市
-  companyCountry: string // 公司地址-国家
-  companyProvince: string // 公司地址-省
-  companyAreaName: string // 公司地址-区
-  companyCityName: string //	公司地址-市
-  companyCountryName: string // 公司地址-国家
-  companyProvinceName: string // 公司地址-省
-  createTime?: string // 创建时间
-  director: string // 负责人
+// 投诉建议
+export interface IAdvice {
   id: string // 主键id（列表、更新接口参数）
-  fax: string // 传真
-  invoiceAddress: string // 开票地址-详细地址
-  invoiceArea: string // 开票地址-区
-  invoiceCity: string //	开票地址-市
-  invoiceCountry: string // 开票地址-国家
-  invoiceProvince: string // 开票地址-省
-  invoiceAreaName: string // 开票地址-区
-  invoiceCityName: string //	开票地址-市
-  invoiceCountryName: string // 开票地址-国家
-  invoiceProvinceName: string // 开票地址-省
-  mailbox: string // 邮箱
-  minioFileName: string // 上传文件返回名称
-  mobile: string // 手机
-  phone: string // 电话
-  postalCode: string //	邮编
-  remark: string // 备注
-  taxNumber: string // 税号
-  website: string //	网址
-  customerPersonList: customerPerson[] // 客户人员列表
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  personPhone: string // 投诉人联系方式
+  customerName: string // 公司名称
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  content: string // 投诉内容
+  handleStatus: string // 处置状态
+  handleMessage: string // 处置意见
+  grade?: string // 履约评级
+  gradeName?: string // 履约评级
+  companySize?: string // 公司规模
+  companySizeName?: string // 公司规模
+  businessSize?: string // 业务规模
+  businessSizeName?: string // 业务规模
+  evaluation?: string // 整体评价
+  evaluationName?: string // 整体评价
+  createTime?: string // 创建时间
+  createUser: string // 创建人
 }
 
diff --git a/src/views/customer/customerInfo/customerEdit.vue b/src/views/customer/customerInfo/customerEdit.vue
index 9abfc48..f7f0fd5 100644
--- a/src/views/customer/customerInfo/customerEdit.vue
+++ b/src/views/customer/customerInfo/customerEdit.vue
@@ -5,13 +5,16 @@
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './customer_interface'
+import type { CustomerPerson, ICustomer, SimpleCertification, SimpleContract, SimpleMeasureRecord, SimpleSample } from './customer_interface'
+import TemplateTable from './templateTable.vue'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
 import { UploadFile } from '@/api/measure/file'
 import { addCustomer, getCustomerDetail, updateCustomer } from '@/api/customer/customer'
 import { validatePhone } from '@/utils/validate'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -21,6 +24,11 @@
   add: '新建',
   detail: '详情',
 }// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -75,17 +83,127 @@
 })
 const companyAddress = ref<string[]>([]) // 公司地址
 const invoiceAddress = ref<string[]>([]) // 开票地址
-const customerPersonList: Ref<customerPerson[]> = ref([]) // 人员列表
+const CustomerPersonList: Ref<CustomerPerson[]> = ref([]) // 人员列表
 const columns = ref([
-  { text: '人员编号', value: 'personNo', required: false },
   { text: '姓名', value: 'name', required: true },
   { text: '工作部门', value: 'department', required: false },
   { text: '职务', value: 'job', required: false },
   { text: '联系方式', value: 'phone', required: true, reg: validatePhone },
 ])
+
+// 其他关联数据列表
+const dataList = ref({
+  personList: [] as CustomerPerson[],
+  sampleRecords: [] as SimpleSample[],
+  contractRecords: [] as SimpleContract[],
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+// 获取人员列表
+const fetchPerson = function (query = null) {
+  dataList.value.personList = dataForm.value.customerPersonList
+  dataList.value.personList = [{ name: '张三', department: '', job: '总经理', phone: '68387447' }, { name: '李四', department: '营销', job: '销售', phone: '68387447' }]
+}
+// 获取样品列表
+const fetchSampleList = function (query = null) {
+  dataList.value.sampleRecords = [{ sampleCode: 'abc123', sampleName: '血压计', sampleModel: 'xxxx', manufacturingNo: '111', mesureTime: '2022-12-25 00:00:00', mesurePeriod: '6个月' }]
+}
+// 获取合同记录
+const fetchContractRecords = function (query = null) {
+  dataList.value.contractRecords = []
+}
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'personList' | 'sampleRecords' | 'contractRecords' | 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '客户人员',
+    columns: [
+      { text: '姓名', value: 'name' },
+      { text: '工作部门', value: 'department' },
+      { text: '职务', value: 'job' },
+      { text: '联系方式', value: 'phone' },
+    ],
+    pagination: false,
+    list: 'personList',
+    searchFunc: fetchPerson,
+  },
+  {
+    name: '样品记录',
+    columns: [
+      { text: '样品编号', value: 'sampleCode' },
+      { text: '样品名称', value: 'sampleName' },
+      { text: '型号', value: 'sampleModel' },
+      { text: '出厂编号', value: 'manufacturingNo' },
+      { text: '上次检定时间', value: 'mesureTime' },
+      { text: '检定周期', value: 'mesurePeriod' },
+    ],
+    pagination: true,
+    list: 'sampleRecords',
+    searchFunc: fetchSampleList,
+  },
+  {
+    name: '合同记录',
+    columns: [
+      { text: '合同编号', value: 'contractCode' },
+      { text: '合同名称', value: 'contractName' },
+      { text: '合同金额', value: 'contractPrice' },
+      { text: '合同状态', value: 'contractStatus' },
+      { text: '合同时间', value: 'contractTime' },
+      { text: '负责人', value: 'aCompanyDutyman' },
+    ],
+    list: 'contractRecords',
+    pagination: true,
+    searchFunc: fetchContractRecords,
+  },
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+const currentMenu = ref('客户人员')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
 const ruleFormRef = ref<FormInstance>()
 // 人员对象
-const addPersonObj: customerPerson = {
+const addPersonObj: CustomerPerson = {
   id: '',
   personNo: '',
   name: '',
@@ -94,12 +212,12 @@
   phone: '',
   editable: true,
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+
+const SelectionList: Ref<CustomerPerson[]> = ref([])
 // 校验规则
 const rules = ref({
   customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
   businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -107,15 +225,50 @@
 const close = () => {
   $router.back()
 }
-const getInfo = () => {
-  getCustomerDetail({ id: infoId.value }).then((res) => {
-    dataForm.value = res.data
-    companyAddress.value = [dataForm.value.companyCountry, dataForm.value.companyProvince, dataForm.value.companyCity, dataForm.value.companyArea, dataForm.value.companyAddress]
-    invoiceAddress.value = [dataForm.value.invoiceCountry, dataForm.value.invoiceProvince, dataForm.value.invoiceCity, dataForm.value.invoiceArea, dataForm.value.invoiceAddress]
+const companySizeList = ref<dictType[]>([]) // 公司规模列表
+const businessSizeList = ref<dictType[]>([]) // 业务规模列表
+const gradeList = ref<dictType[]>([]) // 履约评级列表
+const evaluationList = ref<dictType[]>([]) // 整体评价列表
+function getDict() {
+  // 获取公司规模
+  getDictByCode('companySize').then((response) => {
+    companySizeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('businessSize').then((response) => {
+    businessSizeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('grade').then((response) => {
+    gradeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('evaluation').then((response) => {
+    evaluationList.value = response.data
   })
 }
+getDict()
+
+const getInfo = () => {
+  getCustomerDetail({ id: infoId.value }).then((res) => {
+    res.data = { bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110107', companyCity: '110100', companyCountry: 'CN', companyProvince: '110000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110107', invoiceCity: '110100', invoiceCountry: 'CN', invoiceProvince: '110000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }
+    dataForm.value = res.data
+    if (pageType.value == 'detail') {
+      companyAddress.value = [dataForm.value.companyCountryName, dataForm.value.companyProvinceName, dataForm.value.companyCityName, dataForm.value.companyAreaName, dataForm.value.companyAddress]
+      invoiceAddress.value = [dataForm.value.invoiceCountryName, dataForm.value.invoiceProvinceName, dataForm.value.invoiceCityName, dataForm.value.invoiceAreaName, dataForm.value.invoiceAddress]
+      for (const item of menu) {
+        item.searchFunc()
+      }
+    }
+    else {
+      companyAddress.value = [dataForm.value.companyCountry, dataForm.value.companyProvince, dataForm.value.companyCity, dataForm.value.companyArea, dataForm.value.companyAddress]
+      invoiceAddress.value = [dataForm.value.invoiceCountry, dataForm.value.invoiceProvince, dataForm.value.invoiceCity, dataForm.value.invoiceArea, dataForm.value.invoiceAddress]
+    }
+  })
+}
+
 // 表格选中
-const handleSelectionChange = (e: customerPerson[]) => {
+const handleSelectionChange = (e: CustomerPerson[]) => {
   SelectionList.value = e
 }
 
@@ -148,13 +301,13 @@
   // 检查上一行必填项
   if (checkPersonList()) {
     setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
+    CustomerPersonList.value.push({ ...addPersonObj })
   }
 }
 // 检查人员列表
 function checkPersonList() {
-  for (let index = 0; index < customerPersonList.value.length; index++) {
-    const item = customerPersonList.value[index]
+  for (let index = 0; index < CustomerPersonList.value.length; index++) {
+    const item = CustomerPersonList.value[index]
     for (const prop of columns.value) {
       // 检查必填
       if (prop.required && !item[prop.value]) {
@@ -175,7 +328,7 @@
 
 // 删除行
 const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
+  CustomerPersonList.value = CustomerPersonList.value.filter((item: CustomerPerson) => {
     return !SelectionList.value.includes(item)
   })
 }
@@ -203,13 +356,26 @@
           type: 'warning',
         },
       ).then(() => {
-        addCustomer(dataForm.value).then((res) => {
-          if (res.code === 200) {
-            dataForm.value.id = res.data.id
-            dataForm.value.customerNo = res.data.customerNo
-            ElMessage.success('已保存')
-          }
-        })
+        if (dataForm.value.id) {
+          updateCustomer(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addCustomer(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
       })
     }
   })
@@ -260,13 +426,13 @@
   fileRef.value.click()
 }
 // 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
+const dblclickRow = (row: CustomerPerson) => {
   setAllRowReadable()
   row.editable = true
 }
 // 将所有人员信息列表置为不可编辑状态
 function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
+  for (const item of CustomerPersonList.value) {
     item.editable = false
   }
 }
@@ -283,9 +449,6 @@
         <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
           打印
         </el-button>
-        <el-button v-if="pageType !== 'detail' && dataForm.customerNo" type="primary" @click="submitForm">
-          提交
-        </el-button>
         <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -313,38 +476,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
-                <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="邮编:">
-                <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="手机:">
-                <el-input
-                  v-model="dataForm.mobile"
-                  :placeholder="pageType === 'detail' ? '' : '请输入手机'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
               <el-form-item label="公司名称:" prop="customerName">
                 <el-input
                   v-model="dataForm.customerName"
@@ -353,6 +484,63 @@
                   :disabled="pageType === 'detail'"
                 />
               </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="公司简称:">
+                <el-input
+                  v-model="dataForm.briefName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入公司简称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务内容:" prop="businessContent">
+                <el-input
+                  v-model="dataForm.businessContent"
+                  :placeholder="pageType === 'detail' ? '' : '请输入业务内容'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="公司规模" prop="companySize">
+                <el-select v-model="dataForm.companySize" :placeholder="pageType === 'detail' ? '' : '请选择公司规模'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in companySizeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务规模" prop="businessSize">
+                <el-select v-model="dataForm.businessSize" :placeholder="pageType === 'detail' ? '' : '请选择业务规模'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in businessSizeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级" prop="grade">
+                <el-select v-model="dataForm.grade" :placeholder="pageType === 'detail' ? '' : '请选择履约评级'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in gradeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价" prop="evaluation">
+                <el-select v-model="dataForm.evaluation" :placeholder="pageType === 'detail' ? '' : '请选择整体评价'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in evaluationList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="dataForm.taxNumber"
+                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item label="银行账户名:">
@@ -365,38 +553,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
-                <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="邮箱:">
-                <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
-              <el-form-item label="公司简称:">
-                <el-input
-                  v-model="dataForm.briefName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司简称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
               <el-form-item label="银行名称:">
                 <el-input
                   v-model="dataForm.bankName"
@@ -407,38 +563,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="电话:">
-                <el-input
-                  v-model="dataForm.phone"
-                  :placeholder="pageType === 'detail' ? '' : '请输入电话'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="网址:">
-                <el-input
-                  v-model="dataForm.website"
-                  :placeholder="pageType === 'detail' ? '' : '请输入网址'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
-              <el-form-item label="业务内容:" prop="businessContent">
-                <el-input
-                  v-model="dataForm.businessContent"
-                  :placeholder="pageType === 'detail' ? '' : '请输入业务内容'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
               <el-form-item label="银行账号:">
                 <el-input
                   v-model="dataForm.bankAccountNumber"
@@ -449,6 +573,36 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
+              <el-form-item label="邮编:">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="负责人:">
+                <el-input
+                  v-model="dataForm.director"
+                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话:">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
               <el-form-item label="传真:">
                 <el-input
                   v-model="dataForm.fax"
@@ -458,15 +612,45 @@
                 />
               </el-form-item>
             </el-col>
+            <el-col :span="6">
+              <el-form-item label="手机:">
+                <el-input
+                  v-model="dataForm.mobile"
+                  :placeholder="pageType === 'detail' ? '' : '请输入手机'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="邮箱:">
+                <el-input
+                  v-model="dataForm.mailbox"
+                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="网址:">
+                <el-input
+                  v-model="dataForm.website"
+                  :placeholder="pageType === 'detail' ? '' : '请输入网址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
           </el-row>
           <el-row :gutter="5">
             <el-form-item label="公司地址:">
-              <address-select :data="companyAddress" @on-change="companyAddressChange" />
+              <address-select :data="companyAddress" :detail="pageType === 'detail'" @on-change="companyAddressChange" />
             </el-form-item>
           </el-row>
           <el-row :gutter="5">
             <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
+              <address-select :data="invoiceAddress" :detail="pageType === 'detail'" @on-change="invoiceAddressChange" />
             </el-form-item>
           </el-row>
           <el-row :gutter="24">
@@ -508,7 +692,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="人员信息">
+    <detail-block v-if="pageType !== 'detail'" title="人员信息">
       <template v-if="pageType !== 'detail'" #btns>
         <el-button type="info" @click="deleteList">
           删除行
@@ -518,7 +702,7 @@
         </el-button>
       </template>
       <el-table
-        :data="customerPersonList"
+        :data="CustomerPersonList"
         border
         style="width: 100%;"
         @selection-change="handleSelectionChange"
@@ -543,6 +727,16 @@
         </el-table-column>
       </el-table>
     </detail-block>
+    <detail-block-switch v-else :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
   </app-container>
 </template>
 
diff --git a/src/views/customer/customerInfo/customerList.vue b/src/views/customer/customerInfo/customerList.vue
index 4b8285e..097f030 100644
--- a/src/views/customer/customerInfo/customerList.vue
+++ b/src/views/customer/customerInfo/customerList.vue
@@ -7,6 +7,7 @@
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
 import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { getDictByCode } from '@/api/system/dict'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
@@ -18,6 +19,34 @@
   offset: 1,
   limit: 20,
 })
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
+// const companySizeList = ref<dictType[]>([]) // 公司规模列表
+const businessSizeList = ref<dictType[]>([]) // 业务规模列表
+const gradeList = ref<dictType[]>([]) // 履约评级列表
+// const evaluationList = ref<dictType[]>([]) // 整体评价列表
+function getDict() {
+  // // 获取公司规模
+  // getDictByCode('companySize').then((response) => {
+  //   companySizeList.value = response.data
+  // })
+  // 获取业务规模
+  getDictByCode('businessSize').then((response) => {
+    businessSizeList.value = response.data
+  })
+  // 获取履约评级
+  getDictByCode('grade').then((response) => {
+    gradeList.value = response.data
+  })
+  // // 获取整体评价
+  // getDictByCode('evaluation').then((response) => {
+  //   evaluationList.value = response.data
+  // })
+}
+getDict()
 // 表头
 const columns = ref<TableColumn[]>([
   { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
@@ -49,7 +78,7 @@
   }
   getCustomerList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
+    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: 'A', companySize: '1', companySizeName: '小微企业', businessSize: '1', businessSizeName: '0-10万', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
     list.value = response.data.rows.map((item: ICustomer) => {
       if (item.companyProvinceName && item.companyCityName) {
         item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
@@ -222,6 +251,16 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <el-select v-model="listQuery.bussinessSize" placeholder="业务规模">
+          <el-option v-for="item in businessSizeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.grade" placeholder="履约评级">
+          <el-option v-for="item in gradeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>

diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
diff --git a/src/api/customer/customer.ts b/src/api/customer/customer.ts
index cb41f8c..ebdebe6 100644
--- a/src/api/customer/customer.ts
+++ b/src/api/customer/customer.ts
@@ -1,5 +1,5 @@
 /**
- * 溯源供方请求接口
+ * 客户管理请求接口
  */
 import request from '../index'
 import type { ICustomerQuery } from '@/views/customer/customerInfo/customer_interface'
@@ -32,7 +32,7 @@
   })
 }
 
-// 提交数据
+// 新增数据
 export function addCustomer(data: object) {
   return request({
     url: '/meter/supplier/submit',
@@ -40,7 +40,7 @@
     data,
   })
 }
-// 更新数据
+// 编辑数据
 export function updateCustomer(data: object) {
   return request({
     url: `${prefix}/supplier/update`,
@@ -58,3 +58,4 @@
     data,
   })
 }
+
diff --git a/src/router/modules/customer.ts b/src/router/modules/customer.ts
index 58dde63..82693c1 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -97,7 +97,7 @@
       {
         path: 'advice',
         name: 'CustomerAdvice',
-        component: () => import('@/views/customer/adviceList.vue'),
+        component: () => import('@/views/customer/advice/adviceList.vue'),
         meta: {
           title: '客户关系',
           icon: 'ep:key',
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..1ec03b1 100644
--- a/src/views/customer/advice/adviceList.vue
+++ b/src/views/customer/advice/adviceList.vue
@@ -1,37 +1,39 @@
 <script lang="ts" setup name="CustomerList">
 import { getCurrentInstance, ref } from 'vue'
 import type { Ref } from 'vue'
+import type { DateModelType } from 'element-plus'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
-import type { ICustomer, ICustomerQuery } from './advice_interface'
+import type { IAdvice, IAdviceQuery } from './advice_interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
-import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { deleteAdvice, exportAdviceList, getAdviceList } from '@/api/customer/advice'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
-const listQuery: Ref<ICustomerQuery> = ref({
-  bussinessSize: '', // 业务规模
+const listQuery: Ref<IAdviceQuery> = ref({
+  adviceNo: '', // 投诉编号
   customerName: '', // 公司名称
   customerNo: '', // 客户编号
-  grade: '', // 履约评级
+  startTime: '', // 投诉开始时间
+  endTime: '', // 投诉结束时间
   offset: 1,
   limit: 20,
 })
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
 // 表头
 const columns = ref<TableColumn[]>([
-  { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
-  { text: '客户名称', value: 'customerName', width: '120', align: 'center' },
-  { text: '公司规模', value: 'companySizeName', align: 'center' },
-  { text: '业务规模', value: 'businessSizeName', align: 'center' },
-  { text: '履约评级', value: 'gradeName', align: 'center' },
+  { text: '投诉建议编号', value: 'adviceNo', width: '160', align: 'center' },
+  { text: '客户编号', value: 'customerNo', width: '120', align: 'center' },
+  { text: '客户名称', value: 'customerName', align: 'center' },
   { text: '整体评价', value: 'evaluationName', align: 'center' },
-  { text: '公司地址', value: 'briefName', align: 'center' },
-  { text: '创建时间', value: 'createTime', align: 'center', width: '180px' },
-  { text: '备注', value: 'remark', align: 'center' },
+  { text: '投诉/建议内容', value: 'content', align: 'center' },
+  { text: '投诉人', value: 'advicePerson', align: 'center' },
+  { text: '联系方式', value: 'personPhone', align: 'center' },
+  { text: '投诉时间', value: 'createTime', align: 'center', width: '180px' },
 ])
 // 表格数据
-const list = ref<ICustomer[]>([])
+const list = ref<IAdvice[]>([])
 // 总数
 const total = ref(0)
 // 表格加载状态
@@ -47,18 +49,12 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.value.offset = 1
   }
-  getCustomerList(listQuery.value).then((response) => {
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  getAdviceList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
-    list.value = response.data.rows.map((item: ICustomer) => {
-      if (item.companyProvinceName && item.companyCityName) {
-        item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
-      }
-      else {
-        item.briefName = item.companyProvinceName || item.companyCityName
-      }
-      return item
-    })
+    response.data.rows = [{ advicePerson: '张三', personPhone: '87447', createTime: '2023-01-02 08:25:35', adviceNo: '111111', content: '服务态度不好', businessScope: 'test1', evaluation: '1', evaluationName: '优质', customerName: '京东集团', customerNo: 'sygf202211290001', updateTime: '2023-01-10 09:56:57' }]
+    list.value = response.data.rows
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   })
@@ -69,11 +65,11 @@
 }
 
 // 点击编辑/详情
-const handleEdit = (row: ICustomer, pageType: 'edit' | 'detail') => {
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
   $router.push(`/customerManage/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ICustomer) => {
+const handleDelete = (index: string, row: IAdvice) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -84,7 +80,7 @@
     },
   )
     .then(() => {
-      deleteCustomer({ id: row.id }).then((res) => {
+      deleteAdvice({ id: row.id }).then((res) => {
         if (res.code === 200) {
           ElMessage({
             type: 'success',
@@ -102,10 +98,11 @@
 // 点击重置
 const clearList = () => {
   listQuery.value = {
-    bussinessSize: '', // 业务规模
+    adviceNo: '', // 投诉编号
     customerName: '', // 公司名称
     customerNo: '', // 客户编号
-    grade: '', // 履约评级
+    startTime: '', // 投诉开始时间
+    endTime: '', // 投诉结束时间
     offset: 1,
     limit: 20,
   }
@@ -161,15 +158,16 @@
   })
   if (list.value.length > 0) {
     const params = {
-      bussinessSize: listQuery.value.bussinessSize, // 业务规模
+      adviceNo: listQuery.value.adviceNo, // 投诉编号
       customerName: listQuery.value.customerName, // 公司名称
       customerNo: listQuery.value.customerNo, // 客户编号
-      grade: listQuery.value.grade, // 履约评级
+      startTime: listQuery.value.startTime, // 投诉开始时间
+      endTime: listQuery.value.endTime, // 投诉结束时间
       ids: checkoutList.value,
     }
-    exportCustomerList(params).then((res) => {
+    exportAdviceList(params).then((res) => {
       const blob = new Blob([res.data])
-      exportFile(blob, '客户列表.xlsx')
+      exportFile(blob, '客户关系.xlsx')
     })
   }
   else {
@@ -188,11 +186,11 @@
     }
   })
   if (checkoutList.value.length <= 0 && list.value.length > 0) {
-    printJSON(list.value, properties, '客户列表')
+    printJSON(list.value, properties, '客户关系')
   }
   else if (checkoutList.value.length > 0) {
-    const printList = list.value.filter((item: ICustomer) => checkoutList.value.includes(item.id))
-    printJSON(printList, properties, '客户列表')
+    const printList = list.value.filter((item: IAdvice) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '客户关系')
   }
   else {
     ElMessage.warning('无可打印内容')
@@ -211,6 +209,13 @@
       <search-item>
         <el-input
           v-model.trim="listQuery.customerNo"
+          placeholder="投诉/建议编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerNo"
           placeholder="客户编号"
           clearable
         />
@@ -222,6 +227,19 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD HH:mm:ss"
+            value-format="YYYY-MM-DD h:m:s"
+            start-placeholder="投诉查询开始时间"
+            end-placeholder="投诉查询结束时间"
+          />
+        </search-item>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..7e61a12 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,37 @@
 // 列表查询条件
-export interface ICustomerQuery {
-  bussinessSize: string // 业务规模
+export interface IAdviceQuery {
+  adviceNo: string // 投诉编号
   customerName: string // 公司名称
   customerNo: string // 客户编号
-  grade: string // 履约评级
+  startTime: string // 投诉开始时间
+  endTime: string // 投诉结束时间
   offset: number
   limit: number
 }
 
-// 客户人员
-export interface customerPerson {
-  id: number | string // id
-  job: string // 职务
-  department: string// 部门
-  name: string// 信命
-  personNo: string// 人员编号
-  phone: string// 联系方式
-  editable?: boolean // 是否可编辑
-  [key: string]: any
-}
-
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
-  customerName: string // 公司名称
-  customerNo: string //	客户编号（列表、更新接口参数）
-  bankAccount: string // 银行账户名
-  bankAccountNumber: string // 银行账号
-  bankName: string // 银行名称
-  briefName: string // 公司简称
-  businessScope: string // 公司业务范围
-  grade: string // 履约评级
-  gradeName?: string // 履约评级
-  companySize: string
-  companySizeName?: string
-  businessSize: string // 业务规模
-  businessSizeName?: string // 业务规模
-  evaluation: string // 整体评价
-  evaluationName?: string // 整体评价
-  companyAddressBref?: string // 公司地址-拼接省市
-  companyAddress: string // 公司地址-详细地址
-  companyArea: string // 公司地址-区
-  companyCity: string //	公司地址-市
-  companyCountry: string // 公司地址-国家
-  companyProvince: string // 公司地址-省
-  companyAreaName: string // 公司地址-区
-  companyCityName: string //	公司地址-市
-  companyCountryName: string // 公司地址-国家
-  companyProvinceName: string // 公司地址-省
-  createTime?: string // 创建时间
-  director: string // 负责人
+// 投诉建议
+export interface IAdvice {
   id: string // 主键id（列表、更新接口参数）
-  fax: string // 传真
-  invoiceAddress: string // 开票地址-详细地址
-  invoiceArea: string // 开票地址-区
-  invoiceCity: string //	开票地址-市
-  invoiceCountry: string // 开票地址-国家
-  invoiceProvince: string // 开票地址-省
-  invoiceAreaName: string // 开票地址-区
-  invoiceCityName: string //	开票地址-市
-  invoiceCountryName: string // 开票地址-国家
-  invoiceProvinceName: string // 开票地址-省
-  mailbox: string // 邮箱
-  minioFileName: string // 上传文件返回名称
-  mobile: string // 手机
-  phone: string // 电话
-  postalCode: string //	邮编
-  remark: string // 备注
-  taxNumber: string // 税号
-  website: string //	网址
-  customerPersonList: customerPerson[] // 客户人员列表
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  personPhone: string // 投诉人联系方式
+  customerName: string // 公司名称
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  content: string // 投诉内容
+  handleStatus: string // 处置状态
+  handleMessage: string // 处置意见
+  grade?: string // 履约评级
+  gradeName?: string // 履约评级
+  companySize?: string // 公司规模
+  companySizeName?: string // 公司规模
+  businessSize?: string // 业务规模
+  businessSizeName?: string // 业务规模
+  evaluation?: string // 整体评价
+  evaluationName?: string // 整体评价
+  createTime?: string // 创建时间
+  createUser: string // 创建人
 }
 
diff --git a/src/views/customer/customerInfo/customerEdit.vue b/src/views/customer/customerInfo/customerEdit.vue
index 9abfc48..f7f0fd5 100644
--- a/src/views/customer/customerInfo/customerEdit.vue
+++ b/src/views/customer/customerInfo/customerEdit.vue
@@ -5,13 +5,16 @@
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './customer_interface'
+import type { CustomerPerson, ICustomer, SimpleCertification, SimpleContract, SimpleMeasureRecord, SimpleSample } from './customer_interface'
+import TemplateTable from './templateTable.vue'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
 import { UploadFile } from '@/api/measure/file'
 import { addCustomer, getCustomerDetail, updateCustomer } from '@/api/customer/customer'
 import { validatePhone } from '@/utils/validate'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -21,6 +24,11 @@
   add: '新建',
   detail: '详情',
 }// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -75,17 +83,127 @@
 })
 const companyAddress = ref<string[]>([]) // 公司地址
 const invoiceAddress = ref<string[]>([]) // 开票地址
-const customerPersonList: Ref<customerPerson[]> = ref([]) // 人员列表
+const CustomerPersonList: Ref<CustomerPerson[]> = ref([]) // 人员列表
 const columns = ref([
-  { text: '人员编号', value: 'personNo', required: false },
   { text: '姓名', value: 'name', required: true },
   { text: '工作部门', value: 'department', required: false },
   { text: '职务', value: 'job', required: false },
   { text: '联系方式', value: 'phone', required: true, reg: validatePhone },
 ])
+
+// 其他关联数据列表
+const dataList = ref({
+  personList: [] as CustomerPerson[],
+  sampleRecords: [] as SimpleSample[],
+  contractRecords: [] as SimpleContract[],
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+// 获取人员列表
+const fetchPerson = function (query = null) {
+  dataList.value.personList = dataForm.value.customerPersonList
+  dataList.value.personList = [{ name: '张三', department: '', job: '总经理', phone: '68387447' }, { name: '李四', department: '营销', job: '销售', phone: '68387447' }]
+}
+// 获取样品列表
+const fetchSampleList = function (query = null) {
+  dataList.value.sampleRecords = [{ sampleCode: 'abc123', sampleName: '血压计', sampleModel: 'xxxx', manufacturingNo: '111', mesureTime: '2022-12-25 00:00:00', mesurePeriod: '6个月' }]
+}
+// 获取合同记录
+const fetchContractRecords = function (query = null) {
+  dataList.value.contractRecords = []
+}
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'personList' | 'sampleRecords' | 'contractRecords' | 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '客户人员',
+    columns: [
+      { text: '姓名', value: 'name' },
+      { text: '工作部门', value: 'department' },
+      { text: '职务', value: 'job' },
+      { text: '联系方式', value: 'phone' },
+    ],
+    pagination: false,
+    list: 'personList',
+    searchFunc: fetchPerson,
+  },
+  {
+    name: '样品记录',
+    columns: [
+      { text: '样品编号', value: 'sampleCode' },
+      { text: '样品名称', value: 'sampleName' },
+      { text: '型号', value: 'sampleModel' },
+      { text: '出厂编号', value: 'manufacturingNo' },
+      { text: '上次检定时间', value: 'mesureTime' },
+      { text: '检定周期', value: 'mesurePeriod' },
+    ],
+    pagination: true,
+    list: 'sampleRecords',
+    searchFunc: fetchSampleList,
+  },
+  {
+    name: '合同记录',
+    columns: [
+      { text: '合同编号', value: 'contractCode' },
+      { text: '合同名称', value: 'contractName' },
+      { text: '合同金额', value: 'contractPrice' },
+      { text: '合同状态', value: 'contractStatus' },
+      { text: '合同时间', value: 'contractTime' },
+      { text: '负责人', value: 'aCompanyDutyman' },
+    ],
+    list: 'contractRecords',
+    pagination: true,
+    searchFunc: fetchContractRecords,
+  },
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+const currentMenu = ref('客户人员')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
 const ruleFormRef = ref<FormInstance>()
 // 人员对象
-const addPersonObj: customerPerson = {
+const addPersonObj: CustomerPerson = {
   id: '',
   personNo: '',
   name: '',
@@ -94,12 +212,12 @@
   phone: '',
   editable: true,
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+
+const SelectionList: Ref<CustomerPerson[]> = ref([])
 // 校验规则
 const rules = ref({
   customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
   businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -107,15 +225,50 @@
 const close = () => {
   $router.back()
 }
-const getInfo = () => {
-  getCustomerDetail({ id: infoId.value }).then((res) => {
-    dataForm.value = res.data
-    companyAddress.value = [dataForm.value.companyCountry, dataForm.value.companyProvince, dataForm.value.companyCity, dataForm.value.companyArea, dataForm.value.companyAddress]
-    invoiceAddress.value = [dataForm.value.invoiceCountry, dataForm.value.invoiceProvince, dataForm.value.invoiceCity, dataForm.value.invoiceArea, dataForm.value.invoiceAddress]
+const companySizeList = ref<dictType[]>([]) // 公司规模列表
+const businessSizeList = ref<dictType[]>([]) // 业务规模列表
+const gradeList = ref<dictType[]>([]) // 履约评级列表
+const evaluationList = ref<dictType[]>([]) // 整体评价列表
+function getDict() {
+  // 获取公司规模
+  getDictByCode('companySize').then((response) => {
+    companySizeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('businessSize').then((response) => {
+    businessSizeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('grade').then((response) => {
+    gradeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('evaluation').then((response) => {
+    evaluationList.value = response.data
   })
 }
+getDict()
+
+const getInfo = () => {
+  getCustomerDetail({ id: infoId.value }).then((res) => {
+    res.data = { bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110107', companyCity: '110100', companyCountry: 'CN', companyProvince: '110000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110107', invoiceCity: '110100', invoiceCountry: 'CN', invoiceProvince: '110000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }
+    dataForm.value = res.data
+    if (pageType.value == 'detail') {
+      companyAddress.value = [dataForm.value.companyCountryName, dataForm.value.companyProvinceName, dataForm.value.companyCityName, dataForm.value.companyAreaName, dataForm.value.companyAddress]
+      invoiceAddress.value = [dataForm.value.invoiceCountryName, dataForm.value.invoiceProvinceName, dataForm.value.invoiceCityName, dataForm.value.invoiceAreaName, dataForm.value.invoiceAddress]
+      for (const item of menu) {
+        item.searchFunc()
+      }
+    }
+    else {
+      companyAddress.value = [dataForm.value.companyCountry, dataForm.value.companyProvince, dataForm.value.companyCity, dataForm.value.companyArea, dataForm.value.companyAddress]
+      invoiceAddress.value = [dataForm.value.invoiceCountry, dataForm.value.invoiceProvince, dataForm.value.invoiceCity, dataForm.value.invoiceArea, dataForm.value.invoiceAddress]
+    }
+  })
+}
+
 // 表格选中
-const handleSelectionChange = (e: customerPerson[]) => {
+const handleSelectionChange = (e: CustomerPerson[]) => {
   SelectionList.value = e
 }
 
@@ -148,13 +301,13 @@
   // 检查上一行必填项
   if (checkPersonList()) {
     setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
+    CustomerPersonList.value.push({ ...addPersonObj })
   }
 }
 // 检查人员列表
 function checkPersonList() {
-  for (let index = 0; index < customerPersonList.value.length; index++) {
-    const item = customerPersonList.value[index]
+  for (let index = 0; index < CustomerPersonList.value.length; index++) {
+    const item = CustomerPersonList.value[index]
     for (const prop of columns.value) {
       // 检查必填
       if (prop.required && !item[prop.value]) {
@@ -175,7 +328,7 @@
 
 // 删除行
 const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
+  CustomerPersonList.value = CustomerPersonList.value.filter((item: CustomerPerson) => {
     return !SelectionList.value.includes(item)
   })
 }
@@ -203,13 +356,26 @@
           type: 'warning',
         },
       ).then(() => {
-        addCustomer(dataForm.value).then((res) => {
-          if (res.code === 200) {
-            dataForm.value.id = res.data.id
-            dataForm.value.customerNo = res.data.customerNo
-            ElMessage.success('已保存')
-          }
-        })
+        if (dataForm.value.id) {
+          updateCustomer(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addCustomer(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
       })
     }
   })
@@ -260,13 +426,13 @@
   fileRef.value.click()
 }
 // 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
+const dblclickRow = (row: CustomerPerson) => {
   setAllRowReadable()
   row.editable = true
 }
 // 将所有人员信息列表置为不可编辑状态
 function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
+  for (const item of CustomerPersonList.value) {
     item.editable = false
   }
 }
@@ -283,9 +449,6 @@
         <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
           打印
         </el-button>
-        <el-button v-if="pageType !== 'detail' && dataForm.customerNo" type="primary" @click="submitForm">
-          提交
-        </el-button>
         <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -313,38 +476,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
-                <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="邮编:">
-                <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="手机:">
-                <el-input
-                  v-model="dataForm.mobile"
-                  :placeholder="pageType === 'detail' ? '' : '请输入手机'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
               <el-form-item label="公司名称:" prop="customerName">
                 <el-input
                   v-model="dataForm.customerName"
@@ -353,6 +484,63 @@
                   :disabled="pageType === 'detail'"
                 />
               </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="公司简称:">
+                <el-input
+                  v-model="dataForm.briefName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入公司简称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务内容:" prop="businessContent">
+                <el-input
+                  v-model="dataForm.businessContent"
+                  :placeholder="pageType === 'detail' ? '' : '请输入业务内容'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="公司规模" prop="companySize">
+                <el-select v-model="dataForm.companySize" :placeholder="pageType === 'detail' ? '' : '请选择公司规模'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in companySizeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务规模" prop="businessSize">
+                <el-select v-model="dataForm.businessSize" :placeholder="pageType === 'detail' ? '' : '请选择业务规模'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in businessSizeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级" prop="grade">
+                <el-select v-model="dataForm.grade" :placeholder="pageType === 'detail' ? '' : '请选择履约评级'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in gradeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价" prop="evaluation">
+                <el-select v-model="dataForm.evaluation" :placeholder="pageType === 'detail' ? '' : '请选择整体评价'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in evaluationList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="dataForm.taxNumber"
+                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item label="银行账户名:">
@@ -365,38 +553,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
-                <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="邮箱:">
-                <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
-              <el-form-item label="公司简称:">
-                <el-input
-                  v-model="dataForm.briefName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司简称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
               <el-form-item label="银行名称:">
                 <el-input
                   v-model="dataForm.bankName"
@@ -407,38 +563,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="电话:">
-                <el-input
-                  v-model="dataForm.phone"
-                  :placeholder="pageType === 'detail' ? '' : '请输入电话'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="网址:">
-                <el-input
-                  v-model="dataForm.website"
-                  :placeholder="pageType === 'detail' ? '' : '请输入网址'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
-              <el-form-item label="业务内容:" prop="businessContent">
-                <el-input
-                  v-model="dataForm.businessContent"
-                  :placeholder="pageType === 'detail' ? '' : '请输入业务内容'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
               <el-form-item label="银行账号:">
                 <el-input
                   v-model="dataForm.bankAccountNumber"
@@ -449,6 +573,36 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
+              <el-form-item label="邮编:">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="负责人:">
+                <el-input
+                  v-model="dataForm.director"
+                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话:">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
               <el-form-item label="传真:">
                 <el-input
                   v-model="dataForm.fax"
@@ -458,15 +612,45 @@
                 />
               </el-form-item>
             </el-col>
+            <el-col :span="6">
+              <el-form-item label="手机:">
+                <el-input
+                  v-model="dataForm.mobile"
+                  :placeholder="pageType === 'detail' ? '' : '请输入手机'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="邮箱:">
+                <el-input
+                  v-model="dataForm.mailbox"
+                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="网址:">
+                <el-input
+                  v-model="dataForm.website"
+                  :placeholder="pageType === 'detail' ? '' : '请输入网址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
           </el-row>
           <el-row :gutter="5">
             <el-form-item label="公司地址:">
-              <address-select :data="companyAddress" @on-change="companyAddressChange" />
+              <address-select :data="companyAddress" :detail="pageType === 'detail'" @on-change="companyAddressChange" />
             </el-form-item>
           </el-row>
           <el-row :gutter="5">
             <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
+              <address-select :data="invoiceAddress" :detail="pageType === 'detail'" @on-change="invoiceAddressChange" />
             </el-form-item>
           </el-row>
           <el-row :gutter="24">
@@ -508,7 +692,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="人员信息">
+    <detail-block v-if="pageType !== 'detail'" title="人员信息">
       <template v-if="pageType !== 'detail'" #btns>
         <el-button type="info" @click="deleteList">
           删除行
@@ -518,7 +702,7 @@
         </el-button>
       </template>
       <el-table
-        :data="customerPersonList"
+        :data="CustomerPersonList"
         border
         style="width: 100%;"
         @selection-change="handleSelectionChange"
@@ -543,6 +727,16 @@
         </el-table-column>
       </el-table>
     </detail-block>
+    <detail-block-switch v-else :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
   </app-container>
 </template>
 
diff --git a/src/views/customer/customerInfo/customerList.vue b/src/views/customer/customerInfo/customerList.vue
index 4b8285e..097f030 100644
--- a/src/views/customer/customerInfo/customerList.vue
+++ b/src/views/customer/customerInfo/customerList.vue
@@ -7,6 +7,7 @@
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
 import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { getDictByCode } from '@/api/system/dict'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
@@ -18,6 +19,34 @@
   offset: 1,
   limit: 20,
 })
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
+// const companySizeList = ref<dictType[]>([]) // 公司规模列表
+const businessSizeList = ref<dictType[]>([]) // 业务规模列表
+const gradeList = ref<dictType[]>([]) // 履约评级列表
+// const evaluationList = ref<dictType[]>([]) // 整体评价列表
+function getDict() {
+  // // 获取公司规模
+  // getDictByCode('companySize').then((response) => {
+  //   companySizeList.value = response.data
+  // })
+  // 获取业务规模
+  getDictByCode('businessSize').then((response) => {
+    businessSizeList.value = response.data
+  })
+  // 获取履约评级
+  getDictByCode('grade').then((response) => {
+    gradeList.value = response.data
+  })
+  // // 获取整体评价
+  // getDictByCode('evaluation').then((response) => {
+  //   evaluationList.value = response.data
+  // })
+}
+getDict()
 // 表头
 const columns = ref<TableColumn[]>([
   { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
@@ -49,7 +78,7 @@
   }
   getCustomerList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
+    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: 'A', companySize: '1', companySizeName: '小微企业', businessSize: '1', businessSizeName: '0-10万', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
     list.value = response.data.rows.map((item: ICustomer) => {
       if (item.companyProvinceName && item.companyCityName) {
         item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
@@ -222,6 +251,16 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <el-select v-model="listQuery.bussinessSize" placeholder="业务规模">
+          <el-option v-for="item in businessSizeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.grade" placeholder="履约评级">
+          <el-option v-for="item in gradeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
diff --git a/src/views/customer/customerInfo/customer_interface.ts b/src/views/customer/customerInfo/customer_interface.ts
index 8f404c4..baee4f3 100644
--- a/src/views/customer/customerInfo/customer_interface.ts
+++ b/src/views/customer/customerInfo/customer_interface.ts
@@ -9,12 +9,11 @@
 }
 
 // 客户人员
-export interface customerPerson {
-  id: number | string // id
+export interface CustomerPerson {
+  id?: number | string // id
   job: string // 职务
   department: string// 部门
-  name: string// 信命
-  personNo: string// 人员编号
+  name: string// 姓名
   phone: string// 联系方式
   editable?: boolean // 是否可编辑
   [key: string]: any
@@ -69,6 +68,44 @@
   remark: string // 备注
   taxNumber: string // 税号
   website: string //	网址
-  customerPersonList: customerPerson[] // 客户人员列表
+  customerPersonList: CustomerPerson[] // 客户人员列表
 }
 
+// 样品记录列表
+export interface SimpleSample {
+  sampleCode: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  mesureTime: string // 上次检定日志
+  mesurePeriod: string // 检定周期
+}
+
+// 合同
+export interface SimpleContract {
+  contractCode: string // 合同编号
+  contractName: string // 合同名称
+  contractPrice: string // 合同金额
+  contractStatus: string // 合同状态
+  contractTime: string // 合同时间
+  aCompanyDutyman: string // 负责人
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}

diff --git a/src/api/customer/advice.ts b/src/api/customer/advice.ts
new file mode 100644
index 0000000..738dac3
--- /dev/null
+++ b/src/api/customer/advice.ts
@@ -0,0 +1,61 @@
+/**
+ * 客户关系-投诉建议请求接口
+ */
+import request from '../index'
+import type { IAdviceQuery } from '@/views/customer/advice/advice_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getAdviceList(data: IAdviceQuery) {
+  return request({
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function deleteAdvice(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 查看详情
+export function getAdviceDetail(data: { id: string }) {
+  return request({
+    url: `${prefix}/supplier/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新增数据
+export function addAdvice(data: object) {
+  return request({
+    url: '/meter/supplier/submit',
+    method: 'post',
+    data,
+  })
+}
+// 编辑数据
+export function updateAdvice(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportAdviceList(data: Omit<IAdviceQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
diff --git a/src/api/customer/customer.ts b/src/api/customer/customer.ts
index cb41f8c..ebdebe6 100644
--- a/src/api/customer/customer.ts
+++ b/src/api/customer/customer.ts
@@ -1,5 +1,5 @@
 /**
- * 溯源供方请求接口
+ * 客户管理请求接口
  */
 import request from '../index'
 import type { ICustomerQuery } from '@/views/customer/customerInfo/customer_interface'
@@ -32,7 +32,7 @@
   })
 }
 
-// 提交数据
+// 新增数据
 export function addCustomer(data: object) {
   return request({
     url: '/meter/supplier/submit',
@@ -40,7 +40,7 @@
     data,
   })
 }
-// 更新数据
+// 编辑数据
 export function updateCustomer(data: object) {
   return request({
     url: `${prefix}/supplier/update`,
@@ -58,3 +58,4 @@
     data,
   })
 }
+
diff --git a/src/router/modules/customer.ts b/src/router/modules/customer.ts
index 58dde63..82693c1 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -97,7 +97,7 @@
       {
         path: 'advice',
         name: 'CustomerAdvice',
-        component: () => import('@/views/customer/adviceList.vue'),
+        component: () => import('@/views/customer/advice/adviceList.vue'),
         meta: {
           title: '客户关系',
           icon: 'ep:key',
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..1ec03b1 100644
--- a/src/views/customer/advice/adviceList.vue
+++ b/src/views/customer/advice/adviceList.vue
@@ -1,37 +1,39 @@
 <script lang="ts" setup name="CustomerList">
 import { getCurrentInstance, ref } from 'vue'
 import type { Ref } from 'vue'
+import type { DateModelType } from 'element-plus'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
-import type { ICustomer, ICustomerQuery } from './advice_interface'
+import type { IAdvice, IAdviceQuery } from './advice_interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
-import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { deleteAdvice, exportAdviceList, getAdviceList } from '@/api/customer/advice'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
-const listQuery: Ref<ICustomerQuery> = ref({
-  bussinessSize: '', // 业务规模
+const listQuery: Ref<IAdviceQuery> = ref({
+  adviceNo: '', // 投诉编号
   customerName: '', // 公司名称
   customerNo: '', // 客户编号
-  grade: '', // 履约评级
+  startTime: '', // 投诉开始时间
+  endTime: '', // 投诉结束时间
   offset: 1,
   limit: 20,
 })
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
 // 表头
 const columns = ref<TableColumn[]>([
-  { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
-  { text: '客户名称', value: 'customerName', width: '120', align: 'center' },
-  { text: '公司规模', value: 'companySizeName', align: 'center' },
-  { text: '业务规模', value: 'businessSizeName', align: 'center' },
-  { text: '履约评级', value: 'gradeName', align: 'center' },
+  { text: '投诉建议编号', value: 'adviceNo', width: '160', align: 'center' },
+  { text: '客户编号', value: 'customerNo', width: '120', align: 'center' },
+  { text: '客户名称', value: 'customerName', align: 'center' },
   { text: '整体评价', value: 'evaluationName', align: 'center' },
-  { text: '公司地址', value: 'briefName', align: 'center' },
-  { text: '创建时间', value: 'createTime', align: 'center', width: '180px' },
-  { text: '备注', value: 'remark', align: 'center' },
+  { text: '投诉/建议内容', value: 'content', align: 'center' },
+  { text: '投诉人', value: 'advicePerson', align: 'center' },
+  { text: '联系方式', value: 'personPhone', align: 'center' },
+  { text: '投诉时间', value: 'createTime', align: 'center', width: '180px' },
 ])
 // 表格数据
-const list = ref<ICustomer[]>([])
+const list = ref<IAdvice[]>([])
 // 总数
 const total = ref(0)
 // 表格加载状态
@@ -47,18 +49,12 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.value.offset = 1
   }
-  getCustomerList(listQuery.value).then((response) => {
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  getAdviceList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
-    list.value = response.data.rows.map((item: ICustomer) => {
-      if (item.companyProvinceName && item.companyCityName) {
-        item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
-      }
-      else {
-        item.briefName = item.companyProvinceName || item.companyCityName
-      }
-      return item
-    })
+    response.data.rows = [{ advicePerson: '张三', personPhone: '87447', createTime: '2023-01-02 08:25:35', adviceNo: '111111', content: '服务态度不好', businessScope: 'test1', evaluation: '1', evaluationName: '优质', customerName: '京东集团', customerNo: 'sygf202211290001', updateTime: '2023-01-10 09:56:57' }]
+    list.value = response.data.rows
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   })
@@ -69,11 +65,11 @@
 }
 
 // 点击编辑/详情
-const handleEdit = (row: ICustomer, pageType: 'edit' | 'detail') => {
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
   $router.push(`/customerManage/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ICustomer) => {
+const handleDelete = (index: string, row: IAdvice) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -84,7 +80,7 @@
     },
   )
     .then(() => {
-      deleteCustomer({ id: row.id }).then((res) => {
+      deleteAdvice({ id: row.id }).then((res) => {
         if (res.code === 200) {
           ElMessage({
             type: 'success',
@@ -102,10 +98,11 @@
 // 点击重置
 const clearList = () => {
   listQuery.value = {
-    bussinessSize: '', // 业务规模
+    adviceNo: '', // 投诉编号
     customerName: '', // 公司名称
     customerNo: '', // 客户编号
-    grade: '', // 履约评级
+    startTime: '', // 投诉开始时间
+    endTime: '', // 投诉结束时间
     offset: 1,
     limit: 20,
   }
@@ -161,15 +158,16 @@
   })
   if (list.value.length > 0) {
     const params = {
-      bussinessSize: listQuery.value.bussinessSize, // 业务规模
+      adviceNo: listQuery.value.adviceNo, // 投诉编号
       customerName: listQuery.value.customerName, // 公司名称
       customerNo: listQuery.value.customerNo, // 客户编号
-      grade: listQuery.value.grade, // 履约评级
+      startTime: listQuery.value.startTime, // 投诉开始时间
+      endTime: listQuery.value.endTime, // 投诉结束时间
       ids: checkoutList.value,
     }
-    exportCustomerList(params).then((res) => {
+    exportAdviceList(params).then((res) => {
       const blob = new Blob([res.data])
-      exportFile(blob, '客户列表.xlsx')
+      exportFile(blob, '客户关系.xlsx')
     })
   }
   else {
@@ -188,11 +186,11 @@
     }
   })
   if (checkoutList.value.length <= 0 && list.value.length > 0) {
-    printJSON(list.value, properties, '客户列表')
+    printJSON(list.value, properties, '客户关系')
   }
   else if (checkoutList.value.length > 0) {
-    const printList = list.value.filter((item: ICustomer) => checkoutList.value.includes(item.id))
-    printJSON(printList, properties, '客户列表')
+    const printList = list.value.filter((item: IAdvice) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '客户关系')
   }
   else {
     ElMessage.warning('无可打印内容')
@@ -211,6 +209,13 @@
       <search-item>
         <el-input
           v-model.trim="listQuery.customerNo"
+          placeholder="投诉/建议编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerNo"
           placeholder="客户编号"
           clearable
         />
@@ -222,6 +227,19 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD HH:mm:ss"
+            value-format="YYYY-MM-DD h:m:s"
+            start-placeholder="投诉查询开始时间"
+            end-placeholder="投诉查询结束时间"
+          />
+        </search-item>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..7e61a12 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,37 @@
 // 列表查询条件
-export interface ICustomerQuery {
-  bussinessSize: string // 业务规模
+export interface IAdviceQuery {
+  adviceNo: string // 投诉编号
   customerName: string // 公司名称
   customerNo: string // 客户编号
-  grade: string // 履约评级
+  startTime: string // 投诉开始时间
+  endTime: string // 投诉结束时间
   offset: number
   limit: number
 }
 
-// 客户人员
-export interface customerPerson {
-  id: number | string // id
-  job: string // 职务
-  department: string// 部门
-  name: string// 信命
-  personNo: string// 人员编号
-  phone: string// 联系方式
-  editable?: boolean // 是否可编辑
-  [key: string]: any
-}
-
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
-  customerName: string // 公司名称
-  customerNo: string //	客户编号（列表、更新接口参数）
-  bankAccount: string // 银行账户名
-  bankAccountNumber: string // 银行账号
-  bankName: string // 银行名称
-  briefName: string // 公司简称
-  businessScope: string // 公司业务范围
-  grade: string // 履约评级
-  gradeName?: string // 履约评级
-  companySize: string
-  companySizeName?: string
-  businessSize: string // 业务规模
-  businessSizeName?: string // 业务规模
-  evaluation: string // 整体评价
-  evaluationName?: string // 整体评价
-  companyAddressBref?: string // 公司地址-拼接省市
-  companyAddress: string // 公司地址-详细地址
-  companyArea: string // 公司地址-区
-  companyCity: string //	公司地址-市
-  companyCountry: string // 公司地址-国家
-  companyProvince: string // 公司地址-省
-  companyAreaName: string // 公司地址-区
-  companyCityName: string //	公司地址-市
-  companyCountryName: string // 公司地址-国家
-  companyProvinceName: string // 公司地址-省
-  createTime?: string // 创建时间
-  director: string // 负责人
+// 投诉建议
+export interface IAdvice {
   id: string // 主键id（列表、更新接口参数）
-  fax: string // 传真
-  invoiceAddress: string // 开票地址-详细地址
-  invoiceArea: string // 开票地址-区
-  invoiceCity: string //	开票地址-市
-  invoiceCountry: string // 开票地址-国家
-  invoiceProvince: string // 开票地址-省
-  invoiceAreaName: string // 开票地址-区
-  invoiceCityName: string //	开票地址-市
-  invoiceCountryName: string // 开票地址-国家
-  invoiceProvinceName: string // 开票地址-省
-  mailbox: string // 邮箱
-  minioFileName: string // 上传文件返回名称
-  mobile: string // 手机
-  phone: string // 电话
-  postalCode: string //	邮编
-  remark: string // 备注
-  taxNumber: string // 税号
-  website: string //	网址
-  customerPersonList: customerPerson[] // 客户人员列表
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  personPhone: string // 投诉人联系方式
+  customerName: string // 公司名称
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  content: string // 投诉内容
+  handleStatus: string // 处置状态
+  handleMessage: string // 处置意见
+  grade?: string // 履约评级
+  gradeName?: string // 履约评级
+  companySize?: string // 公司规模
+  companySizeName?: string // 公司规模
+  businessSize?: string // 业务规模
+  businessSizeName?: string // 业务规模
+  evaluation?: string // 整体评价
+  evaluationName?: string // 整体评价
+  createTime?: string // 创建时间
+  createUser: string // 创建人
 }
 
diff --git a/src/views/customer/customerInfo/customerEdit.vue b/src/views/customer/customerInfo/customerEdit.vue
index 9abfc48..f7f0fd5 100644
--- a/src/views/customer/customerInfo/customerEdit.vue
+++ b/src/views/customer/customerInfo/customerEdit.vue
@@ -5,13 +5,16 @@
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './customer_interface'
+import type { CustomerPerson, ICustomer, SimpleCertification, SimpleContract, SimpleMeasureRecord, SimpleSample } from './customer_interface'
+import TemplateTable from './templateTable.vue'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
 import { UploadFile } from '@/api/measure/file'
 import { addCustomer, getCustomerDetail, updateCustomer } from '@/api/customer/customer'
 import { validatePhone } from '@/utils/validate'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -21,6 +24,11 @@
   add: '新建',
   detail: '详情',
 }// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -75,17 +83,127 @@
 })
 const companyAddress = ref<string[]>([]) // 公司地址
 const invoiceAddress = ref<string[]>([]) // 开票地址
-const customerPersonList: Ref<customerPerson[]> = ref([]) // 人员列表
+const CustomerPersonList: Ref<CustomerPerson[]> = ref([]) // 人员列表
 const columns = ref([
-  { text: '人员编号', value: 'personNo', required: false },
   { text: '姓名', value: 'name', required: true },
   { text: '工作部门', value: 'department', required: false },
   { text: '职务', value: 'job', required: false },
   { text: '联系方式', value: 'phone', required: true, reg: validatePhone },
 ])
+
+// 其他关联数据列表
+const dataList = ref({
+  personList: [] as CustomerPerson[],
+  sampleRecords: [] as SimpleSample[],
+  contractRecords: [] as SimpleContract[],
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+// 获取人员列表
+const fetchPerson = function (query = null) {
+  dataList.value.personList = dataForm.value.customerPersonList
+  dataList.value.personList = [{ name: '张三', department: '', job: '总经理', phone: '68387447' }, { name: '李四', department: '营销', job: '销售', phone: '68387447' }]
+}
+// 获取样品列表
+const fetchSampleList = function (query = null) {
+  dataList.value.sampleRecords = [{ sampleCode: 'abc123', sampleName: '血压计', sampleModel: 'xxxx', manufacturingNo: '111', mesureTime: '2022-12-25 00:00:00', mesurePeriod: '6个月' }]
+}
+// 获取合同记录
+const fetchContractRecords = function (query = null) {
+  dataList.value.contractRecords = []
+}
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'personList' | 'sampleRecords' | 'contractRecords' | 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '客户人员',
+    columns: [
+      { text: '姓名', value: 'name' },
+      { text: '工作部门', value: 'department' },
+      { text: '职务', value: 'job' },
+      { text: '联系方式', value: 'phone' },
+    ],
+    pagination: false,
+    list: 'personList',
+    searchFunc: fetchPerson,
+  },
+  {
+    name: '样品记录',
+    columns: [
+      { text: '样品编号', value: 'sampleCode' },
+      { text: '样品名称', value: 'sampleName' },
+      { text: '型号', value: 'sampleModel' },
+      { text: '出厂编号', value: 'manufacturingNo' },
+      { text: '上次检定时间', value: 'mesureTime' },
+      { text: '检定周期', value: 'mesurePeriod' },
+    ],
+    pagination: true,
+    list: 'sampleRecords',
+    searchFunc: fetchSampleList,
+  },
+  {
+    name: '合同记录',
+    columns: [
+      { text: '合同编号', value: 'contractCode' },
+      { text: '合同名称', value: 'contractName' },
+      { text: '合同金额', value: 'contractPrice' },
+      { text: '合同状态', value: 'contractStatus' },
+      { text: '合同时间', value: 'contractTime' },
+      { text: '负责人', value: 'aCompanyDutyman' },
+    ],
+    list: 'contractRecords',
+    pagination: true,
+    searchFunc: fetchContractRecords,
+  },
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+const currentMenu = ref('客户人员')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
 const ruleFormRef = ref<FormInstance>()
 // 人员对象
-const addPersonObj: customerPerson = {
+const addPersonObj: CustomerPerson = {
   id: '',
   personNo: '',
   name: '',
@@ -94,12 +212,12 @@
   phone: '',
   editable: true,
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+
+const SelectionList: Ref<CustomerPerson[]> = ref([])
 // 校验规则
 const rules = ref({
   customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
   businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -107,15 +225,50 @@
 const close = () => {
   $router.back()
 }
-const getInfo = () => {
-  getCustomerDetail({ id: infoId.value }).then((res) => {
-    dataForm.value = res.data
-    companyAddress.value = [dataForm.value.companyCountry, dataForm.value.companyProvince, dataForm.value.companyCity, dataForm.value.companyArea, dataForm.value.companyAddress]
-    invoiceAddress.value = [dataForm.value.invoiceCountry, dataForm.value.invoiceProvince, dataForm.value.invoiceCity, dataForm.value.invoiceArea, dataForm.value.invoiceAddress]
+const companySizeList = ref<dictType[]>([]) // 公司规模列表
+const businessSizeList = ref<dictType[]>([]) // 业务规模列表
+const gradeList = ref<dictType[]>([]) // 履约评级列表
+const evaluationList = ref<dictType[]>([]) // 整体评价列表
+function getDict() {
+  // 获取公司规模
+  getDictByCode('companySize').then((response) => {
+    companySizeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('businessSize').then((response) => {
+    businessSizeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('grade').then((response) => {
+    gradeList.value = response.data
+  })
+  // 获取公司规模
+  getDictByCode('evaluation').then((response) => {
+    evaluationList.value = response.data
   })
 }
+getDict()
+
+const getInfo = () => {
+  getCustomerDetail({ id: infoId.value }).then((res) => {
+    res.data = { bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110107', companyCity: '110100', companyCountry: 'CN', companyProvince: '110000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110107', invoiceCity: '110100', invoiceCountry: 'CN', invoiceProvince: '110000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }
+    dataForm.value = res.data
+    if (pageType.value == 'detail') {
+      companyAddress.value = [dataForm.value.companyCountryName, dataForm.value.companyProvinceName, dataForm.value.companyCityName, dataForm.value.companyAreaName, dataForm.value.companyAddress]
+      invoiceAddress.value = [dataForm.value.invoiceCountryName, dataForm.value.invoiceProvinceName, dataForm.value.invoiceCityName, dataForm.value.invoiceAreaName, dataForm.value.invoiceAddress]
+      for (const item of menu) {
+        item.searchFunc()
+      }
+    }
+    else {
+      companyAddress.value = [dataForm.value.companyCountry, dataForm.value.companyProvince, dataForm.value.companyCity, dataForm.value.companyArea, dataForm.value.companyAddress]
+      invoiceAddress.value = [dataForm.value.invoiceCountry, dataForm.value.invoiceProvince, dataForm.value.invoiceCity, dataForm.value.invoiceArea, dataForm.value.invoiceAddress]
+    }
+  })
+}
+
 // 表格选中
-const handleSelectionChange = (e: customerPerson[]) => {
+const handleSelectionChange = (e: CustomerPerson[]) => {
   SelectionList.value = e
 }
 
@@ -148,13 +301,13 @@
   // 检查上一行必填项
   if (checkPersonList()) {
     setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
+    CustomerPersonList.value.push({ ...addPersonObj })
   }
 }
 // 检查人员列表
 function checkPersonList() {
-  for (let index = 0; index < customerPersonList.value.length; index++) {
-    const item = customerPersonList.value[index]
+  for (let index = 0; index < CustomerPersonList.value.length; index++) {
+    const item = CustomerPersonList.value[index]
     for (const prop of columns.value) {
       // 检查必填
       if (prop.required && !item[prop.value]) {
@@ -175,7 +328,7 @@
 
 // 删除行
 const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
+  CustomerPersonList.value = CustomerPersonList.value.filter((item: CustomerPerson) => {
     return !SelectionList.value.includes(item)
   })
 }
@@ -203,13 +356,26 @@
           type: 'warning',
         },
       ).then(() => {
-        addCustomer(dataForm.value).then((res) => {
-          if (res.code === 200) {
-            dataForm.value.id = res.data.id
-            dataForm.value.customerNo = res.data.customerNo
-            ElMessage.success('已保存')
-          }
-        })
+        if (dataForm.value.id) {
+          updateCustomer(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addCustomer(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
       })
     }
   })
@@ -260,13 +426,13 @@
   fileRef.value.click()
 }
 // 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
+const dblclickRow = (row: CustomerPerson) => {
   setAllRowReadable()
   row.editable = true
 }
 // 将所有人员信息列表置为不可编辑状态
 function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
+  for (const item of CustomerPersonList.value) {
     item.editable = false
   }
 }
@@ -283,9 +449,6 @@
         <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
           打印
         </el-button>
-        <el-button v-if="pageType !== 'detail' && dataForm.customerNo" type="primary" @click="submitForm">
-          提交
-        </el-button>
         <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -313,38 +476,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
-                <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="邮编:">
-                <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="手机:">
-                <el-input
-                  v-model="dataForm.mobile"
-                  :placeholder="pageType === 'detail' ? '' : '请输入手机'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
               <el-form-item label="公司名称:" prop="customerName">
                 <el-input
                   v-model="dataForm.customerName"
@@ -353,6 +484,63 @@
                   :disabled="pageType === 'detail'"
                 />
               </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="公司简称:">
+                <el-input
+                  v-model="dataForm.briefName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入公司简称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务内容:" prop="businessContent">
+                <el-input
+                  v-model="dataForm.businessContent"
+                  :placeholder="pageType === 'detail' ? '' : '请输入业务内容'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="公司规模" prop="companySize">
+                <el-select v-model="dataForm.companySize" :placeholder="pageType === 'detail' ? '' : '请选择公司规模'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in companySizeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务规模" prop="businessSize">
+                <el-select v-model="dataForm.businessSize" :placeholder="pageType === 'detail' ? '' : '请选择业务规模'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in businessSizeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级" prop="grade">
+                <el-select v-model="dataForm.grade" :placeholder="pageType === 'detail' ? '' : '请选择履约评级'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in gradeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价" prop="evaluation">
+                <el-select v-model="dataForm.evaluation" :placeholder="pageType === 'detail' ? '' : '请选择整体评价'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in evaluationList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="dataForm.taxNumber"
+                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item label="银行账户名:">
@@ -365,38 +553,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
-                <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="邮箱:">
-                <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
-              <el-form-item label="公司简称:">
-                <el-input
-                  v-model="dataForm.briefName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司简称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
               <el-form-item label="银行名称:">
                 <el-input
                   v-model="dataForm.bankName"
@@ -407,38 +563,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="电话:">
-                <el-input
-                  v-model="dataForm.phone"
-                  :placeholder="pageType === 'detail' ? '' : '请输入电话'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="网址:">
-                <el-input
-                  v-model="dataForm.website"
-                  :placeholder="pageType === 'detail' ? '' : '请输入网址'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="6">
-              <el-form-item label="业务内容:" prop="businessContent">
-                <el-input
-                  v-model="dataForm.businessContent"
-                  :placeholder="pageType === 'detail' ? '' : '请输入业务内容'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
               <el-form-item label="银行账号:">
                 <el-input
                   v-model="dataForm.bankAccountNumber"
@@ -449,6 +573,36 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
+              <el-form-item label="邮编:">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="负责人:">
+                <el-input
+                  v-model="dataForm.director"
+                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话:">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
               <el-form-item label="传真:">
                 <el-input
                   v-model="dataForm.fax"
@@ -458,15 +612,45 @@
                 />
               </el-form-item>
             </el-col>
+            <el-col :span="6">
+              <el-form-item label="手机:">
+                <el-input
+                  v-model="dataForm.mobile"
+                  :placeholder="pageType === 'detail' ? '' : '请输入手机'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="邮箱:">
+                <el-input
+                  v-model="dataForm.mailbox"
+                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="网址:">
+                <el-input
+                  v-model="dataForm.website"
+                  :placeholder="pageType === 'detail' ? '' : '请输入网址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
           </el-row>
           <el-row :gutter="5">
             <el-form-item label="公司地址:">
-              <address-select :data="companyAddress" @on-change="companyAddressChange" />
+              <address-select :data="companyAddress" :detail="pageType === 'detail'" @on-change="companyAddressChange" />
             </el-form-item>
           </el-row>
           <el-row :gutter="5">
             <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
+              <address-select :data="invoiceAddress" :detail="pageType === 'detail'" @on-change="invoiceAddressChange" />
             </el-form-item>
           </el-row>
           <el-row :gutter="24">
@@ -508,7 +692,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="人员信息">
+    <detail-block v-if="pageType !== 'detail'" title="人员信息">
       <template v-if="pageType !== 'detail'" #btns>
         <el-button type="info" @click="deleteList">
           删除行
@@ -518,7 +702,7 @@
         </el-button>
       </template>
       <el-table
-        :data="customerPersonList"
+        :data="CustomerPersonList"
         border
         style="width: 100%;"
         @selection-change="handleSelectionChange"
@@ -543,6 +727,16 @@
         </el-table-column>
       </el-table>
     </detail-block>
+    <detail-block-switch v-else :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
   </app-container>
 </template>
 
diff --git a/src/views/customer/customerInfo/customerList.vue b/src/views/customer/customerInfo/customerList.vue
index 4b8285e..097f030 100644
--- a/src/views/customer/customerInfo/customerList.vue
+++ b/src/views/customer/customerInfo/customerList.vue
@@ -7,6 +7,7 @@
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
 import { deleteCustomer, exportCustomerList, getCustomerList } from '@/api/customer/customer'
+import { getDictByCode } from '@/api/system/dict'
 const { proxy } = getCurrentInstance() as any
 const $router = useRouter()
 // 查询条件
@@ -18,6 +19,34 @@
   offset: 1,
   limit: 20,
 })
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
+// const companySizeList = ref<dictType[]>([]) // 公司规模列表
+const businessSizeList = ref<dictType[]>([]) // 业务规模列表
+const gradeList = ref<dictType[]>([]) // 履约评级列表
+// const evaluationList = ref<dictType[]>([]) // 整体评价列表
+function getDict() {
+  // // 获取公司规模
+  // getDictByCode('companySize').then((response) => {
+  //   companySizeList.value = response.data
+  // })
+  // 获取业务规模
+  getDictByCode('businessSize').then((response) => {
+    businessSizeList.value = response.data
+  })
+  // 获取履约评级
+  getDictByCode('grade').then((response) => {
+    gradeList.value = response.data
+  })
+  // // 获取整体评价
+  // getDictByCode('evaluation').then((response) => {
+  //   evaluationList.value = response.data
+  // })
+}
+getDict()
 // 表头
 const columns = ref<TableColumn[]>([
   { text: '客户编号', value: 'customerNo', width: '160', align: 'center' },
@@ -49,7 +78,7 @@
   }
   getCustomerList(listQuery.value).then((response) => {
     // 模拟数据
-    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: '优质', companySize: '1', companySizeName: '优质', businessSize: '1', businessSizeName: '小微企业', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
+    response.data.rows = [{ bankAccount: '银行账户', bankAccountNumber: '银行账号', bankName: '工商银行', briefName: '京东', businessContent: '电商', businessScope: 'test1', grade: '1', gradeName: 'A', companySize: '1', companySizeName: '小微企业', businessSize: '1', businessSizeName: '0-10万', evaluation: '1', evaluationName: '优质', companyAddress: '五棵松', companyAreaName: '海淀区', companyCityName: '北京市', companyCountryName: '中国', companyProvinceName: '北京', companyArea: '110007', companyCity: '110000', companyCountry: 'CN', companyProvince: '100000', createTime: '2022-11-29 21:14:50', director: '刘强东', fax: 'test1', id: '1597579843411234817', invoiceAddress: '五棵松', invoiceAreaName: '海淀区', invoiceCityName: '北京市', invoiceCountryName: '中国', invoiceProvinceName: '北京', invoiceyArea: '110007', invoiceCity: '110000', invoiceCountry: 'CN', invoiceProvince: '100000', mailbox: 'test1', minioFileName: 'test', mobile: 'test', phone: '950618', postalCode: 'test', remark: 'test', customerName: '京东集团', customerNo: 'sygf202211290001', taxNumber: 'test', updateTime: '2023-01-10 09:56:57', website: 'test' }]
     list.value = response.data.rows.map((item: ICustomer) => {
       if (item.companyProvinceName && item.companyCityName) {
         item.briefName = `${item.companyProvinceName}/${item.companyCityName}`
@@ -222,6 +251,16 @@
           clearable
         />
       </search-item>
+      <search-item>
+        <el-select v-model="listQuery.bussinessSize" placeholder="业务规模">
+          <el-option v-for="item in businessSizeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.grade" placeholder="履约评级">
+          <el-option v-for="item in gradeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
diff --git a/src/views/customer/customerInfo/customer_interface.ts b/src/views/customer/customerInfo/customer_interface.ts
index 8f404c4..baee4f3 100644
--- a/src/views/customer/customerInfo/customer_interface.ts
+++ b/src/views/customer/customerInfo/customer_interface.ts
@@ -9,12 +9,11 @@
 }
 
 // 客户人员
-export interface customerPerson {
-  id: number | string // id
+export interface CustomerPerson {
+  id?: number | string // id
   job: string // 职务
   department: string// 部门
-  name: string// 信命
-  personNo: string// 人员编号
+  name: string// 姓名
   phone: string// 联系方式
   editable?: boolean // 是否可编辑
   [key: string]: any
@@ -69,6 +68,44 @@
   remark: string // 备注
   taxNumber: string // 税号
   website: string //	网址
-  customerPersonList: customerPerson[] // 客户人员列表
+  customerPersonList: CustomerPerson[] // 客户人员列表
 }
 
+// 样品记录列表
+export interface SimpleSample {
+  sampleCode: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  mesureTime: string // 上次检定日志
+  mesurePeriod: string // 检定周期
+}
+
+// 合同
+export interface SimpleContract {
+  contractCode: string // 合同编号
+  contractName: string // 合同名称
+  contractPrice: string // 合同金额
+  contractStatus: string // 合同状态
+  contractTime: string // 合同时间
+  aCompanyDutyman: string // 负责人
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}
diff --git a/src/views/customer/customerInfo/templateTable.vue b/src/views/customer/customerInfo/templateTable.vue
new file mode 100644
index 0000000..2ce17ba
--- /dev/null
+++ b/src/views/customer/customerInfo/templateTable.vue
@@ -0,0 +1,56 @@
+<!-- 表格记录 -->
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+const props = defineProps({
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  columns: {
+    type: Array as PropType<TableColumn[]>,
+    required: true,
+  },
+  list: {
+    type: Array,
+    required: true,
+  },
+  total: {
+    type: Number,
+    default: 0,
+  },
+  pagination: {
+    type: Boolean,
+    default: true,
+  },
+})
+const emits = defineEmits(['changePage'])
+const searchQuery = ref({
+  limit: 10,
+  offset: 1,
+})
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.value.offset = val.page
+  }
+  emits('changePage', searchQuery)
+}
+</script>
+
+<template>
+  <div>
+    <normal-table
+      :data="list" :total="total" :columns="columns"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+      :list-loading="loading"
+      :pagination="pagination"
+      @change="changePage"
+    />
+  </div>
+</template>
+