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 19ffc5c..88c0f5d 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -32,7 +32,7 @@
     path: '/sample',
     component: Layout,
     redirect: '/sample/list',
-    name: 'File',
+    name: 'Sample',
     meta: {
       title: '样品库',
       icon: 'ep:key',
@@ -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 19ffc5c..88c0f5d 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -32,7 +32,7 @@
     path: '/sample',
     component: Layout,
     redirect: '/sample/list',
-    name: 'File',
+    name: 'Sample',
     meta: {
       title: '样品库',
       icon: 'ep:key',
@@ -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/adviceEdit.vue b/src/views/customer/advice/adviceEdit.vue
index 0dafa50..71da364 100644
--- a/src/views/customer/advice/adviceEdit.vue
+++ b/src/views/customer/advice/adviceEdit.vue
@@ -4,14 +4,13 @@
  */
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './advice_interface'
-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 dayjs from 'dayjs'
+import type { FormInstance } from 'element-plus'
+import type { IAdvice, SimpleCompany } from './advice_interface'
+import { addAdvice, getAdviceDetail, updateAdvice } from '@/api/customer/advice'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -20,7 +19,13 @@
   edit: '编辑',
   add: '新建',
   detail: '详情',
-}// 字典
+}
+// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -29,77 +34,57 @@
     infoId.value = $route.params.id as string
   }
 }
-const dataForm: Ref<ICustomer> = ref({
+const dataForm: Ref<IAdvice> = ref({
   id: '',
-  businessContent: '',
-  customerName: '',
-  customerNo: '',
-  bankAccount: '',
-  bankAccountNumber: '',
-  bankName: '',
-  briefName: '',
-  businessScope: '',
-  grade: '', // 履约评级
-  companySize: '', // 公司规模
-  businessSize: '', // 业务规模
-  evaluation: '', // 整体评价
-  companyAddress: '',
-  companyArea: '',
-  companyCity: '',
-  companyCountry: '',
-  companyProvince: '',
-  companyAreaName: '',
-  companyCityName: '',
-  companyCountryName: '',
-  companyProvinceName: '',
-  director: '',
-  fax: '',
-  invoiceAddress: '',
-  invoiceArea: '',
-  invoiceCity: '',
-  invoiceCountry: '',
-  invoiceProvince: '',
-  invoiceAreaName: '',
-  invoiceCityName: '',
-  invoiceCountryName: '',
-  invoiceProvinceName: '',
-  mailbox: '',
-  minioFileName: '',
-  mobile: '',
-  phone: '',
-  postalCode: '',
-  remark: '',
-  taxNumber: '',
-  website: '',
-  customerPersonList: [],
+  adviceNo: '', // 投诉编号
+  adviceClass: '', // 投诉类型
+  adviceType: '', // 投诉类别
+  advicePerson: '', // 投诉人-名称
+  personPhone: '', // 投诉人联系方式
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  content: '', // 投诉内容
+  handleStatus: '', // 处置状态
+  handleMessage: '', // 处置意见
+  adviceTime: '', // 投诉时间
 })
-const companyAddress = ref<string[]>([]) // 公司地址
-const invoiceAddress = ref<string[]>([]) // 开票地址
-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 companyInfo: SimpleCompany = reactive({
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  grade: '', // 履约评级
+  gradeName: '', // 履约评级
+  companySize: '', // 公司规模
+  companySizeName: '', // 公司规模
+  businessSize: '', // 业务规模
+  businessSizeName: '', // 业务规模
+  evaluation: '', // 整体评价
+  evaluationName: '', // 整体评价
+})
 const ruleFormRef = ref<FormInstance>()
-// 人员对象
-const addPersonObj: customerPerson = {
-  id: '',
-  personNo: '',
-  name: '',
-  department: '',
-  job: '',
-  phone: '',
-  editable: true,
+
+const adviceClassList = ref<dictType[]>([]) // 投诉建议类型
+const adviceTypeList = ref<dictType[]>([]) // 投诉建议类别
+function getDict() {
+  // 获取公司规模
+  getDictByCode('adviceClass').then((response) => {
+    adviceClassList.value = response.data
+  })
+  // 获取业务规模
+  getDictByCode('adviceType').then((response) => {
+    adviceTypeList.value = response.data
+  })
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+getDict()
+
 // 校验规则
 const rules = ref({
-  customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
-  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+  customerName: [{ required: true, message: '公司名称不能为空', trigger: ['blur', 'change'] }],
+  advicePerson: [{ required: true, message: '投诉人不能为空', trigger: ['blur', 'change'] }],
+  adviceClass: [{ required: true, message: '投诉/建议类型必选', trigger: ['blur', 'change'] }],
+  adviceTime: [{ required: true, message: '投诉/建议时间不能为空', trigger: ['blur', 'change'] }],
+  adviceType: [{ required: true, message: '投诉/建议类别必选', trigger: ['blur', 'change'] }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -108,82 +93,59 @@
   $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 handleSelectionChange = (e: customerPerson[]) => {
-  SelectionList.value = e
-}
-
-// 公司地址变化后给对象赋值
-function companyAddressChange(addressObj: IAddress) {
-  dataForm.value.companyCountry = addressObj.country
-  dataForm.value.companyProvince = addressObj.province
-  dataForm.value.companyCity = addressObj.city
-  dataForm.value.companyArea = addressObj.area
-  dataForm.value.companyAddress = addressObj.address
-  dataForm.value.companyCountryName = addressObj.countryName
-  dataForm.value.companyProvinceName = addressObj.provinceName
-  dataForm.value.companyCityName = addressObj.cityName
-  dataForm.value.companyAreaName = addressObj.areaName
-}
-
-function invoiceAddressChange(addressObj: IAddress) {
-  dataForm.value.invoiceCountry = addressObj.country
-  dataForm.value.invoiceProvince = addressObj.province
-  dataForm.value.invoiceCity = addressObj.city
-  dataForm.value.invoiceArea = addressObj.area
-  dataForm.value.invoiceAddress = addressObj.address
-  dataForm.value.invoiceCountryName = addressObj.countryName
-  dataForm.value.invoiceProvinceName = addressObj.provinceName
-  dataForm.value.invoiceCityName = addressObj.cityName
-  dataForm.value.invoiceAreaName = addressObj.areaName
-}
-// 点击增加行
-const addRow = () => {
-  // 检查上一行必填项
-  if (checkPersonList()) {
-    setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
-  }
-}
-// 检查人员列表
-function checkPersonList() {
-  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]) {
-        ElMessage.warning(`请先完善第${index + 1}行中${prop.text}`)
-        return false
-      }
-      // 验证正则
-      if (prop.reg && typeof prop.reg === 'function') {
-        if (!prop.reg(item[prop.value])) {
-          ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
-          return false
-        }
-      }
+  loading.value = true
+  getAdviceDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      id: '1597579843411234817',
+      adviceNo: 'ts202201022131', // 投诉编号
+      adviceClass: '0', // 投诉类型
+      adviceType: '1', // 投诉类别
+      advicePerson: '张三', // 投诉人-名称
+      personPhone: '87447', // 投诉人联系方式
+      customerName: '特别大公司', // 公司名称
+      adviceTime: '2022-12-25 23:58:00',
+      customerNo: '', //	客户编号
+      customerId: '', // 客户id
+      content: '没人接电话', // 投诉内容
+      handleStatus: '0', // 处置状态-0未处置，1已处置
+      handleMessage: '', // 处置意见
     }
-  }
-  return true
+    dataForm.value = res.data
+    loading.value = false
+  })
 }
 
-// 删除行
-const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
-    return !SelectionList.value.includes(item)
-  })
+const tempCompanyList = ref<SimpleCompany[]>([
+  { customerId: '111', customerNo: '12312456', customerName: '京东', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '112', customerNo: '12312451', customerName: '阿里', businessSizeName: '0~10万', companySizeName: '大企业', gradeName: '一般', evaluationName: '重点客户' },
+  { customerId: '113', customerNo: '12312452', customerName: '淘宝', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '114', customerNo: '12312453', customerName: '天猫', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '115', customerNo: '12312454', customerName: '203d', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '116', customerNo: '12312456', customerName: '万达', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+])
+// 查询公司列表
+const queryCompany = (queryString: string, cb: any) => {
+  // TODO: 远程查询符合要求的公司列表
+  const results = queryString ? tempCompanyList.value.filter((item) => { item.customerName.includes(queryString) }) : tempCompanyList.value
+  cb(results)
+}
+
+// 选中
+const handleCompanySelect = (select: Record<string, any>) => {
+  const item = select as SimpleCompany
+  companyInfo.customerName = item.customerName
+  companyInfo.customerNo = item.customerNo
+  companyInfo.customerId = item.customerId
+  companyInfo.gradeName = item.gradeName
+  companyInfo.companySizeName = item.companySizeName
+  companyInfo.businessSizeName = item.businessSizeName
+  companyInfo.evaluationName = item.evaluationName
 }
 // 打印表单
 const printObj = ref({
   id: 'form', // 需要打印元素的id
-  popTitle: '客户详情', // 打印配置页上方的标题
-  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>客户详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  popTitle: '投诉/建议详情', // 打印配置页上方的标题
+  // extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>投诉/建议详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
   preview: false, // 是否启动预览模式，默认是false
   standard: '',
   extarCss: '',
@@ -203,109 +165,67 @@
           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) {
+          updateAdvice(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 {
+          addAdvice(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)
+            }
+          })
+        }
       })
     }
   })
 }
-
-// 提交表单
-function submitForm() {
-  if (dataForm.value.id) {
-    const params = {
-      id: dataForm.value.id,
-      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
-    }
-    addCustomer(params).then((res) => {
-      ElMessage.success('提交成功')
-      close()
-    })
-  }
-  else {
-    ElMessage.info('请先保存再提交！')
-  }
-}
-const isShow = ref(false)
-const testForm = ref({
-  fileList: [],
-  fileContent: '',
-})
-const fileRef = ref() // 文件上传input
-const onFileChange = (event: any) => {
-  // 原生上传
-  console.log(event.target.files)
-  if (event.target.files?.length !== 0) {
-    // 创建formdata对象
-    const fd = new FormData()
-    fd.append('multipartFile', event.target.files[0])
-    UploadFile(fd).then((res) => {
-      if (res.code === 200) {
-        dataForm.value.minioFileName = res.data[0]
-        // 重置当前验证
-        ElMessage.success('文件上传成功')
-      }
-      else {
-        ElMessage.error(res.message)
-      }
-    })
-  }
-}
-const upload = () => {
-  fileRef.value.click()
-}
-// 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
-  setAllRowReadable()
-  row.editable = true
-}
-// 将所有人员信息列表置为不可编辑状态
-function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
-    item.editable = false
-  }
-}
 // 非添加页面获取详情
 if (pageType.value !== 'add') {
   getInfo()
 }
+else {
+  dataForm.value.adviceTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
 </script>
 
 <template>
   <app-container>
-    <detail-page :title="`客户-${textMap[pageType]}`">
-      <template #btns>
-        <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>
-        <el-button type="info" @click="close">
-          关闭
-        </el-button>
-      </template>
-      <div id="form">
-        <el-form
-          ref="ruleFormRef"
-          :model="dataForm"
-          :label-width="120"
-          label-position="right"
-          :rules="rules"
-        >
+    <el-form
+      id="form"
+      ref="ruleFormRef"
+      :model="dataForm"
+      :label-width="120"
+      label-position="right"
+      :rules="rules"
+    >
+      <detail-page :title="`投诉/建议-${textMap[pageType]}`">
+        <template #btns>
+          <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+            打印
+          </el-button>
+          <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+            保存
+          </el-button>
+          <el-button type="info" @click="close">
+            关闭
+          </el-button>
+        </template>
+        <div>
           <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="客户编号:" prop="customerNo">
+              <el-form-item label="投诉/建议编号" prop="adviceNo">
                 <el-input
-                  v-model="dataForm.customerNo"
+                  v-model="dataForm.adviceNo"
                   :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
                   :class="{ 'detail-input': pageType === 'detail' }"
                   disabled
@@ -313,236 +233,150 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
+              <el-form-item label="投诉/建议类型" prop="adviceClass">
+                <el-select v-model="dataForm.adviceClass" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类型'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceClassList" :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="advicePerson">
                 <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  v-model="dataForm.advicePerson"
+                  :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-form-item label="投诉人联系方式" prop="personPhone">
                 <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  v-model="dataForm.personPhone"
+                  :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="adviceTime">
+                <el-date-picker
+                  v-model="dataForm.adviceTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  class="full-width-input"
+                  :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 label="投诉/建议类别" prop="adviceType">
+                <el-select v-model="dataForm.adviceType" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类别'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceTypeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="公司名称:" prop="customerName">
-                <el-input
+              <el-form-item label="公司名称" prop="customerName">
+                <el-autocomplete
                   v-model="dataForm.customerName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司名称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :fetch-suggestions="queryCompany"
+                  placeholder="请输入公司名称"
+                  value-key="customerName"
+                  class="full-width-input"
                   :disabled="pageType === 'detail'"
+                  @select="handleCompanySelect"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="银行账户名:">
+              <el-form-item label="客户编号">
                 <el-input
-                  v-model="dataForm.bankAccount"
-                  :placeholder="pageType === 'detail' ? '' : '请输入银行账户名'"
+                  v-model="companyInfo.customerNo"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
+              <el-form-item label="公司规模">
                 <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  v-model="companyInfo.companySizeName"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="邮箱:">
+              <el-form-item label="业务规模">
                 <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  v-model="companyInfo.businessSizeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级">
+                <el-input
+                  v-model="companyInfo.gradeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价">
+                <el-input
+                  v-model="companyInfo.evaluationName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="投诉/建议内容" prop="content">
+                <el-input
+                  v-model="dataForm.content"
+                  :maxlength="250"
+                  :rows="4"
+                  type="textarea"
+                  :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"
-                  :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.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"
-                  :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"
-                  :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" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="5">
-            <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="14">
-              <el-form-item label="公司业务范围:">
-                <el-input
-                  v-model="dataForm.businessScope"
-                  :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="14">
-              <el-form-item label="备注:">
-                <el-input
-                  v-model="dataForm.remark"
-                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24" class="marg">
-            <el-col :span="14">
-              <el-form-item label="附件:">
-                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
-                <span v-else-if="pageType === 'detail'">无</span>
-                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
-                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
-                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
-                </el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </detail-page>
-    <detail-block title="人员信息">
-      <template v-if="pageType !== 'detail'" #btns>
-        <el-button type="info" @click="deleteList">
-          删除行
-        </el-button>
-        <el-button type="primary" @click="addRow">
-          增加行
-        </el-button>
-      </template>
-      <el-table
-        :data="customerPersonList"
-        border
-        style="width: 100%;"
-        @selection-change="handleSelectionChange"
-        @row-dblclick="dblclickRow"
-      >
-        <el-table-column type="selection" width="38" />
-        <el-table-column align="center" label="序号" width="80" type="index" />
-        <el-table-column
-          v-for="item in columns"
-          :key="item.value"
-          :prop="item.value"
-          :label="item.text"
-          align="center"
-        >
-          <template #header>
-            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
-          </template>
-          <template #default="scope">
-            <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
-            <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
-          </template>
-        </el-table-column>
-      </el-table>
-    </detail-block>
+        </div>
+      </detail-page>
+      <detail-block title="处置意见">
+        <el-row>
+          <el-col :span="24">
+            <el-input
+              v-model="dataForm.handleMessage"
+              :maxlength="250"
+              :rows="4"
+              type="textarea"
+              :placeholder="pageType === 'detail' ? '' : '请输入处置意见'"
+              :class="{ 'detail-input': pageType === 'detail' }"
+              :disabled="pageType === 'detail'"
+            />
+          </el-col>
+        </el-row>
+      </detail-block>
+    </el-form>
   </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 19ffc5c..88c0f5d 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -32,7 +32,7 @@
     path: '/sample',
     component: Layout,
     redirect: '/sample/list',
-    name: 'File',
+    name: 'Sample',
     meta: {
       title: '样品库',
       icon: 'ep:key',
@@ -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/adviceEdit.vue b/src/views/customer/advice/adviceEdit.vue
index 0dafa50..71da364 100644
--- a/src/views/customer/advice/adviceEdit.vue
+++ b/src/views/customer/advice/adviceEdit.vue
@@ -4,14 +4,13 @@
  */
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './advice_interface'
-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 dayjs from 'dayjs'
+import type { FormInstance } from 'element-plus'
+import type { IAdvice, SimpleCompany } from './advice_interface'
+import { addAdvice, getAdviceDetail, updateAdvice } from '@/api/customer/advice'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -20,7 +19,13 @@
   edit: '编辑',
   add: '新建',
   detail: '详情',
-}// 字典
+}
+// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -29,77 +34,57 @@
     infoId.value = $route.params.id as string
   }
 }
