diff --git a/src/views/customer/customerInfo/customerAdd.vue b/src/views/customer/customerInfo/customerAdd.vue
new file mode 100644
index 0000000..a2d1d87
--- /dev/null
+++ b/src/views/customer/customerInfo/customerAdd.vue
@@ -0,0 +1,549 @@
+<script lang="ts" setup name="ListSourceAdd">
+/**
+ * 添加/编辑/详情溯源供方
+ */
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import baseInfoDetail from './components/baseInfoDetail.vue'
+import type { ISupplier, traceSupplierPerson } from './list_interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import { getSoucreListDetail, getSoucreListlevelType, sourceSave, sourceSubmit } from '@/api/measure/source'
+import { validatePhone } from '@/utils/validate'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const buttonLoading = ref(false) // 按钮加载状态
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+const formInline: Ref<ISupplier> = ref({
+  id: '',
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+  bankAccount: '',
+  bankAccountNumber: '',
+  bankName: '',
+  briefName: '',
+  businessScope: '',
+  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: '',
+  traceSupplierPersonList: [],
+})
+const companyAddress = ref<string[]>([]) // 公司地址
+const invoiceAddress = ref<string[]>([]) // 开票地址
+const traceSupplierPersonList: Ref<traceSupplierPerson[]> = 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 ruleFormRef = ref<FormInstance>()
+// 人员对象
+const addPersonObj: traceSupplierPerson = {
+  id: '',
+  personNo: '',
+  name: '',
+  department: '',
+  job: '',
+  phone: '',
+  editable: true,
+}
+const SelectionList: Ref<traceSupplierPerson[]> = ref([])
+// 校验规则
+const rules = ref({
+  supplierName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
+  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
+  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+const getInfo = () => {
+  getSoucreListDetail({ id: infoId.value }).then((res) => {
+    formInline.value = res.data
+    companyAddress.value = [formInline.value.companyCountry, formInline.value.companyProvince, formInline.value.companyCity, formInline.value.companyArea, formInline.value.companyAddress]
+    invoiceAddress.value = [formInline.value.invoiceCountry, formInline.value.invoiceProvince, formInline.value.invoiceCity, formInline.value.invoiceArea, formInline.value.invoiceAddress]
+  })
+}
+// 表格选中
+const handleSelectionChange = (e: traceSupplierPerson[]) => {
+  SelectionList.value = e
+}
+
+// 公司地址变化后给对象赋值
+function companyAddressChange(addressObj: IAddress) {
+  formInline.value.companyCountry = addressObj.country
+  formInline.value.companyProvince = addressObj.province
+  formInline.value.companyCity = addressObj.city
+  formInline.value.companyArea = addressObj.area
+  formInline.value.companyAddress = addressObj.address
+  formInline.value.companyCountryName = addressObj.countryName
+  formInline.value.companyProvinceName = addressObj.provinceName
+  formInline.value.companyCityName = addressObj.cityName
+  formInline.value.companyAreaName = addressObj.areaName
+}
+
+function invoiceAddressChange(addressObj: IAddress) {
+  formInline.value.invoiceCountry = addressObj.country
+  formInline.value.invoiceProvince = addressObj.province
+  formInline.value.invoiceCity = addressObj.city
+  formInline.value.invoiceArea = addressObj.area
+  formInline.value.invoiceAddress = addressObj.address
+  formInline.value.invoiceCountryName = addressObj.countryName
+  formInline.value.invoiceProvinceName = addressObj.provinceName
+  formInline.value.invoiceCityName = addressObj.cityName
+  formInline.value.invoiceAreaName = addressObj.areaName
+}
+// 点击增加行
+const addRow = () => {
+  // 检查上一行必填项
+  if (checkPersonList()) {
+    setAllRowReadable()
+    traceSupplierPersonList.value.push({ ...addPersonObj })
+  }
+}
+// 检查人员列表
+function checkPersonList() {
+  for (let index = 0; index < traceSupplierPersonList.value.length; index++) {
+    const item = traceSupplierPersonList.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
+        }
+      }
+    }
+  }
+  return true
+}
+
+// 删除行
+const deleteList = () => {
+  traceSupplierPersonList.value = traceSupplierPersonList.value.filter((item: traceSupplierPerson) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+// 打印表单
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '溯源供方详情', // 打印配置页上方的标题
+  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>溯源供方详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+
+// 保存至草稿箱
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        sourceSave(formInline.value).then((res) => {
+          if (res.code === 200) {
+            formInline.value.id = res.data.id
+            formInline.value.supplierNo = res.data.supplierNo
+            ElMessage.success('已保存')
+          }
+        })
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (formInline.value.id) {
+    const params = {
+      id: formInline.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    sourceSubmit(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) {
+        formInline.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// 双击行显示输入框
+const dblclickRow = (row: traceSupplierPerson) => {
+  setAllRowReadable()
+  row.editable = true
+}
+// 将所有人员信息列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of traceSupplierPersonList.value) {
+    item.editable = false
+  }
+}
+// 非添加页面获取详情
+if (pageType.value !== 'add') {
+  getInfo()
+}
+</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' && formInline.supplierNo" 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 v-if="pageType !== 'detail'" id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="formInline"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="溯源供方编号:" prop="supplierNo">
+                <el-input
+                  v-model="formInline.supplierNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="formInline.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="formInline.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="formInline.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="supplierName">
+                <el-input
+                  v-model="formInline.supplierName"
+                  :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="formInline.bankAccount"
+                  :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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.minioFileName" :minio-file-name="formInline.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': formInline.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ formInline.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <base-info-detail v-else :form-data="formInline" />
+    </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="traceSupplierPersonList"
+        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>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>

diff --git a/src/views/customer/customerInfo/customerAdd.vue b/src/views/customer/customerInfo/customerAdd.vue
new file mode 100644
index 0000000..a2d1d87
--- /dev/null
+++ b/src/views/customer/customerInfo/customerAdd.vue
@@ -0,0 +1,549 @@
+<script lang="ts" setup name="ListSourceAdd">
+/**
+ * 添加/编辑/详情溯源供方
+ */
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import baseInfoDetail from './components/baseInfoDetail.vue'
+import type { ISupplier, traceSupplierPerson } from './list_interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import { getSoucreListDetail, getSoucreListlevelType, sourceSave, sourceSubmit } from '@/api/measure/source'
+import { validatePhone } from '@/utils/validate'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const buttonLoading = ref(false) // 按钮加载状态
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+const formInline: Ref<ISupplier> = ref({
+  id: '',
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+  bankAccount: '',
+  bankAccountNumber: '',
+  bankName: '',
+  briefName: '',
+  businessScope: '',
+  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: '',
+  traceSupplierPersonList: [],
+})
+const companyAddress = ref<string[]>([]) // 公司地址
+const invoiceAddress = ref<string[]>([]) // 开票地址
+const traceSupplierPersonList: Ref<traceSupplierPerson[]> = 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 ruleFormRef = ref<FormInstance>()
+// 人员对象
+const addPersonObj: traceSupplierPerson = {
+  id: '',
+  personNo: '',
+  name: '',
+  department: '',
+  job: '',
+  phone: '',
+  editable: true,
+}
+const SelectionList: Ref<traceSupplierPerson[]> = ref([])
+// 校验规则
+const rules = ref({
+  supplierName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
+  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
+  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+const getInfo = () => {
+  getSoucreListDetail({ id: infoId.value }).then((res) => {
+    formInline.value = res.data
+    companyAddress.value = [formInline.value.companyCountry, formInline.value.companyProvince, formInline.value.companyCity, formInline.value.companyArea, formInline.value.companyAddress]
+    invoiceAddress.value = [formInline.value.invoiceCountry, formInline.value.invoiceProvince, formInline.value.invoiceCity, formInline.value.invoiceArea, formInline.value.invoiceAddress]
+  })
+}
+// 表格选中
+const handleSelectionChange = (e: traceSupplierPerson[]) => {
+  SelectionList.value = e
+}
+
+// 公司地址变化后给对象赋值
+function companyAddressChange(addressObj: IAddress) {
+  formInline.value.companyCountry = addressObj.country
+  formInline.value.companyProvince = addressObj.province
+  formInline.value.companyCity = addressObj.city
+  formInline.value.companyArea = addressObj.area
+  formInline.value.companyAddress = addressObj.address
+  formInline.value.companyCountryName = addressObj.countryName
+  formInline.value.companyProvinceName = addressObj.provinceName
+  formInline.value.companyCityName = addressObj.cityName
+  formInline.value.companyAreaName = addressObj.areaName
+}
+
+function invoiceAddressChange(addressObj: IAddress) {
+  formInline.value.invoiceCountry = addressObj.country
+  formInline.value.invoiceProvince = addressObj.province
+  formInline.value.invoiceCity = addressObj.city
+  formInline.value.invoiceArea = addressObj.area
+  formInline.value.invoiceAddress = addressObj.address
+  formInline.value.invoiceCountryName = addressObj.countryName
+  formInline.value.invoiceProvinceName = addressObj.provinceName
+  formInline.value.invoiceCityName = addressObj.cityName
+  formInline.value.invoiceAreaName = addressObj.areaName
+}
+// 点击增加行
+const addRow = () => {
+  // 检查上一行必填项
+  if (checkPersonList()) {
+    setAllRowReadable()
+    traceSupplierPersonList.value.push({ ...addPersonObj })
+  }
+}
+// 检查人员列表
+function checkPersonList() {
+  for (let index = 0; index < traceSupplierPersonList.value.length; index++) {
+    const item = traceSupplierPersonList.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
+        }
+      }
+    }
+  }
+  return true
+}
+
+// 删除行
+const deleteList = () => {
+  traceSupplierPersonList.value = traceSupplierPersonList.value.filter((item: traceSupplierPerson) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+// 打印表单
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '溯源供方详情', // 打印配置页上方的标题
+  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>溯源供方详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+
+// 保存至草稿箱
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        sourceSave(formInline.value).then((res) => {
+          if (res.code === 200) {
+            formInline.value.id = res.data.id
+            formInline.value.supplierNo = res.data.supplierNo
+            ElMessage.success('已保存')
+          }
+        })
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (formInline.value.id) {
+    const params = {
+      id: formInline.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    sourceSubmit(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) {
+        formInline.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// 双击行显示输入框
+const dblclickRow = (row: traceSupplierPerson) => {
+  setAllRowReadable()
+  row.editable = true
+}
+// 将所有人员信息列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of traceSupplierPersonList.value) {
+    item.editable = false
+  }
+}
+// 非添加页面获取详情
+if (pageType.value !== 'add') {
+  getInfo()
+}
+</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' && formInline.supplierNo" 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 v-if="pageType !== 'detail'" id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="formInline"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="溯源供方编号:" prop="supplierNo">
+                <el-input
+                  v-model="formInline.supplierNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="formInline.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="formInline.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="formInline.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="supplierName">
+                <el-input
+                  v-model="formInline.supplierName"
+                  :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="formInline.bankAccount"
+                  :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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.minioFileName" :minio-file-name="formInline.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': formInline.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ formInline.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <base-info-detail v-else :form-data="formInline" />
+    </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="traceSupplierPersonList"
+        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>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/customer/customerInfo/customerList.vue b/src/views/customer/customerInfo/customerList.vue
new file mode 100644
index 0000000..512bc24
--- /dev/null
+++ b/src/views/customer/customerInfo/customerList.vue
@@ -0,0 +1,331 @@
+<script lang="ts" setup name="CustomerList">
+import { getCurrentInstance, ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { ICustomer, ICustomerQuery } from './customer_interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+// import { exportSourceList, getSoucreList, getSoucreListDelete } from '@/api/measure/source'
+import { printJSON } from '@/utils/printUtils'
+import { exportFile } from '@/utils/exportUtils'
+// 查询条件
+const listQuery: Ref<ICustomerQuery> = ref({
+  bussinessSize: '', // 业务规模
+  customerName: '', // 公司名称
+  customerNo: '', // 客户编号
+  grade: '', // 履约评级
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref<ICustomer[]>([])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(0)
+// 表头
+const columns = ref<TableColumn[]>([
+  {
+    text: '客户编号',
+    value: 'customerNo',
+    width: '160',
+    align: 'center',
+  },
+  {
+    text: '客户名称',
+    value: 'customerName',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '公司规模',
+    value: 'businessContent',
+    align: 'center',
+  },
+  {
+    text: '业务规模',
+    value: 'businessScope',
+    align: 'center',
+  },
+  {
+    text: '履约评级',
+    value: 'director',
+    align: 'center',
+  },
+  {
+    text: '整体评价',
+    value: 'mobile',
+    align: 'center',
+  },
+  {
+    text: '公司地址',
+    value: 'briefName',
+    align: 'center',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    align: 'center',
+    width: '180px',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+    align: 'center',
+  },
+])
+
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 文件上传input
+const fileRef = ref()
+// 点击按钮
+const buttonType = ref('')
+const loadingTable = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  // getSoucreList(listQuery.value).then((response) => {
+  //   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
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+// 点击编辑id和删除row类型
+interface rowReturn {
+  id: string
+  customerName: string
+}
+const $router = useRouter()
+// 点击编辑/详情
+const handleEdit = (row: rowReturn, pageType: 'edit' | 'detail') => {
+  $router.push(`/source/${pageType}/${row.id}`)
+}
+// 点击删除
+const handleDelete = (index: string, row: rowReturn) => {
+  ElMessageBox.confirm(
+    `确认删除${row.customerName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      // getSoucreListDelete({ id: row.id as string }).then((res) => {
+      //   if (res.code === 200) {
+      //     ElMessage({
+      //       type: 'success',
+      //       message: '删除成功',
+      //     })
+      //     fetchData(true)
+      //   }
+      // })
+    })
+}
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    bussinessSize: '', // 业务规模
+    customerName: '', // 公司名称
+    customerNo: '', // 客户编号
+    grade: '', // 履约评级
+    offset: 1,
+    limit: 20,
+  }
+}
+
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 批量导入
+const uploadAll = () => {
+  // todo: 批量导入
+  fileRef.value.click()
+}
+// 添加客户
+const add = () => {
+  $router.push('/source/add')
+}
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      customerNo: '', // 业务内容
+      customerName: '', // 客户名称
+      businessContent: '', // 客户编号
+      ids: checkoutList.value,
+    }
+    exportSourceList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '客户列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  const properties = columns.value.map((item) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (checkoutList.value.length <= 0 && list.value.length > 0) {
+    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, '客户列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+</script>
+
+<template>
+  <div v-if="show">
+    <app-container>
+      <search-area
+        :need-clear="true"
+        @search="searchList" @clear="clearList"
+      >
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.customerNo"
+            placeholder="客户编号"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.customerName"
+            placeholder="客户名称"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.businessContent"
+            placeholder="业务内容"
+            clearable
+          />
+        </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" />
+        </template>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #columns>
+            <el-table-column label="操作" align="center" width="140">
+              <template #default="{ row }">
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleEdit(row, 'edit')"
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  size="small"
+                  link
+                  type="primary"
+                  @click="handleEdit(row, 'detail')"
+                >
+                  详情
+                </el-button>
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                  size="small"
+                  link
+                  type="danger"
+                  @click="handleDelete(row.$index, row)"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>

diff --git a/src/views/customer/customerInfo/customerAdd.vue b/src/views/customer/customerInfo/customerAdd.vue
new file mode 100644
index 0000000..a2d1d87
--- /dev/null
+++ b/src/views/customer/customerInfo/customerAdd.vue
@@ -0,0 +1,549 @@
+<script lang="ts" setup name="ListSourceAdd">
+/**
+ * 添加/编辑/详情溯源供方
+ */
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import baseInfoDetail from './components/baseInfoDetail.vue'
+import type { ISupplier, traceSupplierPerson } from './list_interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import { getSoucreListDetail, getSoucreListlevelType, sourceSave, sourceSubmit } from '@/api/measure/source'
+import { validatePhone } from '@/utils/validate'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const buttonLoading = ref(false) // 按钮加载状态
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+const formInline: Ref<ISupplier> = ref({
+  id: '',
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+  bankAccount: '',
+  bankAccountNumber: '',
+  bankName: '',
+  briefName: '',
+  businessScope: '',
+  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: '',
+  traceSupplierPersonList: [],
+})
+const companyAddress = ref<string[]>([]) // 公司地址
+const invoiceAddress = ref<string[]>([]) // 开票地址
+const traceSupplierPersonList: Ref<traceSupplierPerson[]> = 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 ruleFormRef = ref<FormInstance>()
+// 人员对象
+const addPersonObj: traceSupplierPerson = {
+  id: '',
+  personNo: '',
+  name: '',
+  department: '',
+  job: '',
+  phone: '',
+  editable: true,
+}
+const SelectionList: Ref<traceSupplierPerson[]> = ref([])
+// 校验规则
+const rules = ref({
+  supplierName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
+  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
+  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+const getInfo = () => {
+  getSoucreListDetail({ id: infoId.value }).then((res) => {
+    formInline.value = res.data
+    companyAddress.value = [formInline.value.companyCountry, formInline.value.companyProvince, formInline.value.companyCity, formInline.value.companyArea, formInline.value.companyAddress]
+    invoiceAddress.value = [formInline.value.invoiceCountry, formInline.value.invoiceProvince, formInline.value.invoiceCity, formInline.value.invoiceArea, formInline.value.invoiceAddress]
+  })
+}
+// 表格选中
+const handleSelectionChange = (e: traceSupplierPerson[]) => {
+  SelectionList.value = e
+}
+
+// 公司地址变化后给对象赋值
+function companyAddressChange(addressObj: IAddress) {
+  formInline.value.companyCountry = addressObj.country
+  formInline.value.companyProvince = addressObj.province
+  formInline.value.companyCity = addressObj.city
+  formInline.value.companyArea = addressObj.area
+  formInline.value.companyAddress = addressObj.address
+  formInline.value.companyCountryName = addressObj.countryName
+  formInline.value.companyProvinceName = addressObj.provinceName
+  formInline.value.companyCityName = addressObj.cityName
+  formInline.value.companyAreaName = addressObj.areaName
+}
+
+function invoiceAddressChange(addressObj: IAddress) {
+  formInline.value.invoiceCountry = addressObj.country
+  formInline.value.invoiceProvince = addressObj.province
+  formInline.value.invoiceCity = addressObj.city
+  formInline.value.invoiceArea = addressObj.area
+  formInline.value.invoiceAddress = addressObj.address
+  formInline.value.invoiceCountryName = addressObj.countryName
+  formInline.value.invoiceProvinceName = addressObj.provinceName
+  formInline.value.invoiceCityName = addressObj.cityName
+  formInline.value.invoiceAreaName = addressObj.areaName
+}
+// 点击增加行
+const addRow = () => {
+  // 检查上一行必填项
+  if (checkPersonList()) {
+    setAllRowReadable()
+    traceSupplierPersonList.value.push({ ...addPersonObj })
+  }
+}
+// 检查人员列表
+function checkPersonList() {
+  for (let index = 0; index < traceSupplierPersonList.value.length; index++) {
+    const item = traceSupplierPersonList.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
+        }
+      }
+    }
+  }
+  return true
+}
+
+// 删除行
+const deleteList = () => {
+  traceSupplierPersonList.value = traceSupplierPersonList.value.filter((item: traceSupplierPerson) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+// 打印表单
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '溯源供方详情', // 打印配置页上方的标题
+  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>溯源供方详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+
+// 保存至草稿箱
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        sourceSave(formInline.value).then((res) => {
+          if (res.code === 200) {
+            formInline.value.id = res.data.id
+            formInline.value.supplierNo = res.data.supplierNo
+            ElMessage.success('已保存')
+          }
+        })
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (formInline.value.id) {
+    const params = {
+      id: formInline.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    sourceSubmit(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) {
+        formInline.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// 双击行显示输入框
+const dblclickRow = (row: traceSupplierPerson) => {
+  setAllRowReadable()
+  row.editable = true
+}
+// 将所有人员信息列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of traceSupplierPersonList.value) {
+    item.editable = false
+  }
+}
+// 非添加页面获取详情
+if (pageType.value !== 'add') {
+  getInfo()
+}
+</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' && formInline.supplierNo" 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 v-if="pageType !== 'detail'" id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="formInline"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="溯源供方编号:" prop="supplierNo">
+                <el-input
+                  v-model="formInline.supplierNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="formInline.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="formInline.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="formInline.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="supplierName">
+                <el-input
+                  v-model="formInline.supplierName"
+                  :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="formInline.bankAccount"
+                  :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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.minioFileName" :minio-file-name="formInline.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': formInline.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ formInline.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <base-info-detail v-else :form-data="formInline" />
+    </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="traceSupplierPersonList"
+        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>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/customer/customerInfo/customerList.vue b/src/views/customer/customerInfo/customerList.vue
new file mode 100644
index 0000000..512bc24
--- /dev/null
+++ b/src/views/customer/customerInfo/customerList.vue
@@ -0,0 +1,331 @@
+<script lang="ts" setup name="CustomerList">
+import { getCurrentInstance, ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { ICustomer, ICustomerQuery } from './customer_interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+// import { exportSourceList, getSoucreList, getSoucreListDelete } from '@/api/measure/source'
+import { printJSON } from '@/utils/printUtils'
+import { exportFile } from '@/utils/exportUtils'
+// 查询条件
+const listQuery: Ref<ICustomerQuery> = ref({
+  bussinessSize: '', // 业务规模
+  customerName: '', // 公司名称
+  customerNo: '', // 客户编号
+  grade: '', // 履约评级
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref<ICustomer[]>([])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(0)
+// 表头
+const columns = ref<TableColumn[]>([
+  {
+    text: '客户编号',
+    value: 'customerNo',
+    width: '160',
+    align: 'center',
+  },
+  {
+    text: '客户名称',
+    value: 'customerName',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '公司规模',
+    value: 'businessContent',
+    align: 'center',
+  },
+  {
+    text: '业务规模',
+    value: 'businessScope',
+    align: 'center',
+  },
+  {
+    text: '履约评级',
+    value: 'director',
+    align: 'center',
+  },
+  {
+    text: '整体评价',
+    value: 'mobile',
+    align: 'center',
+  },
+  {
+    text: '公司地址',
+    value: 'briefName',
+    align: 'center',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    align: 'center',
+    width: '180px',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+    align: 'center',
+  },
+])
+
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 文件上传input
+const fileRef = ref()
+// 点击按钮
+const buttonType = ref('')
+const loadingTable = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  // getSoucreList(listQuery.value).then((response) => {
+  //   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
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+// 点击编辑id和删除row类型
+interface rowReturn {
+  id: string
+  customerName: string
+}
+const $router = useRouter()
+// 点击编辑/详情
+const handleEdit = (row: rowReturn, pageType: 'edit' | 'detail') => {
+  $router.push(`/source/${pageType}/${row.id}`)
+}
+// 点击删除
+const handleDelete = (index: string, row: rowReturn) => {
+  ElMessageBox.confirm(
+    `确认删除${row.customerName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      // getSoucreListDelete({ id: row.id as string }).then((res) => {
+      //   if (res.code === 200) {
+      //     ElMessage({
+      //       type: 'success',
+      //       message: '删除成功',
+      //     })
+      //     fetchData(true)
+      //   }
+      // })
+    })
+}
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    bussinessSize: '', // 业务规模
+    customerName: '', // 公司名称
+    customerNo: '', // 客户编号
+    grade: '', // 履约评级
+    offset: 1,
+    limit: 20,
+  }
+}
+
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 批量导入
+const uploadAll = () => {
+  // todo: 批量导入
+  fileRef.value.click()
+}
+// 添加客户
+const add = () => {
+  $router.push('/source/add')
+}
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      customerNo: '', // 业务内容
+      customerName: '', // 客户名称
+      businessContent: '', // 客户编号
+      ids: checkoutList.value,
+    }
+    exportSourceList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '客户列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  const properties = columns.value.map((item) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (checkoutList.value.length <= 0 && list.value.length > 0) {
+    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, '客户列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+</script>
+
+<template>
+  <div v-if="show">
+    <app-container>
+      <search-area
+        :need-clear="true"
+        @search="searchList" @clear="clearList"
+      >
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.customerNo"
+            placeholder="客户编号"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.customerName"
+            placeholder="客户名称"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.businessContent"
+            placeholder="业务内容"
+            clearable
+          />
+        </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" />
+        </template>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #columns>
+            <el-table-column label="操作" align="center" width="140">
+              <template #default="{ row }">
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleEdit(row, 'edit')"
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  size="small"
+                  link
+                  type="primary"
+                  @click="handleEdit(row, 'detail')"
+                >
+                  详情
+                </el-button>
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                  size="small"
+                  link
+                  type="danger"
+                  @click="handleDelete(row.$index, row)"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/customer/customerInfo/customer_interface.ts b/src/views/customer/customerInfo/customer_interface.ts
new file mode 100644
index 0000000..7edfdf9
--- /dev/null
+++ b/src/views/customer/customerInfo/customer_interface.ts
@@ -0,0 +1,66 @@
+// 列表查询条件
+export interface ICustomerQuery {
+  bussinessSize: string // 业务规模
+  customerName: string // 公司名称
+  customerNo: string // 客户编号
+  grade: string // 履约评级
+  offset: number
+  limit: number
+}
+
+// 客户人员
+export interface customerPerson {
+  id: number | string // id
+  job: string // 职务
+  department: string// 部门
+  name: string// 信命
+  personNo: string// 人员编号
+  phone: string// 联系方式
+  editable?: boolean // 是否可编辑
+  [key: string]: any
+}
+
+// 客户信息-列表
+export interface ICustomer {
+  businessContent: string // 业务内容
+  customerName: string // 公司名称
+  customerNo: string //	客户编号（列表、更新接口参数）
+  bankAccount: string // 银行账户名
+  bankAccountNumber: string // 银行账号
+  bankName: string // 银行名称
+  briefName: string // 公司简称
+  businessScope: string // 公司业务范围
+  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[] // 客户人员列表
+}
+

diff --git a/src/views/customer/customerInfo/customerAdd.vue b/src/views/customer/customerInfo/customerAdd.vue
new file mode 100644
index 0000000..a2d1d87
--- /dev/null
+++ b/src/views/customer/customerInfo/customerAdd.vue
@@ -0,0 +1,549 @@
+<script lang="ts" setup name="ListSourceAdd">
+/**
+ * 添加/编辑/详情溯源供方
+ */
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import baseInfoDetail from './components/baseInfoDetail.vue'
+import type { ISupplier, traceSupplierPerson } from './list_interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import { getSoucreListDetail, getSoucreListlevelType, sourceSave, sourceSubmit } from '@/api/measure/source'
+import { validatePhone } from '@/utils/validate'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const buttonLoading = ref(false) // 按钮加载状态
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+const formInline: Ref<ISupplier> = ref({
+  id: '',
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+  bankAccount: '',
+  bankAccountNumber: '',
+  bankName: '',
+  briefName: '',
+  businessScope: '',
+  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: '',
+  traceSupplierPersonList: [],
+})
+const companyAddress = ref<string[]>([]) // 公司地址
+const invoiceAddress = ref<string[]>([]) // 开票地址
+const traceSupplierPersonList: Ref<traceSupplierPerson[]> = 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 ruleFormRef = ref<FormInstance>()
+// 人员对象
+const addPersonObj: traceSupplierPerson = {
+  id: '',
+  personNo: '',
+  name: '',
+  department: '',
+  job: '',
+  phone: '',
+  editable: true,
+}
+const SelectionList: Ref<traceSupplierPerson[]> = ref([])
+// 校验规则
+const rules = ref({
+  supplierName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
+  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
+  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+const getInfo = () => {
+  getSoucreListDetail({ id: infoId.value }).then((res) => {
+    formInline.value = res.data
+    companyAddress.value = [formInline.value.companyCountry, formInline.value.companyProvince, formInline.value.companyCity, formInline.value.companyArea, formInline.value.companyAddress]
+    invoiceAddress.value = [formInline.value.invoiceCountry, formInline.value.invoiceProvince, formInline.value.invoiceCity, formInline.value.invoiceArea, formInline.value.invoiceAddress]
+  })
+}
+// 表格选中
+const handleSelectionChange = (e: traceSupplierPerson[]) => {
+  SelectionList.value = e
+}
+
+// 公司地址变化后给对象赋值
+function companyAddressChange(addressObj: IAddress) {
+  formInline.value.companyCountry = addressObj.country
+  formInline.value.companyProvince = addressObj.province
+  formInline.value.companyCity = addressObj.city
+  formInline.value.companyArea = addressObj.area
+  formInline.value.companyAddress = addressObj.address
+  formInline.value.companyCountryName = addressObj.countryName
+  formInline.value.companyProvinceName = addressObj.provinceName
+  formInline.value.companyCityName = addressObj.cityName
+  formInline.value.companyAreaName = addressObj.areaName
+}
+
+function invoiceAddressChange(addressObj: IAddress) {
+  formInline.value.invoiceCountry = addressObj.country
+  formInline.value.invoiceProvince = addressObj.province
+  formInline.value.invoiceCity = addressObj.city
+  formInline.value.invoiceArea = addressObj.area
+  formInline.value.invoiceAddress = addressObj.address
+  formInline.value.invoiceCountryName = addressObj.countryName
+  formInline.value.invoiceProvinceName = addressObj.provinceName
+  formInline.value.invoiceCityName = addressObj.cityName
+  formInline.value.invoiceAreaName = addressObj.areaName
+}
+// 点击增加行
+const addRow = () => {
+  // 检查上一行必填项
+  if (checkPersonList()) {
+    setAllRowReadable()
+    traceSupplierPersonList.value.push({ ...addPersonObj })
+  }
+}
+// 检查人员列表
+function checkPersonList() {
+  for (let index = 0; index < traceSupplierPersonList.value.length; index++) {
+    const item = traceSupplierPersonList.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
+        }
+      }
+    }
+  }
+  return true
+}
+
+// 删除行
+const deleteList = () => {
+  traceSupplierPersonList.value = traceSupplierPersonList.value.filter((item: traceSupplierPerson) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+// 打印表单
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '溯源供方详情', // 打印配置页上方的标题
+  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>溯源供方详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+
+// 保存至草稿箱
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        sourceSave(formInline.value).then((res) => {
+          if (res.code === 200) {
+            formInline.value.id = res.data.id
+            formInline.value.supplierNo = res.data.supplierNo
+            ElMessage.success('已保存')
+          }
+        })
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (formInline.value.id) {
+    const params = {
+      id: formInline.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    sourceSubmit(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) {
+        formInline.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// 双击行显示输入框
+const dblclickRow = (row: traceSupplierPerson) => {
+  setAllRowReadable()
+  row.editable = true
+}
+// 将所有人员信息列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of traceSupplierPersonList.value) {
+    item.editable = false
+  }
+}
+// 非添加页面获取详情
+if (pageType.value !== 'add') {
+  getInfo()
+}
+</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' && formInline.supplierNo" 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 v-if="pageType !== 'detail'" id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="formInline"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="溯源供方编号:" prop="supplierNo">
+                <el-input
+                  v-model="formInline.supplierNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="formInline.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="formInline.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="formInline.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="supplierName">
+                <el-input
+                  v-model="formInline.supplierName"
+                  :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="formInline.bankAccount"
+                  :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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.minioFileName" :minio-file-name="formInline.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': formInline.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ formInline.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <base-info-detail v-else :form-data="formInline" />
+    </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="traceSupplierPersonList"
+        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>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/customer/customerInfo/customerList.vue b/src/views/customer/customerInfo/customerList.vue
new file mode 100644
index 0000000..512bc24
--- /dev/null
+++ b/src/views/customer/customerInfo/customerList.vue
@@ -0,0 +1,331 @@
+<script lang="ts" setup name="CustomerList">
+import { getCurrentInstance, ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { ICustomer, ICustomerQuery } from './customer_interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+// import { exportSourceList, getSoucreList, getSoucreListDelete } from '@/api/measure/source'
+import { printJSON } from '@/utils/printUtils'
+import { exportFile } from '@/utils/exportUtils'
+// 查询条件
+const listQuery: Ref<ICustomerQuery> = ref({
+  bussinessSize: '', // 业务规模
+  customerName: '', // 公司名称
+  customerNo: '', // 客户编号
+  grade: '', // 履约评级
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref<ICustomer[]>([])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(0)
+// 表头
+const columns = ref<TableColumn[]>([
+  {
+    text: '客户编号',
+    value: 'customerNo',
+    width: '160',
+    align: 'center',
+  },
+  {
+    text: '客户名称',
+    value: 'customerName',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '公司规模',
+    value: 'businessContent',
+    align: 'center',
+  },
+  {
+    text: '业务规模',
+    value: 'businessScope',
+    align: 'center',
+  },
+  {
+    text: '履约评级',
+    value: 'director',
+    align: 'center',
+  },
+  {
+    text: '整体评价',
+    value: 'mobile',
+    align: 'center',
+  },
+  {
+    text: '公司地址',
+    value: 'briefName',
+    align: 'center',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    align: 'center',
+    width: '180px',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+    align: 'center',
+  },
+])
+
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 文件上传input
+const fileRef = ref()
+// 点击按钮
+const buttonType = ref('')
+const loadingTable = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  // getSoucreList(listQuery.value).then((response) => {
+  //   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
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+// 点击编辑id和删除row类型
+interface rowReturn {
+  id: string
+  customerName: string
+}
+const $router = useRouter()
+// 点击编辑/详情
+const handleEdit = (row: rowReturn, pageType: 'edit' | 'detail') => {
+  $router.push(`/source/${pageType}/${row.id}`)
+}
+// 点击删除
+const handleDelete = (index: string, row: rowReturn) => {
+  ElMessageBox.confirm(
+    `确认删除${row.customerName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      // getSoucreListDelete({ id: row.id as string }).then((res) => {
+      //   if (res.code === 200) {
+      //     ElMessage({
+      //       type: 'success',
+      //       message: '删除成功',
+      //     })
+      //     fetchData(true)
+      //   }
+      // })
+    })
+}
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    bussinessSize: '', // 业务规模
+    customerName: '', // 公司名称
+    customerNo: '', // 客户编号
+    grade: '', // 履约评级
+    offset: 1,
+    limit: 20,
+  }
+}
+
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 批量导入
+const uploadAll = () => {
+  // todo: 批量导入
+  fileRef.value.click()
+}
+// 添加客户
+const add = () => {
+  $router.push('/source/add')
+}
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      customerNo: '', // 业务内容
+      customerName: '', // 客户名称
+      businessContent: '', // 客户编号
+      ids: checkoutList.value,
+    }
+    exportSourceList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '客户列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  const properties = columns.value.map((item) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (checkoutList.value.length <= 0 && list.value.length > 0) {
+    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, '客户列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+</script>
+
+<template>
+  <div v-if="show">
+    <app-container>
+      <search-area
+        :need-clear="true"
+        @search="searchList" @clear="clearList"
+      >
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.customerNo"
+            placeholder="客户编号"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.customerName"
+            placeholder="客户名称"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.businessContent"
+            placeholder="业务内容"
+            clearable
+          />
+        </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" />
+        </template>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #columns>
+            <el-table-column label="操作" align="center" width="140">
+              <template #default="{ row }">
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleEdit(row, 'edit')"
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  size="small"
+                  link
+                  type="primary"
+                  @click="handleEdit(row, 'detail')"
+                >
+                  详情
+                </el-button>
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                  size="small"
+                  link
+                  type="danger"
+                  @click="handleDelete(row.$index, row)"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/customer/customerInfo/customer_interface.ts b/src/views/customer/customerInfo/customer_interface.ts
new file mode 100644
index 0000000..7edfdf9
--- /dev/null
+++ b/src/views/customer/customerInfo/customer_interface.ts
@@ -0,0 +1,66 @@
+// 列表查询条件
+export interface ICustomerQuery {
+  bussinessSize: string // 业务规模
+  customerName: string // 公司名称
+  customerNo: string // 客户编号
+  grade: string // 履约评级
+  offset: number
+  limit: number
+}
+
+// 客户人员
+export interface customerPerson {
+  id: number | string // id
+  job: string // 职务
+  department: string// 部门
+  name: string// 信命
+  personNo: string// 人员编号
+  phone: string// 联系方式
+  editable?: boolean // 是否可编辑
+  [key: string]: any
+}
+
+// 客户信息-列表
+export interface ICustomer {
+  businessContent: string // 业务内容
+  customerName: string // 公司名称
+  customerNo: string //	客户编号（列表、更新接口参数）
+  bankAccount: string // 银行账户名
+  bankAccountNumber: string // 银行账号
+  bankName: string // 银行名称
+  briefName: string // 公司简称
+  businessScope: string // 公司业务范围
+  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[] // 客户人员列表
+}
+
diff --git a/src/views/device/standingBook/components/baseInfo.vue b/src/views/device/standingBook/components/baseInfo.vue
index 95130bd..13291b2 100644
--- a/src/views/device/standingBook/components/baseInfo.vue
+++ b/src/views/device/standingBook/components/baseInfo.vue
@@ -706,7 +706,7 @@
         <el-col :span="12">
           <el-form-item label="说明书" prop="minioFileName">
             <show-photo v-if="ruleForm.fileList.length > 0" :minio-file-name="ruleForm.fileList[0]?.minioFileName || ''" />
-            <input ref="fileRef" style="width: 0;" type="file" @change="onFileChange">
+            <input ref="fileRef" style="width: 0;overflow: hidden;" type="file" @change="onFileChange">
             <el-button v-if="!isDetail" type="primary" :style="{ 'margin-left': ruleForm.fileList.length > 0 ? '20px' : '0px' }" @click="upload">
               {{ ruleForm.fileList[0]?.minioFileName ? '更换' : '上传' }}
             </el-button>

diff --git a/src/views/customer/customerInfo/customerAdd.vue b/src/views/customer/customerInfo/customerAdd.vue
new file mode 100644
index 0000000..a2d1d87
--- /dev/null
+++ b/src/views/customer/customerInfo/customerAdd.vue
@@ -0,0 +1,549 @@
+<script lang="ts" setup name="ListSourceAdd">
+/**
+ * 添加/编辑/详情溯源供方
+ */
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import baseInfoDetail from './components/baseInfoDetail.vue'
+import type { ISupplier, traceSupplierPerson } from './list_interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import { getSoucreListDetail, getSoucreListlevelType, sourceSave, sourceSubmit } from '@/api/measure/source'
+import { validatePhone } from '@/utils/validate'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const buttonLoading = ref(false) // 按钮加载状态
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+const formInline: Ref<ISupplier> = ref({
+  id: '',
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+  bankAccount: '',
+  bankAccountNumber: '',
+  bankName: '',
+  briefName: '',
+  businessScope: '',
+  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: '',
+  traceSupplierPersonList: [],
+})
+const companyAddress = ref<string[]>([]) // 公司地址
+const invoiceAddress = ref<string[]>([]) // 开票地址
+const traceSupplierPersonList: Ref<traceSupplierPerson[]> = 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 ruleFormRef = ref<FormInstance>()
+// 人员对象
+const addPersonObj: traceSupplierPerson = {
+  id: '',
+  personNo: '',
+  name: '',
+  department: '',
+  job: '',
+  phone: '',
+  editable: true,
+}
+const SelectionList: Ref<traceSupplierPerson[]> = ref([])
+// 校验规则
+const rules = ref({
+  supplierName: [{ required: true, message: '公司名称不能为空', trigger: 'blur' }],
+  businessContent: [{ required: true, message: '业务内容不能为空', trigger: 'blur' }],
+  taxNumber: [{ required: true, message: '税号不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+const getInfo = () => {
+  getSoucreListDetail({ id: infoId.value }).then((res) => {
+    formInline.value = res.data
+    companyAddress.value = [formInline.value.companyCountry, formInline.value.companyProvince, formInline.value.companyCity, formInline.value.companyArea, formInline.value.companyAddress]
+    invoiceAddress.value = [formInline.value.invoiceCountry, formInline.value.invoiceProvince, formInline.value.invoiceCity, formInline.value.invoiceArea, formInline.value.invoiceAddress]
+  })
+}
+// 表格选中
+const handleSelectionChange = (e: traceSupplierPerson[]) => {
+  SelectionList.value = e
+}
+
+// 公司地址变化后给对象赋值
+function companyAddressChange(addressObj: IAddress) {
+  formInline.value.companyCountry = addressObj.country
+  formInline.value.companyProvince = addressObj.province
+  formInline.value.companyCity = addressObj.city
+  formInline.value.companyArea = addressObj.area
+  formInline.value.companyAddress = addressObj.address
+  formInline.value.companyCountryName = addressObj.countryName
+  formInline.value.companyProvinceName = addressObj.provinceName
+  formInline.value.companyCityName = addressObj.cityName
+  formInline.value.companyAreaName = addressObj.areaName
+}
+
+function invoiceAddressChange(addressObj: IAddress) {
+  formInline.value.invoiceCountry = addressObj.country
+  formInline.value.invoiceProvince = addressObj.province
+  formInline.value.invoiceCity = addressObj.city
+  formInline.value.invoiceArea = addressObj.area
+  formInline.value.invoiceAddress = addressObj.address
+  formInline.value.invoiceCountryName = addressObj.countryName
+  formInline.value.invoiceProvinceName = addressObj.provinceName
+  formInline.value.invoiceCityName = addressObj.cityName
+  formInline.value.invoiceAreaName = addressObj.areaName
+}
+// 点击增加行
+const addRow = () => {
+  // 检查上一行必填项
+  if (checkPersonList()) {
+    setAllRowReadable()
+    traceSupplierPersonList.value.push({ ...addPersonObj })
+  }
+}
+// 检查人员列表
+function checkPersonList() {
+  for (let index = 0; index < traceSupplierPersonList.value.length; index++) {
+    const item = traceSupplierPersonList.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
+        }
+      }
+    }
+  }
+  return true
+}
+
+// 删除行
+const deleteList = () => {
+  traceSupplierPersonList.value = traceSupplierPersonList.value.filter((item: traceSupplierPerson) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+// 打印表单
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '溯源供方详情', // 打印配置页上方的标题
+  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>溯源供方详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+
+// 保存至草稿箱
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        sourceSave(formInline.value).then((res) => {
+          if (res.code === 200) {
+            formInline.value.id = res.data.id
+            formInline.value.supplierNo = res.data.supplierNo
+            ElMessage.success('已保存')
+          }
+        })
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (formInline.value.id) {
+    const params = {
+      id: formInline.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    sourceSubmit(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) {
+        formInline.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// 双击行显示输入框
+const dblclickRow = (row: traceSupplierPerson) => {
+  setAllRowReadable()
+  row.editable = true
+}
+// 将所有人员信息列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of traceSupplierPersonList.value) {
+    item.editable = false
+  }
+}
+// 非添加页面获取详情
+if (pageType.value !== 'add') {
+  getInfo()
+}
+</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' && formInline.supplierNo" 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 v-if="pageType !== 'detail'" id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="formInline"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="溯源供方编号:" prop="supplierNo">
+                <el-input
+                  v-model="formInline.supplierNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="税号:" prop="taxNumber">
+                <el-input
+                  v-model="formInline.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="formInline.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="formInline.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="supplierName">
+                <el-input
+                  v-model="formInline.supplierName"
+                  :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="formInline.bankAccount"
+                  :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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.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="formInline.minioFileName" :minio-file-name="formInline.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': formInline.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ formInline.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <base-info-detail v-else :form-data="formInline" />
+    </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="traceSupplierPersonList"
+        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>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/customer/customerInfo/customerList.vue b/src/views/customer/customerInfo/customerList.vue
new file mode 100644
index 0000000..512bc24
--- /dev/null
+++ b/src/views/customer/customerInfo/customerList.vue
@@ -0,0 +1,331 @@
+<script lang="ts" setup name="CustomerList">
+import { getCurrentInstance, ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { ICustomer, ICustomerQuery } from './customer_interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+// import { exportSourceList, getSoucreList, getSoucreListDelete } from '@/api/measure/source'
+import { printJSON } from '@/utils/printUtils'
+import { exportFile } from '@/utils/exportUtils'
+// 查询条件
+const listQuery: Ref<ICustomerQuery> = ref({
+  bussinessSize: '', // 业务规模
+  customerName: '', // 公司名称
+  customerNo: '', // 客户编号
+  grade: '', // 履约评级
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref<ICustomer[]>([])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(0)
+// 表头
+const columns = ref<TableColumn[]>([
+  {
+    text: '客户编号',
+    value: 'customerNo',
+    width: '160',
+    align: 'center',
+  },
+  {
+    text: '客户名称',
+    value: 'customerName',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '公司规模',
+    value: 'businessContent',
+    align: 'center',
+  },
+  {
+    text: '业务规模',
+    value: 'businessScope',
+    align: 'center',
+  },
+  {
+    text: '履约评级',
+    value: 'director',
+    align: 'center',
+  },
+  {
+    text: '整体评价',
+    value: 'mobile',
+    align: 'center',
+  },
+  {
+    text: '公司地址',
+    value: 'briefName',
+    align: 'center',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    align: 'center',
+    width: '180px',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+    align: 'center',
+  },
+])
+
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 文件上传input
+const fileRef = ref()
+// 点击按钮
+const buttonType = ref('')
+const loadingTable = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  // getSoucreList(listQuery.value).then((response) => {
+  //   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
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+// 点击编辑id和删除row类型
+interface rowReturn {
+  id: string
+  customerName: string
+}
+const $router = useRouter()
+// 点击编辑/详情
+const handleEdit = (row: rowReturn, pageType: 'edit' | 'detail') => {
+  $router.push(`/source/${pageType}/${row.id}`)
+}
+// 点击删除
+const handleDelete = (index: string, row: rowReturn) => {
+  ElMessageBox.confirm(
+    `确认删除${row.customerName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      // getSoucreListDelete({ id: row.id as string }).then((res) => {
+      //   if (res.code === 200) {
+      //     ElMessage({
+      //       type: 'success',
+      //       message: '删除成功',
+      //     })
+      //     fetchData(true)
+      //   }
+      // })
+    })
+}
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    bussinessSize: '', // 业务规模
+    customerName: '', // 公司名称
+    customerNo: '', // 客户编号
+    grade: '', // 履约评级
+    offset: 1,
+    limit: 20,
+  }
+}
+
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 批量导入
+const uploadAll = () => {
+  // todo: 批量导入
+  fileRef.value.click()
+}
+// 添加客户
+const add = () => {
+  $router.push('/source/add')
+}
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      customerNo: '', // 业务内容
+      customerName: '', // 客户名称
+      businessContent: '', // 客户编号
+      ids: checkoutList.value,
+    }
+    exportSourceList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '客户列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  const properties = columns.value.map((item) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (checkoutList.value.length <= 0 && list.value.length > 0) {
+    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, '客户列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+</script>
+
+<template>
+  <div v-if="show">
+    <app-container>
+      <search-area
+        :need-clear="true"
+        @search="searchList" @clear="clearList"
+      >
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.customerNo"
+            placeholder="客户编号"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.customerName"
+            placeholder="客户名称"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.businessContent"
+            placeholder="业务内容"
+            clearable
+          />
+        </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" />
+        </template>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #columns>
+            <el-table-column label="操作" align="center" width="140">
+              <template #default="{ row }">
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleEdit(row, 'edit')"
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  size="small"
+                  link
+                  type="primary"
+                  @click="handleEdit(row, 'detail')"
+                >
+                  详情
+                </el-button>
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                  size="small"
+                  link
+                  type="danger"
+                  @click="handleDelete(row.$index, row)"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/customer/customerInfo/customer_interface.ts b/src/views/customer/customerInfo/customer_interface.ts
new file mode 100644
index 0000000..7edfdf9
--- /dev/null
+++ b/src/views/customer/customerInfo/customer_interface.ts
@@ -0,0 +1,66 @@
+// 列表查询条件
+export interface ICustomerQuery {
+  bussinessSize: string // 业务规模
+  customerName: string // 公司名称
+  customerNo: string // 客户编号
+  grade: string // 履约评级
+  offset: number
+  limit: number
+}
+
+// 客户人员
+export interface customerPerson {
+  id: number | string // id
+  job: string // 职务
+  department: string// 部门
+  name: string// 信命
+  personNo: string// 人员编号
+  phone: string// 联系方式
+  editable?: boolean // 是否可编辑
+  [key: string]: any
+}
+
+// 客户信息-列表
+export interface ICustomer {
+  businessContent: string // 业务内容
+  customerName: string // 公司名称
+  customerNo: string //	客户编号（列表、更新接口参数）
+  bankAccount: string // 银行账户名
+  bankAccountNumber: string // 银行账号
+  bankName: string // 银行名称
+  briefName: string // 公司简称
+  businessScope: string // 公司业务范围
+  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[] // 客户人员列表
+}
+
diff --git a/src/views/device/standingBook/components/baseInfo.vue b/src/views/device/standingBook/components/baseInfo.vue
index 95130bd..13291b2 100644
--- a/src/views/device/standingBook/components/baseInfo.vue
+++ b/src/views/device/standingBook/components/baseInfo.vue
@@ -706,7 +706,7 @@
         <el-col :span="12">
           <el-form-item label="说明书" prop="minioFileName">
             <show-photo v-if="ruleForm.fileList.length > 0" :minio-file-name="ruleForm.fileList[0]?.minioFileName || ''" />
-            <input ref="fileRef" style="width: 0;" type="file" @change="onFileChange">
+            <input ref="fileRef" style="width: 0;overflow: hidden;" type="file" @change="onFileChange">
             <el-button v-if="!isDetail" type="primary" :style="{ 'margin-left': ruleForm.fileList.length > 0 ? '20px' : '0px' }" @click="upload">
               {{ ruleForm.fileList[0]?.minioFileName ? '更换' : '上传' }}
             </el-button>
diff --git a/src/views/measure/source/components/sourceApprovalDetail.vue b/src/views/measure/source/components/sourceApprovalDetail.vue
index 7b0fc62..9f8f277 100644
--- a/src/views/measure/source/components/sourceApprovalDetail.vue
+++ b/src/views/measure/source/components/sourceApprovalDetail.vue
@@ -1,18 +1,14 @@
 <script lang="ts" setup name="SourceApprovalDetail">
 // 溯源供方审批详情
-import { reactive, ref } from 'vue'
+import { ref } from 'vue'
 import type { Ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
 import type { IButton, ISupplier, traceSupplierPerson } from '../list_interface'
 import baseInfoDetail from './baseInfoDetail.vue'
-import { getSoucreListDetail, getSoucreListlevelType } from '@/api/measure/source'
+import { getSoucreListDetail } from '@/api/measure/source'
 import { submitApproval } from '@/api/approval'
-const loading = ref(false) // 表单加载状态
 const infoId = ref('') // id
 const buttonArray = ref<IButton[]>([])
-const pageType = ref('detail') // 页面类型: detail
-const buttonLoading = ref(false) // 按钮加载状态
 
 const buttonsSet: { [key: string]: IButton[] } = {
   2: [{ name: '查看', type: 'primary' },
@@ -84,7 +80,6 @@
 }
 getInfo()
 
-const ruleFormRef = ref<FormInstance>()
 const traceSupplierPersonList: Ref<traceSupplierPerson[]> = ref([])
 const columns = [
   { text: '人员编号', value: 'personNo' },
@@ -94,14 +89,6 @@
   { text: '联系方式', value: 'phone' },
 ]
 
-const provinceList = ref([])
-const fileList = ref<UploadUserFile[]>([])
-const cityList = ref([])
-const areaList = ref([])
-const invoiceProvince = ref([])
-const invoiceCityList = ref([])
-const areaInvoiceList = ref([])
-
 // 初始化router
 const $router = useRouter()
 // 关闭新增页面的回调
@@ -128,52 +115,6 @@
   },
 ]
 
-// 获取公司地址省级
-const getCompanyAddress = (type: string) => {
-  getSoucreListlevelType(type).then((res) => {
-    provinceList.value = res.data
-  })
-}
-// 公司地址省级的值发生改变
-const changeProvince = (e: any) => {
-  cityList.value = []
-  areaList.value = []
-  dataForm.value.companyCity = ''
-  dataForm.value.companyArea = ''
-
-  getSoucreListlevelType(e).then((res) => {
-    cityList.value = res.data
-  })
-}
-// 公司地址市级发生改变
-const cityChange = (e: any) => {
-  areaList.value = []
-  dataForm.value.companyArea = ''
-  getSoucreListlevelType(e).then((res) => {
-    areaList.value = res.data
-  })
-}
-// 获取到开票地址省级
-const getinvoiceProvinceList = (type: string) => {
-  getSoucreListlevelType(type).then((res) => {
-    invoiceProvince.value = res.data
-  })
-}
-// 开票地址省级发生改变
-const changeInvoice = (e: any) => {
-  dataForm.value.invoiceCity = ''
-  dataForm.value.invoiceArea = ''
-  getSoucreListlevelType(e).then((res) => {
-    invoiceCityList.value = res.data
-  })
-}
-// 开票地址市级发生改变
-const invoiceCityChange = (e: string) => {
-  dataForm.value.invoiceArea = ''
-  getSoucreListlevelType(e).then((res) => {
-    areaInvoiceList.value = res.data
-  })
-}
 // 审批结束回调
 const approvalSuccess = () => {
   getInfo()