-const dataForm: Ref<ICustomer> = ref({
+const dataForm: Ref<IAdvice> = ref({
   id: '',
-  businessContent: '',
-  customerName: '',
-  customerNo: '',
-  bankAccount: '',
-  bankAccountNumber: '',
-  bankName: '',
-  briefName: '',
-  businessScope: '',
-  grade: '', // 履约评级
-  companySize: '', // 公司规模
-  businessSize: '', // 业务规模
-  evaluation: '', // 整体评价
-  companyAddress: '',
-  companyArea: '',
-  companyCity: '',
-  companyCountry: '',
-  companyProvince: '',
-  companyAreaName: '',
-  companyCityName: '',
-  companyCountryName: '',
-  companyProvinceName: '',
-  director: '',
-  fax: '',
-  invoiceAddress: '',
-  invoiceArea: '',
-  invoiceCity: '',
-  invoiceCountry: '',
-  invoiceProvince: '',
-  invoiceAreaName: '',
-  invoiceCityName: '',
-  invoiceCountryName: '',
-  invoiceProvinceName: '',
-  mailbox: '',
-  minioFileName: '',
-  mobile: '',
-  phone: '',
-  postalCode: '',
-  remark: '',
-  taxNumber: '',
-  website: '',
-  customerPersonList: [],
+  adviceNo: '', // 投诉编号
+  adviceClass: '', // 投诉类型
+  adviceType: '', // 投诉类别
+  advicePerson: '', // 投诉人-名称
+  personPhone: '', // 投诉人联系方式
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  content: '', // 投诉内容
+  handleStatus: '', // 处置状态
+  handleMessage: '', // 处置意见
+  adviceTime: '', // 投诉时间
 })
-const companyAddress = ref<string[]>([]) // 公司地址
-const invoiceAddress = ref<string[]>([]) // 开票地址
-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 companyInfo: SimpleCompany = reactive({
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  grade: '', // 履约评级
+  gradeName: '', // 履约评级
+  companySize: '', // 公司规模
+  companySizeName: '', // 公司规模
+  businessSize: '', // 业务规模
+  businessSizeName: '', // 业务规模
+  evaluation: '', // 整体评价
+  evaluationName: '', // 整体评价
+})
 const ruleFormRef = ref<FormInstance>()
-// 人员对象
-const addPersonObj: customerPerson = {
-  id: '',
-  personNo: '',
-  name: '',
-  department: '',
-  job: '',
-  phone: '',
-  editable: true,
+
+const adviceClassList = ref<dictType[]>([]) // 投诉建议类型
+const adviceTypeList = ref<dictType[]>([]) // 投诉建议类别
+function getDict() {
+  // 获取公司规模
+  getDictByCode('adviceClass').then((response) => {
+    adviceClassList.value = response.data
+  })
+  // 获取业务规模
+  getDictByCode('adviceType').then((response) => {
+    adviceTypeList.value = response.data
+  })
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+getDict()
+
 // 校验规则
 const rules = ref({
-  customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
-  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+  customerName: [{ required: true, message: '公司名称不能为空', trigger: ['blur', 'change'] }],
+  advicePerson: [{ required: true, message: '投诉人不能为空', trigger: ['blur', 'change'] }],
+  adviceClass: [{ required: true, message: '投诉/建议类型必选', trigger: ['blur', 'change'] }],
+  adviceTime: [{ required: true, message: '投诉/建议时间不能为空', trigger: ['blur', 'change'] }],
+  adviceType: [{ required: true, message: '投诉/建议类别必选', trigger: ['blur', 'change'] }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -108,82 +93,59 @@
   $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 handleSelectionChange = (e: customerPerson[]) => {
-  SelectionList.value = e
-}
-
-// 公司地址变化后给对象赋值
-function companyAddressChange(addressObj: IAddress) {
-  dataForm.value.companyCountry = addressObj.country
-  dataForm.value.companyProvince = addressObj.province
-  dataForm.value.companyCity = addressObj.city
-  dataForm.value.companyArea = addressObj.area
-  dataForm.value.companyAddress = addressObj.address
-  dataForm.value.companyCountryName = addressObj.countryName
-  dataForm.value.companyProvinceName = addressObj.provinceName
-  dataForm.value.companyCityName = addressObj.cityName
-  dataForm.value.companyAreaName = addressObj.areaName
-}
-
-function invoiceAddressChange(addressObj: IAddress) {
-  dataForm.value.invoiceCountry = addressObj.country
-  dataForm.value.invoiceProvince = addressObj.province
-  dataForm.value.invoiceCity = addressObj.city
-  dataForm.value.invoiceArea = addressObj.area
-  dataForm.value.invoiceAddress = addressObj.address
-  dataForm.value.invoiceCountryName = addressObj.countryName
-  dataForm.value.invoiceProvinceName = addressObj.provinceName
-  dataForm.value.invoiceCityName = addressObj.cityName
-  dataForm.value.invoiceAreaName = addressObj.areaName
-}
-// 点击增加行
-const addRow = () => {
-  // 检查上一行必填项
-  if (checkPersonList()) {
-    setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
-  }
-}
-// 检查人员列表
-function checkPersonList() {
-  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]) {
-        ElMessage.warning(`请先完善第${index + 1}行中${prop.text}`)
-        return false
-      }
-      // 验证正则
-      if (prop.reg && typeof prop.reg === 'function') {
-        if (!prop.reg(item[prop.value])) {
-          ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
-          return false
-        }
-      }
+  loading.value = true
+  getAdviceDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      id: '1597579843411234817',
+      adviceNo: 'ts202201022131', // 投诉编号
+      adviceClass: '0', // 投诉类型
+      adviceType: '1', // 投诉类别
+      advicePerson: '张三', // 投诉人-名称
+      personPhone: '87447', // 投诉人联系方式
+      customerName: '特别大公司', // 公司名称
+      adviceTime: '2022-12-25 23:58:00',
+      customerNo: '', //	客户编号
+      customerId: '', // 客户id
+      content: '没人接电话', // 投诉内容
+      handleStatus: '0', // 处置状态-0未处置，1已处置
+      handleMessage: '', // 处置意见
     }
-  }
-  return true
+    dataForm.value = res.data
+    loading.value = false
+  })
 }
 
-// 删除行
-const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
-    return !SelectionList.value.includes(item)
-  })
+const tempCompanyList = ref<SimpleCompany[]>([
+  { customerId: '111', customerNo: '12312456', customerName: '京东', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '112', customerNo: '12312451', customerName: '阿里', businessSizeName: '0~10万', companySizeName: '大企业', gradeName: '一般', evaluationName: '重点客户' },
+  { customerId: '113', customerNo: '12312452', customerName: '淘宝', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '114', customerNo: '12312453', customerName: '天猫', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '115', customerNo: '12312454', customerName: '203d', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '116', customerNo: '12312456', customerName: '万达', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+])
+// 查询公司列表
+const queryCompany = (queryString: string, cb: any) => {
+  // TODO: 远程查询符合要求的公司列表
+  const results = queryString ? tempCompanyList.value.filter((item) => { item.customerName.includes(queryString) }) : tempCompanyList.value
+  cb(results)
+}
+
+// 选中
+const handleCompanySelect = (select: Record<string, any>) => {
+  const item = select as SimpleCompany
+  companyInfo.customerName = item.customerName
+  companyInfo.customerNo = item.customerNo
+  companyInfo.customerId = item.customerId
+  companyInfo.gradeName = item.gradeName
+  companyInfo.companySizeName = item.companySizeName
+  companyInfo.businessSizeName = item.businessSizeName
+  companyInfo.evaluationName = item.evaluationName
 }
 // 打印表单
 const printObj = ref({
   id: 'form', // 需要打印元素的id
-  popTitle: '客户详情', // 打印配置页上方的标题
-  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>客户详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  popTitle: '投诉/建议详情', // 打印配置页上方的标题
+  // extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>投诉/建议详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
   preview: false, // 是否启动预览模式，默认是false
   standard: '',
   extarCss: '',
@@ -203,109 +165,67 @@
           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) {
+          updateAdvice(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 {
+          addAdvice(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)
+            }
+          })
+        }
       })
     }
   })
 }
-
-// 提交表单
-function submitForm() {
-  if (dataForm.value.id) {
-    const params = {
-      id: dataForm.value.id,
-      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
-    }
-    addCustomer(params).then((res) => {
-      ElMessage.success('提交成功')
-      close()
-    })
-  }
-  else {
-    ElMessage.info('请先保存再提交！')
-  }
-}
-const isShow = ref(false)
-const testForm = ref({
-  fileList: [],
-  fileContent: '',
-})
-const fileRef = ref() // 文件上传input
-const onFileChange = (event: any) => {
-  // 原生上传
-  console.log(event.target.files)
-  if (event.target.files?.length !== 0) {
-    // 创建formdata对象
-    const fd = new FormData()
-    fd.append('multipartFile', event.target.files[0])
-    UploadFile(fd).then((res) => {
-      if (res.code === 200) {
-        dataForm.value.minioFileName = res.data[0]
-        // 重置当前验证
-        ElMessage.success('文件上传成功')
-      }
-      else {
-        ElMessage.error(res.message)
-      }
-    })
-  }
-}
-const upload = () => {
-  fileRef.value.click()
-}
-// 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
-  setAllRowReadable()
-  row.editable = true
-}
-// 将所有人员信息列表置为不可编辑状态
-function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
-    item.editable = false
-  }
-}
 // 非添加页面获取详情
 if (pageType.value !== 'add') {
   getInfo()
 }
+else {
+  dataForm.value.adviceTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
 </script>
 
 <template>
   <app-container>
-    <detail-page :title="`客户-${textMap[pageType]}`">
-      <template #btns>
-        <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>
-        <el-button type="info" @click="close">
-          关闭
-        </el-button>
-      </template>
-      <div id="form">
-        <el-form
-          ref="ruleFormRef"
-          :model="dataForm"
-          :label-width="120"
-          label-position="right"
-          :rules="rules"
-        >
+    <el-form
+      id="form"
+      ref="ruleFormRef"
+      :model="dataForm"
+      :label-width="120"
+      label-position="right"
+      :rules="rules"
+    >
+      <detail-page :title="`投诉/建议-${textMap[pageType]}`">
+        <template #btns>
+          <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+            打印
+          </el-button>
+          <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+            保存
+          </el-button>
+          <el-button type="info" @click="close">
+            关闭
+          </el-button>
+        </template>
+        <div>
           <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="客户编号:" prop="customerNo">
+              <el-form-item label="投诉/建议编号" prop="adviceNo">
                 <el-input
-                  v-model="dataForm.customerNo"
+                  v-model="dataForm.adviceNo"
                   :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
                   :class="{ 'detail-input': pageType === 'detail' }"
                   disabled
@@ -313,236 +233,150 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
+              <el-form-item label="投诉/建议类型" prop="adviceClass">
+                <el-select v-model="dataForm.adviceClass" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类型'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceClassList" :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="advicePerson">
                 <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  v-model="dataForm.advicePerson"
+                  :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-form-item label="投诉人联系方式" prop="personPhone">
                 <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  v-model="dataForm.personPhone"
+                  :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="adviceTime">
+                <el-date-picker
+                  v-model="dataForm.adviceTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  class="full-width-input"
+                  :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 label="投诉/建议类别" prop="adviceType">
+                <el-select v-model="dataForm.adviceType" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类别'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceTypeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="公司名称:" prop="customerName">
-                <el-input
+              <el-form-item label="公司名称" prop="customerName">
+                <el-autocomplete
                   v-model="dataForm.customerName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司名称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :fetch-suggestions="queryCompany"
+                  placeholder="请输入公司名称"
+                  value-key="customerName"
+                  class="full-width-input"
                   :disabled="pageType === 'detail'"
+                  @select="handleCompanySelect"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="银行账户名:">
+              <el-form-item label="客户编号">
                 <el-input
-                  v-model="dataForm.bankAccount"
-                  :placeholder="pageType === 'detail' ? '' : '请输入银行账户名'"
+                  v-model="companyInfo.customerNo"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
+              <el-form-item label="公司规模">
                 <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  v-model="companyInfo.companySizeName"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="邮箱:">
+              <el-form-item label="业务规模">
                 <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  v-model="companyInfo.businessSizeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级">
+                <el-input
+                  v-model="companyInfo.gradeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价">
+                <el-input
+                  v-model="companyInfo.evaluationName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="投诉/建议内容" prop="content">
+                <el-input
+                  v-model="dataForm.content"
+                  :maxlength="250"
+                  :rows="4"
+                  type="textarea"
+                  :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"
-                  :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.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"
-                  :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"
-                  :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" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="5">
-            <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="14">
-              <el-form-item label="公司业务范围:">
-                <el-input
-                  v-model="dataForm.businessScope"
-                  :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="14">
-              <el-form-item label="备注:">
-                <el-input
-                  v-model="dataForm.remark"
-                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24" class="marg">
-            <el-col :span="14">
-              <el-form-item label="附件:">
-                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
-                <span v-else-if="pageType === 'detail'">无</span>
-                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
-                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
-                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
-                </el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </detail-page>
-    <detail-block title="人员信息">
-      <template v-if="pageType !== 'detail'" #btns>
-        <el-button type="info" @click="deleteList">
-          删除行
-        </el-button>
-        <el-button type="primary" @click="addRow">
-          增加行
-        </el-button>
-      </template>
-      <el-table
-        :data="customerPersonList"
-        border
-        style="width: 100%;"
-        @selection-change="handleSelectionChange"
-        @row-dblclick="dblclickRow"
-      >
-        <el-table-column type="selection" width="38" />
-        <el-table-column align="center" label="序号" width="80" type="index" />
-        <el-table-column
-          v-for="item in columns"
-          :key="item.value"
-          :prop="item.value"
-          :label="item.text"
-          align="center"
-        >
-          <template #header>
-            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
-          </template>
-          <template #default="scope">
-            <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
-            <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
-          </template>
-        </el-table-column>
-      </el-table>
-    </detail-block>
+        </div>
+      </detail-page>
+      <detail-block title="处置意见">
+        <el-row>
+          <el-col :span="24">
+            <el-input
+              v-model="dataForm.handleMessage"
+              :maxlength="250"
+              :rows="4"
+              type="textarea"
+              :placeholder="pageType === 'detail' ? '' : '请输入处置意见'"
+              :class="{ 'detail-input': pageType === 'detail' }"
+              :disabled="pageType === 'detail'"
+            />
+          </el-col>
+        </el-row>
+      </detail-block>
+    </el-form>
   </app-container>
 </template>
 
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..328d4d5 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 = [{ id: '1597579843411234817', 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') => {
-  $router.push(`/customerManage/${pageType}/${row.id}`)
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
+  $router.push(`/customerManage/advice/${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,
   }
@@ -150,7 +147,7 @@
 }
 // 添加客户
 const add = () => {
-  $router.push('/customerManage/add')
+  $router.push('/customerManage/advice/add')
 }
 // 导出
 const exportAll = () => {
@@ -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,25 +227,38 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
-      <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      <input v-show="false" ref="fileRef" type="file" accept="*" @change="onFileChange">
       <normal-table
         :data="list" :total="total" :columns="columns" :query="listQuery"
-        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/advice/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +275,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/advice/delete')"
                 size="small"
                 link
                 type="danger"

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 19ffc5c..88c0f5d 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -32,7 +32,7 @@
     path: '/sample',
     component: Layout,
     redirect: '/sample/list',
-    name: 'File',
+    name: 'Sample',
     meta: {
       title: '样品库',
       icon: 'ep:key',
@@ -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/adviceEdit.vue b/src/views/customer/advice/adviceEdit.vue
index 0dafa50..71da364 100644
--- a/src/views/customer/advice/adviceEdit.vue
+++ b/src/views/customer/advice/adviceEdit.vue
@@ -4,14 +4,13 @@
  */
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './advice_interface'
-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 dayjs from 'dayjs'
+import type { FormInstance } from 'element-plus'
+import type { IAdvice, SimpleCompany } from './advice_interface'
+import { addAdvice, getAdviceDetail, updateAdvice } from '@/api/customer/advice'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -20,7 +19,13 @@
   edit: '编辑',
   add: '新建',
   detail: '详情',
-}// 字典
+}
+// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -29,77 +34,57 @@
     infoId.value = $route.params.id as string
   }
 }
-const dataForm: Ref<ICustomer> = ref({
+const dataForm: Ref<IAdvice> = ref({
   id: '',
-  businessContent: '',
-  customerName: '',
-  customerNo: '',
-  bankAccount: '',
-  bankAccountNumber: '',
-  bankName: '',
-  briefName: '',
-  businessScope: '',
-  grade: '', // 履约评级
-  companySize: '', // 公司规模
-  businessSize: '', // 业务规模
-  evaluation: '', // 整体评价
-  companyAddress: '',
-  companyArea: '',
-  companyCity: '',
-  companyCountry: '',
-  companyProvince: '',
-  companyAreaName: '',
-  companyCityName: '',
-  companyCountryName: '',
-  companyProvinceName: '',
-  director: '',
-  fax: '',
-  invoiceAddress: '',
-  invoiceArea: '',
-  invoiceCity: '',
-  invoiceCountry: '',
-  invoiceProvince: '',
-  invoiceAreaName: '',
-  invoiceCityName: '',
-  invoiceCountryName: '',
-  invoiceProvinceName: '',
-  mailbox: '',
-  minioFileName: '',
-  mobile: '',
-  phone: '',
-  postalCode: '',
-  remark: '',
-  taxNumber: '',
-  website: '',
-  customerPersonList: [],
+  adviceNo: '', // 投诉编号
+  adviceClass: '', // 投诉类型
+  adviceType: '', // 投诉类别
+  advicePerson: '', // 投诉人-名称
+  personPhone: '', // 投诉人联系方式
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  content: '', // 投诉内容
+  handleStatus: '', // 处置状态
+  handleMessage: '', // 处置意见
+  adviceTime: '', // 投诉时间
 })
-const companyAddress = ref<string[]>([]) // 公司地址
-const invoiceAddress = ref<string[]>([]) // 开票地址
-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 companyInfo: SimpleCompany = reactive({
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  grade: '', // 履约评级
+  gradeName: '', // 履约评级
+  companySize: '', // 公司规模
+  companySizeName: '', // 公司规模
+  businessSize: '', // 业务规模
+  businessSizeName: '', // 业务规模
+  evaluation: '', // 整体评价
+  evaluationName: '', // 整体评价
+})
 const ruleFormRef = ref<FormInstance>()
-// 人员对象
-const addPersonObj: customerPerson = {
-  id: '',
-  personNo: '',
-  name: '',
-  department: '',
-  job: '',
-  phone: '',
-  editable: true,
+
+const adviceClassList = ref<dictType[]>([]) // 投诉建议类型
+const adviceTypeList = ref<dictType[]>([]) // 投诉建议类别
+function getDict() {
+  // 获取公司规模
+  getDictByCode('adviceClass').then((response) => {
+    adviceClassList.value = response.data
+  })
+  // 获取业务规模
+  getDictByCode('adviceType').then((response) => {
+    adviceTypeList.value = response.data
+  })
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+getDict()
+
 // 校验规则
 const rules = ref({
-  customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
-  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+  customerName: [{ required: true, message: '公司名称不能为空', trigger: ['blur', 'change'] }],
+  advicePerson: [{ required: true, message: '投诉人不能为空', trigger: ['blur', 'change'] }],
+  adviceClass: [{ required: true, message: '投诉/建议类型必选', trigger: ['blur', 'change'] }],
+  adviceTime: [{ required: true, message: '投诉/建议时间不能为空', trigger: ['blur', 'change'] }],
+  adviceType: [{ required: true, message: '投诉/建议类别必选', trigger: ['blur', 'change'] }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -108,82 +93,59 @@
   $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 handleSelectionChange = (e: customerPerson[]) => {
-  SelectionList.value = e
-}
-
-// 公司地址变化后给对象赋值
-function companyAddressChange(addressObj: IAddress) {
-  dataForm.value.companyCountry = addressObj.country
-  dataForm.value.companyProvince = addressObj.province
-  dataForm.value.companyCity = addressObj.city
-  dataForm.value.companyArea = addressObj.area
-  dataForm.value.companyAddress = addressObj.address
-  dataForm.value.companyCountryName = addressObj.countryName
-  dataForm.value.companyProvinceName = addressObj.provinceName
-  dataForm.value.companyCityName = addressObj.cityName
-  dataForm.value.companyAreaName = addressObj.areaName
-}
-
-function invoiceAddressChange(addressObj: IAddress) {
-  dataForm.value.invoiceCountry = addressObj.country
-  dataForm.value.invoiceProvince = addressObj.province
-  dataForm.value.invoiceCity = addressObj.city
-  dataForm.value.invoiceArea = addressObj.area
-  dataForm.value.invoiceAddress = addressObj.address
-  dataForm.value.invoiceCountryName = addressObj.countryName
-  dataForm.value.invoiceProvinceName = addressObj.provinceName
-  dataForm.value.invoiceCityName = addressObj.cityName
-  dataForm.value.invoiceAreaName = addressObj.areaName
-}
-// 点击增加行
-const addRow = () => {
-  // 检查上一行必填项
-  if (checkPersonList()) {
-    setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
-  }
-}
-// 检查人员列表
-function checkPersonList() {
-  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]) {
-        ElMessage.warning(`请先完善第${index + 1}行中${prop.text}`)
-        return false
-      }
-      // 验证正则
-      if (prop.reg && typeof prop.reg === 'function') {
-        if (!prop.reg(item[prop.value])) {
-          ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
-          return false
-        }
-      }
+  loading.value = true
+  getAdviceDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      id: '1597579843411234817',
+      adviceNo: 'ts202201022131', // 投诉编号
+      adviceClass: '0', // 投诉类型
+      adviceType: '1', // 投诉类别
+      advicePerson: '张三', // 投诉人-名称
+      personPhone: '87447', // 投诉人联系方式
+      customerName: '特别大公司', // 公司名称
+      adviceTime: '2022-12-25 23:58:00',
+      customerNo: '', //	客户编号
+      customerId: '', // 客户id
+      content: '没人接电话', // 投诉内容
+      handleStatus: '0', // 处置状态-0未处置，1已处置
+      handleMessage: '', // 处置意见
     }
-  }
-  return true
+    dataForm.value = res.data
+    loading.value = false
+  })
 }
 
-// 删除行
-const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
-    return !SelectionList.value.includes(item)
-  })
+const tempCompanyList = ref<SimpleCompany[]>([
+  { customerId: '111', customerNo: '12312456', customerName: '京东', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '112', customerNo: '12312451', customerName: '阿里', businessSizeName: '0~10万', companySizeName: '大企业', gradeName: '一般', evaluationName: '重点客户' },
+  { customerId: '113', customerNo: '12312452', customerName: '淘宝', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '114', customerNo: '12312453', customerName: '天猫', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '115', customerNo: '12312454', customerName: '203d', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '116', customerNo: '12312456', customerName: '万达', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+])
+// 查询公司列表
+const queryCompany = (queryString: string, cb: any) => {
+  // TODO: 远程查询符合要求的公司列表
+  const results = queryString ? tempCompanyList.value.filter((item) => { item.customerName.includes(queryString) }) : tempCompanyList.value
+  cb(results)
+}
+
+// 选中
+const handleCompanySelect = (select: Record<string, any>) => {
+  const item = select as SimpleCompany
+  companyInfo.customerName = item.customerName
+  companyInfo.customerNo = item.customerNo
+  companyInfo.customerId = item.customerId
+  companyInfo.gradeName = item.gradeName
+  companyInfo.companySizeName = item.companySizeName
+  companyInfo.businessSizeName = item.businessSizeName
+  companyInfo.evaluationName = item.evaluationName
 }
 // 打印表单
 const printObj = ref({
   id: 'form', // 需要打印元素的id
-  popTitle: '客户详情', // 打印配置页上方的标题
-  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>客户详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  popTitle: '投诉/建议详情', // 打印配置页上方的标题
+  // extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>投诉/建议详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
   preview: false, // 是否启动预览模式，默认是false
   standard: '',
   extarCss: '',
@@ -203,109 +165,67 @@
           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) {
+          updateAdvice(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 {
+          addAdvice(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)
+            }
+          })
+        }
       })
     }
   })
 }
-
-// 提交表单
-function submitForm() {
-  if (dataForm.value.id) {
-    const params = {
-      id: dataForm.value.id,
-      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
-    }
-    addCustomer(params).then((res) => {
-      ElMessage.success('提交成功')
-      close()
-    })
-  }
-  else {
-    ElMessage.info('请先保存再提交！')
-  }
-}
-const isShow = ref(false)
-const testForm = ref({
-  fileList: [],
-  fileContent: '',
-})
-const fileRef = ref() // 文件上传input
-const onFileChange = (event: any) => {
-  // 原生上传
-  console.log(event.target.files)
-  if (event.target.files?.length !== 0) {
-    // 创建formdata对象
-    const fd = new FormData()
-    fd.append('multipartFile', event.target.files[0])
-    UploadFile(fd).then((res) => {
-      if (res.code === 200) {
-        dataForm.value.minioFileName = res.data[0]
-        // 重置当前验证
-        ElMessage.success('文件上传成功')
-      }
-      else {
-        ElMessage.error(res.message)
-      }
-    })
-  }
-}
-const upload = () => {
-  fileRef.value.click()
-}
-// 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
-  setAllRowReadable()
-  row.editable = true
-}
-// 将所有人员信息列表置为不可编辑状态
-function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
-    item.editable = false
-  }
-}
 // 非添加页面获取详情
 if (pageType.value !== 'add') {
   getInfo()
 }
+else {
+  dataForm.value.adviceTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
 </script>
 
 <template>
   <app-container>
-    <detail-page :title="`客户-${textMap[pageType]}`">
-      <template #btns>
-        <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>
-        <el-button type="info" @click="close">
-          关闭
-        </el-button>
-      </template>
-      <div id="form">
-        <el-form
-          ref="ruleFormRef"
-          :model="dataForm"
-          :label-width="120"
-          label-position="right"
-          :rules="rules"
-        >
+    <el-form
+      id="form"
+      ref="ruleFormRef"
+      :model="dataForm"
+      :label-width="120"
+      label-position="right"
+      :rules="rules"
+    >
+      <detail-page :title="`投诉/建议-${textMap[pageType]}`">
+        <template #btns>
+          <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+            打印
+          </el-button>
+          <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+            保存
+          </el-button>
+          <el-button type="info" @click="close">
+            关闭
+          </el-button>
+        </template>
+        <div>
           <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="客户编号:" prop="customerNo">
+              <el-form-item label="投诉/建议编号" prop="adviceNo">
                 <el-input
-                  v-model="dataForm.customerNo"
+                  v-model="dataForm.adviceNo"
                   :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
                   :class="{ 'detail-input': pageType === 'detail' }"
                   disabled
@@ -313,236 +233,150 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
+              <el-form-item label="投诉/建议类型" prop="adviceClass">
+                <el-select v-model="dataForm.adviceClass" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类型'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceClassList" :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="advicePerson">
                 <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  v-model="dataForm.advicePerson"
+                  :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-form-item label="投诉人联系方式" prop="personPhone">
                 <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  v-model="dataForm.personPhone"
+                  :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="adviceTime">
+                <el-date-picker
+                  v-model="dataForm.adviceTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  class="full-width-input"
+                  :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 label="投诉/建议类别" prop="adviceType">
+                <el-select v-model="dataForm.adviceType" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类别'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceTypeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="公司名称:" prop="customerName">
-                <el-input
+              <el-form-item label="公司名称" prop="customerName">
+                <el-autocomplete
                   v-model="dataForm.customerName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司名称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :fetch-suggestions="queryCompany"
+                  placeholder="请输入公司名称"
+                  value-key="customerName"
+                  class="full-width-input"
                   :disabled="pageType === 'detail'"
+                  @select="handleCompanySelect"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="银行账户名:">
+              <el-form-item label="客户编号">
                 <el-input
-                  v-model="dataForm.bankAccount"
-                  :placeholder="pageType === 'detail' ? '' : '请输入银行账户名'"
+                  v-model="companyInfo.customerNo"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
+              <el-form-item label="公司规模">
                 <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  v-model="companyInfo.companySizeName"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="邮箱:">
+              <el-form-item label="业务规模">
                 <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  v-model="companyInfo.businessSizeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级">
+                <el-input
+                  v-model="companyInfo.gradeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价">
+                <el-input
+                  v-model="companyInfo.evaluationName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="投诉/建议内容" prop="content">
+                <el-input
+                  v-model="dataForm.content"
+                  :maxlength="250"
+                  :rows="4"
+                  type="textarea"
+                  :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"
-                  :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.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"
-                  :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"
-                  :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" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="5">
-            <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="14">
-              <el-form-item label="公司业务范围:">
-                <el-input
-                  v-model="dataForm.businessScope"
-                  :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="14">
-              <el-form-item label="备注:">
-                <el-input
-                  v-model="dataForm.remark"
-                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24" class="marg">
-            <el-col :span="14">
-              <el-form-item label="附件:">
-                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
-                <span v-else-if="pageType === 'detail'">无</span>
-                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
-                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
-                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
-                </el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </detail-page>
-    <detail-block title="人员信息">
-      <template v-if="pageType !== 'detail'" #btns>
-        <el-button type="info" @click="deleteList">
-          删除行
-        </el-button>
-        <el-button type="primary" @click="addRow">
-          增加行
-        </el-button>
-      </template>
-      <el-table
-        :data="customerPersonList"
-        border
-        style="width: 100%;"
-        @selection-change="handleSelectionChange"
-        @row-dblclick="dblclickRow"
-      >
-        <el-table-column type="selection" width="38" />
-        <el-table-column align="center" label="序号" width="80" type="index" />
-        <el-table-column
-          v-for="item in columns"
-          :key="item.value"
-          :prop="item.value"
-          :label="item.text"
-          align="center"
-        >
-          <template #header>
-            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
-          </template>
-          <template #default="scope">
-            <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
-            <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
-          </template>
-        </el-table-column>
-      </el-table>
-    </detail-block>
+        </div>
+      </detail-page>
+      <detail-block title="处置意见">
+        <el-row>
+          <el-col :span="24">
+            <el-input
+              v-model="dataForm.handleMessage"
+              :maxlength="250"
+              :rows="4"
+              type="textarea"
+              :placeholder="pageType === 'detail' ? '' : '请输入处置意见'"
+              :class="{ 'detail-input': pageType === 'detail' }"
+              :disabled="pageType === 'detail'"
+            />
+          </el-col>
+        </el-row>
+      </detail-block>
+    </el-form>
   </app-container>
 </template>
 
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..328d4d5 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 = [{ id: '1597579843411234817', 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') => {
-  $router.push(`/customerManage/${pageType}/${row.id}`)
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
+  $router.push(`/customerManage/advice/${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,
   }
@@ -150,7 +147,7 @@
 }
 // 添加客户
 const add = () => {
-  $router.push('/customerManage/add')
+  $router.push('/customerManage/advice/add')
 }
 // 导出
 const exportAll = () => {
@@ -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,25 +227,38 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
-      <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      <input v-show="false" ref="fileRef" type="file" accept="*" @change="onFileChange">
       <normal-table
         :data="list" :total="total" :columns="columns" :query="listQuery"
-        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/advice/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +275,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/advice/delete')"
                 size="small"
                 link
                 type="danger"
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..e1800b7 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,49 @@
 // 列表查询条件
-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 IAdvice {
+  id: string // 主键id（列表、更新接口参数）
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  adviceTime: 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 // 创建人
 }
 
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
+// 公司简易
+export interface SimpleCompany {
   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 // 负责人
-  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[] // 客户人员列表
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  gradeName: string // 履约评级
+  companySizeName: string // 公司规模
+  businessSizeName: string // 业务规模
+  evaluationName: 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 19ffc5c..88c0f5d 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -32,7 +32,7 @@
     path: '/sample',
     component: Layout,
     redirect: '/sample/list',
-    name: 'File',
+    name: 'Sample',
     meta: {
       title: '样品库',
       icon: 'ep:key',
@@ -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/adviceEdit.vue b/src/views/customer/advice/adviceEdit.vue
index 0dafa50..71da364 100644
--- a/src/views/customer/advice/adviceEdit.vue
+++ b/src/views/customer/advice/adviceEdit.vue
@@ -4,14 +4,13 @@
  */
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './advice_interface'
-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 dayjs from 'dayjs'
+import type { FormInstance } from 'element-plus'
+import type { IAdvice, SimpleCompany } from './advice_interface'
+import { addAdvice, getAdviceDetail, updateAdvice } from '@/api/customer/advice'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -20,7 +19,13 @@
   edit: '编辑',
   add: '新建',
   detail: '详情',
-}// 字典
+}
+// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -29,77 +34,57 @@
     infoId.value = $route.params.id as string
   }
 }
-const dataForm: Ref<ICustomer> = ref({
+const dataForm: Ref<IAdvice> = ref({
   id: '',
-  businessContent: '',
-  customerName: '',
-  customerNo: '',
-  bankAccount: '',
-  bankAccountNumber: '',
-  bankName: '',
-  briefName: '',
-  businessScope: '',
-  grade: '', // 履约评级
-  companySize: '', // 公司规模
-  businessSize: '', // 业务规模
-  evaluation: '', // 整体评价
-  companyAddress: '',
-  companyArea: '',
-  companyCity: '',
-  companyCountry: '',
-  companyProvince: '',
-  companyAreaName: '',
-  companyCityName: '',
-  companyCountryName: '',
-  companyProvinceName: '',
-  director: '',
-  fax: '',
-  invoiceAddress: '',
-  invoiceArea: '',
-  invoiceCity: '',
-  invoiceCountry: '',
-  invoiceProvince: '',
-  invoiceAreaName: '',
-  invoiceCityName: '',
-  invoiceCountryName: '',
-  invoiceProvinceName: '',
-  mailbox: '',
-  minioFileName: '',
-  mobile: '',
-  phone: '',
-  postalCode: '',
-  remark: '',
-  taxNumber: '',
-  website: '',
-  customerPersonList: [],
+  adviceNo: '', // 投诉编号
+  adviceClass: '', // 投诉类型
+  adviceType: '', // 投诉类别
+  advicePerson: '', // 投诉人-名称
+  personPhone: '', // 投诉人联系方式
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  content: '', // 投诉内容
+  handleStatus: '', // 处置状态
+  handleMessage: '', // 处置意见
+  adviceTime: '', // 投诉时间
 })
-const companyAddress = ref<string[]>([]) // 公司地址
-const invoiceAddress = ref<string[]>([]) // 开票地址
-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 companyInfo: SimpleCompany = reactive({
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  grade: '', // 履约评级
+  gradeName: '', // 履约评级
+  companySize: '', // 公司规模
+  companySizeName: '', // 公司规模
+  businessSize: '', // 业务规模
+  businessSizeName: '', // 业务规模
+  evaluation: '', // 整体评价
+  evaluationName: '', // 整体评价
+})
 const ruleFormRef = ref<FormInstance>()
-// 人员对象
-const addPersonObj: customerPerson = {
-  id: '',
-  personNo: '',
-  name: '',
-  department: '',
-  job: '',
-  phone: '',
-  editable: true,
+
+const adviceClassList = ref<dictType[]>([]) // 投诉建议类型
+const adviceTypeList = ref<dictType[]>([]) // 投诉建议类别
+function getDict() {
+  // 获取公司规模
+  getDictByCode('adviceClass').then((response) => {
+    adviceClassList.value = response.data
+  })
+  // 获取业务规模
+  getDictByCode('adviceType').then((response) => {
+    adviceTypeList.value = response.data
+  })
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+getDict()
+
 // 校验规则
 const rules = ref({
-  customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
-  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+  customerName: [{ required: true, message: '公司名称不能为空', trigger: ['blur', 'change'] }],
+  advicePerson: [{ required: true, message: '投诉人不能为空', trigger: ['blur', 'change'] }],
+  adviceClass: [{ required: true, message: '投诉/建议类型必选', trigger: ['blur', 'change'] }],
+  adviceTime: [{ required: true, message: '投诉/建议时间不能为空', trigger: ['blur', 'change'] }],
+  adviceType: [{ required: true, message: '投诉/建议类别必选', trigger: ['blur', 'change'] }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -108,82 +93,59 @@
   $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 handleSelectionChange = (e: customerPerson[]) => {
-  SelectionList.value = e
-}
-
-// 公司地址变化后给对象赋值
-function companyAddressChange(addressObj: IAddress) {
-  dataForm.value.companyCountry = addressObj.country
-  dataForm.value.companyProvince = addressObj.province
-  dataForm.value.companyCity = addressObj.city
-  dataForm.value.companyArea = addressObj.area
-  dataForm.value.companyAddress = addressObj.address
-  dataForm.value.companyCountryName = addressObj.countryName
-  dataForm.value.companyProvinceName = addressObj.provinceName
-  dataForm.value.companyCityName = addressObj.cityName
-  dataForm.value.companyAreaName = addressObj.areaName
-}
-
-function invoiceAddressChange(addressObj: IAddress) {
-  dataForm.value.invoiceCountry = addressObj.country
-  dataForm.value.invoiceProvince = addressObj.province
-  dataForm.value.invoiceCity = addressObj.city
-  dataForm.value.invoiceArea = addressObj.area
-  dataForm.value.invoiceAddress = addressObj.address
-  dataForm.value.invoiceCountryName = addressObj.countryName
-  dataForm.value.invoiceProvinceName = addressObj.provinceName
-  dataForm.value.invoiceCityName = addressObj.cityName
-  dataForm.value.invoiceAreaName = addressObj.areaName
-}
-// 点击增加行
-const addRow = () => {
-  // 检查上一行必填项
-  if (checkPersonList()) {
-    setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
-  }
-}
-// 检查人员列表
-function checkPersonList() {
-  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]) {
-        ElMessage.warning(`请先完善第${index + 1}行中${prop.text}`)
-        return false
-      }
-      // 验证正则
-      if (prop.reg && typeof prop.reg === 'function') {
-        if (!prop.reg(item[prop.value])) {
-          ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
-          return false
-        }
-      }
+  loading.value = true
+  getAdviceDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      id: '1597579843411234817',
+      adviceNo: 'ts202201022131', // 投诉编号
+      adviceClass: '0', // 投诉类型
+      adviceType: '1', // 投诉类别
+      advicePerson: '张三', // 投诉人-名称
+      personPhone: '87447', // 投诉人联系方式
+      customerName: '特别大公司', // 公司名称
+      adviceTime: '2022-12-25 23:58:00',
+      customerNo: '', //	客户编号
+      customerId: '', // 客户id
+      content: '没人接电话', // 投诉内容
+      handleStatus: '0', // 处置状态-0未处置，1已处置
+      handleMessage: '', // 处置意见
     }
-  }
-  return true
+    dataForm.value = res.data
+    loading.value = false
+  })
 }
 
-// 删除行
-const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
-    return !SelectionList.value.includes(item)
-  })
+const tempCompanyList = ref<SimpleCompany[]>([
+  { customerId: '111', customerNo: '12312456', customerName: '京东', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '112', customerNo: '12312451', customerName: '阿里', businessSizeName: '0~10万', companySizeName: '大企业', gradeName: '一般', evaluationName: '重点客户' },
+  { customerId: '113', customerNo: '12312452', customerName: '淘宝', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '114', customerNo: '12312453', customerName: '天猫', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '115', customerNo: '12312454', customerName: '203d', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '116', customerNo: '12312456', customerName: '万达', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+])
+// 查询公司列表
+const queryCompany = (queryString: string, cb: any) => {
+  // TODO: 远程查询符合要求的公司列表
+  const results = queryString ? tempCompanyList.value.filter((item) => { item.customerName.includes(queryString) }) : tempCompanyList.value
+  cb(results)
+}
+
+// 选中
+const handleCompanySelect = (select: Record<string, any>) => {
+  const item = select as SimpleCompany
+  companyInfo.customerName = item.customerName
+  companyInfo.customerNo = item.customerNo
+  companyInfo.customerId = item.customerId
+  companyInfo.gradeName = item.gradeName
+  companyInfo.companySizeName = item.companySizeName
+  companyInfo.businessSizeName = item.businessSizeName
+  companyInfo.evaluationName = item.evaluationName
 }
 // 打印表单
 const printObj = ref({
   id: 'form', // 需要打印元素的id
-  popTitle: '客户详情', // 打印配置页上方的标题
-  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>客户详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  popTitle: '投诉/建议详情', // 打印配置页上方的标题
+  // extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>投诉/建议详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
   preview: false, // 是否启动预览模式，默认是false
   standard: '',
   extarCss: '',
@@ -203,109 +165,67 @@
           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) {
+          updateAdvice(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 {
+          addAdvice(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)
+            }
+          })
+        }
       })
     }
   })
 }
-
-// 提交表单
-function submitForm() {
-  if (dataForm.value.id) {
-    const params = {
-      id: dataForm.value.id,
-      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
-    }
-    addCustomer(params).then((res) => {
-      ElMessage.success('提交成功')
-      close()
-    })
-  }
-  else {
-    ElMessage.info('请先保存再提交！')
-  }
-}
-const isShow = ref(false)
-const testForm = ref({
-  fileList: [],
-  fileContent: '',
-})
-const fileRef = ref() // 文件上传input
-const onFileChange = (event: any) => {
-  // 原生上传
-  console.log(event.target.files)
-  if (event.target.files?.length !== 0) {
-    // 创建formdata对象
-    const fd = new FormData()
-    fd.append('multipartFile', event.target.files[0])
-    UploadFile(fd).then((res) => {
-      if (res.code === 200) {
-        dataForm.value.minioFileName = res.data[0]
-        // 重置当前验证
-        ElMessage.success('文件上传成功')
-      }
-      else {
-        ElMessage.error(res.message)
-      }
-    })
-  }
-}
-const upload = () => {
-  fileRef.value.click()
-}
-// 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
-  setAllRowReadable()
-  row.editable = true
-}
-// 将所有人员信息列表置为不可编辑状态
-function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
-    item.editable = false
-  }
-}
 // 非添加页面获取详情
 if (pageType.value !== 'add') {
   getInfo()
 }
+else {
+  dataForm.value.adviceTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
 </script>
 
 <template>
   <app-container>
-    <detail-page :title="`客户-${textMap[pageType]}`">
-      <template #btns>
-        <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>
-        <el-button type="info" @click="close">
-          关闭
-        </el-button>
-      </template>
-      <div id="form">
-        <el-form
-          ref="ruleFormRef"
-          :model="dataForm"
-          :label-width="120"
-          label-position="right"
-          :rules="rules"
-        >
+    <el-form
+      id="form"
+      ref="ruleFormRef"
+      :model="dataForm"
+      :label-width="120"
+      label-position="right"
+      :rules="rules"
+    >
+      <detail-page :title="`投诉/建议-${textMap[pageType]}`">
+        <template #btns>
+          <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+            打印
+          </el-button>
+          <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+            保存
+          </el-button>
+          <el-button type="info" @click="close">
+            关闭
+          </el-button>
+        </template>
+        <div>
           <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="客户编号:" prop="customerNo">
+              <el-form-item label="投诉/建议编号" prop="adviceNo">
                 <el-input
-                  v-model="dataForm.customerNo"
+                  v-model="dataForm.adviceNo"
                   :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
                   :class="{ 'detail-input': pageType === 'detail' }"
                   disabled
@@ -313,236 +233,150 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
+              <el-form-item label="投诉/建议类型" prop="adviceClass">
+                <el-select v-model="dataForm.adviceClass" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类型'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceClassList" :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="advicePerson">
                 <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  v-model="dataForm.advicePerson"
+                  :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-form-item label="投诉人联系方式" prop="personPhone">
                 <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  v-model="dataForm.personPhone"
+                  :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="adviceTime">
+                <el-date-picker
+                  v-model="dataForm.adviceTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  class="full-width-input"
+                  :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 label="投诉/建议类别" prop="adviceType">
+                <el-select v-model="dataForm.adviceType" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类别'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceTypeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="公司名称:" prop="customerName">
-                <el-input
+              <el-form-item label="公司名称" prop="customerName">
+                <el-autocomplete
                   v-model="dataForm.customerName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司名称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :fetch-suggestions="queryCompany"
+                  placeholder="请输入公司名称"
+                  value-key="customerName"
+                  class="full-width-input"
                   :disabled="pageType === 'detail'"
+                  @select="handleCompanySelect"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="银行账户名:">
+              <el-form-item label="客户编号">
                 <el-input
-                  v-model="dataForm.bankAccount"
-                  :placeholder="pageType === 'detail' ? '' : '请输入银行账户名'"
+                  v-model="companyInfo.customerNo"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
+              <el-form-item label="公司规模">
                 <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  v-model="companyInfo.companySizeName"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="邮箱:">
+              <el-form-item label="业务规模">
                 <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  v-model="companyInfo.businessSizeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级">
+                <el-input
+                  v-model="companyInfo.gradeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价">
+                <el-input
+                  v-model="companyInfo.evaluationName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="投诉/建议内容" prop="content">
+                <el-input
+                  v-model="dataForm.content"
+                  :maxlength="250"
+                  :rows="4"
+                  type="textarea"
+                  :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"
-                  :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.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"
-                  :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"
-                  :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" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="5">
-            <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="14">
-              <el-form-item label="公司业务范围:">
-                <el-input
-                  v-model="dataForm.businessScope"
-                  :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="14">
-              <el-form-item label="备注:">
-                <el-input
-                  v-model="dataForm.remark"
-                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24" class="marg">
-            <el-col :span="14">
-              <el-form-item label="附件:">
-                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
-                <span v-else-if="pageType === 'detail'">无</span>
-                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
-                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
-                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
-                </el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </detail-page>
-    <detail-block title="人员信息">
-      <template v-if="pageType !== 'detail'" #btns>
-        <el-button type="info" @click="deleteList">
-          删除行
-        </el-button>
-        <el-button type="primary" @click="addRow">
-          增加行
-        </el-button>
-      </template>
-      <el-table
-        :data="customerPersonList"
-        border
-        style="width: 100%;"
-        @selection-change="handleSelectionChange"
-        @row-dblclick="dblclickRow"
-      >
-        <el-table-column type="selection" width="38" />
-        <el-table-column align="center" label="序号" width="80" type="index" />
-        <el-table-column
-          v-for="item in columns"
-          :key="item.value"
-          :prop="item.value"
-          :label="item.text"
-          align="center"
-        >
-          <template #header>
-            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
-          </template>
-          <template #default="scope">
-            <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
-            <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
-          </template>
-        </el-table-column>
-      </el-table>
-    </detail-block>
+        </div>
+      </detail-page>
+      <detail-block title="处置意见">
+        <el-row>
+          <el-col :span="24">
+            <el-input
+              v-model="dataForm.handleMessage"
+              :maxlength="250"
+              :rows="4"
+              type="textarea"
+              :placeholder="pageType === 'detail' ? '' : '请输入处置意见'"
+              :class="{ 'detail-input': pageType === 'detail' }"
+              :disabled="pageType === 'detail'"
+            />
+          </el-col>
+        </el-row>
+      </detail-block>
+    </el-form>
   </app-container>
 </template>
 
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..328d4d5 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 = [{ id: '1597579843411234817', 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') => {
-  $router.push(`/customerManage/${pageType}/${row.id}`)
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
+  $router.push(`/customerManage/advice/${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,
   }
@@ -150,7 +147,7 @@
 }
 // 添加客户
 const add = () => {
-  $router.push('/customerManage/add')
+  $router.push('/customerManage/advice/add')
 }
 // 导出
 const exportAll = () => {
@@ -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,25 +227,38 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
-      <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      <input v-show="false" ref="fileRef" type="file" accept="*" @change="onFileChange">
       <normal-table
         :data="list" :total="total" :columns="columns" :query="listQuery"
-        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/advice/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +275,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/advice/delete')"
                 size="small"
                 link
                 type="danger"
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..e1800b7 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,49 @@
 // 列表查询条件
-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 IAdvice {
+  id: string // 主键id（列表、更新接口参数）
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  adviceTime: 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 // 创建人
 }
 
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
+// 公司简易
+export interface SimpleCompany {
   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 // 负责人
-  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[] // 客户人员列表
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  gradeName: string // 履约评级
+  companySizeName: string // 公司规模
+  businessSizeName: string // 业务规模
+  evaluationName: string // 整体评价
 }
 
diff --git a/src/views/customer/customerInfo/customerEdit.vue b/src/views/customer/customerInfo/customerEdit.vue
index 9abfc48..35f7dc1 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 19ffc5c..88c0f5d 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -32,7 +32,7 @@
     path: '/sample',
     component: Layout,
     redirect: '/sample/list',
-    name: 'File',
+    name: 'Sample',
     meta: {
       title: '样品库',
       icon: 'ep:key',
@@ -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/adviceEdit.vue b/src/views/customer/advice/adviceEdit.vue
index 0dafa50..71da364 100644
--- a/src/views/customer/advice/adviceEdit.vue
+++ b/src/views/customer/advice/adviceEdit.vue
@@ -4,14 +4,13 @@
  */
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './advice_interface'
-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 dayjs from 'dayjs'
+import type { FormInstance } from 'element-plus'
+import type { IAdvice, SimpleCompany } from './advice_interface'
+import { addAdvice, getAdviceDetail, updateAdvice } from '@/api/customer/advice'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -20,7 +19,13 @@
   edit: '编辑',
   add: '新建',
   detail: '详情',
-}// 字典
+}
+// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -29,77 +34,57 @@
     infoId.value = $route.params.id as string
   }
 }
-const dataForm: Ref<ICustomer> = ref({
+const dataForm: Ref<IAdvice> = ref({
   id: '',
-  businessContent: '',
-  customerName: '',
-  customerNo: '',
-  bankAccount: '',
-  bankAccountNumber: '',
-  bankName: '',
-  briefName: '',
-  businessScope: '',
-  grade: '', // 履约评级
-  companySize: '', // 公司规模
-  businessSize: '', // 业务规模
-  evaluation: '', // 整体评价
-  companyAddress: '',
-  companyArea: '',
-  companyCity: '',
-  companyCountry: '',
-  companyProvince: '',
-  companyAreaName: '',
-  companyCityName: '',
-  companyCountryName: '',
-  companyProvinceName: '',
-  director: '',
-  fax: '',
-  invoiceAddress: '',
-  invoiceArea: '',
-  invoiceCity: '',
-  invoiceCountry: '',
-  invoiceProvince: '',
-  invoiceAreaName: '',
-  invoiceCityName: '',
-  invoiceCountryName: '',
-  invoiceProvinceName: '',
-  mailbox: '',
-  minioFileName: '',
-  mobile: '',
-  phone: '',
-  postalCode: '',
-  remark: '',
-  taxNumber: '',
-  website: '',
-  customerPersonList: [],
+  adviceNo: '', // 投诉编号
+  adviceClass: '', // 投诉类型
+  adviceType: '', // 投诉类别
+  advicePerson: '', // 投诉人-名称
+  personPhone: '', // 投诉人联系方式
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  content: '', // 投诉内容
+  handleStatus: '', // 处置状态
+  handleMessage: '', // 处置意见
+  adviceTime: '', // 投诉时间
 })
-const companyAddress = ref<string[]>([]) // 公司地址
-const invoiceAddress = ref<string[]>([]) // 开票地址
-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 companyInfo: SimpleCompany = reactive({
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  grade: '', // 履约评级
+  gradeName: '', // 履约评级
+  companySize: '', // 公司规模
+  companySizeName: '', // 公司规模
+  businessSize: '', // 业务规模
+  businessSizeName: '', // 业务规模
+  evaluation: '', // 整体评价
+  evaluationName: '', // 整体评价
+})
 const ruleFormRef = ref<FormInstance>()
-// 人员对象
-const addPersonObj: customerPerson = {
-  id: '',
-  personNo: '',
-  name: '',
-  department: '',
-  job: '',
-  phone: '',
-  editable: true,
+
+const adviceClassList = ref<dictType[]>([]) // 投诉建议类型
+const adviceTypeList = ref<dictType[]>([]) // 投诉建议类别
+function getDict() {
+  // 获取公司规模
+  getDictByCode('adviceClass').then((response) => {
+    adviceClassList.value = response.data
+  })
+  // 获取业务规模
+  getDictByCode('adviceType').then((response) => {
+    adviceTypeList.value = response.data
+  })
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+getDict()
+
 // 校验规则
 const rules = ref({
-  customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
-  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+  customerName: [{ required: true, message: '公司名称不能为空', trigger: ['blur', 'change'] }],
+  advicePerson: [{ required: true, message: '投诉人不能为空', trigger: ['blur', 'change'] }],
+  adviceClass: [{ required: true, message: '投诉/建议类型必选', trigger: ['blur', 'change'] }],
+  adviceTime: [{ required: true, message: '投诉/建议时间不能为空', trigger: ['blur', 'change'] }],
+  adviceType: [{ required: true, message: '投诉/建议类别必选', trigger: ['blur', 'change'] }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -108,82 +93,59 @@
   $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 handleSelectionChange = (e: customerPerson[]) => {
-  SelectionList.value = e
-}
-
-// 公司地址变化后给对象赋值
-function companyAddressChange(addressObj: IAddress) {
-  dataForm.value.companyCountry = addressObj.country
-  dataForm.value.companyProvince = addressObj.province
-  dataForm.value.companyCity = addressObj.city
-  dataForm.value.companyArea = addressObj.area
-  dataForm.value.companyAddress = addressObj.address
-  dataForm.value.companyCountryName = addressObj.countryName
-  dataForm.value.companyProvinceName = addressObj.provinceName
-  dataForm.value.companyCityName = addressObj.cityName
-  dataForm.value.companyAreaName = addressObj.areaName
-}
-
-function invoiceAddressChange(addressObj: IAddress) {
-  dataForm.value.invoiceCountry = addressObj.country
-  dataForm.value.invoiceProvince = addressObj.province
-  dataForm.value.invoiceCity = addressObj.city
-  dataForm.value.invoiceArea = addressObj.area
-  dataForm.value.invoiceAddress = addressObj.address
-  dataForm.value.invoiceCountryName = addressObj.countryName
-  dataForm.value.invoiceProvinceName = addressObj.provinceName
-  dataForm.value.invoiceCityName = addressObj.cityName
-  dataForm.value.invoiceAreaName = addressObj.areaName
-}
-// 点击增加行
-const addRow = () => {
-  // 检查上一行必填项
-  if (checkPersonList()) {
-    setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
-  }
-}
-// 检查人员列表
-function checkPersonList() {
-  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]) {
-        ElMessage.warning(`请先完善第${index + 1}行中${prop.text}`)
-        return false
-      }
-      // 验证正则
-      if (prop.reg && typeof prop.reg === 'function') {
-        if (!prop.reg(item[prop.value])) {
-          ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
-          return false
-        }
-      }
+  loading.value = true
+  getAdviceDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      id: '1597579843411234817',
+      adviceNo: 'ts202201022131', // 投诉编号
+      adviceClass: '0', // 投诉类型
+      adviceType: '1', // 投诉类别
+      advicePerson: '张三', // 投诉人-名称
+      personPhone: '87447', // 投诉人联系方式
+      customerName: '特别大公司', // 公司名称
+      adviceTime: '2022-12-25 23:58:00',
+      customerNo: '', //	客户编号
+      customerId: '', // 客户id
+      content: '没人接电话', // 投诉内容
+      handleStatus: '0', // 处置状态-0未处置，1已处置
+      handleMessage: '', // 处置意见
     }
-  }
-  return true
+    dataForm.value = res.data
+    loading.value = false
+  })
 }
 
-// 删除行
-const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
-    return !SelectionList.value.includes(item)
-  })
+const tempCompanyList = ref<SimpleCompany[]>([
+  { customerId: '111', customerNo: '12312456', customerName: '京东', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '112', customerNo: '12312451', customerName: '阿里', businessSizeName: '0~10万', companySizeName: '大企业', gradeName: '一般', evaluationName: '重点客户' },
+  { customerId: '113', customerNo: '12312452', customerName: '淘宝', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '114', customerNo: '12312453', customerName: '天猫', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '115', customerNo: '12312454', customerName: '203d', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '116', customerNo: '12312456', customerName: '万达', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+])
+// 查询公司列表
+const queryCompany = (queryString: string, cb: any) => {
+  // TODO: 远程查询符合要求的公司列表
+  const results = queryString ? tempCompanyList.value.filter((item) => { item.customerName.includes(queryString) }) : tempCompanyList.value
+  cb(results)
+}
+
+// 选中
+const handleCompanySelect = (select: Record<string, any>) => {
+  const item = select as SimpleCompany
+  companyInfo.customerName = item.customerName
+  companyInfo.customerNo = item.customerNo
+  companyInfo.customerId = item.customerId
+  companyInfo.gradeName = item.gradeName
+  companyInfo.companySizeName = item.companySizeName
+  companyInfo.businessSizeName = item.businessSizeName
+  companyInfo.evaluationName = item.evaluationName
 }
 // 打印表单
 const printObj = ref({
   id: 'form', // 需要打印元素的id
-  popTitle: '客户详情', // 打印配置页上方的标题
-  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>客户详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  popTitle: '投诉/建议详情', // 打印配置页上方的标题
+  // extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>投诉/建议详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
   preview: false, // 是否启动预览模式，默认是false
   standard: '',
   extarCss: '',
@@ -203,109 +165,67 @@
           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) {
+          updateAdvice(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 {
+          addAdvice(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)
+            }
+          })
+        }
       })
     }
   })
 }
-
-// 提交表单
-function submitForm() {
-  if (dataForm.value.id) {
-    const params = {
-      id: dataForm.value.id,
-      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
-    }
-    addCustomer(params).then((res) => {
-      ElMessage.success('提交成功')
-      close()
-    })
-  }
-  else {
-    ElMessage.info('请先保存再提交！')
-  }
-}
-const isShow = ref(false)
-const testForm = ref({
-  fileList: [],
-  fileContent: '',
-})
-const fileRef = ref() // 文件上传input
-const onFileChange = (event: any) => {
-  // 原生上传
-  console.log(event.target.files)
-  if (event.target.files?.length !== 0) {
-    // 创建formdata对象
-    const fd = new FormData()
-    fd.append('multipartFile', event.target.files[0])
-    UploadFile(fd).then((res) => {
-      if (res.code === 200) {
-        dataForm.value.minioFileName = res.data[0]
-        // 重置当前验证
-        ElMessage.success('文件上传成功')
-      }
-      else {
-        ElMessage.error(res.message)
-      }
-    })
-  }
-}
-const upload = () => {
-  fileRef.value.click()
-}
-// 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
-  setAllRowReadable()
-  row.editable = true
-}
-// 将所有人员信息列表置为不可编辑状态
-function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
-    item.editable = false
-  }
-}
 // 非添加页面获取详情
 if (pageType.value !== 'add') {
   getInfo()
 }
+else {
+  dataForm.value.adviceTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
 </script>
 
 <template>
   <app-container>
-    <detail-page :title="`客户-${textMap[pageType]}`">
-      <template #btns>
-        <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>
-        <el-button type="info" @click="close">
-          关闭
-        </el-button>
-      </template>
-      <div id="form">
-        <el-form
-          ref="ruleFormRef"
-          :model="dataForm"
-          :label-width="120"
-          label-position="right"
-          :rules="rules"
-        >
+    <el-form
+      id="form"
+      ref="ruleFormRef"
+      :model="dataForm"
+      :label-width="120"
+      label-position="right"
+      :rules="rules"
+    >
+      <detail-page :title="`投诉/建议-${textMap[pageType]}`">
+        <template #btns>
+          <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+            打印
+          </el-button>
+          <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+            保存
+          </el-button>
+          <el-button type="info" @click="close">
+            关闭
+          </el-button>
+        </template>
+        <div>
           <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="客户编号:" prop="customerNo">
+              <el-form-item label="投诉/建议编号" prop="adviceNo">
                 <el-input
-                  v-model="dataForm.customerNo"
+                  v-model="dataForm.adviceNo"
                   :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
                   :class="{ 'detail-input': pageType === 'detail' }"
                   disabled
@@ -313,236 +233,150 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
+              <el-form-item label="投诉/建议类型" prop="adviceClass">
+                <el-select v-model="dataForm.adviceClass" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类型'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceClassList" :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="advicePerson">
                 <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  v-model="dataForm.advicePerson"
+                  :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-form-item label="投诉人联系方式" prop="personPhone">
                 <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  v-model="dataForm.personPhone"
+                  :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="adviceTime">
+                <el-date-picker
+                  v-model="dataForm.adviceTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  class="full-width-input"
+                  :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 label="投诉/建议类别" prop="adviceType">
+                <el-select v-model="dataForm.adviceType" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类别'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceTypeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="公司名称:" prop="customerName">
-                <el-input
+              <el-form-item label="公司名称" prop="customerName">
+                <el-autocomplete
                   v-model="dataForm.customerName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司名称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :fetch-suggestions="queryCompany"
+                  placeholder="请输入公司名称"
+                  value-key="customerName"
+                  class="full-width-input"
                   :disabled="pageType === 'detail'"
+                  @select="handleCompanySelect"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="银行账户名:">
+              <el-form-item label="客户编号">
                 <el-input
-                  v-model="dataForm.bankAccount"
-                  :placeholder="pageType === 'detail' ? '' : '请输入银行账户名'"
+                  v-model="companyInfo.customerNo"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
+              <el-form-item label="公司规模">
                 <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  v-model="companyInfo.companySizeName"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="邮箱:">
+              <el-form-item label="业务规模">
                 <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  v-model="companyInfo.businessSizeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级">
+                <el-input
+                  v-model="companyInfo.gradeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价">
+                <el-input
+                  v-model="companyInfo.evaluationName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="投诉/建议内容" prop="content">
+                <el-input
+                  v-model="dataForm.content"
+                  :maxlength="250"
+                  :rows="4"
+                  type="textarea"
+                  :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"
-                  :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.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"
-                  :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"
-                  :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" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="5">
-            <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="14">
-              <el-form-item label="公司业务范围:">
-                <el-input
-                  v-model="dataForm.businessScope"
-                  :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="14">
-              <el-form-item label="备注:">
-                <el-input
-                  v-model="dataForm.remark"
-                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24" class="marg">
-            <el-col :span="14">
-              <el-form-item label="附件:">
-                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
-                <span v-else-if="pageType === 'detail'">无</span>
-                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
-                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
-                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
-                </el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </detail-page>
-    <detail-block title="人员信息">
-      <template v-if="pageType !== 'detail'" #btns>
-        <el-button type="info" @click="deleteList">
-          删除行
-        </el-button>
-        <el-button type="primary" @click="addRow">
-          增加行
-        </el-button>
-      </template>
-      <el-table
-        :data="customerPersonList"
-        border
-        style="width: 100%;"
-        @selection-change="handleSelectionChange"
-        @row-dblclick="dblclickRow"
-      >
-        <el-table-column type="selection" width="38" />
-        <el-table-column align="center" label="序号" width="80" type="index" />
-        <el-table-column
-          v-for="item in columns"
-          :key="item.value"
-          :prop="item.value"
-          :label="item.text"
-          align="center"
-        >
-          <template #header>
-            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
-          </template>
-          <template #default="scope">
-            <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
-            <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
-          </template>
-        </el-table-column>
-      </el-table>
-    </detail-block>
+        </div>
+      </detail-page>
+      <detail-block title="处置意见">
+        <el-row>
+          <el-col :span="24">
+            <el-input
+              v-model="dataForm.handleMessage"
+              :maxlength="250"
+              :rows="4"
+              type="textarea"
+              :placeholder="pageType === 'detail' ? '' : '请输入处置意见'"
+              :class="{ 'detail-input': pageType === 'detail' }"
+              :disabled="pageType === 'detail'"
+            />
+          </el-col>
+        </el-row>
+      </detail-block>
+    </el-form>
   </app-container>
 </template>
 
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..328d4d5 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 = [{ id: '1597579843411234817', 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') => {
-  $router.push(`/customerManage/${pageType}/${row.id}`)
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
+  $router.push(`/customerManage/advice/${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,
   }
@@ -150,7 +147,7 @@
 }
 // 添加客户
 const add = () => {
-  $router.push('/customerManage/add')
+  $router.push('/customerManage/advice/add')
 }
 // 导出
 const exportAll = () => {
@@ -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,25 +227,38 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
-      <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      <input v-show="false" ref="fileRef" type="file" accept="*" @change="onFileChange">
       <normal-table
         :data="list" :total="total" :columns="columns" :query="listQuery"
-        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/advice/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +275,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/advice/delete')"
                 size="small"
                 link
                 type="danger"
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..e1800b7 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,49 @@
 // 列表查询条件
-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 IAdvice {
+  id: string // 主键id（列表、更新接口参数）
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  adviceTime: 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 // 创建人
 }
 
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
+// 公司简易
+export interface SimpleCompany {
   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 // 负责人
-  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[] // 客户人员列表
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  gradeName: string // 履约评级
+  companySizeName: string // 公司规模
+  businessSizeName: string // 业务规模
+  evaluationName: string // 整体评价
 }
 
diff --git a/src/views/customer/customerInfo/customerEdit.vue b/src/views/customer/customerInfo/customerEdit.vue
index 9abfc48..35f7dc1 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..97572c7 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,14 +251,24 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
       <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
       <normal-table
@@ -237,10 +276,10 @@
         :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/customer/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +296,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/customer/delete')"
                 size="small"
                 link
                 type="danger"

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 19ffc5c..88c0f5d 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -32,7 +32,7 @@
     path: '/sample',
     component: Layout,
     redirect: '/sample/list',
-    name: 'File',
+    name: 'Sample',
     meta: {
       title: '样品库',
       icon: 'ep:key',
@@ -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/adviceEdit.vue b/src/views/customer/advice/adviceEdit.vue
index 0dafa50..71da364 100644
--- a/src/views/customer/advice/adviceEdit.vue
+++ b/src/views/customer/advice/adviceEdit.vue
@@ -4,14 +4,13 @@
  */
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './advice_interface'
-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 dayjs from 'dayjs'
+import type { FormInstance } from 'element-plus'
+import type { IAdvice, SimpleCompany } from './advice_interface'
+import { addAdvice, getAdviceDetail, updateAdvice } from '@/api/customer/advice'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -20,7 +19,13 @@
   edit: '编辑',
   add: '新建',
   detail: '详情',
-}// 字典
+}
+// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -29,77 +34,57 @@
     infoId.value = $route.params.id as string
   }
 }
-const dataForm: Ref<ICustomer> = ref({
+const dataForm: Ref<IAdvice> = ref({
   id: '',
-  businessContent: '',
-  customerName: '',
-  customerNo: '',
-  bankAccount: '',
-  bankAccountNumber: '',
-  bankName: '',
-  briefName: '',
-  businessScope: '',
-  grade: '', // 履约评级
-  companySize: '', // 公司规模
-  businessSize: '', // 业务规模
-  evaluation: '', // 整体评价
-  companyAddress: '',
-  companyArea: '',
-  companyCity: '',
-  companyCountry: '',
-  companyProvince: '',
-  companyAreaName: '',
-  companyCityName: '',
-  companyCountryName: '',
-  companyProvinceName: '',
-  director: '',
-  fax: '',
-  invoiceAddress: '',
-  invoiceArea: '',
-  invoiceCity: '',
-  invoiceCountry: '',
-  invoiceProvince: '',
-  invoiceAreaName: '',
-  invoiceCityName: '',
-  invoiceCountryName: '',
-  invoiceProvinceName: '',
-  mailbox: '',
-  minioFileName: '',
-  mobile: '',
-  phone: '',
-  postalCode: '',
-  remark: '',
-  taxNumber: '',
-  website: '',
-  customerPersonList: [],
+  adviceNo: '', // 投诉编号
+  adviceClass: '', // 投诉类型
+  adviceType: '', // 投诉类别
+  advicePerson: '', // 投诉人-名称
+  personPhone: '', // 投诉人联系方式
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  content: '', // 投诉内容
+  handleStatus: '', // 处置状态
+  handleMessage: '', // 处置意见
+  adviceTime: '', // 投诉时间
 })
-const companyAddress = ref<string[]>([]) // 公司地址
-const invoiceAddress = ref<string[]>([]) // 开票地址
-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 companyInfo: SimpleCompany = reactive({
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  grade: '', // 履约评级
+  gradeName: '', // 履约评级
+  companySize: '', // 公司规模
+  companySizeName: '', // 公司规模
+  businessSize: '', // 业务规模
+  businessSizeName: '', // 业务规模
+  evaluation: '', // 整体评价
+  evaluationName: '', // 整体评价
+})
 const ruleFormRef = ref<FormInstance>()
-// 人员对象
-const addPersonObj: customerPerson = {
-  id: '',
-  personNo: '',
-  name: '',
-  department: '',
-  job: '',
-  phone: '',
-  editable: true,
+
+const adviceClassList = ref<dictType[]>([]) // 投诉建议类型
+const adviceTypeList = ref<dictType[]>([]) // 投诉建议类别
+function getDict() {
+  // 获取公司规模
+  getDictByCode('adviceClass').then((response) => {
+    adviceClassList.value = response.data
+  })
+  // 获取业务规模
+  getDictByCode('adviceType').then((response) => {
+    adviceTypeList.value = response.data
+  })
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+getDict()
+
 // 校验规则
 const rules = ref({
-  customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
-  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+  customerName: [{ required: true, message: '公司名称不能为空', trigger: ['blur', 'change'] }],
+  advicePerson: [{ required: true, message: '投诉人不能为空', trigger: ['blur', 'change'] }],
+  adviceClass: [{ required: true, message: '投诉/建议类型必选', trigger: ['blur', 'change'] }],
+  adviceTime: [{ required: true, message: '投诉/建议时间不能为空', trigger: ['blur', 'change'] }],
+  adviceType: [{ required: true, message: '投诉/建议类别必选', trigger: ['blur', 'change'] }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -108,82 +93,59 @@
   $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 handleSelectionChange = (e: customerPerson[]) => {
-  SelectionList.value = e
-}
-
-// 公司地址变化后给对象赋值
-function companyAddressChange(addressObj: IAddress) {
-  dataForm.value.companyCountry = addressObj.country
-  dataForm.value.companyProvince = addressObj.province
-  dataForm.value.companyCity = addressObj.city
-  dataForm.value.companyArea = addressObj.area
-  dataForm.value.companyAddress = addressObj.address
-  dataForm.value.companyCountryName = addressObj.countryName
-  dataForm.value.companyProvinceName = addressObj.provinceName
-  dataForm.value.companyCityName = addressObj.cityName
-  dataForm.value.companyAreaName = addressObj.areaName
-}
-
-function invoiceAddressChange(addressObj: IAddress) {
-  dataForm.value.invoiceCountry = addressObj.country
-  dataForm.value.invoiceProvince = addressObj.province
-  dataForm.value.invoiceCity = addressObj.city
-  dataForm.value.invoiceArea = addressObj.area
-  dataForm.value.invoiceAddress = addressObj.address
-  dataForm.value.invoiceCountryName = addressObj.countryName
-  dataForm.value.invoiceProvinceName = addressObj.provinceName
-  dataForm.value.invoiceCityName = addressObj.cityName
-  dataForm.value.invoiceAreaName = addressObj.areaName
-}
-// 点击增加行
-const addRow = () => {
-  // 检查上一行必填项
-  if (checkPersonList()) {
-    setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
-  }
-}
-// 检查人员列表
-function checkPersonList() {
-  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]) {
-        ElMessage.warning(`请先完善第${index + 1}行中${prop.text}`)
-        return false
-      }
-      // 验证正则
-      if (prop.reg && typeof prop.reg === 'function') {
-        if (!prop.reg(item[prop.value])) {
-          ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
-          return false
-        }
-      }
+  loading.value = true
+  getAdviceDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      id: '1597579843411234817',
+      adviceNo: 'ts202201022131', // 投诉编号
+      adviceClass: '0', // 投诉类型
+      adviceType: '1', // 投诉类别
+      advicePerson: '张三', // 投诉人-名称
+      personPhone: '87447', // 投诉人联系方式
+      customerName: '特别大公司', // 公司名称
+      adviceTime: '2022-12-25 23:58:00',
+      customerNo: '', //	客户编号
+      customerId: '', // 客户id
+      content: '没人接电话', // 投诉内容
+      handleStatus: '0', // 处置状态-0未处置，1已处置
+      handleMessage: '', // 处置意见
     }
-  }
-  return true
+    dataForm.value = res.data
+    loading.value = false
+  })
 }
 
-// 删除行
-const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
-    return !SelectionList.value.includes(item)
-  })
+const tempCompanyList = ref<SimpleCompany[]>([
+  { customerId: '111', customerNo: '12312456', customerName: '京东', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '112', customerNo: '12312451', customerName: '阿里', businessSizeName: '0~10万', companySizeName: '大企业', gradeName: '一般', evaluationName: '重点客户' },
+  { customerId: '113', customerNo: '12312452', customerName: '淘宝', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '114', customerNo: '12312453', customerName: '天猫', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '115', customerNo: '12312454', customerName: '203d', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '116', customerNo: '12312456', customerName: '万达', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+])
+// 查询公司列表
+const queryCompany = (queryString: string, cb: any) => {
+  // TODO: 远程查询符合要求的公司列表
+  const results = queryString ? tempCompanyList.value.filter((item) => { item.customerName.includes(queryString) }) : tempCompanyList.value
+  cb(results)
+}
+
+// 选中
+const handleCompanySelect = (select: Record<string, any>) => {
+  const item = select as SimpleCompany
+  companyInfo.customerName = item.customerName
+  companyInfo.customerNo = item.customerNo
+  companyInfo.customerId = item.customerId
+  companyInfo.gradeName = item.gradeName
+  companyInfo.companySizeName = item.companySizeName
+  companyInfo.businessSizeName = item.businessSizeName
+  companyInfo.evaluationName = item.evaluationName
 }
 // 打印表单
 const printObj = ref({
   id: 'form', // 需要打印元素的id
-  popTitle: '客户详情', // 打印配置页上方的标题
-  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>客户详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  popTitle: '投诉/建议详情', // 打印配置页上方的标题
+  // extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>投诉/建议详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
   preview: false, // 是否启动预览模式，默认是false
   standard: '',
   extarCss: '',
@@ -203,109 +165,67 @@
           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) {
+          updateAdvice(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 {
+          addAdvice(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)
+            }
+          })
+        }
       })
     }
   })
 }
-
-// 提交表单
-function submitForm() {
-  if (dataForm.value.id) {
-    const params = {
-      id: dataForm.value.id,
-      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
-    }
-    addCustomer(params).then((res) => {
-      ElMessage.success('提交成功')
-      close()
-    })
-  }
-  else {
-    ElMessage.info('请先保存再提交！')
-  }
-}
-const isShow = ref(false)
-const testForm = ref({
-  fileList: [],
-  fileContent: '',
-})
-const fileRef = ref() // 文件上传input
-const onFileChange = (event: any) => {
-  // 原生上传
-  console.log(event.target.files)
-  if (event.target.files?.length !== 0) {
-    // 创建formdata对象
-    const fd = new FormData()
-    fd.append('multipartFile', event.target.files[0])
-    UploadFile(fd).then((res) => {
-      if (res.code === 200) {
-        dataForm.value.minioFileName = res.data[0]
-        // 重置当前验证
-        ElMessage.success('文件上传成功')
-      }
-      else {
-        ElMessage.error(res.message)
-      }
-    })
-  }
-}
-const upload = () => {
-  fileRef.value.click()
-}
-// 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
-  setAllRowReadable()
-  row.editable = true
-}
-// 将所有人员信息列表置为不可编辑状态
-function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
-    item.editable = false
-  }
-}
 // 非添加页面获取详情
 if (pageType.value !== 'add') {
   getInfo()
 }
+else {
+  dataForm.value.adviceTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
 </script>
 
 <template>
   <app-container>
-    <detail-page :title="`客户-${textMap[pageType]}`">
-      <template #btns>
-        <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>
-        <el-button type="info" @click="close">
-          关闭
-        </el-button>
-      </template>
-      <div id="form">
-        <el-form
-          ref="ruleFormRef"
-          :model="dataForm"
-          :label-width="120"
-          label-position="right"
-          :rules="rules"
-        >
+    <el-form
+      id="form"
+      ref="ruleFormRef"
+      :model="dataForm"
+      :label-width="120"
+      label-position="right"
+      :rules="rules"
+    >
+      <detail-page :title="`投诉/建议-${textMap[pageType]}`">
+        <template #btns>
+          <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+            打印
+          </el-button>
+          <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+            保存
+          </el-button>
+          <el-button type="info" @click="close">
+            关闭
+          </el-button>
+        </template>
+        <div>
           <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="客户编号:" prop="customerNo">
+              <el-form-item label="投诉/建议编号" prop="adviceNo">
                 <el-input
-                  v-model="dataForm.customerNo"
+                  v-model="dataForm.adviceNo"
                   :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
                   :class="{ 'detail-input': pageType === 'detail' }"
                   disabled
@@ -313,236 +233,150 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
+              <el-form-item label="投诉/建议类型" prop="adviceClass">
+                <el-select v-model="dataForm.adviceClass" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类型'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceClassList" :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="advicePerson">
                 <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  v-model="dataForm.advicePerson"
+                  :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-form-item label="投诉人联系方式" prop="personPhone">
                 <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  v-model="dataForm.personPhone"
+                  :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="adviceTime">
+                <el-date-picker
+                  v-model="dataForm.adviceTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  class="full-width-input"
+                  :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 label="投诉/建议类别" prop="adviceType">
+                <el-select v-model="dataForm.adviceType" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类别'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceTypeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="公司名称:" prop="customerName">
-                <el-input
+              <el-form-item label="公司名称" prop="customerName">
+                <el-autocomplete
                   v-model="dataForm.customerName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司名称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :fetch-suggestions="queryCompany"
+                  placeholder="请输入公司名称"
+                  value-key="customerName"
+                  class="full-width-input"
                   :disabled="pageType === 'detail'"
+                  @select="handleCompanySelect"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="银行账户名:">
+              <el-form-item label="客户编号">
                 <el-input
-                  v-model="dataForm.bankAccount"
-                  :placeholder="pageType === 'detail' ? '' : '请输入银行账户名'"
+                  v-model="companyInfo.customerNo"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
+              <el-form-item label="公司规模">
                 <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  v-model="companyInfo.companySizeName"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="邮箱:">
+              <el-form-item label="业务规模">
                 <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  v-model="companyInfo.businessSizeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级">
+                <el-input
+                  v-model="companyInfo.gradeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价">
+                <el-input
+                  v-model="companyInfo.evaluationName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="投诉/建议内容" prop="content">
+                <el-input
+                  v-model="dataForm.content"
+                  :maxlength="250"
+                  :rows="4"
+                  type="textarea"
+                  :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"
-                  :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.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"
-                  :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"
-                  :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" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="5">
-            <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="14">
-              <el-form-item label="公司业务范围:">
-                <el-input
-                  v-model="dataForm.businessScope"
-                  :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="14">
-              <el-form-item label="备注:">
-                <el-input
-                  v-model="dataForm.remark"
-                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24" class="marg">
-            <el-col :span="14">
-              <el-form-item label="附件:">
-                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
-                <span v-else-if="pageType === 'detail'">无</span>
-                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
-                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
-                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
-                </el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </detail-page>
-    <detail-block title="人员信息">
-      <template v-if="pageType !== 'detail'" #btns>
-        <el-button type="info" @click="deleteList">
-          删除行
-        </el-button>
-        <el-button type="primary" @click="addRow">
-          增加行
-        </el-button>
-      </template>
-      <el-table
-        :data="customerPersonList"
-        border
-        style="width: 100%;"
-        @selection-change="handleSelectionChange"
-        @row-dblclick="dblclickRow"
-      >
-        <el-table-column type="selection" width="38" />
-        <el-table-column align="center" label="序号" width="80" type="index" />
-        <el-table-column
-          v-for="item in columns"
-          :key="item.value"
-          :prop="item.value"
-          :label="item.text"
-          align="center"
-        >
-          <template #header>
-            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
-          </template>
-          <template #default="scope">
-            <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
-            <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
-          </template>
-        </el-table-column>
-      </el-table>
-    </detail-block>
+        </div>
+      </detail-page>
+      <detail-block title="处置意见">
+        <el-row>
+          <el-col :span="24">
+            <el-input
+              v-model="dataForm.handleMessage"
+              :maxlength="250"
+              :rows="4"
+              type="textarea"
+              :placeholder="pageType === 'detail' ? '' : '请输入处置意见'"
+              :class="{ 'detail-input': pageType === 'detail' }"
+              :disabled="pageType === 'detail'"
+            />
+          </el-col>
+        </el-row>
+      </detail-block>
+    </el-form>
   </app-container>
 </template>
 
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..328d4d5 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 = [{ id: '1597579843411234817', 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') => {
-  $router.push(`/customerManage/${pageType}/${row.id}`)
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
+  $router.push(`/customerManage/advice/${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,
   }
@@ -150,7 +147,7 @@
 }
 // 添加客户
 const add = () => {
-  $router.push('/customerManage/add')
+  $router.push('/customerManage/advice/add')
 }
 // 导出
 const exportAll = () => {
@@ -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,25 +227,38 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
-      <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      <input v-show="false" ref="fileRef" type="file" accept="*" @change="onFileChange">
       <normal-table
         :data="list" :total="total" :columns="columns" :query="listQuery"
-        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/advice/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +275,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/advice/delete')"
                 size="small"
                 link
                 type="danger"
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..e1800b7 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,49 @@
 // 列表查询条件
-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 IAdvice {
+  id: string // 主键id（列表、更新接口参数）
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  adviceTime: 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 // 创建人
 }
 
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
+// 公司简易
+export interface SimpleCompany {
   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 // 负责人
-  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[] // 客户人员列表
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  gradeName: string // 履约评级
+  companySizeName: string // 公司规模
+  businessSizeName: string // 业务规模
+  evaluationName: string // 整体评价
 }
 
diff --git a/src/views/customer/customerInfo/customerEdit.vue b/src/views/customer/customerInfo/customerEdit.vue
index 9abfc48..35f7dc1 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..97572c7 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,14 +251,24 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
       <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
       <normal-table
@@ -237,10 +276,10 @@
         :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/customer/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +296,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/customer/delete')"
                 size="small"
                 link
                 type="danger"
diff --git a/src/views/customer/customerInfo/customer_interface.ts b/src/views/customer/customerInfo/customer_interface.ts
index 8f404c4..e741f0d 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
@@ -32,8 +31,8 @@
   businessScope: string // 公司业务范围
   grade: string // 履约评级
   gradeName?: string // 履约评级
-  companySize: string
-  companySizeName?: string
+  companySize: string // 公司规模
+  companySizeName?: string // 公司规模
   businessSize: string // 业务规模
   businessSizeName?: string // 业务规模
   evaluation: string // 整体评价
@@ -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 19ffc5c..88c0f5d 100644
--- a/src/router/modules/customer.ts
+++ b/src/router/modules/customer.ts
@@ -32,7 +32,7 @@
     path: '/sample',
     component: Layout,
     redirect: '/sample/list',
-    name: 'File',
+    name: 'Sample',
     meta: {
       title: '样品库',
       icon: 'ep:key',
@@ -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/adviceEdit.vue b/src/views/customer/advice/adviceEdit.vue
index 0dafa50..71da364 100644
--- a/src/views/customer/advice/adviceEdit.vue
+++ b/src/views/customer/advice/adviceEdit.vue
@@ -4,14 +4,13 @@
  */
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
-import type { ICustomer, customerPerson } from './advice_interface'
-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 dayjs from 'dayjs'
+import type { FormInstance } from 'element-plus'
+import type { IAdvice, SimpleCompany } from './advice_interface'
+import { addAdvice, getAdviceDetail, updateAdvice } from '@/api/customer/advice'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
 const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const pageType = ref('add') // 页面类型: add, edit, detail
@@ -20,7 +19,13 @@
   edit: '编辑',
   add: '新建',
   detail: '详情',
-}// 字典
+}
+// 字典
+interface dictType {
+  id: string
+  name: string
+  value: string
+}
 // 从路由中获取页面类型参数
 const $route = useRoute()
 if ($route.params && $route.params.type) {
@@ -29,77 +34,57 @@
     infoId.value = $route.params.id as string
   }
 }
-const dataForm: Ref<ICustomer> = ref({
+const dataForm: Ref<IAdvice> = ref({
   id: '',
-  businessContent: '',
-  customerName: '',
-  customerNo: '',
-  bankAccount: '',
-  bankAccountNumber: '',
-  bankName: '',
-  briefName: '',
-  businessScope: '',
-  grade: '', // 履约评级
-  companySize: '', // 公司规模
-  businessSize: '', // 业务规模
-  evaluation: '', // 整体评价
-  companyAddress: '',
-  companyArea: '',
-  companyCity: '',
-  companyCountry: '',
-  companyProvince: '',
-  companyAreaName: '',
-  companyCityName: '',
-  companyCountryName: '',
-  companyProvinceName: '',
-  director: '',
-  fax: '',
-  invoiceAddress: '',
-  invoiceArea: '',
-  invoiceCity: '',
-  invoiceCountry: '',
-  invoiceProvince: '',
-  invoiceAreaName: '',
-  invoiceCityName: '',
-  invoiceCountryName: '',
-  invoiceProvinceName: '',
-  mailbox: '',
-  minioFileName: '',
-  mobile: '',
-  phone: '',
-  postalCode: '',
-  remark: '',
-  taxNumber: '',
-  website: '',
-  customerPersonList: [],
+  adviceNo: '', // 投诉编号
+  adviceClass: '', // 投诉类型
+  adviceType: '', // 投诉类别
+  advicePerson: '', // 投诉人-名称
+  personPhone: '', // 投诉人联系方式
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  content: '', // 投诉内容
+  handleStatus: '', // 处置状态
+  handleMessage: '', // 处置意见
+  adviceTime: '', // 投诉时间
 })
-const companyAddress = ref<string[]>([]) // 公司地址
-const invoiceAddress = ref<string[]>([]) // 开票地址
-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 companyInfo: SimpleCompany = reactive({
+  customerName: '', // 公司名称
+  customerNo: '', //	客户编号
+  customerId: '', // 客户id
+  grade: '', // 履约评级
+  gradeName: '', // 履约评级
+  companySize: '', // 公司规模
+  companySizeName: '', // 公司规模
+  businessSize: '', // 业务规模
+  businessSizeName: '', // 业务规模
+  evaluation: '', // 整体评价
+  evaluationName: '', // 整体评价
+})
 const ruleFormRef = ref<FormInstance>()
-// 人员对象
-const addPersonObj: customerPerson = {
-  id: '',
-  personNo: '',
-  name: '',
-  department: '',
-  job: '',
-  phone: '',
-  editable: true,
+
+const adviceClassList = ref<dictType[]>([]) // 投诉建议类型
+const adviceTypeList = ref<dictType[]>([]) // 投诉建议类别
+function getDict() {
+  // 获取公司规模
+  getDictByCode('adviceClass').then((response) => {
+    adviceClassList.value = response.data
+  })
+  // 获取业务规模
+  getDictByCode('adviceType').then((response) => {
+    adviceTypeList.value = response.data
+  })
 }
-const SelectionList: Ref<customerPerson[]> = ref([])
+getDict()
+
 // 校验规则
 const rules = ref({
-  customerName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
-  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
-  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+  customerName: [{ required: true, message: '公司名称不能为空', trigger: ['blur', 'change'] }],
+  advicePerson: [{ required: true, message: '投诉人不能为空', trigger: ['blur', 'change'] }],
+  adviceClass: [{ required: true, message: '投诉/建议类型必选', trigger: ['blur', 'change'] }],
+  adviceTime: [{ required: true, message: '投诉/建议时间不能为空', trigger: ['blur', 'change'] }],
+  adviceType: [{ required: true, message: '投诉/建议类别必选', trigger: ['blur', 'change'] }],
 }) // 表单验证规则
 // 初始化router
 const $router = useRouter()
@@ -108,82 +93,59 @@
   $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 handleSelectionChange = (e: customerPerson[]) => {
-  SelectionList.value = e
-}
-
-// 公司地址变化后给对象赋值
-function companyAddressChange(addressObj: IAddress) {
-  dataForm.value.companyCountry = addressObj.country
-  dataForm.value.companyProvince = addressObj.province
-  dataForm.value.companyCity = addressObj.city
-  dataForm.value.companyArea = addressObj.area
-  dataForm.value.companyAddress = addressObj.address
-  dataForm.value.companyCountryName = addressObj.countryName
-  dataForm.value.companyProvinceName = addressObj.provinceName
-  dataForm.value.companyCityName = addressObj.cityName
-  dataForm.value.companyAreaName = addressObj.areaName
-}
-
-function invoiceAddressChange(addressObj: IAddress) {
-  dataForm.value.invoiceCountry = addressObj.country
-  dataForm.value.invoiceProvince = addressObj.province
-  dataForm.value.invoiceCity = addressObj.city
-  dataForm.value.invoiceArea = addressObj.area
-  dataForm.value.invoiceAddress = addressObj.address
-  dataForm.value.invoiceCountryName = addressObj.countryName
-  dataForm.value.invoiceProvinceName = addressObj.provinceName
-  dataForm.value.invoiceCityName = addressObj.cityName
-  dataForm.value.invoiceAreaName = addressObj.areaName
-}
-// 点击增加行
-const addRow = () => {
-  // 检查上一行必填项
-  if (checkPersonList()) {
-    setAllRowReadable()
-    customerPersonList.value.push({ ...addPersonObj })
-  }
-}
-// 检查人员列表
-function checkPersonList() {
-  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]) {
-        ElMessage.warning(`请先完善第${index + 1}行中${prop.text}`)
-        return false
-      }
-      // 验证正则
-      if (prop.reg && typeof prop.reg === 'function') {
-        if (!prop.reg(item[prop.value])) {
-          ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
-          return false
-        }
-      }
+  loading.value = true
+  getAdviceDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      id: '1597579843411234817',
+      adviceNo: 'ts202201022131', // 投诉编号
+      adviceClass: '0', // 投诉类型
+      adviceType: '1', // 投诉类别
+      advicePerson: '张三', // 投诉人-名称
+      personPhone: '87447', // 投诉人联系方式
+      customerName: '特别大公司', // 公司名称
+      adviceTime: '2022-12-25 23:58:00',
+      customerNo: '', //	客户编号
+      customerId: '', // 客户id
+      content: '没人接电话', // 投诉内容
+      handleStatus: '0', // 处置状态-0未处置，1已处置
+      handleMessage: '', // 处置意见
     }
-  }
-  return true
+    dataForm.value = res.data
+    loading.value = false
+  })
 }
 
-// 删除行
-const deleteList = () => {
-  customerPersonList.value = customerPersonList.value.filter((item: customerPerson) => {
-    return !SelectionList.value.includes(item)
-  })
+const tempCompanyList = ref<SimpleCompany[]>([
+  { customerId: '111', customerNo: '12312456', customerName: '京东', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '112', customerNo: '12312451', customerName: '阿里', businessSizeName: '0~10万', companySizeName: '大企业', gradeName: '一般', evaluationName: '重点客户' },
+  { customerId: '113', customerNo: '12312452', customerName: '淘宝', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '114', customerNo: '12312453', customerName: '天猫', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '115', customerNo: '12312454', customerName: '203d', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+  { customerId: '116', customerNo: '12312456', customerName: '万达', businessSizeName: '0~10万', companySizeName: '小微企业', gradeName: '优质', evaluationName: '重点客户' },
+])
+// 查询公司列表
+const queryCompany = (queryString: string, cb: any) => {
+  // TODO: 远程查询符合要求的公司列表
+  const results = queryString ? tempCompanyList.value.filter((item) => { item.customerName.includes(queryString) }) : tempCompanyList.value
+  cb(results)
+}
+
+// 选中
+const handleCompanySelect = (select: Record<string, any>) => {
+  const item = select as SimpleCompany
+  companyInfo.customerName = item.customerName
+  companyInfo.customerNo = item.customerNo
+  companyInfo.customerId = item.customerId
+  companyInfo.gradeName = item.gradeName
+  companyInfo.companySizeName = item.companySizeName
+  companyInfo.businessSizeName = item.businessSizeName
+  companyInfo.evaluationName = item.evaluationName
 }
 // 打印表单
 const printObj = ref({
   id: 'form', // 需要打印元素的id
-  popTitle: '客户详情', // 打印配置页上方的标题
-  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>客户详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  popTitle: '投诉/建议详情', // 打印配置页上方的标题
+  // extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>投诉/建议详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
   preview: false, // 是否启动预览模式，默认是false
   standard: '',
   extarCss: '',
@@ -203,109 +165,67 @@
           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) {
+          updateAdvice(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 {
+          addAdvice(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)
+            }
+          })
+        }
       })
     }
   })
 }
-
-// 提交表单
-function submitForm() {
-  if (dataForm.value.id) {
-    const params = {
-      id: dataForm.value.id,
-      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
-    }
-    addCustomer(params).then((res) => {
-      ElMessage.success('提交成功')
-      close()
-    })
-  }
-  else {
-    ElMessage.info('请先保存再提交！')
-  }
-}
-const isShow = ref(false)
-const testForm = ref({
-  fileList: [],
-  fileContent: '',
-})
-const fileRef = ref() // 文件上传input
-const onFileChange = (event: any) => {
-  // 原生上传
-  console.log(event.target.files)
-  if (event.target.files?.length !== 0) {
-    // 创建formdata对象
-    const fd = new FormData()
-    fd.append('multipartFile', event.target.files[0])
-    UploadFile(fd).then((res) => {
-      if (res.code === 200) {
-        dataForm.value.minioFileName = res.data[0]
-        // 重置当前验证
-        ElMessage.success('文件上传成功')
-      }
-      else {
-        ElMessage.error(res.message)
-      }
-    })
-  }
-}
-const upload = () => {
-  fileRef.value.click()
-}
-// 双击行显示输入框
-const dblclickRow = (row: customerPerson) => {
-  setAllRowReadable()
-  row.editable = true
-}
-// 将所有人员信息列表置为不可编辑状态
-function setAllRowReadable() {
-  for (const item of customerPersonList.value) {
-    item.editable = false
-  }
-}
 // 非添加页面获取详情
 if (pageType.value !== 'add') {
   getInfo()
 }
+else {
+  dataForm.value.adviceTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
 </script>
 
 <template>
   <app-container>
-    <detail-page :title="`客户-${textMap[pageType]}`">
-      <template #btns>
-        <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>
-        <el-button type="info" @click="close">
-          关闭
-        </el-button>
-      </template>
-      <div id="form">
-        <el-form
-          ref="ruleFormRef"
-          :model="dataForm"
-          :label-width="120"
-          label-position="right"
-          :rules="rules"
-        >
+    <el-form
+      id="form"
+      ref="ruleFormRef"
+      :model="dataForm"
+      :label-width="120"
+      label-position="right"
+      :rules="rules"
+    >
+      <detail-page :title="`投诉/建议-${textMap[pageType]}`">
+        <template #btns>
+          <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+            打印
+          </el-button>
+          <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+            保存
+          </el-button>
+          <el-button type="info" @click="close">
+            关闭
+          </el-button>
+        </template>
+        <div>
           <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="客户编号:" prop="customerNo">
+              <el-form-item label="投诉/建议编号" prop="adviceNo">
                 <el-input
-                  v-model="dataForm.customerNo"
+                  v-model="dataForm.adviceNo"
                   :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
                   :class="{ 'detail-input': pageType === 'detail' }"
                   disabled
@@ -313,236 +233,150 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="税号:" prop="taxNumber">
+              <el-form-item label="投诉/建议类型" prop="adviceClass">
+                <el-select v-model="dataForm.adviceClass" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类型'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceClassList" :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="advicePerson">
                 <el-input
-                  v-model="dataForm.taxNumber"
-                  :placeholder="pageType === 'detail' ? '' : '请输入税号'"
+                  v-model="dataForm.advicePerson"
+                  :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-form-item label="投诉人联系方式" prop="personPhone">
                 <el-input
-                  v-model="dataForm.postalCode"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮编'"
+                  v-model="dataForm.personPhone"
+                  :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="adviceTime">
+                <el-date-picker
+                  v-model="dataForm.adviceTime"
+                  type="datetime"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  class="full-width-input"
+                  :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 label="投诉/建议类别" prop="adviceType">
+                <el-select v-model="dataForm.adviceType" :placeholder="pageType === 'detail' ? '' : '请选择投诉/建议类别'" :disabled="pageType === 'detail'" class="full-width-input">
+                  <el-option v-for="item in adviceTypeList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="24">
             <el-col :span="6">
-              <el-form-item label="公司名称:" prop="customerName">
-                <el-input
+              <el-form-item label="公司名称" prop="customerName">
+                <el-autocomplete
                   v-model="dataForm.customerName"
-                  :placeholder="pageType === 'detail' ? '' : '请输入公司名称'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :fetch-suggestions="queryCompany"
+                  placeholder="请输入公司名称"
+                  value-key="customerName"
+                  class="full-width-input"
                   :disabled="pageType === 'detail'"
+                  @select="handleCompanySelect"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="银行账户名:">
+              <el-form-item label="客户编号">
                 <el-input
-                  v-model="dataForm.bankAccount"
-                  :placeholder="pageType === 'detail' ? '' : '请输入银行账户名'"
+                  v-model="companyInfo.customerNo"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="负责人:">
+              <el-form-item label="公司规模">
                 <el-input
-                  v-model="dataForm.director"
-                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  v-model="companyInfo.companySizeName"
+                  placeholder=""
+                  disabled
                   :class="{ 'detail-input': pageType === 'detail' }"
-                  :disabled="pageType === 'detail'"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="邮箱:">
+              <el-form-item label="业务规模">
                 <el-input
-                  v-model="dataForm.mailbox"
-                  :placeholder="pageType === 'detail' ? '' : '请输入邮箱'"
+                  v-model="companyInfo.businessSizeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="履约评级">
+                <el-input
+                  v-model="companyInfo.gradeName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="整体评价">
+                <el-input
+                  v-model="companyInfo.evaluationName"
+                  placeholder=""
+                  disabled
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="投诉/建议内容" prop="content">
+                <el-input
+                  v-model="dataForm.content"
+                  :maxlength="250"
+                  :rows="4"
+                  type="textarea"
+                  :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"
-                  :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.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"
-                  :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"
-                  :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" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="5">
-            <el-form-item label="开票地址:">
-              <address-select :data="invoiceAddress" @on-change="invoiceAddressChange" />
-            </el-form-item>
-          </el-row>
-          <el-row :gutter="24">
-            <el-col :span="14">
-              <el-form-item label="公司业务范围:">
-                <el-input
-                  v-model="dataForm.businessScope"
-                  :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="14">
-              <el-form-item label="备注:">
-                <el-input
-                  v-model="dataForm.remark"
-                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
-                  :disabled="pageType === 'detail'"
-                  :class="{ 'detail-input': pageType === 'detail' }"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="24" class="marg">
-            <el-col :span="14">
-              <el-form-item label="附件:">
-                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
-                <span v-else-if="pageType === 'detail'">无</span>
-                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
-                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
-                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
-                </el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </detail-page>
-    <detail-block title="人员信息">
-      <template v-if="pageType !== 'detail'" #btns>
-        <el-button type="info" @click="deleteList">
-          删除行
-        </el-button>
-        <el-button type="primary" @click="addRow">
-          增加行
-        </el-button>
-      </template>
-      <el-table
-        :data="customerPersonList"
-        border
-        style="width: 100%;"
-        @selection-change="handleSelectionChange"
-        @row-dblclick="dblclickRow"
-      >
-        <el-table-column type="selection" width="38" />
-        <el-table-column align="center" label="序号" width="80" type="index" />
-        <el-table-column
-          v-for="item in columns"
-          :key="item.value"
-          :prop="item.value"
-          :label="item.text"
-          align="center"
-        >
-          <template #header>
-            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
-          </template>
-          <template #default="scope">
-            <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
-            <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
-          </template>
-        </el-table-column>
-      </el-table>
-    </detail-block>
+        </div>
+      </detail-page>
+      <detail-block title="处置意见">
+        <el-row>
+          <el-col :span="24">
+            <el-input
+              v-model="dataForm.handleMessage"
+              :maxlength="250"
+              :rows="4"
+              type="textarea"
+              :placeholder="pageType === 'detail' ? '' : '请输入处置意见'"
+              :class="{ 'detail-input': pageType === 'detail' }"
+              :disabled="pageType === 'detail'"
+            />
+          </el-col>
+        </el-row>
+      </detail-block>
+    </el-form>
   </app-container>
 </template>
 
diff --git a/src/views/customer/advice/adviceList.vue b/src/views/customer/advice/adviceList.vue
index e715bad..328d4d5 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 = [{ id: '1597579843411234817', 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') => {
-  $router.push(`/customerManage/${pageType}/${row.id}`)
+const handleEdit = (row: IAdvice, pageType: 'edit' | 'detail') => {
+  $router.push(`/customerManage/advice/${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,
   }
@@ -150,7 +147,7 @@
 }
 // 添加客户
 const add = () => {
-  $router.push('/customerManage/add')
+  $router.push('/customerManage/advice/add')
 }
 // 导出
 const exportAll = () => {
@@ -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,25 +227,38 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/advice/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
-      <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      <input v-show="false" ref="fileRef" type="file" accept="*" @change="onFileChange">
       <normal-table
         :data="list" :total="total" :columns="columns" :query="listQuery"
-        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/advice/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +275,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/advice/delete')"
                 size="small"
                 link
                 type="danger"
diff --git a/src/views/customer/advice/advice_interface.ts b/src/views/customer/advice/advice_interface.ts
index 8f404c4..e1800b7 100644
--- a/src/views/customer/advice/advice_interface.ts
+++ b/src/views/customer/advice/advice_interface.ts
@@ -1,74 +1,49 @@
 // 列表查询条件
-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 IAdvice {
+  id: string // 主键id（列表、更新接口参数）
+  adviceNo: string // 投诉编号
+  adviceClass: string // 投诉类型
+  adviceType: string // 投诉类别
+  advicePerson: string // 投诉人-名称
+  adviceTime: 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 // 创建人
 }
 
-// 客户信息-列表
-export interface ICustomer {
-  businessContent: string // 业务内容
+// 公司简易
+export interface SimpleCompany {
   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 // 负责人
-  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[] // 客户人员列表
+  customerNo: string //	客户编号
+  customerId: string // 客户id
+  gradeName: string // 履约评级
+  companySizeName: string // 公司规模
+  businessSizeName: string // 业务规模
+  evaluationName: string // 整体评价
 }
 
diff --git a/src/views/customer/customerInfo/customerEdit.vue b/src/views/customer/customerInfo/customerEdit.vue
index 9abfc48..35f7dc1 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..97572c7 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,14 +251,24 @@
           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>
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
-        <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/import')" icon="icon-template" title="模板下载" type="primary" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/meter/customer/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
       </template>
       <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
       <normal-table
@@ -237,10 +276,10 @@
         :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
       >
         <template #columns>
-          <el-table-column label="操作" align="center" width="140">
+          <el-table-column label="操作" align="center" width="120">
             <template #default="{ row }">
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                v-if="proxy.hasPerm('/meter/customer/update')"
                 size="small"
                 type="primary"
                 link
@@ -257,7 +296,7 @@
                 详情
               </el-button>
               <el-button
-                v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                v-if="proxy.hasPerm('/meter/customer/delete')"
                 size="small"
                 link
                 type="danger"
diff --git a/src/views/customer/customerInfo/customer_interface.ts b/src/views/customer/customerInfo/customer_interface.ts
index 8f404c4..e741f0d 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
@@ -32,8 +31,8 @@
   businessScope: string // 公司业务范围
   grade: string // 履约评级
   gradeName?: string // 履约评级
-  companySize: string
-  companySizeName?: string
+  companySize: string // 公司规模
+  companySizeName?: string // 公司规模
   businessSize: string // 业务规模
   businessSizeName?: string // 业务规模
   evaluation: string // 整体评价
@@ -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>
+